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

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.    <head>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <title>Siap4D: Login Platform Situs Game Online Terbaik Di Indonesia</title>
  7.        <meta name="description" content="Siap4D hadir sebagai platform game online terpercaya Indonesia dengan link akses fitur login lebih cepat, praktis dan peluang menang lebih besar..">
  8. <meta name="keywords" content="siap4d, siap 4d, situs online, llink siap4d, daftar siap4d, siap4d link login, siap4d link alternatif, siap4d login."/>
  9. <link rel="canonical" href="https://siap4d.ai/ " />
  10. <link rel="amphtml" href="https://ampsiapku.b-cdn.net/amp.html" />
  11. <link rel="icon" href="https://siap4dgroup.b-cdn.net/cdn/siap4d/favicon.png" type="image/png">
  12. <meta name="robots" content="index, follow" />
  13. <meta name="googlebot" content="index, follow">
  14. <meta name="author" content="SIAP4D" />
  15. <meta name="copyright" content="SIAP4D">
  16. <meta name="rating" content="general" />
  17. <meta name="geo.region" content="ID" />
  18. <meta name="geo.country" content="id" />
  19. <meta name="geo.placename" content="Indonesia" />
  20. <meta name="publisher" content="SIAP4D" />
  21. <meta property="og:type" content="website" />
  22. <meta property="og:title" content="Siap4D: Login Platform Situs Game Online Terbaik Di Indonesia" />
  23. <meta property="og:description" content="Siap4D hadir sebagai platform game online terpercaya Indonesia dengan link akses fitur login lebih cepat, praktis dan peluang menang lebih besar." />
  24. <meta property="og:url" content="https://siap4d.ai/ " />
  25. <meta property="og:site_name" content="SIAP4D" />
  26. <meta property="og:locale:alternate" content="id_ID" />
  27. <meta name="google-site-verification" content="AwlFSj2hKim9Ngz7V3Z4D9q3Fvfvx12yVxMEF5c41v0" />
  28. <meta name="google-site-verification" content="j-kVWeL78LLsEaJ0vjWvBYeFCEDDCgCNvhf8VuDa3x8" />
  29. <meta name="google-site-verification" content="oKupBgt6rcFDU6yEX-47EHH65__a9CN1D9E6zW4ls3M" />
  30. <meta name='verifikasi-situs-dmca' content='UU8xUTBNdVY2K3FuSXdVR09zTkNGeGFVV1M0c3dqSU1lT1F5MVpETEhNND01' />
  31. <meta name='dmca-site-verification' content='WVN0NlBLeDVRMmxwYkdTYzJaUHZQZz090' />
  32. <!-- Google tag (gtag.js) -->
  33. <script async src="https://www.googletagmanager.com/gtag/js?id=G-4MBSVDX6V8"></script>
  34. <script>
  35.  window.dataLayer = window.dataLayer || [];
  36.  function gtag(){dataLayer.push(arguments);}
  37.  gtag('js', new Date());
  38.  
  39.  gtag('config', 'G-4MBSVDX6V8');
  40. </script>
  41. <script type="application/ld+json">
  42. {
  43. "@context": "https://schema.org",
  44. "@type": "Organization",
  45. "url": "https://siap4d.ai",
  46. "logo": "https://siap4d-mobile.b-cdn.net/images/siap4d-logo.png"
  47. }
  48. </script>
  49. <script type="application/ld+json">
  50.      {
  51.        "@context": "http://schema.org",
  52.        "@type": "Game",
  53.        "name": "siap4d",
  54.        "author": { "@type": "Person", "name": "siap4d" },
  55.        "headline": "Siap4D: Login Platform Situs Game Online Terbaik Di Indonesia",
  56.        "description": "Siap4D hadir sebagai platform game online terpercaya Indonesia dengan link akses fitur login lebih cepat, praktis dan peluang menang lebih besar.",
  57.        "keywords": ["siap4d", "siap4d login", "situs siap4d", "siap 4d", "Siap4d link login", "siap4d link alternatif"],
  58.        "image": "https://siap4d-mobile.b-cdn.net/images/siap4d-agen-situs-slot-gacor-deposit-pulsa-tanpa-potongan.jpg",
  59.        "url": "https://siap4d.ai",
  60.        "publisher": { "@type": "Organization", "name": "Siap4d" },
  61.        "aggregateRating": { "@type": "AggregateRating", "ratingValue": "98", "bestRating": "100", "worstRating": "0", "ratingCount": "233325" },
  62.        "inLanguage": "id-ID"
  63.      }
  64.      </script>                <meta name="viewport" content="width=1200, initial-scale=0.33">
  65.        
  66.        <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">
  67.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  68.        <link rel="stylesheet" href="/style.scss" >
  69.  
  70.        <!--<link rel="stylesheet" href="/css/old/template/PP.css">-->
  71.        <link rel="stylesheet" href="/css/old/template/PP.css">
  72.        <link rel="stylesheet" href="/css/old/variable.css">
  73.        
  74.                <link rel="stylesheet" href="/css/old/dark.css">
  75.                
  76.        <link rel="stylesheet" href="/css/old/style.css">
  77.        <link rel="icon" type="image/png" href="favicon.png">
  78.  
  79.  
  80.        <script src="/js/old/jquery-3.6.4.min.js"></script>
  81.        
  82.        <style>
  83.            
  84.            .login-input-field {
  85.                font-size: 1rem;
  86.            }
  87.            
  88.            .btn-aduan {
  89.                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
  90.                -webkit-background-clip: text;
  91.                -webkit-text-fill-color: transparent;
  92.                background-size: 300% 300%;
  93.                animation: gradient 2s ease infinite;
  94.            }
  95.            
  96.            .transaksi-title {
  97.                place-items: start;
  98.            }
  99.  
  100.            
  101.            @media only screen and (max-width: 1000px) {
  102.                
  103.            .transaksi-title {
  104.                place-items: center;
  105.            }
  106.                
  107.                .login-input-field {
  108.                    font-size: 1.2rem;
  109.                }      
  110.            }
  111.            
  112.            
  113.            
  114.        </style>
  115.  
  116.    </head>
  117.    
  118.    
  119.  
  120.    <body id="desktop">
  121.        
  122.        
  123. <div id="hover" class="hover desktop-only">
  124.  
  125.    <div id="hover-togel" class="hover-menu">
  126.        <a href="/?content=register" class="hover-item">
  127.            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
  128.            <figcaption>TOGEL</figcaption>
  129.        </a>          
  130.    </div>
  131.  
  132.    <div id="hover-slot" class="hover-menu">
  133.        <a href="/?content=slot&provider=pp" class="hover-item">
  134.            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
  135.            <figcaption>PRAGMATIC PLAY</figcaption>
  136.        </a>
  137.  
  138.        <a href="/?content=slot&provider=pg" class="hover-item">
  139.            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
  140.            <figcaption>PG SOFT</figcaption>
  141.        </a>
  142.  
  143.        <a href="/?content=slot&provider=jl" class="hover-item">
  144.            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
  145.            <figcaption>JILI</figcaption>
  146.        </a>
  147.  
  148.        <a href="/?content=slot&provider=hb" class="hover-item">
  149.            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
  150.            <figcaption>HABANERO</figcaption>
  151.        </a>
  152.        
  153.        <a href="/?content=slot&provider=sg" class="hover-item">
  154.            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
  155.            <figcaption>SPADEGAMING</figcaption>
  156.        </a>
  157.  
  158.        <a href="/?content=slot&provider=nlc" class="hover-item">
  159.            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
  160.            <figcaption>NOLIMIT CITY</figcaption>
  161.        </a>
  162.  
  163.        <a href="/?content=slot&provider=fs" class="hover-item">
  164.            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
  165.            <figcaption>FASTSPIN</figcaption>
  166.        </a>
  167.  
  168.        <a href="/?content=slot&provider=jg" class="hover-item">
  169.            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
  170.            <figcaption>JOKER</figcaption>
  171.        </a>
  172.                
  173.        <a href="/?content=slot&provider=mg" class="hover-item">
  174.            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
  175.            <figcaption>MICROGAMING</figcaption>
  176.        </a>
  177.  
  178.        <a href="/?content=slot&provider=fgs" class="hover-item">
  179.            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
  180.            <figcaption>5G GAMES</figcaption>
  181.        </a>
  182.  
  183.        <a href="/?content=slot&provider=hks" class="hover-item">
  184.            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
  185.            <figcaption>HACKSAW GAMING</figcaption>
  186.        </a>
  187.  
  188.        <a href="/?content=slot&provider=nxt" class="hover-item">
  189.            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
  190.            <figcaption>NEXTSPIN</figcaption>
  191.        </a>
  192.  
  193.        <a href="/?content=slot&provider=ps" class="hover-item">
  194.            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
  195.            <figcaption>PLAYSTAR</figcaption>
  196.        </a>
  197.  
  198.        <a href="/?content=slot&provider=pt" class="hover-item">
  199.            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
  200.            <figcaption>PLAYTECH</figcaption>
  201.        </a>
  202.  
  203.        <a href="/?content=slot&provider=av" class="hover-item">
  204.            <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
  205.            <figcaption>ADVANT PLAY</figcaption>
  206.        </a>
  207.  
  208.        <a href="/?content=slot&provider=cq9" class="hover-item">
  209.            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
  210.            <figcaption>CQ9</figcaption>
  211.        </a>  
  212.  
  213.        <a href="/?content=slot&provider=wow" class="hover-item">
  214.            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
  215.            <figcaption>WOW GAMING</figcaption>
  216.        </a>
  217.  
  218.        <a href="/?content=slot&provider=l22" class="hover-item">
  219.            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
  220.            <figcaption>LIVE22</figcaption>
  221.        </a>
  222.  
  223.        <a href="/?content=slot&provider=ss" class="hover-item">
  224.            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
  225.            <figcaption>SBO SLOT</figcaption>
  226.        </a>
  227.  
  228.        <!-- <a href="/?content=slot&provider=nte" class="hover-item">
  229.            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
  230.            <figcaption>NETENT</figcaption>
  231.        </a> -->  
  232.      
  233.        <!-- <a href="/?content=slot&provider=ttg" class="hover-item">
  234.            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
  235.            <figcaption>TOPTREND GAMING</figcaption>
  236.        </a> -->
  237.    </div>
  238.  
  239.    <div id="hover-live" class="hover-menu" >
  240.        <a href="/?content=casino&provider=pplc" class="hover-item">
  241.            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
  242.            <figcaption>PRAGMATIC PLAY</figcaption>
  243.        </a>
  244.  
  245.        <a href="/?content=casino&provider=evo" class="hover-item">
  246.            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
  247.            <figcaption>EVOLUTION</figcaption>
  248.        </a>
  249.  
  250.        <a href="/?content=casino&provider=mg" class="hover-item">
  251.            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
  252.            <figcaption>MICROGAMING</figcaption>
  253.        </a>
  254.  
  255.        <a href="/?content=casino&provider=ion" class="hover-item">
  256.            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
  257.            <figcaption>ION CASINO</figcaption>
  258.        </a>
  259.  
  260.        <a href="/?content=casino&provider=sx" class="hover-item">
  261.            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
  262.            <figcaption>SEXY GAMING</figcaption>
  263.        </a>
  264.              
  265.        <a href="/?content=casino&provider=sa" class="hover-item">
  266.            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
  267.            <figcaption>SA GAMING</figcaption>
  268.        </a>
  269.                
  270.        <a href="/?content=casino&provider=ab" class="hover-item">
  271.            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
  272.            <figcaption>ALLBET</figcaption>
  273.        </a>  
  274.  
  275.        <a href="/?content=casino&provider=ptlc" class="hover-item">
  276.            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
  277.            <figcaption>PLAYTECH LIVE</figcaption>
  278.        </a>
  279.  
  280.        <a href="/?content=casino&provider=gmnl" class="hover-item">
  281.            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
  282.            <figcaption>GEMINI LIVE</figcaption>
  283.        </a>
  284.  
  285.        <a href="/?content=casino&provider=og" class="hover-item">
  286.            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
  287.            <figcaption>OPUS PLUS</figcaption>
  288.        </a>
  289.  
  290.        <a href="/?content=casino&provider=sbol" class="hover-item">
  291.            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
  292.            <figcaption>SBOBET CASINO</figcaption>
  293.        </a>    
  294.    </div>
  295.  
  296.    <div id="hover-sport" class="hover-menu">
  297.        <a href="/?content=register" class="hover-item">
  298.            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
  299.            <figcaption>SABA</figcaption>
  300.        </a>
  301.  
  302.        <a href="/?content=register" class="hover-item">
  303.            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
  304.            <figcaption>SBOBET</figcaption>
  305.        </a>
  306.        
  307.        <a href="/?content=register" class="hover-item">
  308.            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
  309.            <figcaption>CMD368</figcaption>
  310.        </a>  
  311.  
  312.        <!-- <a href="/?content=register" class="hover-item">
  313.            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
  314.            <figcaption>PINNACLE</figcaption>
  315.        </a>   -->
  317.    <a href="/?content=register" class="hover-item">
  318.            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
  319.            <figcaption>TFGAMING</figcaption>
  320.        </a>        
  321.    </div>
  322.  
  323.    <div id="hover-fishing" class="hover-menu">
  324.        <a href="/?content=fish&provider=jl" class="hover-item">
  325.            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
  326.            <figcaption>JILI</figcaption>
  327.        </a>
  328.    
  329.        <a href="/?content=fish&provider=sg" class="hover-item">
  330.            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
  331.            <figcaption>SPADE GAMING</figcaption>
  332.        </a>
  333.  
  334.        <a href="/?content=fish&provider=fs" class="hover-item">
  335.            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
  336.            <figcaption>FASTSPIN</figcaption>
  337.        </a>
  338.  
  339.        <!-- <a href="/?content=fish&provider=ps" class="hover-item">
  340.            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
  341.            <figcaption>PLAYSTAR</figcaption>
  342.        </a>
  343.  
  344.    <a href="/?content=fish&provider=l22" class="hover-item">
  345.            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
  346.            <figcaption>LIVE22</figcaption>
  347.        </a>  -->
  348.  
  349.    </div>
  350.  
  351.    <div id="hover-sabung" class="hover-menu">
  352.            <a href="/?content=sabung&provider=ws" class="hover-item">
  353.            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
  354.            <figcaption>WS168</figcaption>
  355.        </a>    
  356.  
  357.        <a href="/?content=sabung&provider=sv" class="hover-item">
  358.            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
  359.            <figcaption>SV388</figcaption>
  360.        </a>
  361.    </div>
  362.    
  363.    <div id="hover-interactive" class="hover-menu">
  364.        <!-- <a href="/?content=interactive&provider=pp" class="hover-item">
  365.            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
  366.            <figcaption>PRAGMATIC PLAY</figcaption>
  367.        </a>  -->
  368.  
  369.        <a href="/?content=interactive&provider=gmn" class="hover-item">
  370.            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
  371.            <figcaption>GEMINI</figcaption>
  372.        </a>
  373.  
  374.        <a href="/?content=interactive&provider=jl" class="hover-item">
  375.            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
  376.            <figcaption>JILI</figcaption>
  377.        </a>
  378.  
  379.        <a href="/?content=interactive&provider=jg" class="hover-item">
  380.            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
  381.            <figcaption>JOKER</figcaption>
  382.        </a>
  383.  
  384.        <a href="/?content=interactive&provider=mg" class="hover-item">
  385.            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
  386.            <figcaption>MICRO GAMING</figcaption>
  387.        </a>
  388.  
  389.        <a href="/?content=interactive&provider=hks" class="hover-item">
  390.            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
  391.            <figcaption>HACKSAW GAMING</figcaption>
  392.        </a>
  393.  
  394.        <a href="/?content=interactive&provider=pt" class="hover-item">
  395.            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
  396.            <figcaption>PLAYTECH</figcaption>
  397.        </a>
  398.  
  399.        <a href="/?content=interactive&provider=wow" class="hover-item">
  400.            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
  401.            <figcaption>WOW GAMING</figcaption>
  402.        </a>
  403.  
  404.        <!-- <a href="/?content=interactive&provider=ps" class="hover-item">
  405.            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
  406.            <figcaption>PLAYSTAR</figcaption>
  407.        </a>  -->
  408.    </div>
  409.  
  410.  
  411.  
  412. </div>
  413. <style>
  414.    .my-navbar {
  415.        height: 52px;
  416.        padding: 0px;
  417.        width: 100%;
  418.        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  419.        position: fixed;
  420.        bottom: 0;
  421.        color: white;
  422.        z-index: 1100;
  423.        display: flex;
  424.        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  425.    }
  426.    
  427.    .navbar-item {
  428.        height: 100%;
  429.        width: 100%;
  430.        display: flex;
  431.        flex-direction: column;
  432.        align-items: center;
  433.        justify-content: center;
  434.    }
  435.    
  436.    .navbar-item-content {
  437.        display: flex;
  438.        flex-direction: column;
  439.        justify-content: center;
  440.        align-items: center;
  441.        position: absolute;
  442.        top: -16px
  443.    }
  444.    
  445.    .navbar-item-content>i {
  446.         font-size: 20px;
  447.         line-height: 22px;
  448.         color: white;
  449.         padding-bottom: 4px;
  450.    }
  451.    
  452.    .navbar-item-content>img {
  453.         height: 36px;
  454.         width: 36px;
  455.    }
  456.    
  457.    .navbar-item-content>label {
  458.        white-space: nowrap;
  459.        margin-top: 4px;
  460.        font-weight: bold;
  461.        font-size: var(--text-size-default);
  462.        color: white
  463.    }
  464.    
  465.    .speed-dial-item {
  466.        opacity: 0;
  467.        visibility: hidden;
  468.        transform: translateY(10px);
  469.        transition: opacity 0.3s ease, transform 0.3s ease;
  470.    }
  471.    
  472.    .speed-dial-active .speed-dial-item {
  473.        opacity: 1;
  474.        visibility: visible;
  475.        transform: translateY(0);
  476.    }
  477.    
  478.    /* Delay each item’s appearance */
  479.    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
  480.    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
  481.    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
  482.    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
  483.    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }      
  484.  
  485.    
  486. </style>
  487.  
  488.  
  489. <div class="mobile-only" >
  490.        <div class="my-navbar">
  491.            <a href="/" class="navbar-item" style="position: relative">
  492.                <div class="navbar-item-content">
  493.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  494.                    <label>BERANDA</label>
  495.                </div>
  496.            </a>
  497.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  498.            <a href="/m/promosi.php"  class="navbar-item">
  499.                <div class="navbar-item-content">
  500.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  501.                    <label>PROMOSI</label>
  502.                </div>
  503.            </a>
  504.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  505.            <a href="/m/event.php"  class="navbar-item">
  506.                <div class="navbar-item-content">
  507.                    <img src="https://img.viva88athenae.com//events.png"/>
  508.                    <label>EVENT</label>
  509.                </div>
  510.            </a>
  511.            
  512.                                
  513.                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  514.                    <a href="https://wa.me/6282149811466/" target='_blank'  class="navbar-item">
  515.                        <div class="navbar-item-content">
  516.                            <img src="https://img.viva88athenae.com//whatsapp.png"/>
  517.                            <label>WHATSAPP</label>
  518.                        </div>
  519.                    </a>
  520.                    
  521.                                    
  522.            
  523.            
  524.            
  525.            
  526.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  527.                <a href="https://direct.lc.chat/14656365/"  target="_blank" class="navbar-item">
  528.                <div class="navbar-item-content">
  529.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  530.                    <label>LIVECHAT</label>
  531.                </div>
  532.                </a>
  533.            
  534.        </div>
  535. </div>
  536.  
  537. <script>
  538.    document.addEventListener("DOMContentLoaded", function () {
  539.    const speedDialBtn = document.querySelector(".speed-dial-btn");
  540.    const speedDialItems = document.querySelectorAll(".speed-dial-item");
  541.    let isOpen = false;
  542.  
  543.    speedDialBtn.addEventListener("click", function () {
  544.        isOpen = !isOpen;
  545.  
  546.        speedDialItems.forEach((item, index) => {
  547.            if (isOpen) {
  548.                item.style.opacity = "1";
  549.                item.style.visibility = "visible";
  550.                item.style.transform = "translateY(0)";
  551.                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
  552.            } else {
  553.                item.style.opacity = "0";
  554.                item.style.visibility = "hidden";
  555.                item.style.transform = "translateY(10px)";
  556.                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
  557.            }
  558.        });
  559.    });
  560. });
  561. </script>        
  562.        
  563.        
  564.        <div id="top" class="wrapper">
  565.  
  566.            
  567.                
  568.            <header class="header">
  569.                <div class="header-content">
  570.                    <div class="logo" href="/">
  571.                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
  572.                    </div>
  573.                    
  574.                    <div id="marquee-mobile" class="marquee mobile-only">
  575.                        <div class="marquee-content">
  576.                            <div class="d-flex align-items-center gap-2">
  577.                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
  578.                            </div>
  579.                            <div class="running">
  580.                                <div class="marquee-shadow"></div>
  581.                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
  582.                            </div>
  583.                            <div class="d-flex align-items-center gap-2">
  584.                            </div>
  585.                        </div>
  586.                    </div>
  587.                    
  588.                    <div class="mslider mobile-only">
  589.                                            </div>
  590.                    
  591.                    <div class="login">
  592.                    
  593.                            <div id="desktoplogin" class="desktop-only">
  594.                                <form class="login-form form" role="form">
  595.                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
  596.                                    <div class="input-group login-field">
  597.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  598.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
  599.                                    </div>
  600.                                    
  601.                                    <div id="marquee" class="marquee mobile-only">
  602.                                        <div class="marquee-content">
  603.                                            <div class="d-flex align-items-center gap-2">
  604.                                                <i class="bi bi-megaphone-fill desktop-only"></i>
  605.                                            </div>
  606.                                            <div class="running">
  607.                                                <div class="marquee-shadow"></div>
  608.                                                <marquee behavior="" direction="" id="broadcast"></marquee>
  609.                                            </div>
  610.                                        </div>
  611.                                    </div>
  612.                                    
  613.                                    
  614.                                    <div class="input-group login-field">
  615.                                        <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>
  616.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
  617.                                    </div>
  618.                                    
  619.                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
  620.                                        <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
  621.                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
  622.                                    </div>
  623.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  624.        
  625.        
  626.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  627.                                    <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>
  628.  
  629.                                    <input type="hidden" name="task" value="login">    
  630.                                    <input type="hidden" name="logindesktop" value="YtTZ+blwwrVSCx0oLlU4GyIcyWaOzICjYYFRIVCVsDk=">
  631.                                </form>
  632.                            </div>
  633.                        
  634.                        
  635.                        
  636.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  637.                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
  638.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  639.                                    <div class="input-group login-field">
  640.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  641.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
  642.                                    </div>
  643.                                    <div class="input-group login-field">
  644.                                        <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>
  645.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
  646.                                    </div>
  647.                                    
  648.                                    
  649.                                    <div class="verifikasiform w-100">
  650.                                        
  651.                                                                                        <span id="verifikasi"><img src="/m/capimg.php?3359" width="100%" height="44" style="border-radius: 5px;"></span>
  652.                                                <div class="input-group login-field mt-1">
  653.                                                    <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>
  654.                                                   <input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
  655.                                                </div>
  656.                                        
  657.                                    </div>
  658.  
  659.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  660.                                    
  661.                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:4px;margin-bottom:8px;cursor:pointer;">
  662.                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:6px;width:16px;height:16px;cursor:pointer;"> Remember Me
  663.                                    </label>
  664.        
  665.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  666.                                    <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>
  667.  
  668.                                    
  669.                                    <input type="hidden" name="task" value="login">    
  670.                                    <input type="hidden" name="loginmobile" value="YtTZ+blwwrVSCx0oLlU4GyIcyWaOzICjYYFRIVCVsDk=">
  671.                                </form>
  672.                            </div>
  673.                            
  674.                            <style>
  675.                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
  676.                              .error-border { border-color: red !important; }
  677.                              .valid-border { border-color: green !important; }
  678.                            </style>
  679.                            <div id="mobile-daftar-form" style="width: 100%; display: none">
  680.                                    <div id="mobileregister">
  681.                                   <form id="formRegister" class="login-form  p-0 pt-4">
  682.                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
  683.                                            <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>
  684.                                            <div class="input-group login-field">
  685.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  686.                                                <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">
  687.                                            </div>
  688.                                            <div class="error-msg" id="err_username"></div>
  689.                                            <div class="input-group login-field">
  690.                                                <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>
  691.                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
  692.                                            </div>
  693.                                                <div class="error-msg" id="err_password"></div>
  694.                                            <div class="input-group login-field">
  695.                                                <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>
  696.                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
  697.                                            </div>
  698.                                                <div class="error-msg" id="err_passcon"></div>
  699.                                            <div class="input-group login-field">
  700.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
  701.                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
  702.                                            </div>
  703.                                                <div class="error-msg" id="err_email"></div>
  704.                                            <div class="input-group login-field">
  705.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
  706.                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
  707.                                            </div>
  708.                                                <div class="error-msg" id="err_telpon"></div>
  709.                                            
  710.                                            <div class="input-group login-field">
  711.                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
  712.                                             <option value="">Pilih Bank</option>
  713.                             <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='Danamon'>Danamon</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='LinkAja'>LinkAja</option>                                                </select>
  714.                                            </div>
  715.                                                <div class="error-msg" id="err_bank"></div>
  716.                        
  717.                                            <div class="input-group login-field">
  718.                                                <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>
  719.                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
  720.                                            </div>
  721.                                                <div class="error-msg" id="err_rek"></div>
  722.                                            <div class="input-group login-field">
  723.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
  724.                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
  725.                                            </div>
  726.                                                <div class="error-msg" id="err_nama"></div>
  727.                                            <div class="input-group login-field">
  728.                                                <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>
  729.                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
  730.                                            </div>
  731.                                            <div class="error-msg" id="err_ref"></div>
  732.                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
  733.                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
  734.                                            
  735.                                                                              
  736.                                  <div class="w-100 my-1">
  737.                                      <div id="capverifikasi">
  738.                                          <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
  739.                                      </div>
  740.                                    
  741.                                     <div class="input-group login-field mt-1">
  742.                                                    <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>
  743.                                                   <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
  744.                                                </div>
  745.                                                   <div class="error-msg" id="err_verifikasi"></div>
  746.                                    
  747.                                  </div>
  748.  
  749.                                                                          
  750.                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
  751.                                                <input type="hidden" name="task" value="register">
  752.                                                <input type="hidden" name="regmobile" value="VkiB7OKmqvTOs9HqNsSG7OXAabKBthXmX9SPvClDBPk=">
  753.                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
  754.                                    </form>
  755.                                </div>
  756.                                <script>
  757.                                (function(){
  758.                                  function root(){ return document.getElementById('mobileregister'); }
  759.                                  function q(id){ return root()?.querySelector('#'+id) || null; }
  760.                                  function qe(sel){ return root()?.querySelector(sel) || null; }
  761.                                
  762.                                  function showError(field,msg){
  763.                                    const err = qe('#err_'+field);
  764.                                    const inp = q('reg_'+field);
  765.                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
  766.                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
  767.                                  }
  768.                                  function clearError(field){
  769.                                    const err = qe('#err_'+field);
  770.                                    const inp = q('reg_'+field);
  771.                                    if (err) err.style.display = 'none';
  772.                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
  773.                                  }
  774.                                
  775.                                  function vUsername(){
  776.                                    const v = (q('reg_username')?.value || '').trim();
  777.                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
  778.                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
  779.                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
  780.                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
  781.                                    clearError('username'); return true;
  782.                                  }
  783.                                  function vPass(){
  784.                                    const v = q('reg_pass')?.value || '';
  785.                                    if (!v) return showError('password','Password tidak boleh kosong'), false;
  786.                                    if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
  787.                                    clearError('password'); return true;
  788.                                  }
  789.                                  function vPasscon(){
  790.                                    const p1 = q('reg_pass')?.value || '';
  791.                                    const p2 = q('reg_passcon')?.value || '';
  792.                                    if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
  793.                                    if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
  794.                                    clearError('passcon'); return true;
  795.                                  }
  796.                                  function vEmail(){
  797.                                    const v = (q('reg_email')?.value || '').trim();
  798.                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
  799.                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
  800.                                    clearError('email'); return true;
  801.                                  }
  802.                                  function vTelp(){
  803.                                    const el = q('reg_telpon'); if (!el) return true;
  804.                                    el.value = (el.value || '').replace(/\D/g,'');
  805.                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
  806.                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
  807.                                    clearError('telpon'); return true;
  808.                                  }
  809.                                  function vBank(){
  810.                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
  811.                                    clearError('bank'); return true;
  812.                                  }
  813.                                  function vRek(){
  814.                                    const el = q('reg_rek'); if (!el) return true;
  815.                                    el.value = (el.value || '').replace(/\D/g,'');
  816.                                    if (!el.value) return showError('rek','Rekening kosong'), false;
  817.                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
  818.                                    clearError('rek'); return true;
  819.                                  }
  820.                                  function vNama(){
  821.                                    const v = (q('reg_nama')?.value || '').trim();
  822.                                    if (!v) return showError('nama','Nama kosong'), false;
  823.                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
  824.                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
  825.                                    clearError('nama'); return true;
  826.                                  }
  827.                                  function vRefOpt(){
  828.                                    const el = q('reg_ref'); if (!el) return true;
  829.                                    const v = (el.value || '').trim();
  830.                                    if (!v) return clearError('ref'), true;
  831.                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
  832.                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
  833.                                    clearError('ref'); return true;
  834.                                  }
  835.                                  function vVerifOpt(){
  836.                                    const el = q('reg_verifikasi'); if (!el) return true;
  837.                                    const v = (el.value || '').trim();
  838.                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
  839.                                    clearError('verifikasi'); return true;
  840.                                  }
  841.                                
  842.                                  function validateAll(){
  843.                                    const ok =
  844.                                      vUsername() & vPass() & vPasscon() & vEmail() &
  845.                                      vTelp() & vBank() & vRek() & vNama() &
  846.                                      vRefOpt() & vVerifOpt();
  847.                                    return !!ok;
  848.                                  }
  849.                                  
  850.                                  function attach(id, validator, opts){
  851.                                    const el = q(id); if (!el) return;
  852.                                    const run = () => validator();
  853.                                    el.addEventListener('focus', run);
  854.                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
  855.                                    el.addEventListener('blur', run);
  856.                                    if (opts && opts.change) el.addEventListener('change', run);
  857.                                  }
  858.                                
  859.                                  document.addEventListener('DOMContentLoaded', function(){
  860.                                    attach('reg_username',   vUsername);
  861.                                    attach('reg_pass',       vPass);
  862.                                    attach('reg_passcon',    vPasscon);
  863.                                    attach('reg_email',      vEmail);
  864.                                    attach('reg_telpon',     vTelp);
  865.                                    attach('reg_bank',       vBank, { input:false, change:true });
  866.                                    attach('reg_rek',        vRek);
  867.                                    attach('reg_nama',       vNama);
  868.                                    attach('reg_ref',        vRefOpt);
  869.                                    attach('reg_verifikasi', vVerifOpt);
  870.                                
  871.                                    const f = q('formRegister');
  872.                                    if (f) {
  873.                                      f.addEventListener('submit', function(e){
  874.                                        if (!validateAll()) {
  875.                                          e.preventDefault();
  876.                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
  877.                                          if (firstErr && firstErr.focus) firstErr.focus();
  878.                                        }
  879.                                      });
  880.                                    }
  881.                                  });
  882.                                })();
  883.                                </script>
  884.                        </div>
  885.                    </div>
  886.    
  887.                    <div class="menu">
  888.                        <div class="menu-item desktop-only">
  889.    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
  890. </div>
  891. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  892.  
  893.    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
  894.        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
  895.        <label>TOGEL</label>
  896.    </a>
  897.    
  898.    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  899.  
  900.  
  901. <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
  902.    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
  903.    <label>SLOT</label>
  904. </a>
  905. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  906. <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
  907.    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
  908.    <label>LIVE CASINO</label>
  909. </a>
  910. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  911. <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
  912.    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
  913.    <label>SPORT</label>
  914. </a>
  915. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  916. <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
  917.    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
  918.    <label>ARCADE</label>
  919. </a>
  920. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  921. <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
  922. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  923.    <label>SABUNG</label>
  924. </a>
  925. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  926. <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
  927. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  928.    <label>INTERACTIVE</label>
  929. </a>
  930.  
  931. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  932.                    </div>
  933.                                        
  934.  
  935.  
  936.                    <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)">
  937.                        
  938.                        
  939.                            <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)">
  940.                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  941.                            </div>
  942.                            
  943.                            <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)">
  944.                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  945.                            </div>
  946.                        
  947.                        
  948.                        <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)">
  949.                        
  950.                        
  951.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  952.                                                                                
  953.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  954.                                            <div style="display: grid; place-items: center; height: 100%">
  955.                                                <div class="menu-item">
  956.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  957.                                                    <label>TOGEL</label>
  958.                                                </div>
  959.                                            </div>
  960.                                        </a>
  961.                                            
  962.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  963.                                        <div style="display: grid; place-items: center; height: 100%">
  964.                                            <div class="menu-item" onclick="showProvider('slot')">
  965.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  966.                                                <label>SLOT</label>
  967.                                            </div>
  968.                                        </div>
  969.                                    </div>
  970.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  971.                                        <div style="display: grid; place-items: center; height: 100%">
  972.                                            <div class="menu-item" onclick="showProvider('casino')">
  973.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  974.                                                <label>LIVE CASINO</label>
  975.                                            </div>
  976.                                        </div>
  977.                                    </div>
  978.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  979.                                        <div style="display: grid; place-items: center; height: 100%">
  980.                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
  981.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  982.                                                <label>SPORT</label>
  983.                                            </div>
  984.                                        </div>
  985.                                    </div>
  986.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  987.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  988.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  989.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  990.                                    <!--            <label>E-SPORT</label>-->
  991.                                    <!--        </div>-->
  992.                                    <!--    </div>-->
  993.                                    <!--</div>-->
  994.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  995.                                        <div style="display: grid; place-items: center; height: 100%">
  996.                                        <div class="menu-item" onclick="showProvider('fish')">
  997.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  998.                                            <label>ARCADE</label>
  999.                                        </div>
  1000.                                        </div>
  1001.                                    </div>
  1002.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1003.                                        <div style="display: grid; place-items: center; height: 100%">
  1004.                                            <div class="menu-item" onclick="showProvider('sabung')">
  1005.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  1006.                                                <label>SABUNG</label>
  1007.                                            </div>
  1008.                                        </div>
  1009.                                    </div>
  1010.                                    
  1011.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1012.                                        <div style="display: grid; place-items: center; height: 100%">
  1013.                                            <div class="menu-item" onclick="showProvider('interactive')">
  1014.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  1015.                                                <label>INTERACTIVE</label>
  1016.                                            </div>
  1017.                                        </div>
  1018.                                    </div>
  1019.                            </div>
  1020.                        </div>                                                                                                                        
  1021.                    </div>                    
  1022.                    <div class="menu-content mobile-only">
  1023.                            <div id="main-content" style="background: var(--content-box-background)">
  1024.                                                        </div>
  1025.                    </div>
  1026.                    
  1027.                    
  1028.        
  1029.                    <div class="promosi">
  1030.                        
  1031.                        <!-- Desktop -->
  1032.                        
  1033.                        <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>
  1034.                        <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>
  1035.                        
  1036.                        <!-- Mobile -->
  1037.                        
  1038.                        <div class="mobile-only" style="padding-top: 32px">
  1039.                            
  1040.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  1041.                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  1042.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  1043.                                        
  1044.                                <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  1045.                            </div>
  1046.                            
  1047.                        </div>
  1048.                    </div>
  1049.                                    </div>
  1050.            </header>
  1051.    
  1052.    
  1053.            <div id="marquee" class="marquee desktop-only">
  1054.                <div class="marquee-content">
  1055.                    <div class="d-flex align-items-center gap-2">
  1056.                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
  1057.                        <i class="bi bi-megaphone-fill desktop-only"></i>
  1058.                    </div>
  1059.                    <div class="running" style="padding-left: 8px; padding-right: 32px">
  1060.                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
  1061.                    </div>
  1062.                    <div class="d-flex align-items-center gap-2">
  1063.                        <a href="/?content=event">
  1064.                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
  1065.                        </a>
  1066.                    </div>
  1067.                </div>
  1068.            </div>
  1069.            
  1070.            
  1071.            
  1072.            <!--Informasi Modal -->
  1073.            <div id="modal-wrapper" class="modal" style=" background:none;">
  1074.            
  1075.                <div class="slideDown" id="informasi-menu">
  1076.                  <div class="row">
  1077.                    <div class="col-xs-3" style="padding-right:0px; width:164px">
  1078.                        <div id="informasi-logo">
  1079.                            <img src="/images/logoweb.png" width="120px"/>
  1080.                        </div>
  1081.                        <div class="menuleft">
  1082.  
  1083.                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
  1084.                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
  1085.                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
  1086.                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
  1087.                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
  1088.                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
  1089.                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
  1090.  
  1091.                        </div>
  1092.                   </div>    
  1093.                   <div class="col-xs-9" id="informasi-content" style="position: relative">
  1094.                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
  1095.                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
  1096.                        </div>
  1097.                    </div>
  1098.                    
  1099.                </div>
  1100.              </div>
  1101.            </div>
  1102.    
  1103.    
  1104.            <div class="contentdata">
  1105.                <div id="content-primary" class="p-0">
  1106.                
  1107.                                            <div class="desktop-only">
  1108. <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  1109.  <div class="carousel-indicators">
  1110.                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1111.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1112.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
  1113.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
  1114.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
  1115.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
  1116.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
  1117.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
  1118.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="8" aria-label="Slide 9"></button>
  1119.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="9" aria-label="Slide 10"></button>
  1120.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="10" aria-label="Slide 11"></button>
  1121.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="11" aria-label="Slide 12"></button>
  1122.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="12" aria-label="Slide 13"></button>
  1123.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="13" aria-label="Slide 14"></button>
  1124.              </div>
  1125.  <div class="carousel-inner" style="height: 100%">
  1126.            <div class="carousel-item active" style="height: 100%">
  1127.          <img src="/images/upload-Slides-20251015085855.jpg" class="d-block w-100 banner" alt="siap4d login link slot gacor gampang menang" style="height: 100%">
  1128.        </div>
  1129.            <div class="carousel-item " style="height: 100%">
  1130.          <img src="/images/upload-Slides-20251015084731.jpg" class="d-block w-100 banner" alt="siap4d slot deposit qris gampang menang" style="height: 100%">
  1131.        </div>
  1132.            <div class="carousel-item " style="height: 100%">
  1133.          <img src="/images/upload-Slides-20251015084909.jpg" class="d-block w-100 banner" alt="siap4d agen situs slot gacor deposit pulsa tanpa potongan" style="height: 100%">
  1134.        </div>
  1135.            <div class="carousel-item " style="height: 100%">
  1136.          <img src="/images/upload-Slides-20251015095950.jpg" class="d-block w-100 banner" alt="siap4d situs link slot gaor terbaik indonesia" style="height: 100%">
  1137.        </div>
  1138.            <div class="carousel-item " style="height: 100%">
  1139.          <img src="/images/upload-Slides-20251015085601.jpg" class="d-block w-100 banner" alt="siap4d situs live casino aman terpercaya" style="height: 100%">
  1140.        </div>
  1141.            <div class="carousel-item " style="height: 100%">
  1142.          <img src="/images/upload-Slides-20251014144400.jpg" class="d-block w-100 banner" alt="siap4d bonus rollingan terbesar setiap hari" style="height: 100%">
  1143.        </div>
  1144.            <div class="carousel-item " style="height: 100%">
  1145.          <img src="/images/upload-Slides-20251015085111.jpg" class="d-block w-100 banner" alt="siap4d link login alternatif situs slot bet 400 perak" style="height: 100%">
  1146.        </div>
  1147.            <div class="carousel-item " style="height: 100%">
  1148.          <img src="/images/upload-Slides-20251014145228.jpg" class="d-block w-100 banner" alt="siap4d situs togel pasaran hongkong terlengkap" style="height: 100%">
  1149.        </div>
  1150.            <div class="carousel-item " style="height: 100%">
  1151.          <img src="/images/upload-Slides-20251014143916.jpg" class="d-block w-100 banner" alt="Siap4d Situs Togel Hadiah Terbesar" style="height: 100%">
  1152.        </div>
  1153.            <div class="carousel-item " style="height: 100%">
  1154.          <img src="/images/upload-Slides-20251015154030.jpg" class="d-block w-100 banner" alt="siap4d slot gacor jackpot koi gate" style="height: 100%">
  1155.        </div>
  1156.            <div class="carousel-item " style="height: 100%">
  1157.          <img src="/images/upload-Slides-20251015154233.jpg" class="d-block w-100 banner" alt="siap4d situs slot bonus extra jackpot slot joker jewels" style="height: 100%">
  1158.        </div>
  1159.            <div class="carousel-item " style="height: 100%">
  1160.          <img src="/images/upload-Slides-20251015154525.jpg" class="d-block w-100 banner" alt="siap4d situs slot gacor bonus random dan next deposit 5%" style="height: 100%">
  1161.        </div>
  1162.            <div class="carousel-item " style="height: 100%">
  1163.          <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1164.        </div>
  1165.            <div class="carousel-item " style="height: 100%">
  1166.          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1167.        </div>
  1168.      </div>
  1169. </div>
  1170.  
  1171. </div>
  1172.                        <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;">
  1173.  
  1174.     <img src="images/upload-SlidesMobile-20251018171205.jpg" alt="SIAP4D LOGIN" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/>
  1175. </div>
  1176. <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;">
  1177.     <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;">
  1178. </div></div>
  1179.                        
  1180.                                    </div>
  1181.            </div>
  1182.    
  1184.    
  1185.            
  1186.            <!-- Togel -->    
  1187.            
  1188. <style>
  1189.    .togel-desktop {
  1190.            background: var(--togel-background);
  1191.            grid-area: togel-desktop;
  1192.            position: relative;
  1193.        }
  1194.        
  1195.        .togel-mobile {
  1196.            display: none;
  1197.        }
  1198.  
  1199.        .show-more {
  1200.            position: absolute;
  1201.        
  1202.            z-index: 999;
  1203.            bottom: 0px;
  1204.            width: 100%;
  1205.            
  1206.            /* 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)); */
  1207.        }
  1208.        
  1209.        .show-more-content {
  1210.            background: var(--secondary-background);
  1211.            opacity: .7;
  1212.            display: grid;
  1213.            place-items: center;
  1214.            height: 32px
  1215.        }
  1216.        
  1217.        .togel-content {    
  1218.            position: relative;  
  1219.            display: flex;
  1220.            flex-wrap: wrap;
  1221.            justify-content: center;
  1222.            /*display: grid;*/
  1223.            /*grid-template-columns: repeat(10, 1fr);*/
  1224.            gap: 8px 4px;
  1225.            padding: 16px 0;
  1226.        }
  1227.        
  1228.        .see-more {
  1229.            padding: 16px 0 48px 0;
  1230.            max-height: 162px;
  1231.            transition: max-height .75s ease-out;
  1232.            transition-delay: .1s;
  1233.            overflow: hidden;
  1234.        }
  1235.        
  1236.        .togel-content:hover{
  1237.            max-height: 1000px;
  1238.            transition: max-height 0.25s ease-in;
  1239.        }
  1240.        
  1241.        .result {
  1242.            height: 110px;
  1243.            width: 96px;
  1244.            border-radius: 10px;
  1245.            background: var(--result-background);
  1246.            border: var(--result-border);
  1247.            
  1248.            display: grid;
  1249.            grid-template-rows: 0px 20px 1fr 28px;
  1250.            grid-template-areas:
  1251.            "badge"
  1252.            "pasaran"
  1253.            "keluaran"
  1254.            "tanggal"
  1255.            ;
  1256.        
  1257.            /* display: flex;
  1258.            flex-direction: column;
  1259.            justify-content: space-between; */
  1260.        
  1261.            overflow: hidden;
  1262.        }
  1263.        
  1264.        .badge {
  1265.            grid-area: badge;
  1266.            display: grid;
  1267.            place-items: center;
  1268.        }
  1269.        
  1270.        .result>.pasaran {
  1271.        
  1272.            grid-area: pasaran;
  1273.        
  1274.            padding-top: 8px;
  1275.            white-space: nowrap;
  1276.            font-size: .7rem;
  1277.            line-height: .7rem;
  1278.        
  1279.            color: var(--result-pasaran-color);
  1280.            display: grid;
  1281.            place-items: center;
  1282.        }
  1283.        
  1284.        .result>.keluaran {
  1285.        
  1286.            grid-area: keluaran;
  1287.            padding-bottom: 8px;
  1288.            font-family: 'Oswald', sans-serif;
  1289.            line-height: 40px;
  1290.            font-size: 40px;
  1291.            color: var(--result-keluaran-color);
  1292.            display: grid;
  1293.            place-items: center;
  1294.        }
  1295.        
  1296.        .result>.tanggal {
  1297.        
  1298.            grid-area: tanggal;
  1299.        
  1300.            width: 100%;
  1301.            height: 100%;
  1302.            /* background: rgb(40,0,0);
  1303.            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
  1304.            background: var(--result-tanggal-background);
  1305.            white-space: nowarp;
  1306.            font-size: .79rem;
  1307.            display: grid;
  1308.            place-items: center;
  1309.            font-family: 'Abel', sans-serif;
  1310.            color: var(--result-tanggal-color);
  1311.        }
  1312.        
  1313.        @media only screen and (max-width: 1000px) {
  1314.            
  1315.            .togel-desktop {
  1316.                display: none;
  1317.            }
  1318.            
  1319.            .togel-mobile {
  1320.  
  1321.                background: var(--secondary-background);
  1322.                grid-area: togel-mobile;
  1323.                padding: 24px;
  1324.                padding-bottom: 12px;
  1325.                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
  1326.            }
  1327.        
  1328.            .togel-title {
  1329.                padding: 0px;
  1330.                padding-bottom: 20px;
  1331.                font-size: 1.4rem;
  1332.                font-weight: bold;
  1333.                color: var(--primary-text-color);
  1334.            }
  1335.        
  1336.            .togel-content {
  1337.                max-height: fit-content;
  1338.                display: grid;
  1339.                grid-template-columns: 1fr;
  1340.                gap: 0;
  1341.                border-radius: 8px;
  1342.            }
  1343.            
  1344.  
  1345.        
  1346.            .provider-group {
  1347.                padding: var(--mobile-padding-horizontal);
  1348.            }
  1349.        
  1350.            .badge {
  1351.                display: none;
  1352.            }
  1353.        
  1354.            .result {
  1355.                height: auto;
  1356.                width: 100%;
  1357.                display: grid;
  1358.                grid-template-rows: 1fr;
  1359.                grid-template-columns: 1fr 1fr 80px;
  1360.                grid-template-areas: "pasaran tanggal keluaran";
  1361.                border-radius: 0;
  1362.                border: none;
  1363.                background: transparent;
  1364.                padding: 4px 12px;
  1365.                color: var(--primary-text-color);
  1366.                font-family: 'Abel', sans-serif;
  1367.                
  1368.            }
  1369.            
  1370.                        
  1371.            .result-data:nth-child(odd) {
  1372.                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
  1373.            }
  1374.            
  1375.                        
  1376.            .accordion-item {
  1377.                background-color: transparent;
  1378.                border: 0px;
  1379.            }
  1380.            
  1381.            .accordion-button:not(.collapsed) {
  1382.                color: inherit;
  1383.                background-color: transparent;
  1384.                box-shadow: none;
  1385.            }
  1386.            
  1387.            .accordion-button::after {
  1388.                height: 0px;
  1389.            }
  1390.        
  1391.            .result>* {
  1392.                padding: 0px!important;
  1393.                margin: 0px!important;
  1394.                font-size: 1.4rem!important;
  1395.                line-height: auto!important;
  1396.                font-weight: normal!important;
  1397.            }
  1398.        
  1399.            .result>.pasaran {
  1400.                display: flex;
  1401.                justify-content: start;
  1402.                color: var(--primary-text-color)!important;
  1403.                opacity: .7;
  1404.            }
  1405.        
  1406.            .result>.tanggal {        
  1407.                display: flex;
  1408.                justify-content: center;
  1409.                background: transparent;
  1410.                color: var(--primary-text-color)!important;
  1411.                opacity: .7;
  1412.            }
  1413.        
  1414.            .result>.keluaran {
  1415.                display: flex;
  1416.                justify-content: end;
  1417.                /*color: var(--primary-text-color)!important;*/
  1418.                font-family: 'Abel', sans-serif;
  1419.                color: var(--highlight-text-color);
  1420.            }
  1421.            
  1422.        }
  1423. </style>
  1427. <div id="togel-desktop" class="togel-desktop desktop-only">
  1428.    
  1429.        
  1430.        
  1431.    
  1432.        <div class="togel-content ">
  1433.                            <a href="/?content=hasil&pid=TWH" class="result">
  1434.                    
  1435.                    <div class="badge">
  1436.                                            </div>
  1437.                    
  1438.                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1439.                    <div class="keluaran">7136</div>
  1440.                    <div class="tanggal">SENIN 3/11/2025</div>
  1441.                </a>
  1442.                            <a href="/?content=hasil&pid=HKD" class="result">
  1443.                    
  1444.                    <div class="badge">
  1445.                                            </div>
  1446.                    
  1447.                    <div class="pasaran">HK SIANG&nbsp</div>
  1448.                    <div class="keluaran">5911</div>
  1449.                    <div class="tanggal">SENIN 3/11/2025</div>
  1450.                </a>
  1451.                            <a href="/?content=hasil&pid=SGM" class="result">
  1452.                    
  1453.                    <div class="badge">
  1454.                                            </div>
  1455.                    
  1456.                    <div class="pasaran">SG METRO&nbsp</div>
  1457.                    <div class="keluaran">6076</div>
  1458.                    <div class="tanggal">SENIN 3/11/2025</div>
  1459.                </a>
  1460.                            <a href="/?content=hasil&pid=SY" class="result">
  1461.                    
  1462.                    <div class="badge">
  1463.                                            </div>
  1464.                    
  1465.                    <div class="pasaran">SYDNEY&nbsp</div>
  1466.                    <div class="keluaran">3062</div>
  1467.                    <div class="tanggal">SENIN 3/11/2025</div>
  1468.                </a>
  1469.                            <a href="/?content=hasil&pid=MYD" class="result">
  1470.                    
  1471.                    <div class="badge">
  1472.                                            </div>
  1473.                    
  1474.                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
  1475.                    <div class="keluaran">9621</div>
  1476.                    <div class="tanggal">SENIN 3/11/2025</div>
  1477.                </a>
  1478.                            <a href="/?content=hasil&pid=SG" class="result">
  1479.                    
  1480.                    <div class="badge">
  1481.                                            </div>
  1482.                    
  1483.                    <div class="pasaran">SINGAPORE&nbsp</div>
  1484.                    <div class="keluaran">1316</div>
  1485.                    <div class="tanggal">SENIN 3/11/2025</div>
  1486.                </a>
  1487.                            <a href="/?content=hasil&pid=MY" class="result">
  1488.                    
  1489.                    <div class="badge">
  1490.                                            </div>
  1491.                    
  1492.                    <div class="pasaran">MALAYSIA&nbsp</div>
  1493.                    <div class="keluaran">3012</div>
  1494.                    <div class="tanggal">SENIN 3/11/2025</div>
  1495.                </a>
  1496.                            <a href="/?content=hasil&pid=MC" class="result">
  1497.                    
  1498.                    <div class="badge">
  1499.                                            </div>
  1500.                    
  1501.                    <div class="pasaran">MACAU&nbsp</div>
  1502.                    <div class="keluaran">4927</div>
  1503.                    <div class="tanggal">SENIN 3/11/2025</div>
  1504.                </a>
  1505.                            <a href="/?content=hasil&pid=QTR" class="result">
  1506.                    
  1507.                    <div class="badge">
  1508.                                            </div>
  1509.                    
  1510.                    <div class="pasaran">QATAR&nbsp</div>
  1511.                    <div class="keluaran">8470</div>
  1512.                    <div class="tanggal">SENIN 3/11/2025</div>
  1513.                </a>
  1514.                            <a href="/?content=hasil&pid=HK" class="result">
  1515.                    
  1516.                    <div class="badge">
  1517.                                            </div>
  1518.                    
  1519.                    <div class="pasaran">HONGKONG&nbsp</div>
  1520.                    <div class="keluaran">8445</div>
  1521.                    <div class="tanggal">SENIN 3/11/2025</div>
  1522.                </a>
  1523.                        
  1524.        </div>
  1525.    </div>
  1526.    
  1527.    <div id="togel-mobile" class="togel-mobile mobile-only">
  1528.        
  1529.        <div class="togel-title">Togel Result</div>
  1530.        
  1531.                
  1532.    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
  1533.          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
  1534.              
  1535.                          
  1536.          </div>
  1537.          <div class="carousel-inner">
  1538.  
  1539.            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
  1540.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
  1541.                                    <div class="badge">
  1542.                                                                            </div>
  1543.                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1544.                                    <div class="keluaran">7136</div>
  1545.                                    <div class="tanggal">03-11-2025</div>
  1546.                              </button>
  1547.                                                                <div id="paito-TWH" class="accordion-collapse collapse">
  1548.                                        
  1549.                                                <div class="result">
  1550.                                                    <div class="pasaran"></div>
  1551.                                                    <div class="keluaran">4264</div>
  1552.                                                    <div class="tanggal">03-11-2025</div>
  1553.                                                </div>
  1554.                                            
  1555.                                                <div class="result">
  1556.                                                    <div class="pasaran"></div>
  1557.                                                    <div class="keluaran">2359</div>
  1558.                                                    <div class="tanggal">03-11-2025</div>
  1559.                                                </div>
  1560.                                            
  1561.                                                <div class="result">
  1562.                                                    <div class="pasaran"></div>
  1563.                                                    <div class="keluaran">0097</div>
  1564.                                                    <div class="tanggal">03-11-2025</div>
  1565.                                                </div>
  1566.                                            
  1567.                                                <div class="result">
  1568.                                                    <div class="pasaran"></div>
  1569.                                                    <div class="keluaran">9252</div>
  1570.                                                    <div class="tanggal">03-11-2025</div>
  1571.                                                </div>
  1572.                                            
  1573.                                                <div class="result">
  1574.                                                    <div class="pasaran"></div>
  1575.                                                    <div class="keluaran">3485</div>
  1576.                                                    <div class="tanggal">03-11-2025</div>
  1577.                                                </div>
  1578.                                            
  1579.                                                <div class="result">
  1580.                                                    <div class="pasaran"></div>
  1581.                                                    <div class="keluaran">4774</div>
  1582.                                                    <div class="tanggal">02-11-2025</div>
  1583.                                                </div>
  1584.                                            
  1585.                                                <div class="result">
  1586.                                                    <div class="pasaran"></div>
  1587.                                                    <div class="keluaran">8782</div>
  1588.                                                    <div class="tanggal">02-11-2025</div>
  1589.                                                </div>
  1590.                                                                                </div>
  1591.                                                            </div>
  1592.                            
  1593.                                                    <div class="result-data accordion-item">
  1594.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
  1595.                                    <div class="badge">
  1596.                                                                            </div>
  1597.                                    <div class="pasaran">HK SIANG&nbsp</div>
  1598.                                    <div class="keluaran">5911</div>
  1599.                                    <div class="tanggal">03-11-2025</div>
  1600.                              </button>
  1601.                                                                <div id="paito-HKD" class="accordion-collapse collapse">
  1602.                                        
  1603.                                                <div class="result">
  1604.                                                    <div class="pasaran"></div>
  1605.                                                    <div class="keluaran">4962</div>
  1606.                                                    <div class="tanggal">02-11-2025</div>
  1607.                                                </div>
  1608.                                            
  1609.                                                <div class="result">
  1610.                                                    <div class="pasaran"></div>
  1611.                                                    <div class="keluaran">8948</div>
  1612.                                                    <div class="tanggal">01-11-2025</div>
  1613.                                                </div>
  1614.                                            
  1615.                                                <div class="result">
  1616.                                                    <div class="pasaran"></div>
  1617.                                                    <div class="keluaran">5945</div>
  1618.                                                    <div class="tanggal">31-10-2025</div>
  1619.                                                </div>
  1620.                                            
  1621.                                                <div class="result">
  1622.                                                    <div class="pasaran"></div>
  1623.                                                    <div class="keluaran">7588</div>
  1624.                                                    <div class="tanggal">30-10-2025</div>
  1625.                                                </div>
  1626.                                            
  1627.                                                <div class="result">
  1628.                                                    <div class="pasaran"></div>
  1629.                                                    <div class="keluaran">9217</div>
  1630.                                                    <div class="tanggal">29-10-2025</div>
  1631.                                                </div>
  1632.                                            
  1633.                                                <div class="result">
  1634.                                                    <div class="pasaran"></div>
  1635.                                                    <div class="keluaran">4223</div>
  1636.                                                    <div class="tanggal">28-10-2025</div>
  1637.                                                </div>
  1638.                                            
  1639.                                                <div class="result">
  1640.                                                    <div class="pasaran"></div>
  1641.                                                    <div class="keluaran">6981</div>
  1642.                                                    <div class="tanggal">27-10-2025</div>
  1643.                                                </div>
  1644.                                                                                </div>
  1645.                                                            </div>
  1646.                            
  1647.                                                    <div class="result-data accordion-item">
  1648.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
  1649.                                    <div class="badge">
  1650.                                                                            </div>
  1651.                                    <div class="pasaran">SG METRO&nbsp</div>
  1652.                                    <div class="keluaran">6076</div>
  1653.                                    <div class="tanggal">03-11-2025</div>
  1654.                              </button>
  1655.                                                                <div id="paito-SGM" class="accordion-collapse collapse">
  1656.                                        
  1657.                                                <div class="result">
  1658.                                                    <div class="pasaran"></div>
  1659.                                                    <div class="keluaran">6068</div>
  1660.                                                    <div class="tanggal">02-11-2025</div>
  1661.                                                </div>
  1662.                                            
  1663.                                                <div class="result">
  1664.                                                    <div class="pasaran"></div>
  1665.                                                    <div class="keluaran">0361</div>
  1666.                                                    <div class="tanggal">01-11-2025</div>
  1667.                                                </div>
  1668.                                            
  1669.                                                <div class="result">
  1670.                                                    <div class="pasaran"></div>
  1671.                                                    <div class="keluaran">4036</div>
  1672.                                                    <div class="tanggal">31-10-2025</div>
  1673.                                                </div>
  1674.                                            
  1675.                                                <div class="result">
  1676.                                                    <div class="pasaran"></div>
  1677.                                                    <div class="keluaran">1049</div>
  1678.                                                    <div class="tanggal">30-10-2025</div>
  1679.                                                </div>
  1680.                                            
  1681.                                                <div class="result">
  1682.                                                    <div class="pasaran"></div>
  1683.                                                    <div class="keluaran">0109</div>
  1684.                                                    <div class="tanggal">29-10-2025</div>
  1685.                                                </div>
  1686.                                            
  1687.                                                <div class="result">
  1688.                                                    <div class="pasaran"></div>
  1689.                                                    <div class="keluaran">6296</div>
  1690.                                                    <div class="tanggal">28-10-2025</div>
  1691.                                                </div>
  1692.                                            
  1693.                                                <div class="result">
  1694.                                                    <div class="pasaran"></div>
  1695.                                                    <div class="keluaran">6151</div>
  1696.                                                    <div class="tanggal">27-10-2025</div>
  1697.                                                </div>
  1698.                                                                                </div>
  1699.                                                            </div>
  1700.                            
  1701.                                                    <div class="result-data accordion-item">
  1702.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
  1703.                                    <div class="badge">
  1704.                                                                            </div>
  1705.                                    <div class="pasaran">SYDNEY&nbsp</div>
  1706.                                    <div class="keluaran">3062</div>
  1707.                                    <div class="tanggal">03-11-2025</div>
  1708.                              </button>
  1709.                                                                <div id="paito-SY" class="accordion-collapse collapse">
  1710.                                        
  1711.                                                <div class="result">
  1712.                                                    <div class="pasaran"></div>
  1713.                                                    <div class="keluaran">8580</div>
  1714.                                                    <div class="tanggal">02-11-2025</div>
  1715.                                                </div>
  1716.                                            
  1717.                                                <div class="result">
  1718.                                                    <div class="pasaran"></div>
  1719.                                                    <div class="keluaran">0840</div>
  1720.                                                    <div class="tanggal">01-11-2025</div>
  1721.                                                </div>
  1722.                                            
  1723.                                                <div class="result">
  1724.                                                    <div class="pasaran"></div>
  1725.                                                    <div class="keluaran">2436</div>
  1726.                                                    <div class="tanggal">31-10-2025</div>
  1727.                                                </div>
  1728.                                            
  1729.                                                <div class="result">
  1730.                                                    <div class="pasaran"></div>
  1731.                                                    <div class="keluaran">8603</div>
  1732.                                                    <div class="tanggal">30-10-2025</div>
  1733.                                                </div>
  1734.                                            
  1735.                                                <div class="result">
  1736.                                                    <div class="pasaran"></div>
  1737.                                                    <div class="keluaran">0963</div>
  1738.                                                    <div class="tanggal">29-10-2025</div>
  1739.                                                </div>
  1740.                                            
  1741.                                                <div class="result">
  1742.                                                    <div class="pasaran"></div>
  1743.                                                    <div class="keluaran">2748</div>
  1744.                                                    <div class="tanggal">28-10-2025</div>
  1745.                                                </div>
  1746.                                            
  1747.                                                <div class="result">
  1748.                                                    <div class="pasaran"></div>
  1749.                                                    <div class="keluaran">1451</div>
  1750.                                                    <div class="tanggal">27-10-2025</div>
  1751.                                                </div>
  1752.                                                                                </div>
  1753.                                                            </div>
  1754.                            
  1755.                                                    <div class="result-data accordion-item">
  1756.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
  1757.                                    <div class="badge">
  1758.                                                                            </div>
  1759.                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
  1760.                                    <div class="keluaran">9621</div>
  1761.                                    <div class="tanggal">03-11-2025</div>
  1762.                              </button>
  1763.                                                                <div id="paito-MYD" class="accordion-collapse collapse">
  1764.                                        
  1765.                                                <div class="result">
  1766.                                                    <div class="pasaran"></div>
  1767.                                                    <div class="keluaran">6941</div>
  1768.                                                    <div class="tanggal">02-11-2025</div>
  1769.                                                </div>
  1770.                                            
  1771.                                                <div class="result">
  1772.                                                    <div class="pasaran"></div>
  1773.                                                    <div class="keluaran">0609</div>
  1774.                                                    <div class="tanggal">01-11-2025</div>
  1775.                                                </div>
  1776.                                            
  1777.                                                <div class="result">
  1778.                                                    <div class="pasaran"></div>
  1779.                                                    <div class="keluaran">9244</div>
  1780.                                                    <div class="tanggal">31-10-2025</div>
  1781.                                                </div>
  1782.                                            
  1783.                                                <div class="result">
  1784.                                                    <div class="pasaran"></div>
  1785.                                                    <div class="keluaran">8330</div>
  1786.                                                    <div class="tanggal">30-10-2025</div>
  1787.                                                </div>
  1788.                                            
  1789.                                                <div class="result">
  1790.                                                    <div class="pasaran"></div>
  1791.                                                    <div class="keluaran">7840</div>
  1792.                                                    <div class="tanggal">29-10-2025</div>
  1793.                                                </div>
  1794.                                            
  1795.                                                <div class="result">
  1796.                                                    <div class="pasaran"></div>
  1797.                                                    <div class="keluaran">5880</div>
  1798.                                                    <div class="tanggal">28-10-2025</div>
  1799.                                                </div>
  1800.                                            
  1801.                                                <div class="result">
  1802.                                                    <div class="pasaran"></div>
  1803.                                                    <div class="keluaran">7211</div>
  1804.                                                    <div class="tanggal">27-10-2025</div>
  1805.                                                </div>
  1806.                                                                                </div>
  1807.                                                            </div>
  1808.                            
  1809.                                                    <div class="result-data accordion-item">
  1810.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
  1811.                                    <div class="badge">
  1812.                                                                            </div>
  1813.                                    <div class="pasaran">SINGAPORE&nbsp</div>
  1814.                                    <div class="keluaran">1316</div>
  1815.                                    <div class="tanggal">03-11-2025</div>
  1816.                              </button>
  1817.                                                                <div id="paito-SG" class="accordion-collapse collapse">
  1818.                                        
  1819.                                                <div class="result">
  1820.                                                    <div class="pasaran"></div>
  1821.                                                    <div class="keluaran">8989</div>
  1822.                                                    <div class="tanggal">02-11-2025</div>
  1823.                                                </div>
  1824.                                            
  1825.                                                <div class="result">
  1826.                                                    <div class="pasaran"></div>
  1827.                                                    <div class="keluaran">4326</div>
  1828.                                                    <div class="tanggal">01-11-2025</div>
  1829.                                                </div>
  1830.                                            
  1831.                                                <div class="result">
  1832.                                                    <div class="pasaran"></div>
  1833.                                                    <div class="keluaran">6283</div>
  1834.                                                    <div class="tanggal">30-10-2025</div>
  1835.                                                </div>
  1836.                                            
  1837.                                                <div class="result">
  1838.                                                    <div class="pasaran"></div>
  1839.                                                    <div class="keluaran">3378</div>
  1840.                                                    <div class="tanggal">29-10-2025</div>
  1841.                                                </div>
  1842.                                            
  1843.                                                <div class="result">
  1844.                                                    <div class="pasaran"></div>
  1845.                                                    <div class="keluaran">6031</div>
  1846.                                                    <div class="tanggal">27-10-2025</div>
  1847.                                                </div>
  1848.                                            
  1849.                                                <div class="result">
  1850.                                                    <div class="pasaran"></div>
  1851.                                                    <div class="keluaran">0316</div>
  1852.                                                    <div class="tanggal">26-10-2025</div>
  1853.                                                </div>
  1854.                                            
  1855.                                                <div class="result">
  1856.                                                    <div class="pasaran"></div>
  1857.                                                    <div class="keluaran">8585</div>
  1858.                                                    <div class="tanggal">25-10-2025</div>
  1859.                                                </div>
  1860.                                                                                </div>
  1861.                                                            </div>
  1862.                            
  1863.                                                    <div class="result-data accordion-item">
  1864.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
  1865.                                    <div class="badge">
  1866.                                                                            </div>
  1867.                                    <div class="pasaran">MALAYSIA&nbsp</div>
  1868.                                    <div class="keluaran">3012</div>
  1869.                                    <div class="tanggal">03-11-2025</div>
  1870.                              </button>
  1871.                                                                <div id="paito-MY" class="accordion-collapse collapse">
  1872.                                        
  1873.                                                <div class="result">
  1874.                                                    <div class="pasaran"></div>
  1875.                                                    <div class="keluaran">2093</div>
  1876.                                                    <div class="tanggal">02-11-2025</div>
  1877.                                                </div>
  1878.                                            
  1879.                                                <div class="result">
  1880.                                                    <div class="pasaran"></div>
  1881.                                                    <div class="keluaran">7830</div>
  1882.                                                    <div class="tanggal">01-11-2025</div>
  1883.                                                </div>
  1884.                                            
  1885.                                                <div class="result">
  1886.                                                    <div class="pasaran"></div>
  1887.                                                    <div class="keluaran">8662</div>
  1888.                                                    <div class="tanggal">31-10-2025</div>
  1889.                                                </div>
  1890.                                            
  1891.                                                <div class="result">
  1892.                                                    <div class="pasaran"></div>
  1893.                                                    <div class="keluaran">0270</div>
  1894.                                                    <div class="tanggal">30-10-2025</div>
  1895.                                                </div>
  1896.                                            
  1897.                                                <div class="result">
  1898.                                                    <div class="pasaran"></div>
  1899.                                                    <div class="keluaran">7998</div>
  1900.                                                    <div class="tanggal">29-10-2025</div>
  1901.                                                </div>
  1902.                                            
  1903.                                                <div class="result">
  1904.                                                    <div class="pasaran"></div>
  1905.                                                    <div class="keluaran">3755</div>
  1906.                                                    <div class="tanggal">28-10-2025</div>
  1907.                                                </div>
  1908.                                            
  1909.                                                <div class="result">
  1910.                                                    <div class="pasaran"></div>
  1911.                                                    <div class="keluaran">5893</div>
  1912.                                                    <div class="tanggal">27-10-2025</div>
  1913.                                                </div>
  1914.                                                                                </div>
  1915.                                                            </div>
  1916.                            
  1917.                                                    <div class="result-data accordion-item">
  1918.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC">
  1919.                                    <div class="badge">
  1920.                                                                            </div>
  1921.                                    <div class="pasaran">MACAU&nbsp</div>
  1922.                                    <div class="keluaran">4927</div>
  1923.                                    <div class="tanggal">03-11-2025</div>
  1924.                              </button>
  1925.                                                                <div id="paito-MC" class="accordion-collapse collapse">
  1926.                                        
  1927.                                                <div class="result">
  1928.                                                    <div class="pasaran"></div>
  1929.                                                    <div class="keluaran">7214</div>
  1930.                                                    <div class="tanggal">02-11-2025</div>
  1931.                                                </div>
  1932.                                            
  1933.                                                <div class="result">
  1934.                                                    <div class="pasaran"></div>
  1935.                                                    <div class="keluaran">2895</div>
  1936.                                                    <div class="tanggal">01-11-2025</div>
  1937.                                                </div>
  1938.                                            
  1939.                                                <div class="result">
  1940.                                                    <div class="pasaran"></div>
  1941.                                                    <div class="keluaran">7108</div>
  1942.                                                    <div class="tanggal">31-10-2025</div>
  1943.                                                </div>
  1944.                                            
  1945.                                                <div class="result">
  1946.                                                    <div class="pasaran"></div>
  1947.                                                    <div class="keluaran">5721</div>
  1948.                                                    <div class="tanggal">30-10-2025</div>
  1949.                                                </div>
  1950.                                            
  1951.                                                <div class="result">
  1952.                                                    <div class="pasaran"></div>
  1953.                                                    <div class="keluaran">1882</div>
  1954.                                                    <div class="tanggal">29-10-2025</div>
  1955.                                                </div>
  1956.                                            
  1957.                                                <div class="result">
  1958.                                                    <div class="pasaran"></div>
  1959.                                                    <div class="keluaran">9407</div>
  1960.                                                    <div class="tanggal">28-10-2025</div>
  1961.                                                </div>
  1962.                                            
  1963.                                                <div class="result">
  1964.                                                    <div class="pasaran"></div>
  1965.                                                    <div class="keluaran">4009</div>
  1966.                                                    <div class="tanggal">27-10-2025</div>
  1967.                                                </div>
  1968.                                                                                </div>
  1969.                                                            </div>
  1970.                            
  1971.                                                    <div class="result-data accordion-item">
  1972.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
  1973.                                    <div class="badge">
  1974.                                                                            </div>
  1975.                                    <div class="pasaran">QATAR&nbsp</div>
  1976.                                    <div class="keluaran">8470</div>
  1977.                                    <div class="tanggal">03-11-2025</div>
  1978.                              </button>
  1979.                                                                <div id="paito-QTR" class="accordion-collapse collapse">
  1980.                                        
  1981.                                                <div class="result">
  1982.                                                    <div class="pasaran"></div>
  1983.                                                    <div class="keluaran">3771</div>
  1984.                                                    <div class="tanggal">02-11-2025</div>
  1985.                                                </div>
  1986.                                            
  1987.                                                <div class="result">
  1988.                                                    <div class="pasaran"></div>
  1989.                                                    <div class="keluaran">9376</div>
  1990.                                                    <div class="tanggal">01-11-2025</div>
  1991.                                                </div>
  1992.                                            
  1993.                                                <div class="result">
  1994.                                                    <div class="pasaran"></div>
  1995.                                                    <div class="keluaran">3505</div>
  1996.                                                    <div class="tanggal">31-10-2025</div>
  1997.                                                </div>
  1998.                                            
  1999.                                                <div class="result">
  2000.                                                    <div class="pasaran"></div>
  2001.                                                    <div class="keluaran">6424</div>
  2002.                                                    <div class="tanggal">30-10-2025</div>
  2003.                                                </div>
  2004.                                            
  2005.                                                <div class="result">
  2006.                                                    <div class="pasaran"></div>
  2007.                                                    <div class="keluaran">8277</div>
  2008.                                                    <div class="tanggal">29-10-2025</div>
  2009.                                                </div>
  2010.                                            
  2011.                                                <div class="result">
  2012.                                                    <div class="pasaran"></div>
  2013.                                                    <div class="keluaran">4106</div>
  2014.                                                    <div class="tanggal">28-10-2025</div>
  2015.                                                </div>
  2016.                                            
  2017.                                                <div class="result">
  2018.                                                    <div class="pasaran"></div>
  2019.                                                    <div class="keluaran">8564</div>
  2020.                                                    <div class="tanggal">27-10-2025</div>
  2021.                                                </div>
  2022.                                                                                </div>
  2023.                                                            </div>
  2024.                            
  2025.                                                    <div class="result-data accordion-item">
  2026.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
  2027.                                    <div class="badge">
  2028.                                                                            </div>
  2029.                                    <div class="pasaran">HONGKONG&nbsp</div>
  2030.                                    <div class="keluaran">8445</div>
  2031.                                    <div class="tanggal">03-11-2025</div>
  2032.                              </button>
  2033.                                                                <div id="paito-HK" class="accordion-collapse collapse">
  2034.                                        
  2035.                                                <div class="result">
  2036.                                                    <div class="pasaran"></div>
  2037.                                                    <div class="keluaran">0559</div>
  2038.                                                    <div class="tanggal">02-11-2025</div>
  2039.                                                </div>
  2040.                                            
  2041.                                                <div class="result">
  2042.                                                    <div class="pasaran"></div>
  2043.                                                    <div class="keluaran">6937</div>
  2044.                                                    <div class="tanggal">01-11-2025</div>
  2045.                                                </div>
  2046.                                            
  2047.                                                <div class="result">
  2048.                                                    <div class="pasaran"></div>
  2049.                                                    <div class="keluaran">2962</div>
  2050.                                                    <div class="tanggal">31-10-2025</div>
  2051.                                                </div>
  2052.                                            
  2053.                                                <div class="result">
  2054.                                                    <div class="pasaran"></div>
  2055.                                                    <div class="keluaran">8644</div>
  2056.                                                    <div class="tanggal">30-10-2025</div>
  2057.                                                </div>
  2058.                                            
  2059.                                                <div class="result">
  2060.                                                    <div class="pasaran"></div>
  2061.                                                    <div class="keluaran">3752</div>
  2062.                                                    <div class="tanggal">29-10-2025</div>
  2063.                                                </div>
  2064.                                            
  2065.                                                <div class="result">
  2066.                                                    <div class="pasaran"></div>
  2067.                                                    <div class="keluaran">2843</div>
  2068.                                                    <div class="tanggal">28-10-2025</div>
  2069.                                                </div>
  2070.                                            
  2071.                                                <div class="result">
  2072.                                                    <div class="pasaran"></div>
  2073.                                                    <div class="keluaran">0489</div>
  2074.                                                    <div class="tanggal">27-10-2025</div>
  2075.                                                </div>
  2076.                                                                                </div>
  2077.                                                            </div>
  2078.                            
  2079.                        </div>              
  2080.              
  2081.          </div>
  2082.        </div>
  2083.    </div>
  2084.    
  2085.    <script>
  2086.        
  2087.        function togglePaito(paitoid) {
  2088.            let paito = document.getElementById(paitoid);
  2089.            paito.classList.add("open");
  2090.        }
  2091.        
  2092.        
  2093.    </script>
  2094.  
  2095.    
  2096.            <div class="provider">
  2097.                <div class="provider-group">
  2098.                    <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
  2099.                    <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
  2100.    
  2101.                    <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
  2102.                </div>
  2103.            </div>
  2104.            
  2105.            <div class="transaksi">
  2106.    
  2107.                <div>
  2108.                    <div class="transaksi-kontak">
  2109.                        
  2110.                        <div class="d-flex flex-column w-100">
  2111.                            <div class="transaksi-title">
  2112.                                <div class="transaksi-title-group">
  2113.                                    <div class="fitur-header">Transaksi</div>
  2114.                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
  2115.                                </div>
  2116.                                
  2117.                                <div class="devider desktop-only" style="width: 320px"></div>
  2118.                            </div>
  2119.                            
  2120.                            <div class="transaksi-content">
  2121.                                <!-- Bank -->
  2122.                                
  2123. <style>
  2124.  
  2125.    .transaksi-group {
  2126.        display: grid;
  2127.        grid-template-columns: 380px 1fr;
  2128.        justify-content: space-between;
  2129.        grid-template-areas:
  2130.        "transaksi-bank transaksi-other transaksi-crypto";
  2131.    }
  2132.    
  2133.    .transaksi-bank {
  2134.        grid-area: transaksi-bank;
  2135.        display: grid;
  2136.        place-items: center
  2137.    }
  2138.    
  2139.    .transaksi-other {
  2140.        grid-area: transaksi-other;
  2141.        display: flex;
  2142.        justify-content: space-evenly;
  2143.        width: 100%;
  2144.    }
  2145.    
  2146.    .transaksi-crypto {
  2147.        grid-area: transaksi-crypto;
  2148.        display: flex;
  2149.        justify-content: space-evenly;
  2150.        width: 100%;
  2151.    }
  2152.    
  2153.    .icon-crypto {
  2154.        width: 24px;
  2155.        height: 24px;
  2156.    }
  2157.    
  2158.    .transaksi-list-bank {
  2159.        height: fit-content;
  2160.        display: grid;
  2161.        grid-template-columns: repeat(4, 92px);
  2162.        grid-template-rows: repeat(4, auto);
  2163.        gap: 4px;
  2164.    }
  2165.    
  2166.    .transaksi-list-other {
  2167.        height: fit-content;
  2168.        display: grid;
  2169.        grid-template-columns: repeat(3, 92px);
  2170.        gap: 4px;
  2171.    }
  2172.    
  2173.    .transaksi-list-crypto {
  2174.        height: fit-content;
  2175.        display: grid;
  2176.        grid-template-columns: repeat(2, 80px);
  2177.        gap: 10px 8px;
  2178.    }
  2179.    
  2180.    
  2181.    .transaksi-item {
  2182.        display: flex;
  2183.        flex-direction: column;
  2184.        /* transform: perspective(10px) rotateX(3deg); */
  2185.    }
  2186.    
  2187.    .transaksi-header {
  2188.  
  2189.        height: 30px;
  2190.        border-radius: 5px;
  2191.        display: grid;
  2192.        place-items: center;
  2193.        font-weight: bold;
  2194.        border: 2px solid rgba(108,108,108,1);
  2195.        background: rgba(54,54,54,1);
  2196.        color: white;
  2197.    }
  2198.    
  2199.    .transaksi-status {
  2200.        margin-left: 3px;
  2201.        margin-right: 3px;
  2202.        height: 3px;
  2203.        border-radius: 0px 0px 4px 4px;
  2204.        background: rgb(54,54,54);
  2205.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  2206.    }
  2207.    
  2208.    .header-green {
  2209.        background: rgba(44,121,6,1);
  2210.        border-color: rgba(168,255,0,1);
  2211.    }
  2212.    
  2213.    .header-blue {
  2214.        background: rgba(0,80,89,1);
  2215.        border-color: rgba(0,255,204,1);
  2216.    }
  2217.    
  2218.    .status-green {
  2219.        background: rgb(44,121,6);
  2220.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  2221.    }
  2222.    
  2223.    .status-blue {
  2224.        background: rgb(0,80,89);
  2225.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  2226.    }
  2227.    
  2228.    .transaksi-name {
  2229.        font-size: 1.1rem;
  2230.        font-weight: bold;
  2231.        line-height: 1.5rem
  2232.    }
  2233.    
  2234.    .transaksi-wrapper {
  2235.        display: flex;
  2236.        flex-direction: column;
  2237.        gap: .5rem;
  2238.    }
  2239.  
  2240.  
  2241.    @media only screen and (max-width: 768px) {
  2242.        
  2243.        .transaksi-group {
  2244.            display: grid;
  2245.            grid-template-columns: 1fr;
  2246.            grid-template-areas:
  2247.            "transaksi-bank"
  2248.            "transaksi-other"
  2249.            "transaksi-crypto";
  2250.            gap: 32px;
  2251.            margin-bottom: 8px;
  2252.            
  2253.        }
  2254.        
  2255.        .transaksi-header {
  2256.            font-size: 1.1rem;
  2257.            height: 36px;
  2258.        }
  2259.        
  2260.        .transaksi-list-bank {
  2261.            grid-template-columns: repeat(4, 1fr);
  2262.        }
  2263.        
  2264.        .transaksi-list-other {
  2265.            grid-template-columns: repeat(4, 1fr);
  2266.        }
  2267.        
  2268.        .transaksi-list-crypto {
  2269.            width: 86%;
  2270.            margin: auto;
  2271.            grid-template-columns: repeat(4, 1fr);
  2272.        }
  2273.        
  2274.        .transaksi-list {
  2275.            display: grid;
  2276.            grid-template-columns: repeat(3, 1fr);
  2277.        }
  2278.        
  2279.        .transaksi-item {
  2280.            width: 100%;
  2281.        }
  2282.        
  2283.        .transaksi-title-group {
  2284.            justify-content: center;
  2285.            padding: 16px 0;
  2286.        }
  2287.        
  2288.        .transaksi-name {
  2289.            font-size: 1.3rem;
  2290.            text-align: center;    
  2291.            line-height: 1.8rem;
  2292.        }
  2293.  
  2294.        .transaksi-wrapper {
  2295.            width: 100%;
  2296.            max-width: 100%!important;
  2297.            gap: 1rem;
  2298.        }
  2299.        
  2300.        .icon-crypto {
  2301.            width: 28px;
  2302.            height: 28px;
  2303.        }
  2304.  
  2305.    }
  2306. </style>
  2307.  
  2308.  
  2309. <div class="transaksi-group">
  2310.    <div class="transaksi-bank">
  2311.  
  2312.            <div class="transaksi-wrapper">
  2313.                <div class="transaksi-name">Bank Lokal</div>
  2314.                
  2315.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  2316.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2317.                    
  2318.                                        
  2319.                </div>
  2320.                <div class="carousel-inner" >
  2321.                                            <div class="carousel-item active" style="min-height: 144px">
  2322.                            <div class="transaksi-list-bank">
  2323.                            
  2324.                                                        
  2325.                                                                
  2326.                                <div class="transaksi-item">
  2327.                                    <div class="transaksi-header">BCA</div>
  2328.                                    <div class="transaksi-status status-green"></div>
  2329.                                </div>
  2330.                                                        
  2331.                                                                
  2332.                                <div class="transaksi-item">
  2333.                                    <div class="transaksi-header">Mandiri</div>
  2334.                                    <div class="transaksi-status status-green"></div>
  2335.                                </div>
  2336.                                                        
  2337.                                                                
  2338.                                <div class="transaksi-item">
  2339.                                    <div class="transaksi-header">BNI</div>
  2340.                                    <div class="transaksi-status status-green"></div>
  2341.                                </div>
  2342.                                                        
  2343.                                                                
  2344.                                <div class="transaksi-item">
  2345.                                    <div class="transaksi-header">BRI</div>
  2346.                                    <div class="transaksi-status status-green"></div>
  2347.                                </div>
  2348.                                                        
  2349.                                                                
  2350.                                <div class="transaksi-item">
  2351.                                    <div class="transaksi-header">Danamon</div>
  2352.                                    <div class="transaksi-status "></div>
  2353.                                </div>
  2354.                                                        
  2355.                                                            
  2356.                            </div>
  2357.                        </div>
  2358.                    
  2359.                    
  2360.                    
  2361.                  </div>
  2362.                </div>
  2363.  
  2364.        </div>
  2365.    </div>
  2366.    
  2367.    <div class="transaksi-other">
  2368.            
  2369.            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2370.            
  2371.            <div class="transaksi-wrapper" style="max-width: 284px">
  2372.  
  2373.                <div class="transaksi-name">E Money & Pulsa</div>
  2374.  
  2375.    
  2376.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  2377.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2378.                    
  2379.                                        
  2380.                    </div>
  2381.                  <div class="carousel-inner" >
  2382.                                            <div class="carousel-item active">
  2383.                            <div class="transaksi-list-other">
  2384.                            
  2385.                                                        
  2386.                                                                
  2387.                                <div class="transaksi-item">
  2388.                                    <div class="transaksi-header">DANA</div>
  2389.                                    <div class="transaksi-status status-blue"></div>
  2390.                                </div>
  2391.                                                        
  2392.                                                                
  2393.                                <div class="transaksi-item">
  2394.                                    <div class="transaksi-header">OVO</div>
  2395.                                    <div class="transaksi-status status-blue"></div>
  2396.                                </div>
  2397.                                                        
  2398.                                                                
  2399.                                <div class="transaksi-item">
  2400.                                    <div class="transaksi-header">LinkAja</div>
  2401.                                    <div class="transaksi-status status-blue"></div>
  2402.                                </div>
  2403.                                                        
  2404.                                                                
  2405.                                <div class="transaksi-item">
  2406.                                    <div class="transaksi-header">Telkomsel</div>
  2407.                                    <div class="transaksi-status status-blue"></div>
  2408.                                </div>
  2409.                                                        
  2410.                                                                
  2411.                                <div class="transaksi-item">
  2412.                                    <div class="transaksi-header">Axiata</div>
  2413.                                    <div class="transaksi-status status-blue"></div>
  2414.                                </div>
  2415.                                                        
  2416.                                                            
  2417.                            </div>
  2418.                        </div>
  2419.                    
  2420.                    
  2421.                    
  2422.                </div>
  2423.            </div>
  2424.        </div>
  2425.        
  2426.        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2427.        
  2428.        
  2429.    </div>
  2430.    
  2431.     <div class="transaksi-crypto">
  2432.    <div class="transaksi-wrapper" style="max-width: 284px">
  2433.  
  2434.                <div class="transaksi-name mb-1">Crypto Currency</div>
  2435.  
  2436.    
  2437.                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
  2438.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2439.                    
  2440.                                        
  2441.                    </div>
  2442.                  <div class="carousel-inner" >
  2443.                    
  2444.                    
  2445.                </div>
  2446.            </div>
  2447.        </div>
  2448.    </div>
  2449. </div>
  2450.  
  2451.  
  2452.        
  2453.  
  2454.  
  2455.                            </div>
  2456.                            
  2457.                            
  2458.                        </div>
  2459.                        
  2460.                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
  2461.                            
  2462.                        <!--    <div class="transaksi-title">-->
  2463.                        <!--        <div class="transaksi-title-group">-->
  2464.                        <!--            <div class="fitur-header">Kontak Kami</div>-->
  2465.                        <!--        </div>-->
  2466.                                
  2467.                        <!--        <div class="devider desktop-only"></div>-->
  2468.                        <!--    </div>-->
  2469.                            
  2470.    
  2471.                        <!--    
  2472. <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
  2473.    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
  2474.        
  2475.                
  2476.    </div>
  2477.      <div class="carousel-inner" style="height: 164px">
  2478.                    <div class="carousel-item active">
  2479.                <div>
  2480.                
  2481.                                
  2482.                                        
  2483.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  2484.                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
  2485.  
  2486.                                                            <a class="d-flex flex-column" href="https://wa.me/6282149811466/" target='_blank'>
  2487.                                       <div style="color: #888888;">WHATSAPP</div>
  2488.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">6282149811466</div>
  2489.                                    </a>
  2490.                                
  2491.                                
  2492.                    </div>
  2493.                                
  2494.                                    
  2495.                </div>
  2496.            </div>
  2497.        
  2498.        
  2499.        
  2500.    </div>
  2501. </div>
  2502. -->
  2503.                                    
  2504.                        <!--</div>-->
  2505.                    </div>
  2506.                </div>
  2507.            </div>
  2508.            
  2509.            <div class="guidelines">
  2510.                <div class="guidelines-content desktop-only">
  2511.                    <img src="https://img.viva88athenae.com/guidelines.png" />
  2512.                </div>
  2513.            </div>
  2514.    
  2515.    
  2516.            <div class="bantuan">
  2517.                                <ul class="bantuan-content">
  2518.                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
  2519.                    <div class="bantuan-devider desktop-only">|</div>
  2520.                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
  2521.                    <div class="bantuan-devider desktop-only">|</div>
  2522.                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
  2523.                    <div class="bantuan-devider desktop-only">|</div>
  2524.                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
  2525.                    <div class="bantuan-devider desktop-only">|</div>
  2526.                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
  2527.                    <div class="bantuan-devider desktop-only">|</div>
  2528.                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
  2529.                    <div class="bantuan-devider desktop-only">|</div>
  2530.                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
  2531.                </ul>
  2532.                            </div>
  2533.    
  2534.    
  2535.            <footer class="footer">
  2536.                <div>
  2537.                    <h1 style="text-align: justify;"><span style="font-size: 16px;">SIAP4D: Situs Game Online Terbaik dengan Login Mudah dan Aman</span></h1>
  2538. <p style="text-align: justify;"><span style="font-size: 16px;"><a href="https://siap4d.ai/">SIAP4D</a> hadir sebagai salah satu situs game online terbaik di Indonesia dengan menawarkan pengalaman bermain yang seru, praktis, dan aman. Melalui sistem login yang mudah, pemain dapat langsung mengakses berbagai pilihan game populer, mulai dari slot game, live casino, hingga permainan interaktif lain dengan RTP tinggi. Didukung oleh teknologi enkripsi modern, setiap data pengguna dijamin aman sehingga pemain bisa fokus menikmati hiburan tanpa rasa khawatir.</span></p>
  2539. <p style="text-align: justify;"><span style="font-size: 16px;">Keunggulan lain dari SIAP4D adalah kemudahan transaksi dengan berbagai metode deposit, termasuk Dana dan QRIS yang cepat dan tanpa ribet. Ditambah layanan customer service 24 jam serta bonus menarik untuk member baru maupun setia, Siap4D berhasil menjadi pilihan utama para pecinta game online. Dengan kombinasi fitur lengkap, keamanan terjamin, dan login praktis, tidak heran jika banyak pemain menjadikan SIAP4D sebagai platform favorit untuk hiburan digital yang menyenangkan sekaligus menguntungkan.</span></p>
  2540. <h2 style="text-align: justify;"><span style="font-size: 16px;">Mengapa Memilih SIAP4D</span></h2>
  2541. <p style="text-align: justify;"><span style="font-size: 16px;">Siap4D dikenal sebagai platform yang mengutamakan kenyamanan dan keamanan pemain. Ada beberapa alasan mengapa banyak pengguna mempercayai situs kami karena login praktis dan cepat sehingga pemain bisa langsung mengakses permainan tanpa perlu ribet. Selain itu kami menyediakan banyak pilihan permainan game online mulai dari game slot, Live Casino, Sport, Tembak Ikan, togel dan game populer lainya di satu platform</span></p>
  2542. <p style="text-align: justify;"><span style="font-size: 16px;">Alasan lain mengapa banyak orang memilih SIAP4D adalah kemudahan dalam bertransaksi. Pemain bisa melakukan deposit praktis melalui e-wallet, bank lokal, hingga pulsa tanpa potongan. Ditambah layanan customer service yang aktif 24 jam serta promo menarik yang rutin diberikan, SIAP4D semakin memperkuat posisinya sebagai situs game online terpercaya di Indonesia. Dengan semua keunggulan tersebut, tak heran jika SIAP4D menjadi destinasi favorit bagi para pecinta game online.</span></p>
  2543. <h2 style="text-align: justify;"><span style="font-size: 16px;">SIAP4D Tempat Aman dan Mudah untuk Semua Pecinta Game Online</span></h2>
  2544. <p style="text-align: justify;"><span style="font-size: 16px;">Keamanan adalah salah satu hal utama yang ditawarkan oleh SIAP4D. Dengan sistem enkripsi canggih, data pemain selalu terlindungi. Tidak hanya aman, aksesnya juga mudah dengan login yang cepat serta deposit praktis.</span></p>
  2545. <p style="text-align: justify;"><span style="font-size: 16px;">Bagi pecinta game online, <a href="https://siap4d.ai/">SIAP4D Slot</a> menjadi tempat yang ideal untuk bermain sekaligus meraih jackpot besar. Semua fitur dirancang agar pemain dapat menikmati hiburan dengan tenang dan nyaman.</span></p>
  2546. <h2 style="text-align: justify;"><span style="font-size: 16px;">Game Online Terbaik, Login Aman, Menang Setiap Hari – SIAP4D</span></h2>
  2547. <p style="text-align: justify;"><span style="font-size: 16px;">Bermain di SIAP4D memberi sensasi berbeda karena setiap detail dihadirkan untuk kenyamanan pemain. Mulai dari login aman, pilihan slot terbaik, hingga deposit mudah menjadikan platform ini favorit banyak orang.</span></p>
  2548. <p style="text-align: justify;"><span style="font-size: 16px;">Dengan RTP tinggi dan jackpot harian, peluang menang di SIAP4D lebih besar. Itulah sebabnya banyak pemain setia login setiap hari untuk merasakan sensasi kemenangan beruntun.</span></p>
  2549. <h2 style="text-align: justify;"><span style="font-size: 16px;">Situs Game Online No.1 Indonesia dengan Login Praktis & Aman</span></h2>
  2550. <p style="text-align: justify;"><span style="font-size: 16px;">Sebagai situs game online No.1 di Indonesia, SIAP4D selalu menghadirkan layanan terbaik. Proses <a href="https://siap4d.ai/">login siap4d </a> yang cepat serta transaksi yang aman membuat pemain semakin percaya.</span></p>
  2551. <p style="text-align: justify;"><span style="font-size: 16px;">Dengan koleksi game lengkap dan bonus melimpah, SIAP4D terus membuktikan kualitasnya sebagai platform game online teratas di Indonesia.</span></p>
  2552. <h2 style="text-align: justify;"><span style="font-size: 16px;">SIAP4D, Portal Game Online Terbaik untuk Hiburan dan Kemenangan</span></h2>
  2553. <p style="text-align: justify;"><span style="font-size: 16px;">SIAP4D bukan hanya sekadar tempat bermain, tapi juga portal hiburan digital yang memberikan pengalaman menyenangkan. Dengan berbagai game populer dan fitur canggih, pemain bisa merasakan keseruan tanpa batas.</span></p>
  2554. <p style="text-align: justify;"><span style="font-size: 16px;">Selain hiburan, SIAP4D juga membuka peluang besar untuk kemenangan. Dengan RTP tinggi, promo menarik, dan layanan terbaik, platform ini menjadi pilihan favorit bagi banyak pemain.</span></p>
  2555. <!-- Nominal Depo WD -->
  2556. <style>
  2557.   .count-item {
  2558.   font-size: 1.8rem;
  2559.   background: #fab907;
  2560.   padding: 0.3rem 0.5rem;
  2561.   color: #ffffff !important;
  2562.   border-radius: 10px;
  2563.   font-weight: bold;
  2564.   }
  2565.   .wrapper-service {
  2566.   display: flex;
  2567.   align-items: center;
  2568.   flex-wrap: wrap;
  2569.   justify-content: center;
  2570.   border-radius: 10px;
  2571.   margin-top: 1.3rem;
  2572.   border:  3px solid #aa06fa;
  2573.   padding: 0.8rem;
  2574.   /* background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #000; */
  2575.   }
  2576.   .status-wrapper, .status-wrapper-mem {
  2577.   display: flex;
  2578.   align-items: center;
  2579.   }
  2580.   .status-wrapper {
  2581.   justify-content: center;
  2582.   }
  2583.   .status-wrapper-mem {
  2584.   justify-content: center;
  2585.   }
  2586.   .status-wrapper p {
  2587.   margin-right: 0.6rem !important;
  2588.   }
  2589.   .item-service {
  2590.   margin-right: 3rem;
  2591.   }
  2592.   .item-service:last-child {
  2593.   margin-right: 0;
  2594.   }
  2595.   .item-service h1 {
  2596.   font-size: 2.2rem;
  2597.   margin-top: 7px !important;
  2598.   text-transform : uppercase;
  2599.   font-weight: bold !important;
  2600.   }
  2601.   .google-wrapper {
  2602.   background: #fff;
  2603.   padding: 1.7rem;
  2604.   width: 18rem;
  2605.   height: 0.5rem;
  2606.   border-radius: 10px;
  2607.   position: relative;
  2608.   }
  2609.   .google-wrapper img {
  2610.   position: absolute;
  2611.   width: 2rem;
  2612.   top: 9px;
  2613.   left: 10px;
  2614.   }
  2615.   .item-service p {
  2616.   color: #fff;
  2617.   }
  2618.   .google-wrapper p {
  2619.   position: absolute;
  2620.   left: 3.4rem;
  2621.   top: 0.6rem;
  2622.   text-transform: uppercase;
  2623.   font-size: 1.50rem !important;
  2624.   font-weight: bold !important;
  2625.   color: #000 !important;
  2626.   }
  2627. </style>
  2628. <script>
  2629.   document.addEventListener('DOMContentLoaded', () => {
  2630.  
  2631.   const min = 36269;
  2632.   const max = 56971;
  2633.   const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
  2634.  
  2635.   $(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">10</span> Detik</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div>  </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div>  </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://ik.imagekit.io/siap4dslot/google.png?updatedAt=1748621174672" /> <p>SIAP4D</p></div></div> </div>').insertBefore(".provider-group");
  2636.  
  2637.   });
  2638. </script>
  2639. <style>
  2640.   :root {
  2641.   --t1-color:  var(--result-tanggal-background);
  2642.   --t2-color:  var(--result-keluaran-color);
  2643.   }
  2644.   .provider {
  2645.   padding-top: 1rem;
  2646.   background: #361645;
  2647.   color: #ffffff;
  2648.   }
  2649.   .login-field {
  2650.   width: 147px;
  2651.   }
  2652.   .header {
  2653.   background: #361645;
  2654.   }
  2655.   .menu-item>label, .menu span {
  2656.   color: #fff !important;
  2657.   }
  2658.   .title-infos {
  2659.   text-transform: uppercase;
  2660.   color: #fff;
  2661.   font-size: 1.2rem;
  2662.   text-align: center;
  2663.   display: flex;
  2664.   align-items:center;
  2665.   justify-content: center;
  2666.   }
  2667.   .img-title-infos {
  2668.   width: 40px;
  2669.   margin-right: 0.5rem;
  2670.   }
  2671.   .transaksi {
  2672.   padding-top: 1.5rem;
  2673.   }
  2674.   .wrap-all-trans {
  2675.   display: grid;
  2676.   grid-template-columns: repeat(2, 1fr);
  2677.   gap: 5px;
  2678.   }
  2679.   .wrapper-transactions {
  2680.   width: 35rem;
  2681.   max-width: 100%;
  2682.   padding: 0.7rem;
  2683.   margin-bottom: 1rem;
  2684.   margin-top: 1rem;
  2685.   border-radius: 10px;
  2686.   border: 3px solid #aa06fa;
  2687.   background: var(--result-background);
  2688.   }
  2689.   .content-trans {
  2690.   height: 15rem;
  2691.   overflow: hidden;
  2692.   position: relative;
  2693.   }
  2694.   .avatar-trans {
  2695.   width: 2rem;
  2696.   max-width: 100%;
  2697.   margin-right: 0.7rem;
  2698.   }
  2699.   .avatar-wrapper {
  2700.   display: flex;
  2701.   justify-content: center;
  2702.   }
  2703.   .item-trans {
  2704.   color: #ffffff;
  2705.   background: #000000;
  2706.   display: flex;
  2707.   width: 100%;
  2708.   border: 2px solid #000000;
  2709.   justify-content: space-between;
  2710.   align-items: center;
  2711.   border-radius: 5px;
  2712.   font-size: 1rem;
  2713.   margin-bottom: 0.45rem !important;
  2714.   padding: 0.4rem;
  2715.   position: relative;
  2716.   bottom: 0; /* Start the boxes at the bottom of the container */
  2717.   animation: moveUp 40s linear infinite;
  2718.   }
  2719.   .rupiah-trans {
  2720.   color: #ffffff;
  2721.   font-weight: bold;
  2722.   }
  2723.   .text-centertitle {
  2724.   color: #ffffff;
  2725.   margin-top: 0;
  2726.   padding-bottom: 0.5rem;
  2727.   font-size: 1.15rem;
  2728.   font-weight: bold;
  2729.   }
  2730.   .divider-trans {
  2731.   margin-top: 14px !important;
  2732.   border-top: 1px solid rgb(0 0 0);
  2733.   }
  2734.   @keyframes moveUp {
  2735.   0% {
  2736.   transform: translateY(0); /* Initial position, no translation */
  2737.   }
  2738.   100% {
  2739.   transform: translateY(-1500px); /* Move the box upwards by the height of container */
  2740.   }
  2741.   }
  2742.   @keyframes glowing  {
  2743.   0%  {
  2744.   background-position:  0 0;
  2745.   }
  2746.   50%  {
  2747.   background-position:  400% 0;
  2748.   }
  2749.   100%  {
  2750.   background-position:  0 0;
  2751.   }
  2752.   }
  2753.   @keyframes glowing  {
  2754.   0%  {
  2755.   background-position:  0 0;
  2756.   }
  2757.   50%  {
  2758.   background-position:  400% 0;
  2759.   }
  2760.   100%  {
  2761.   background-position:  0 0;
  2762.   }
  2763.   }
  2764.   @media only screen and (max-width: 1000px) {
  2765.   .wrap-all-trans {
  2766.   display: block;
  2767.   }
  2768.   .wrapper-transactions {
  2769.   width: 100%;
  2770.   }
  2771.   .gambar-samping {
  2772.   display: none;
  2773.   }
  2774.   .menu-alternatif li {
  2775.   width: 100%;
  2776.   text-align: center;
  2777.   padding: 0.3rem;
  2778.   font-size: 1rem;
  2779.   }
  2780.   }
  2781. </style>
  2782.  
  2783.  
  2784. <script>
  2785.   document.addEventListener('DOMContentLoaded', () => {
  2786.   // Withdraw & Deposit
  2787.   const getProvider = document.querySelector('.provider-group');
  2788.   const transWrap = document.createElement('div');
  2789.   transWrap.className = 'wrapper-transactions';
  2790.  
  2791.   const transWrapDp = document.createElement('div');
  2792.   transWrapDp.className = 'wrapper-transactions';
  2793.  
  2794.   const transContent = document.createElement('div');
  2795.   transContent.className = 'content-trans';
  2796.  
  2797.   const transContentDp = document.createElement('div');
  2798.   transContentDp.className = 'content-trans';
  2799.  
  2800.   const makeDp = document.createElement('div');
  2801.   makeDp.className = 'deposit-members';
  2802.  
  2803.   const makeWd = document.createElement('div');
  2804.   makeWd.className = 'withdraw-members';
  2805.  
  2806.   const titleDp = document.createElement('h3');
  2807.   titleDp.className = 'text-centertitle';
  2808.   titleDp.textContent = 'NEW DEPOSIT';
  2809.  
  2810.   const titleWd = document.createElement('h3');
  2811.   titleWd.className = 'text-centertitle';
  2812.   titleWd.textContent = 'NEW WITHDRAW';
  2813.  
  2814.   transContentDp.appendChild(makeDp);
  2815.   transContent.appendChild(makeWd);
  2816.   transWrapDp.appendChild(titleDp);
  2817.   transWrap.appendChild(titleWd);
  2818.  
  2819.   transWrapDp.appendChild(transContentDp);
  2820.   transWrap.appendChild(transContent);
  2821.  
  2822.   const wrapAllTrans = document.createElement('div');
  2823.   wrapAllTrans.className = 'wrap-all-trans';
  2824.  
  2825.   wrapAllTrans.appendChild(transWrapDp);
  2826.   wrapAllTrans.appendChild(transWrap);
  2827.  
  2828.   getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
  2829.  
  2830.   function LinkAlternatif() {
  2831.           $('<ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' + linkAlt1 + '">'+ linkAlt1 +'</li> <li data-alternatif="' + linkAlt2 + '">'+ linkAlt2 +'</li> <li data-alternatif="' + linkAlt3 + '">'+ linkAlt3 +'</li></ul>').insertBefore($('.wrap-all-trans'));
  2832.  
  2833.   $('.menu-alternatif li').click(function() {
  2834.  
  2835.   const targetLink = $(this).data('alternatif');
  2836.  
  2837.           if(targetLink  !== undefined ) {
  2838.                   location.href = '/' + targetLink;
  2839.           }
  2840.  
  2841.   });
  2842.  
  2843.   }
  2844.  
  2845.   function getDeposit() {
  2846.           $.ajax({
  2847.               url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@9b800a9bfe9844835fede0215fb40ae6f02cf5b8/users.json',
  2848.               type: 'GET',
  2849.               dataType: 'JSON',
  2850.               success: function(response) {
  2851.                 const getUser = randomUser(response.slice(0, 50));
  2852.                   $.each(getUser, function(index, items){
  2853.                        // IDR Value
  2854.                       const dana_wd = uangRupiahDp(10000, 50000);
  2855.  
  2856.   $('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://ik.imagekit.io/siap4dslot/logoweb.png?updatedAt=1752483263028" class="avatar-trans" />'+ items.user +' | Deposit:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
  2857.  
  2858.                   });
  2859.      
  2860.               }
  2861.           })
  2862.       }
  2863.  
  2864.    function getWithdraw() {
  2865.           $.ajax({
  2866.               url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@9b800a9bfe9844835fede0215fb40ae6f02cf5b8/users.json',
  2867.               type: 'GET',
  2868.               dataType: 'JSON',
  2869.               success: function(response) {
  2870.                 const getUser = randomUser(response.slice(0, 50));
  2871.                   $.each(getUser, function(index, items){
  2872.                        // IDR Value
  2873.                       const dana_wd = uangRupiah(50000, 50000000);
  2874.                       $('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://ik.imagekit.io/siap4dslot/logoweb.png?updatedAt=1752483263028" class="avatar-trans" />'+ items.user +' | Withdraw:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
  2875.                      
  2876.                   });
  2877.               }
  2878.           })
  2879.       }
  2880.  
  2881.   function uangRupiah(min, max) {
  2882.       function getRandomRoundNumber(min, max) {
  2883.           const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  2884.           const returnNum = Math.floor(randomNumber / 10000) * 10000;
  2885.           if(returnNum != 0 || !isNaN(returnNum)) {
  2886.             return returnNum;
  2887.           }
  2888.         }
  2889.      
  2890.         const randomRoundNumber = getRandomRoundNumber(min, max);
  2891.         const roundedNumber = randomRoundNumber;
  2892.         return new Intl.NumberFormat().format(roundedNumber);
  2893.     }
  2894.  
  2895.   function uangRupiahDp(min, max) {
  2896.       function getRandomRoundNumber(min, max) {
  2897.           const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  2898.           const returnNum = Math.floor(randomNumber / 5000) * 5000;
  2899.           if(returnNum != 0 || !isNaN(returnNum)) {
  2900.             return returnNum;
  2901.           }
  2902.         }
  2903.      
  2904.         const randomRoundNumber = getRandomRoundNumber(min, max);
  2905.         const roundedNumber = randomRoundNumber;
  2906.         return new Intl.NumberFormat().format(roundedNumber);
  2907.     }
  2908.  
  2909.   function randomUser(array) {
  2910.           var currentIndex = array.length, temporaryValue, randomIndex;
  2911.        
  2912.           // While there remain elements to shuffle
  2913.           while (0 !== currentIndex) {
  2914.             // Pick a remaining element
  2915.             randomIndex = Math.floor(Math.random() * currentIndex);
  2916.             currentIndex -= 1;
  2917.        
  2918.             // Swap it with the current element
  2919.             temporaryValue = array[currentIndex];
  2920.             array[currentIndex] = array[randomIndex];
  2921.             array[randomIndex] = temporaryValue;
  2922.           }
  2923.        
  2924.           return array;
  2925.         }
  2926.  
  2927.   getWithdraw();
  2928.   getDeposit();
  2929.   LinkAlternatif();
  2930.  
  2931.   });
  2932. </script>
  2933. <!--Habis -->
  2934.  
  2935. <div class="close7" style="position: fixed; bottom: 225px; left: 10px; z-index: 999999; opacity: 0.98; width:2em; height:1.3em;">
  2936. <b><img class="wabutton" src=
  2937. "https://imagedelivery.net/WIsHGVGwV45di_PbTNaprg/bc4797a1-5f9a-4b82-937b-400b61217500/siap4d"></b></div>
  2938. <div style="position: fixed; bottom: 165px; left: 5px; z-index: 999999; opacity: 0.98;">
  2939. <a href="https://wa.me/6282149811466" target="_blank" rel="noopener"><img class="wabutton" src=
  2940. "https://s3.gifyu.com/images/bSTTJ.png" width="50" height="50"></a></div>
  2941. <div style="position: fixed; bottom: 105px; left: 5px; z-index: 999999; opacity: 0.98;">
  2942. <a href="https://wa.me/6285928801927" target="_blank" rel="noopener"><img class="wabutton" src=
  2943. "https://s3.gifyu.com/images/bSTTe.png" width="50" height="50"></a></div>
  2944. <div style="position: fixed; bottom: 45px; left: 5px; z-index: 999999; opacity: 0.98;">
  2945. <a href="https://t.me/siap4D" target="_blank" rel="noopener"><img class="wabutton" src=
  2946. "https://s3.gifyu.com/images/bSTwS.png" width="50" height="50"></a></div>
  2947. <script>
  2948. var closebtns = document.getElementsByClassName("close7");
  2949. var i;
  2951. for (i = 0; i < closebtns.length; i++) {
  2952.  closebtns[i].addEventListener("click", function() {
  2953.    this.parentElement.style.display = 'none';
  2954.  });
  2955. }
  2956. </script>
  2957.  
  2958. <a href="//www.dmca.com/Protection/Status.aspx?ID=aa9cc118-d5bd-4d37-b804-964571754c05" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120d.png?ID=aa9cc118-d5bd-4d37-b804-964571754c05"  alt="DMCA.com Protection Status" /></a>  <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>                </div>
  2959.                
  2960.                
  2961.                <div class="footer-group">
  2962.                    <div class="copyright">
  2963.                        <div style="white-space: nowrap">© 2015 - 2025 Copyright SIAP4D.</div>
  2964.                        <div>All Rights Reserved.</div>
  2965.                    </div>
  2966.                    <div class="desktop-only">
  2967.                        <div class="d-flex gap-1">
  2968.                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
  2969.                                                        <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
  2970.                        </div>
  2971.                    </div>
  2972.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">
  2973.                    
  2974.                    <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=kvhW-JhCLLJeiz6WPHcKVOVczvxD8d4tiFu02AOTM6A.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
  2975.                        <i class="bi bi-shield-fill-exclamation"></i>
  2976.                        <strong class="ms-1">LAPOR PUSAT</strong>
  2977.                    </button>
  2978.                </div>
  2979.            </footer>
  2980.            
  2981.            
  2982.            
  2983.            <!-- SIDENAV -->
  2984.            <div id="mySidenav" class="sidenav desktop-only">
  2985.                <div id="nav">
  2986.                    <div style="display: flex; align-items: start;">
  2987.                        <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;">
  2988.                            
  2989.                            <img src="/assets/hubungi.png?11">
  2990.                            
  2991.                        </div>
  2992.                        <!--<img id="about" src="/images/kontak.png?4">-->
  2993.                    </div>
  2994.                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
  2995.                       <div id="" style="padding: 4px">
  2996.                       <img src="/assets/24h.png" style="width: 100%"></img>
  2997.                        </div>
  2998.                    
  2999.                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
  3000.                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
  3001.                            
  3002.                                                                
  3003.                                                                                
  3004.                                            <a href="https://wa.me/6282149811466/" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  3005.                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>6282149811466</span>
  3006.                                            </a>
  3007.                                            
  3008.                                            
  3009.                                    
  3010.                                                                
  3011.    
  3012.                        </div>
  3013.                            <div style="margin: 8px">
  3014.                                <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>
  3015.                            </div>
  3016.                    </div>
  3017.                </div>
  3018.            </div>
  3019.        </div>
  3020.        
  3021.        <!--POP UP -->
  3022.        
  3023.        <style>
  3024.        
  3025.                    
  3026.            .modal-dialog {
  3027.                max-width: max-content;
  3028.                margin-top: 180px
  3029.            }
  3030.            
  3031.            .imgpop {
  3032.                border:2px solid #FFF;
  3033.                width: 600px;
  3034.                aspect-ratio: 2;
  3035.                object-fit: cover;
  3036.            }
  3037.  
  3038.            
  3039.            @media only screen and (max-width: 768px) {
  3040.                
  3041.                .modal-dialog {
  3042.                    margin-top: 98px
  3043.                }
  3044.                
  3045.                .imgpop {
  3046.                    width: 100%;
  3047.                }
  3048.                
  3049.            }
  3050.            
  3051.            
  3052.            
  3053.        </style>
  3054.  
  3055.  
  3056.        <!-- Modal -->
  3057.        <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  3058.          <div class="modal-dialog" style="">
  3059.            <div class="modal-content">
  3060.              <div class="modal-body"  style="padding: 0px">
  3061.                <img src="images/upload-Popup-20251016025334.jpg" alt="siap4d link alternatif" class="imgpop"/>
  3062.              </div>
  3063.            </div>
  3064.          </div>
  3065.        </div>
  3066.  
  3067.  <!--<div class="modal fade" id="promo">-->
  3068.  <!--  <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
  3069.  <!--    <div class="modal-content" style="padding:0px; border-radius:0px;">-->
  3070.  <!--      <div class="modal-body" style="padding:0px;">-->
  3071.  <!--          <img src="images/upload-Popup-20251016025334.jpg" alt="siap4d link alternatif" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
  3072.  <!--          <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">&times;</button>-->
  3073.  <!--      </div>-->
  3074.  <!--    </div>-->
  3075.  <!--  </div>-->
  3076.  <!--</div> -->
  3077.        
  3078.        <!-- LIVE CHAT -->
  3079.        <!-- Start of LiveChat (www.livechat.com) code -->
  3080. <script>
  3081.    window.__lc = window.__lc || {};  
  3082.    window.__lc.license = 14656365;
  3083.    window.__lc.integration_name = "manual_channels";
  3084.    window.__lc.product_name = "livechat";
  3085.    ;(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))
  3086. </script>
  3087. <noscript><a href="https://www.livechat.com/chat-with/14656365/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
  3088. <!-- End of LiveChat code -->
  3089.  
  3090.                
  3091.          
  3092.  
  3093.        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  3094.        <script>
  3095.            document.addEventListener('DOMContentLoaded', function() {
  3096.                setTimeout(function() {
  3097.                    const mobileForm = document.querySelector('#mobilelogin form') ||
  3098.                                      document.querySelector('#mobilelogin .login-form') ||
  3099.                                      document.querySelector('.mobile-only form');
  3100.                    
  3101.                    if (!mobileForm) {
  3102.                        return;
  3103.                    }
  3104.                    
  3105.                    const username = mobileForm.querySelector('input[name="username"]');
  3106.                    const password = mobileForm.querySelector('input[name="password"]');
  3107.                    const remember = document.querySelector('#rememberMe') ||
  3108.                                    document.querySelector('input[type="checkbox"]');
  3109.                    
  3110.                    if (!username || !password || !remember) {
  3111.                        return;
  3112.                    }
  3113.                    
  3114.                    try {
  3115.                        localStorage.setItem('test', 'working');
  3116.                        if (localStorage.getItem('test') === 'working') {
  3117.                            localStorage.removeItem('test');
  3118.                        } else {
  3119.                            return;
  3120.                        }
  3121.                    } catch(e) {
  3122.                        return;
  3123.                    }
  3124.                    
  3125.                    initializeRememberMe();
  3126.                    loadSavedData();
  3127.                    
  3128.                    mobileForm.addEventListener('submit', handleSave);
  3129.                    mobileForm.addEventListener('click', function(e) {
  3130.                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
  3131.                            handleSave();
  3132.                        }
  3133.                    });
  3134.                    remember.addEventListener('change', function() {
  3135.                        if (!this.checked) {
  3136.                            clearSavedData();
  3137.                            localStorage.setItem('mobile_remember_unchecked', 'true');
  3138.                        } else {
  3139.                            localStorage.removeItem('mobile_remember_unchecked');
  3140.                        }
  3141.                    });
  3142.    
  3143.                    function initializeRememberMe() {
  3144.                        try {
  3145.                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
  3146.                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
  3147.                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
  3148.                                remember.checked = false;
  3149.                            } else {
  3150.                                remember.checked = true;
  3151.                            }
  3152.                        } catch(e) {
  3153.                            remember.checked = true;
  3154.                        }
  3155.                    }
  3156.                    
  3157.                    function loadSavedData() {
  3158.                        try {
  3159.                            const savedUsername = localStorage.getItem('mobile_username');
  3160.                            const savedPassword = localStorage.getItem('mobile_password');
  3161.                            const rememberChecked = localStorage.getItem('mobile_remember');
  3162.                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
  3163.                                username.value = savedUsername;
  3164.                                password.value = savedPassword;
  3165.                            }
  3166.                        } catch(e) {
  3167.                            // console.log('Error loading data:', e);
  3168.                        }
  3169.                    }
  3170.                    
  3171.                    function handleSave() {
  3172.                        if (remember.checked) {
  3173.                            const usernameVal = username.value.trim();
  3174.                            const passwordVal = password.value.trim();
  3175.                            
  3176.                            if (usernameVal && passwordVal) {
  3177.                                try {
  3178.                                    localStorage.setItem('mobile_username', usernameVal);
  3179.                                    localStorage.setItem('mobile_password', passwordVal);
  3180.                                    localStorage.setItem('mobile_remember', 'true');
  3181.                                    localStorage.setItem('mobile_login_success', 'true');
  3182.                                } catch(e) {
  3183.                                    // console.log('Error saving data:', e);
  3184.                                }
  3185.                            }
  3186.                        } else {
  3187.                            clearSavedData();
  3188.                            localStorage.setItem('mobile_login_success', 'true');
  3189.                        }
  3190.                    }
  3191.                    
  3192.                    function clearSavedData() {
  3193.                        try {
  3194.                            localStorage.removeItem('mobile_username');
  3195.                            localStorage.removeItem('mobile_password');
  3196.                            localStorage.removeItem('mobile_remember');
  3197.                        } catch(e) {
  3198.                            // console.log('Error clearing data:', e);
  3199.                        }
  3200.                    }
  3201.                }, 100); // Wait 100ms
  3202.            });
  3203.        </script>
  3204.  
  3205.        <script>
  3206.                            if(document.getElementById("promo")) {
  3207.                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
  3208.                    window.onload = () => {
  3209.                        myModal.show();
  3210.                    }
  3211.                }
  3212.                    
  3213.            var mobileurl = 'm/';
  3214.            
  3215.  
  3216.  
  3217.            var showIDs = [];
  3218.            
  3219.            function showProducts(hoverID) {
  3220.                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
  3221.  
  3222.                // document.getElementById('hover').classList.add("hover-show");
  3223.                document.getElementById('hover').style.transitionDelay = "0s";
  3224.                document.getElementById('hover').style.visibility = "visible";
  3225.                document.getElementById('hover').style.opacity = "1";
  3226.                document.getElementById(hoverID).style.display = "flex";
  3227.  
  3228.                showIDs.push(hoverID);
  3229.  
  3230.            }
  3231.  
  3232.            function hideProducts(hoverID) {
  3233.                // document.getElementById('hover').classList.remove("hover-show");
  3234.                document.getElementById('hover').style.visibility = "hidden";
  3235.                document.getElementById('hover').style.opacity = "0";
  3236.                document.getElementById('hover').style.transitionDelay = "1s";
  3237.                
  3238.            }
  3239.  
  3240.            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
  3241.            var marquee = document.getElementById('marquee');
  3242.  
  3243.            function closeContent() {
  3244.                $('#main-content').html("");
  3245.            }
  3246.  
  3247.  
  3248.            function openDaftar() {
  3249.                closeContent();
  3250.                
  3251.                mobileDaftarForm.style.display = "block";
  3252.                mobileDaftarForm.scrollIntoView();
  3253.            }
  3254.  
  3255.            function closeDaftar() {
  3256.                mobileDaftarForm.style.display = "none";
  3257.                marquee.scrollIntoView();
  3258.            }
  3259.            
  3260.            
  3261.            function showProvider(type) {
  3262.                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
  3263.                $('#main-content').load("new-showprovider.php?type=" + type);
  3264.            }
  3265.            
  3266.            function toggleInformasi(item) {
  3267.                page(item);
  3268.            }
  3269.            
  3270.            function showInformasi(item) {
  3271.                document.getElementById('modal-wrapper').style.display='block';
  3272.                toggleInformasi(item);
  3273.            }
  3274.            
  3275.            
  3276.  
  3277.                    
  3278.        </script>
  3279.        <script src="/js/old/new-webduo35.js?v=1743228235"></script>
  3280.    
  3281.        
  3282.        <!-- POP UP COOKIES -->
  3283.        
  3284. <style>
  3285.    
  3286.        
  3287.    .kebijakan-privasi, .kebijakan-cookies {
  3288.        color: white;
  3289.        text-decoration: underline;
  3290.    }
  3291.    
  3292.        
  3293. </style>
  3294.  
  3295.  
  3296. <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">
  3297.  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
  3298.        <div>
  3299.    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>  
  3300.  </div>
  3301.  <div>
  3302.     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  3303.  </div>
  3304. </div>
  3305. <script>
  3306.    $( "#boxprivacy" ).blur(function() {
  3307.    alert( "Handler for .blur() called." );
  3308. });
  3309. </script>  
  3310.  
  3311.        
  3312.    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"69f006762f47465b9974f146f854795e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  3313. </body>
  3314. </html>

Home · About · News · Docs · Terms

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