Check server response of

Server response
NS records
Whois domain
Response headers
Request headers
Raw HTML code
301 Moved Permanently - monjp.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
keep-alive: timeout=5, max=100
content-type: text/html
content-length: 795
date: Mon, 12 May 2025 20:28:34 GMT
server: LiteSpeed
location: https://moonx1000.com/
cache-control: no-cache, no-store, must-revalidate
pragma: no-cache
expires: 0
x-turbo-charged-by: LiteSpeed

HTTP Code 301 Moved Permanently

301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.

When is Code 301 used?

  • When changing a website domain
  • When modifying URL structures
  • When setting up redirects for SEO

What does Code 301 mean for the user?

The browser will automatically redirect the user to the new address, and search engines will update their indexes.

200 OK - https://monjp.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Mon, 12 May 2025 20:28:35 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Server: cloudflare
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Vary: Accept-Encoding
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Cf-Cache-Status: DYNAMIC
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=VkVBffaXU8VK0hVEoK8dkbbla6B67kLdFSlxoBPyGXdqJ5%2BV1pGf85qceCSwhS5OZJxrI0DfGu6OQRsE2mrLryN88zgFcZnB39x%2FJDpftxDLmCyfNC2cc9wqY%2Ff2yChCjfbUjUpMIZ6FjXF7"}]}
Set-Cookie: PHPSESSID=df176192f928917e513815ee043e28b7; Path=/
CF-RAY: 93eca9ce2d298ff8-FRA
alt-svc: h3=":443"; ma=86400

HTTP Code 200 OK

200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

  • When loading a web page
  • When successfully receiving an API response
  • When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: monjp.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>MOON4D - SITUS SLOT TERPERCAYA MIN DEPO 10K</title>
        <meta name="description" content="MOON4D adalah agen slot ternama yang dimana sudah terpercaya dan aman serta amanah dengan tingkat kemenangan yang tinggi hanya dengan bermodalkan 10k saja anda bisa menjadi jutawan dalam waktu dekat.">    
<meta name="keywords" content="moon4d, moon 4d, moon4d login, moon4d daftar, moon4d link, link moon4d, login moon4d, daftar moon4d, moon4d slot, slot moon4d, moong4d, mon4d, mun4d, link login, daftar akun, slot online, min deposit 10K">
<link rel="canonical" href="https://moon4d24.com/">
<link rel="alternate" hreflang="id" href="https://moon4d24.com/" />
<link rel="amphtml" href="https://ampmoon4dlink.pages.dev/">
<meta name="robots" content="index,follow">
<meta name="language" content="Indonesia">
<meta name="author" content="MOON4D">
<meta name="googlebot" content="index, follow"/>
<meta content="1 days" name="revisit-after">
<meta content="general" name="rating">
<meta content="id" name="geo.country">
<meta content="Indonesia" name="geo.placename">
<meta name="author" content="MOON4D">

<!-- Meta OG -->
<meta property="og:title" content="MOON4D - SITUS SLOT TERPERCAYA MIN DEPO 10K">
<meta property="og:description" content="MOON4D adalah agen slot ternama yang dimana sudah terpercaya dan aman serta amanah dengan tingkat kemenangan yang tinggi hanya dengan bermodalkan 10k saja anda bisa menjadi jutawan dalam waktu dekat.">
<meta property="og:type" content="website">

<!-- Additional Settings -->
<meta name="author" content="MOON4D"/>
<meta name="categories" content="website">
<meta name="copyright" content="MOON4D" />
<meta name="distribution" content="global" />
<meta name="publisher" content="MOON4D"/>
<meta name="rating" content="general" />

<!-- GOOGLE SITE VERIFICATION -->
<meta name="google-site-verification" content="aK2Cp6tG_WZv8jCwiLmfXEtnYk5jgdnPLxdbtCZWTdA" />

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5CW9VCG5RJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-5CW9VCG5RJ');
</script>
<style>@media only screen and (min-width: 801px){.download-apk{display:none !important;}}.offcanvas.offcanvas-end {z-index: 10000000000;}.apk-moon4d.text-start.mobile-only{background:linear-gradient(to bottom, #f60000 0%, #470000 100%);border-bottom: 1px solid #ff0000;background-position: top center;padding: 19px;width: 100%;position: fixed;z-index: 999999;-webkit-transition: margin-top .3s linear;font-weight: 600;text-decoration: underline;font-size: 1.8rem;top: 0;left:0;}.btn-secondary{border:2px solid #fed804 !important;}.content-footer a{color:gold}#boxprivacy{display:none !important;}.content-box{background:rgba(20, 20, 20, 0.904) !important;}.modal-dialog {margin-top: 158px !important;}.guidelines-content {padding-top: 20px !important;padding-bottom: 20px !important;}.imgpop{border-radius: 8px;border: none !important;}.marquee-shadow{background:none !important;}.marquee-content {font-weight: bold;}.imgpop{border-radius: 8px;border: none !important;}div#promo {padding: 10px;}.login-form{margin:0px 50px !important;}.header{background:#000 !important;}.form-control{background: linear-gradient(294deg, #a1a1a1, #ffffff 16%, #ffffff 21%, #bebebe 25%, #a19f9f 27%, #ffffff 36%, #ffffff 45%, #ffffff 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #ffffff) !important}.guidelines{background: #350001  !important;}.transaksi{background:#350001 !important;}.provider{background:#350001 !important;}.togel-mobile{background: #350001 !important;}.togel-desktop {background: #350001 !important;}</style>

<!-- CUSTOM COLOR -->
<style>
:root {
    --footer-background:#000 !important;
    --primary-color: #ff0000 !important;
    --primary-background: #000000 !important;
    --line-color: #ff0000 !important;
    --marquee-background: linear-gradient(to left, #b30000 30%, #ff0000 50%, #b30000 70%, #b30000 100%) !important;
    --result-pasaran-color: #fdf323 !important;
    --result-tanggal-background: linear-gradient(to left, #b30000 30%, #ff0000 50%, #b30000 70%, #b30000 100%) !important;
    --result-border: 3px solid #ff0000 !important;
    --bs-success-rgb: 255, 255, 255 !important;
    --bs-secondary-rgb: 255, 255, 255 !important;
    --button-masuk-color: linear-gradient(298deg, rgba(201, 138, 0, 1) 0%, rgba(253, 243, 35, 1) 21%, rgba(253, 243, 35, 1) 33%, rgba(211, 158, 7, 1) 44%, rgba(215, 166, 9, 1) 60%, rgba(252, 241, 34, 1) 73%, rgba(255, 247, 36, 1) 85%, rgba(201, 138, 0, 1) 100%) !important;
    --button-daftar-color: linear-gradient(298deg, rgba(201, 138, 0, 1) 0%, rgba(253, 243, 35, 1) 21%, rgba(253, 243, 35, 1) 33%, rgba(211, 158, 7, 1) 44%, rgba(215, 166, 9, 1) 60%, rgba(252, 241, 34, 1) 73%, rgba(255, 247, 36, 1) 85%, rgba(201, 138, 0, 1) 100%) !important;}
    .btn-masuk{text-shadow:none !important;color: black !important;border:1px solid #ffe400 !important;}
    .btn-daftar{text-shadow:none !important;color: black !important;;border:1px solid #ffe400 !important;}
    .bantuan{background: linear-gradient(to bottom,#f60000 0%,#560000 100%) !important;}
    .footer{border-top: 2px solid #ff0000 !important;}
</style>

<!-- CLOSE -->

<style>
@keyframes borderPulse {
    0% {
        box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4), 0px 0px 0px 0px rgb(255, 255, 255);
    }
    100% {
        box-shadow: 0px 0px 0px 8px rgba(255, 117, 117, 0), 0px 0px 0px 15px rgba(255, 0, 0, 0);
    }
</style>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '909942514402737');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=909942514402737&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2326238127761047');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2326238127761047&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1281611742933868');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1281611742933868&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1692475674632933');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1692475674632933&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1077199293536330');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1077199293536330&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->                <meta name="viewport" content="width=1200, initial-scale=0.33">
        
        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">

        <!--<link rel="stylesheet" href="/css/old/template/RD.css">-->
        <link rel="stylesheet" href="/css/old/template/RD.css">
        <link rel="stylesheet" href="/css/old/variable.css">
        
                <link rel="stylesheet" href="/css/old/dark.css">
                
        <link rel="stylesheet" href="/css/old/style.css">
        <link rel="icon" type="image/png" href="favicon.png">


        <script src="/js/old/jquery-3.6.4.min.js"></script>
        
        <style>
            
            .login-input-field {
                font-size: 1rem;
            }
            
            .btn-aduan {
                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-size: 300% 300%;
                animation: gradient 2s ease infinite;
            }
            
            .transaksi-title {
                place-items: start;
            }

            
            @media only screen and (max-width: 1000px) {
                
            .transaksi-title {
                place-items: center;
            }
                
                .login-input-field {
                    font-size: 1.2rem;
                }      
            }
            
            
            
        </style>

    </head>
    
    

    <body id="desktop">
        
        
<div id="hover" class="hover desktop-only">

    <div id="hover-togel" class="hover-menu">
        <a href="/?content=register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
            <figcaption>TOGEL</figcaption>
        </a>          
    </div>

    <div id="hover-slot" class="hover-menu">
        <a href="/?content=slot&provider=pp" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
            <figcaption>PRAGMATIC PLAY</figcaption>
        </a>

        <a href="/?content=slot&provider=pg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
            <figcaption>PG SOFT</figcaption>
        </a>

        <a href="/?content=slot&provider=hb" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
            <figcaption>HABANERO</figcaption>
        </a>

        <a href="/?content=slot&provider=jl" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
            <figcaption>JILI</figcaption>
        </a> 
        
        <a href="/?content=slot&provider=sg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
            <figcaption>SPADEGAMING</figcaption>
        </a>
        
        <a href="/?content=slot&provider=fgs" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
            <figcaption>5G GAMES</figcaption>
        </a>

        <a href="/?content=slot&provider=jg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
            <figcaption>JOKER</figcaption>
        </a> 

        <a href="/?content=slot&provider=mg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
            <figcaption>MICROGAMING</figcaption>
        </a>

        <a href="/?content=slot&provider=hks" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
            <figcaption>HACKSAW GAMING</figcaption>
        </a>

        <a href="/?content=slot&provider=fs" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
            <figcaption>FASTSPIN</figcaption>
        </a>

        <!-- <a href="/?content=slot&provider=nlc" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
            <figcaption>NOLIMIT CITY</figcaption>
        </a> -->
        
        <a href="/?content=slot&provider=ps" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
            <figcaption>PLAYSTAR</figcaption>
        </a>

        <a href="/?content=slot&provider=pt" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
            <figcaption>PLAYTECH</figcaption>
        </a>

        <a href="/?content=slot&provider=adv" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
            <figcaption>ADVANT PLAY</figcaption>
        </a>

        <a href="/?content=slot&provider=l22" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
            <figcaption>LIVE22</figcaption>
        </a> 
        
        <!-- <a href="/?content=slot&provider=nte" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
            <figcaption>NETENT</figcaption>
        </a> -->
        
        <a href="/?content=slot&provider=cq9" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
            <figcaption>CQ9</figcaption>
        </a>     
      
        <!-- <a href="/?content=slot&provider=ttg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
            <figcaption>TOPTREND GAMING</figcaption>
        </a> -->

        <a href="/?content=slot&provider=ss" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
            <figcaption>SBO SLOT</figcaption>
        </a>
    </div>

    <div id="hover-live" class="hover-menu" >
        <a href="/?content=casino&provider=pplc" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
            <figcaption>PRAGMATIC PLAY</figcaption>
        </a>

        <a href="/?content=casino&provider=evo" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
            <figcaption>EVOLUTION</figcaption>
        </a>

        <a href="/?content=casino&provider=mg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
            <figcaption>MICROGAMING</figcaption>
        </a>

        <a href="/?content=casino&provider=ion" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
            <figcaption>ION CASINO</figcaption>
        </a>

        <a href="/?content=casino&provider=sx" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
            <figcaption>SEXY GAMING</figcaption>
        </a>

        <a href="/?content=casino&provider=sa" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
            <figcaption>SA GAMING</figcaption>
        </a>   

        <a href="/?content=casino&provider=ab" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
            <figcaption>ALLBET</figcaption>
        </a> 

        <a href="/?content=casino&provider=gmnl" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
            <figcaption>GEMINI LIVE</figcaption>
        </a>

        <a href="/?content=casino&provider=og" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
            <figcaption>OPUS PLUS</figcaption>
        </a>

        <a href="/?content=casino&provider=sbol" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
            <figcaption>SBOBET CASINO</figcaption>
        </a>    
    </div>

    <div id="hover-sport" class="hover-menu">
        <a href="/?content=register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
            <figcaption>SABA</figcaption>
        </a>

        <a href="/?content=register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
            <figcaption>SBOBET</figcaption>
        </a>
        
        <a href="/?content=register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
            <figcaption>CMD368</figcaption>
        </a>  

        <!-- <a href="/?content=register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
            <figcaption>PINNACLE</figcaption>
        </a>   -->
	
	    <a href="/?content=register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
            <figcaption>TFGAMING</figcaption>
        </a>        
    </div>

    <div id="hover-fishing" class="hover-menu">
        <a href="/?content=fish&provider=jl" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
            <figcaption>JILI</figcaption>
        </a>
    
        <a href="/?content=fish&provider=sg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
            <figcaption>SPADE GAMING</figcaption>
        </a>

        <a href="/?content=fish&provider=fs" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
            <figcaption>FASTSPIN</figcaption>
        </a> 

        <!-- <a href="/?content=fish&provider=ps" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
            <figcaption>PLAYSTAR</figcaption>
        </a>

	    <a href="/?content=fish&provider=l22" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
            <figcaption>LIVE22</figcaption>
        </a>  -->

    </div>

    <div id="hover-sabung" class="hover-menu">
        <a href="/?content=sabung&provider=ws" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
            <figcaption>WS168</figcaption>
        </a> 
    </div>
    
    <div id="hover-interactive" class="hover-menu">
    <a href="/?content=interactive&provider=gmn" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
            <figcaption>GEMINI</figcaption>
        </a> 

        <a href="/?content=interactive&provider=jl" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
            <figcaption>JILI</figcaption>
        </a> 

        <a href="/?content=interactive&provider=jg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
            <figcaption>JOKER</figcaption>
        </a> 

        <a href="/?content=interactive&provider=mg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
            <figcaption>MICRO GAMING</figcaption>
        </a>

        <a href="/?content=interactive&provider=hks" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
            <figcaption>HACKSAW GAMING</figcaption>
        </a>

        <a href="/?content=interactive&provider=pt" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
            <figcaption>PLAYTECH</figcaption>
        </a> 

        <!-- <a href="/?content=interactive&provider=ps" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
            <figcaption>PLAYSTAR</figcaption>
        </a>  -->
    </div>



</div>
<style>
    .my-navbar {
        height: 52px; 
        padding: 0px; 
        width: 100%; 
        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
        position: fixed; 
        bottom: 0; 
        color: white; 
        z-index: 1100; 
        display: flex; 
        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
    }
    
    .navbar-item {
        height: 100%; 
        width: 100%; 
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .navbar-item-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute; 
        top: -16px
    }
    
    .navbar-item-content>i {
         font-size: 20px;
         line-height: 22px;
         color: white;
         padding-bottom: 4px;
    }
    
    .navbar-item-content>img {
         height: 36px; 
         width: 36px;
    }
    
    .navbar-item-content>label {
        white-space: nowrap; 
        margin-top: 4px; 
        font-weight: bold; 
        font-size: var(--text-size-default); 
        color: white
    }
    
    .speed-dial-item {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    
    .speed-dial-active .speed-dial-item {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    /* Delay each item’s appearance */
    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       

    
</style>


<div class="mobile-only" >
        <div class="my-navbar">
            <a href="/" class="navbar-item" style="position: relative">
                <div class="navbar-item-content">
                    <img src="https://img.viva88athenae.com//beranda.png"/>
                    <label>BERANDA</label>
                </div>
            </a>
            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
            <a href="/m/promosi.php"  class="navbar-item">
                <div class="navbar-item-content">
                    <img src="https://img.viva88athenae.com//promosi.png"/>
                    <label>PROMOSI</label>
                </div>
            </a>
            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
            <a href="/m/event.php"  class="navbar-item">
                <div class="navbar-item-content">
                    <img src="https://img.viva88athenae.com//events.png"/>
                    <label>EVENT</label>
                </div>
            </a>
            
                            
                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
                    <div class="navbar-item">
                        <div class="navbar-item-content speed-dial-btn">
                            <img src="https://img.viva88athenae.com//chat.png"/>
                            <label>CHAT</label>
                        </div>
                        
                                                    
                                <a href="https://www.facebook.com/groups/moon4d/" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px">
                                    <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/>
                                </a>
                            
                                                        
                                <a href="https://t.me/moon4dofficial" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px">
                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
                                </a>
                            
                                                        
                                <a href="https://api.whatsapp.com/send/?phone=6285952848351" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -180px; height: 48px; width: 48px">
                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
                                </a>
                            
                                                    
                    </div>
                
                
                                        
            
            
            
            
                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
                <a href="https://secure.livechatenterprise.com/licence/19123566/v2/open_chat.cgi"  target="_blank" class="navbar-item">
                <div class="navbar-item-content">
                    <img src="https://img.viva88athenae.com//livechat.png"/>
                    <label>LIVECHAT</label>
                </div>
                </a>
            
        </div>
</div>

<script>
    document.addEventListener("DOMContentLoaded", function () {
    const speedDialBtn = document.querySelector(".speed-dial-btn");
    const speedDialItems = document.querySelectorAll(".speed-dial-item");
    let isOpen = false;

    speedDialBtn.addEventListener("click", function () {
        isOpen = !isOpen;

        speedDialItems.forEach((item, index) => {
            if (isOpen) {
                item.style.opacity = "1";
                item.style.visibility = "visible";
                item.style.transform = "translateY(0)";
                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
            } else {
                item.style.opacity = "0";
                item.style.visibility = "hidden";
                item.style.transform = "translateY(10px)";
                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
            }
        });
    });
});
</script>        
        
        
        <div id="top" class="wrapper">

            
                
            <header class="header">
                <div class="header-content">
                    <div class="logo" href="/">
                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
                    </div>
                    
                    <div id="marquee-mobile" class="marquee mobile-only">
                        <div class="marquee-content">
                            <div class="d-flex align-items-center gap-2">
                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
                            </div>
                            <div class="running">
                                <div class="marquee-shadow"></div>
                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
                            </div>
                            <div class="d-flex align-items-center gap-2">
                            </div>
                        </div>
                    </div>
                    
                    <div class="mslider mobile-only">
                                            </div>
                    
                    <div class="login">
                    
                            <div id="desktoplogin" class="desktop-only">
                                <form class="login-form form" role="form">
                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
                                    <div class="input-group login-field">
                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
                                    </div>
                                    
                                    <div id="marquee" class="marquee mobile-only">
                                        <div class="marquee-content">
                                            <div class="d-flex align-items-center gap-2">
                                                <i class="bi bi-megaphone-fill desktop-only"></i>
                                            </div>
                                            <div class="running">
                                                <div class="marquee-shadow"></div>
                                                <marquee behavior="" direction="" id="broadcast"></marquee>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    
                                    <div class="input-group login-field">
                                        <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>
                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
                                    </div>
                                    
                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
                                        <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
                                    </div>
                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
        
        
                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
                                    <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>

                                    <input type="hidden" name="task" value="login">    
                                    <input type="hidden" name="logindesktop" value="ayJUjZwcF3jwxuAh1NJX4zDh0LuwVre6AjF/cp1hVCg=">
                                </form>
                            </div>
                        
                        
                        
                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
                                    <div class="input-group login-field">
                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
                                    </div>
                                    <div class="input-group login-field">
                                        <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>
                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
                                    </div>
                                    
                                    
                                    <div class="verifikasiform w-100">
                                        
                                                                                        <span id="verifikasi"><img src="/m/capimg.php?6740" width="100%" height="44" style="border-radius: 5px;"></span>
                                                <div class="input-group login-field mt-1">
                                                    <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>
                                                   <input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
                                                </div>
                                        
                                    </div>

                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
        
        
                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
                                    <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>

                                    
                                    <input type="hidden" name="task" value="login">    
                                    <input type="hidden" name="loginmobile" value="ayJUjZwcF3jwxuAh1NJX4zDh0LuwVre6AjF/cp1hVCg=">
                                </form>
                            </div>
                            
                                                    
                            <div id="mobile-daftar-form" style="width: 100%; display: none">
                                    <div id="mobileregister">
                                	   <form id="formRegister" class="login-form  p-0 pt-4">
                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
                                            <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>
                                            <div class="input-group login-field">
                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                                                <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">
                                            </div>
                                            <div class="input-group login-field">
                                                <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>
                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
                                            </div>
                                            <div class="input-group login-field">
                                                <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>
                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
                                            </div>
                                            <div class="input-group login-field">
                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
                                            </div>
                                            <div class="input-group login-field">
                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
                                            </div>
                                            
                                            <div class="input-group login-field">
                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
                                            		<option value="">Pilih Bank</option>
                            						 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
                                            </div>
                        
                                            <div class="input-group login-field">
                                                <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>
                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
                                            </div>
                                            <div class="input-group login-field">
                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
                                            </div>
                                            <div class="input-group login-field">
                                                <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>
                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
                                            </div>
                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
                                            
                                                                    			          
                    			              <div class="w-100 my-1">
                    			                  <div id="capverifikasi">
                    			                      <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
                    			                  </div>
                    			                
                    			                 <div class="input-group login-field mt-1">
                                                    <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>
                                                   <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
                                                </div>
                    			                
                    			              </div>

                        			                                                  
                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
                                                <input type="hidden" name="task" value="register">
                                                <input type="hidden" name="regmobile" value="vZvylEFiALdzUol8IA5oesWSM5fnDaBhl6mMxNkH1GM=">
                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
                                    </form>
                                </div>             			
                        </div>
                    </div>
    
                    <div class="menu">
                        <div class="menu-item desktop-only">
    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
</div>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>

    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
        <label>TOGEL</label>
    </a>
    
    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>


<a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
    <label>SLOT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
    <label>LIVE CASINO</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
    <label>SPORT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
    <label>ARCADE</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
    <label>SABUNG</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
    <label>INTERACTIVE</label>
</a>

<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
                    </div>
                                        


                    <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)">
                        
                        
                            <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)">
                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
                            </div>
                            
                            <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)">
                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
                            </div>
                        
                        
                        <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)">
                        
                        
                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
                                                                                
                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
                                            <div style="display: grid; place-items: center; height: 100%">
                                                <div class="menu-item">
                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
                                                    <label>TOGEL</label>
                                                </div>
                                            </div>
                                        </a>
                                            
                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
                                        <div style="display: grid; place-items: center; height: 100%">
                                            <div class="menu-item" onclick="showProvider('slot')">
                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
                                                <label>SLOT</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="height: 100%; width: 92px; display: inline-block;">
                                        <div style="display: grid; place-items: center; height: 100%">
                                            <div class="menu-item" onclick="showProvider('casino')">
                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
                                                <label>LIVE CASINO</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="height: 100%; width: 92px; display: inline-block;">
                                        <div style="display: grid; place-items: center; height: 100%">
                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
                                                <label>SPORT</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
                                    <!--            <label>E-SPORT</label>-->
                                    <!--        </div>-->
                                    <!--    </div>-->
                                    <!--</div>-->
                                    <div style="height: 100%; width: 92px; display: inline-block;">
                                        <div style="display: grid; place-items: center; height: 100%">
                                        <div class="menu-item" onclick="showProvider('fish')">
                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
                                            <label>ARCADE</label>
                                        </div>
                                        </div>
                                    </div>
                                    <div style="height: 100%; width: 92px; display: inline-block;">
                                        <div style="display: grid; place-items: center; height: 100%">
                                            <div class="menu-item" onclick="showProvider('sabung')">
                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
                                                <label>SABUNG</label>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div style="height: 100%; width: 92px; display: inline-block;">
                                        <div style="display: grid; place-items: center; height: 100%">
                                            <div class="menu-item" onclick="showProvider('interactive')">
                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
                                                <label>INTERACTIVE</label>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>                                                                                                                        
                    </div>                    
                    <div class="menu-content mobile-only">
                            <div id="main-content" style="background: var(--content-box-background)">
                                                        </div>
                    </div>
                    
                    
        
                    <div class="promosi">
                        
                        <!-- Desktop -->
                        
                        <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>
                        <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>
                        
                        <!-- Mobile -->
                        
                        <div class="mobile-only" style="padding-top: 32px">
                            
                            <div class="d-flex gap-3 justify-content-center align-items-center">
                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
                                        
                                <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
                            </div>
                            
                        </div>
                    </div>
                                    </div>
            </header>
    
    
            <div id="marquee" class="marquee desktop-only">
                <div class="marquee-content">
                    <div class="d-flex align-items-center gap-2">
                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
                        <i class="bi bi-megaphone-fill desktop-only"></i>
                    </div>
                    <div class="running" style="padding-left: 8px; padding-right: 32px">
                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
                    </div>
                    <div class="d-flex align-items-center gap-2">
                        <a href="/?content=event">
                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
                        </a>
                    </div>
                </div>
            </div>
            
            
            
            <!--Informasi Modal -->
            <div id="modal-wrapper" class="modal" style=" background:none;">
            
                <div class="slideDown" id="informasi-menu">
                  <div class="row">
                    <div class="col-xs-3" style="padding-right:0px; width:164px">
                        <div id="informasi-logo">
                            <img src="/images/logoweb.png" width="120px"/>
                        </div>
                        <div class="menuleft">

                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>

                        </div>
                   </div>    
                   <div class="col-xs-9" id="informasi-content" style="position: relative">
                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
                        </div>
                    </div>
                    
                </div>
              </div>
            </div>
    
    
            <div class="contentdata">
                <div id="content-primary" class="p-0">
                
                                            <div class="desktop-only">
<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  <div class="carousel-indicators">
                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
              </div>
  <div class="carousel-inner" style="height: 100%">
            <div class="carousel-item active" style="height: 100%">
          <img src="/images/upload-Slides-20250121210808.jpg" class="d-block w-100 banner" alt="WELCOME SITUS SLOT GACOR MOON4D MIN DEPO 10K" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20250201114500.jpg" class="d-block w-100 banner" alt="LOMBA TURNOVER SETIAP BULAN MOON4D DIJAMIN CUAN" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20250201114547.jpg" class="d-block w-100 banner" alt="BONUS SPEKTAKULER MOON4D DEKSTOP DENGAN MIN DEPO 10K" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
      </div>
</div>

</div>
                        <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;">
     <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;">
</div></div>
                        
                                    </div>
            </div>
    
 
    
            
            <!-- Togel -->    
            	
	<style>
	    .togel-desktop {
            background: var(--togel-background);
            grid-area: togel-desktop;
            position: relative;
        }
        
        .togel-mobile {
            display: none;
        }

        .show-more {
            position: absolute; 
        
            z-index: 999; 
            bottom: 0px;
            width: 100%;
            
            /* 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)); */
        }
        
        .show-more-content {
            background: var(--secondary-background);
            opacity: .7;
            display: grid; 
            place-items: center; 
            height: 32px
        }
        
        .togel-content {    
            position: relative;  
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            /*display: grid;*/
            /*grid-template-columns: repeat(10, 1fr);*/
            gap: 8px 4px;
            padding: 16px 0;
        }
        
        .see-more {
            padding: 16px 0 48px 0;
            max-height: 162px;
            transition: max-height .75s ease-out;
            transition-delay: .1s;
            overflow: hidden;
        }
        
        .togel-content:hover{
            max-height: 1000px;
            transition: max-height 0.25s ease-in;
        }
        
        .result {
            height: 110px;
            width: 96px;
            border-radius: 10px;
            background: var(--result-background);
            border: var(--result-border);
            
            display: grid;
            grid-template-rows: 0px 20px 1fr 28px;
            grid-template-areas:
            "badge"
            "pasaran"
            "keluaran"
            "tanggal"
            ;
        
            /* display: flex;
            flex-direction: column;
            justify-content: space-between; */
        
            overflow: hidden;
        }
        
        .badge {
            grid-area: badge;
            display: grid;
            place-items: center;
        }
        
        .result>.pasaran {
        
            grid-area: pasaran;
        
            padding-top: 8px;
            white-space: nowrap;
            font-size: .7rem;
            line-height: .7rem;
        
            color: var(--result-pasaran-color);
            display: grid;
            place-items: center;
        }
        
        .result>.keluaran {
        
            grid-area: keluaran;
            padding-bottom: 8px;
            font-family: 'Oswald', sans-serif;
            line-height: 40px;
            font-size: 40px;
            color: var(--result-keluaran-color);
            display: grid;
            place-items: center;
        }
        
        .result>.tanggal {
        
            grid-area: tanggal;
        
            width: 100%;
            height: 100%;
            /* background: rgb(40,0,0);
            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
            background: var(--result-tanggal-background);
            white-space: nowarp;
            font-size: .79rem;
            display: grid;
            place-items: center;
            font-family: 'Abel', sans-serif;
            color: var(--result-tanggal-color);
        }
        
        @media only screen and (max-width: 1000px) {
            
            .togel-desktop {
                display: none;
            }
            
            .togel-mobile {

                background: var(--secondary-background);
                grid-area: togel-mobile;
                padding: 24px;
                padding-bottom: 12px;
                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
            }
        
            .togel-title {
                padding: 0px;
                padding-bottom: 20px;
                font-size: 1.4rem;
                font-weight: bold;
                color: var(--primary-text-color);
            }
        
            .togel-content {
                max-height: fit-content;
                display: grid;
                grid-template-columns: 1fr;
                gap: 0;
                border-radius: 8px;
            }
            

        
            .provider-group {
                padding: var(--mobile-padding-horizontal);
            }
        
            .badge {
                display: none;
            }
        
            .result {
                height: auto;
                width: 100%;
                display: grid;
                grid-template-rows: 1fr;
                grid-template-columns: 1fr 1fr 80px;
                grid-template-areas: "pasaran tanggal keluaran";
                border-radius: 0;
                border: none;
                background: transparent;
                padding: 4px 12px;
                color: var(--primary-text-color);
                font-family: 'Abel', sans-serif;
                
            }
            
                        
            .result-data:nth-child(odd) {
                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
            }
            
                        
            .accordion-item {
                background-color: transparent;
                border: 0px;
            }
            
            .accordion-button:not(.collapsed) {
                color: inherit;
                background-color: transparent;
                box-shadow: none;
            }
            
            .accordion-button::after {
                height: 0px;
            }
        
            .result>* {
                padding: 0px!important;
                margin: 0px!important;
                font-size: 1.4rem!important;
                line-height: auto!important;
                font-weight: normal!important;
            }
        
            .result>.pasaran {
                display: flex;
                justify-content: start;
                color: var(--primary-text-color)!important;
                opacity: .7;
            }
        
            .result>.tanggal {        
                display: flex;
                justify-content: center;
                background: transparent;
                color: var(--primary-text-color)!important;
                opacity: .7;
            }
        
            .result>.keluaran {
                display: flex;
                justify-content: end;
                /*color: var(--primary-text-color)!important;*/
                font-family: 'Abel', sans-serif;
                color: var(--highlight-text-color);
            }
            
        }
	</style>
	
	
	
	<div id="togel-desktop" class="togel-desktop desktop-only">
	    
	        
        
    
        <div class="togel-content ">
                            <a href="/?content=hasil&pid=TWH" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTO WUHAN&nbsp</div>
                    <div class="keluaran">5930</div>
                    <div class="tanggal">SELASA 13/5/2025</div>
                </a>
                            <a href="/?content=hasil&pid=HKD" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">HK SIANG&nbsp</div>
                    <div class="keluaran">2336</div>
                    <div class="tanggal">SENIN 12/5/2025</div>
                </a>
                            <a href="/?content=hasil&pid=SGM" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">SG METRO&nbsp</div>
                    <div class="keluaran">7508</div>
                    <div class="tanggal">SENIN 12/5/2025</div>
                </a>
                            <a href="/?content=hasil&pid=SYD" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">SYDNEY&nbsp</div>
                    <div class="keluaran">0713</div>
                    <div class="tanggal">SENIN 12/5/2025</div>
                </a>
                            <a href="/?content=hasil&pid=MYD" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
                    <div class="keluaran">2823</div>
                    <div class="tanggal">SENIN 12/5/2025</div>
                </a>
                            <a href="/?content=hasil&pid=MY" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">MALAYSIA&nbsp</div>
                    <div class="keluaran">7016</div>
                    <div class="tanggal">SENIN 12/5/2025</div>
                </a>
                            <a href="/?content=hasil&pid=MC" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">MACAU&nbsp</div>
                    <div class="keluaran">1324</div>
                    <div class="tanggal">SENIN 12/5/2025</div>
                </a>
                            <a href="/?content=hasil&pid=QTR" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">QATAR&nbsp</div>
                    <div class="keluaran">5939</div>
                    <div class="tanggal">SENIN 12/5/2025</div>
                </a>
                        
        </div>
    </div>
    
    <div id="togel-mobile" class="togel-mobile mobile-only">
    	    
    	    <div class="togel-title">Togel Result</div>
    	    
            	    
	    <div class="carousel slide p-0" data-bs-ride="carousel" style="">
          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
              
                          
          </div>
          <div class="carousel-inner">

            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
                                    <div class="keluaran">5930</div>
                                    <div class="tanggal">13-05-2025</div>
                              </button>
                                                                <div id="paito-TWH" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8702</div>
                                                    <div class="tanggal">12-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6006</div>
                                                    <div class="tanggal">12-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9734</div>
                                                    <div class="tanggal">12-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1380</div>
                                                    <div class="tanggal">12-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2187</div>
                                                    <div class="tanggal">12-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4881</div>
                                                    <div class="tanggal">12-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5314</div>
                                                    <div class="tanggal">11-05-2025</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                                                    <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">HK SIANG&nbsp</div>
                                    <div class="keluaran">2336</div>
                                    <div class="tanggal">12-05-2025</div>
                              </button>
                                                                <div id="paito-HKD" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4367</div>
                                                    <div class="tanggal">11-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0293</div>
                                                    <div class="tanggal">10-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6194</div>
                                                    <div class="tanggal">09-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1717</div>
                                                    <div class="tanggal">08-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8739</div>
                                                    <div class="tanggal">07-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8478</div>
                                                    <div class="tanggal">06-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3574</div>
                                                    <div class="tanggal">05-05-2025</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                                                    <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">SG METRO&nbsp</div>
                                    <div class="keluaran">7508</div>
                                    <div class="tanggal">12-05-2025</div>
                              </button>
                                                                <div id="paito-SGM" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9662</div>
                                                    <div class="tanggal">11-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0458</div>
                                                    <div class="tanggal">10-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8346</div>
                                                    <div class="tanggal">09-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2967</div>
                                                    <div class="tanggal">08-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2060</div>
                                                    <div class="tanggal">07-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2286</div>
                                                    <div class="tanggal">06-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0956</div>
                                                    <div class="tanggal">05-05-2025</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                                                    <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYD">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">SYDNEY&nbsp</div>
                                    <div class="keluaran">0713</div>
                                    <div class="tanggal">12-05-2025</div>
                              </button>
                                                                <div id="paito-SYD" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4370</div>
                                                    <div class="tanggal">11-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9274</div>
                                                    <div class="tanggal">10-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7835</div>
                                                    <div class="tanggal">09-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5575</div>
                                                    <div class="tanggal">08-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1047</div>
                                                    <div class="tanggal">07-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0263</div>
                                                    <div class="tanggal">06-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2076</div>
                                                    <div class="tanggal">05-05-2025</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                                                    <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
                                    <div class="keluaran">2823</div>
                                    <div class="tanggal">12-05-2025</div>
                              </button>
                                                                <div id="paito-MYD" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3841</div>
                                                    <div class="tanggal">11-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5642</div>
                                                    <div class="tanggal">10-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0407</div>
                                                    <div class="tanggal">09-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4498</div>
                                                    <div class="tanggal">08-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7748</div>
                                                    <div class="tanggal">07-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3291</div>
                                                    <div class="tanggal">06-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6020</div>
                                                    <div class="tanggal">05-05-2025</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                                                    <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">MALAYSIA&nbsp</div>
                                    <div class="keluaran">7016</div>
                                    <div class="tanggal">12-05-2025</div>
                              </button>
                                                                <div id="paito-MY" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8003</div>
                                                    <div class="tanggal">11-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2402</div>
                                                    <div class="tanggal">10-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4177</div>
                                                    <div class="tanggal">09-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8306</div>
                                                    <div class="tanggal">08-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4672</div>
                                                    <div class="tanggal">07-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8654</div>
                                                    <div class="tanggal">06-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6374</div>
                                                    <div class="tanggal">05-05-2025</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                                                    <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">MACAU&nbsp</div>
                                    <div class="keluaran">1324</div>
                                    <div class="tanggal">12-05-2025</div>
                              </button>
                                                                <div id="paito-MC" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6409</div>
                                                    <div class="tanggal">11-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4715</div>
                                                    <div class="tanggal">10-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2441</div>
                                                    <div class="tanggal">09-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2176</div>
                                                    <div class="tanggal">08-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8154</div>
                                                    <div class="tanggal">07-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9187</div>
                                                    <div class="tanggal">06-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0494</div>
                                                    <div class="tanggal">05-05-2025</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                                                    <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">QATAR&nbsp</div>
                                    <div class="keluaran">5939</div>
                                    <div class="tanggal">12-05-2025</div>
                              </button>
                                                                <div id="paito-QTR" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1254</div>
                                                    <div class="tanggal">11-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9785</div>
                                                    <div class="tanggal">10-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7457</div>
                                                    <div class="tanggal">09-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0521</div>
                                                    <div class="tanggal">08-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1454</div>
                                                    <div class="tanggal">07-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3182</div>
                                                    <div class="tanggal">06-05-2025</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7166</div>
                                                    <div class="tanggal">05-05-2025</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                        </div>              
              
          </div>
        </div>
    </div>
    
    <script>
        
        function togglePaito(paitoid) {
            let paito = document.getElementById(paitoid);
            paito.classList.add("open");
        }
        
        
    </script>

    
            <div class="provider">
                <div class="provider-group">
                    <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
                    <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
    
                    <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
                </div>
            </div>
            
            <div class="transaksi">
    
                <div>
                    <div class="transaksi-kontak">
                        
                        <div class="d-flex flex-column w-100">
                            <div class="transaksi-title">
                                <div class="transaksi-title-group">
                                    <div class="fitur-header">Transaksi</div>
                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
                                </div>
                                
                                <div class="devider desktop-only" style="width: 320px"></div>
                            </div>
                            
                            <div class="transaksi-content">
                                <!-- Bank -->
                                
<style>

    .transaksi-group {
        display: grid;
        grid-template-columns: 380px 1fr;
        justify-content: space-between;
        grid-template-areas:
        "transaksi-bank transaksi-other";
    }
    
    .transaksi-bank {
        grid-area: transaksi-bank;
        display: grid;
        place-items: center
    }
    
    .transaksi-other {
        grid-area: transaksi-other;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    
    .transaksi-list-bank {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(4, 92px);
        grid-template-rows: repeat(4, auto);
        gap: 4px;
    }
    
    .transaksi-list-other {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(3, 92px);
        gap: 4px;
    }
    
    
    .transaksi-item {
        display: flex;
        flex-direction: column;
        /* transform: perspective(10px) rotateX(3deg); */
    }
    
    .transaksi-header {

        height: 30px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        font-weight: bold;
        border: 2px solid rgba(108,108,108,1);
        background: rgba(54,54,54,1);
        color: white;
    }
    
    .transaksi-status {
        margin-left: 3px;
        margin-right: 3px;
        height: 3px;
        border-radius: 0px 0px 4px 4px;
        background: rgb(54,54,54);
        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
    }
    
    .header-green {
        background: rgba(44,121,6,1);
        border-color: rgba(168,255,0,1);
    }
    
    .header-blue {
        background: rgba(0,80,89,1);
        border-color: rgba(0,255,204,1);
    }
    
    .status-green {
        background: rgb(44,121,6);
        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
    }
    
    .status-blue {
        background: rgb(0,80,89);
        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
    }
    
    .transaksi-name {
        font-size: 1.1rem; 
        font-weight: bold; 
        line-height: 1.5rem
    }
    
    .transaksi-wrapper {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }
    #transaksi-bank-indicators .carousel-inner .carousel-item.active {
	    height: 154px;
	}

    @media only screen and (max-width: 768px) {
        
        .transaksi-group {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-areas:
            "transaksi-bank"
            "transaksi-other";
            gap: 16px;
            
        }
        
        .transaksi-header {
            font-size: 1.1rem;
            height: 36px;
        }
        
        .transaksi-list-bank {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list-other {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }
        
        .transaksi-item {
            width: 100%;
        }
        
        .transaksi-title-group {
            justify-content: center;
            padding: 16px 0;
        }
        
        .transaksi-name {
            font-size: 1.3rem;
            text-align: center;    
        }

        .transaksi-wrapper {
            width: 100%;
            max-width: 100%!important;
            gap: 1rem;
        }

        #transaksi-bank-indicators .carousel-inner .carousel-item.active {
		    height: 184px!important;
		}
        

    }
</style>


<div class="transaksi-group">
    <div class="transaksi-bank">

            <div class="transaksi-wrapper">
                <div class="transaksi-name">Bank Lokal</div>
                
                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                        
                </div>
                <div class="carousel-inner" >
                                            <div class="carousel-item active">
                            <div class="transaksi-list-bank">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BCA</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Mandiri</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BNI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BRI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">CIMB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Danamon</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Permata</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BJB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">PANIN</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">OCBC</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DKI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SUMUT</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BSI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">NEO</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">JAGO</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SeaBank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                            </div>
                        </div>
                    
                     
                     
                  </div>
                </div>

        </div>
    </div>
    
    <div class="transaksi-other">
            
            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
            
            <div class="transaksi-wrapper" style="max-width: 284px">

                <div class="transaksi-name">E Money & Pulsa</div>

    
                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                        
                    </div>
                  <div class="carousel-inner" >
                                            <div class="carousel-item active">
                            <div class="transaksi-list-other">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DANA</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">OVO</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">ShopeePay</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">GOPAY</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">LinkAja</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Sakuku</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Lain-lain</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">AntarBank</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Telkomsel</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Axiata</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                            
                            </div>
                        </div>
                    
                     
                     
                </div>
            </div>
        </div>
        
        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
    </div>
</div>


        


                            </div>
                            
                            
                        </div>
                        
                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
                            
                        <!--    <div class="transaksi-title">-->
                        <!--        <div class="transaksi-title-group">-->
                        <!--            <div class="fitur-header">Kontak Kami</div>-->
                        <!--        </div>-->
                                
                        <!--        <div class="devider desktop-only"></div>-->
                        <!--    </div>-->
                            
    
                        <!--    
<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
        
                
    </div>
      <div class="carousel-inner" style="height: 164px">
                    <div class="carousel-item active">
                <div>
                
                                
                                        
                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>

                                                            <a class="d-flex flex-column" href="https://api.whatsapp.com/send/?phone=6285952848351" target='_blank'>
                                       <div style="color: #888888;">WHATSAPP</div>
                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Laura</div>
                                    </a>
                                
                                
                    </div>
                                
                                        
                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>

                                                            <a class="d-flex flex-column" href="https://t.me/moon4dofficial" target='_blank'>
                                       <div style="color: #888888;">TELEGRAM</div>
                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Telegram</div>
                                    </a>
                                
                                
                    </div>
                                
                                        
                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
                       <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/>

                                                            <a class="d-flex flex-column" href="https://www.facebook.com/groups/moon4d/" target='_blank'>
                                       <div style="color: #888888;">FACEBOOK</div>
                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Facebook</div>
                                    </a>
                                
                                
                    </div>
                                
                                    
                </div>
            </div>
        
         
         
    </div>
</div>
-->
                                    
                        <!--</div>-->
                    </div>
                </div>
            </div>
            
            <div class="guidelines">
                <div class="guidelines-content desktop-only">
                    <img src="https://img.viva88athenae.com/guidelines.png" />
                </div>
            </div>
    
    
            <div class="bantuan">
                                <ul class="bantuan-content">
                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
                    <div class="bantuan-devider desktop-only">|</div>
                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
                    <div class="bantuan-devider desktop-only">|</div>
                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
                    <div class="bantuan-devider desktop-only">|</div>
                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
                    <div class="bantuan-devider desktop-only">|</div>
                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
                    <div class="bantuan-devider desktop-only">|</div>
                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
                    <div class="bantuan-devider desktop-only">|</div>
                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
                </ul>
                            </div>
    
    
            <footer class="footer">
                <div>
                    <h4 style=color:#fdf323>MOON4D - SITUS SLOT TERPERCAYA MIN DEPO 10K</style></h4>
<p><a href="https://moon4d24.com/"><strong>MOON4D</strong></a> merupakan agen slot atau judi online terbaik di indonesia dengan teknologi terbaru yang memungkinan member mendapatkan kemenangan dengan mudah, serta di dukung dengan Customer Service Teramah yang tersedia selama 24 jam non stop!</p>
</article>

<p><img src="https://blogger.googleusercontent.com/img/a/AVvXsEh0tItRWjvSTNQboUGUU67GUj_IbqaIzD5e8MnyRKU3cJhy_H3tt2x0gIfekmZ80l4qcmpk4e0iUqWTJVRiSu4icPLQ3yiAsvFnLBAiX7ZausHiCLy0_Z046O6pRXprnBTZG3XZEblV1yNjbPKYEaCRDFJHkzgbSoW7Kj6A3Q9638DFgACQg9h3bWwXh5cI"title="MOON4D" width="100%" height="100%"></p>

<!-- RTP -->
<script>
  $("<a class='btn btn-secondary btn-block golddragon' href='https://rtpmoon.site/' target='_blank'><p>RTP SLOT GACOR</p></a>").insertAfter(".btn-info:eq(0)")
  </script>
  <script>
  $('<button type="button" class="btn btn-secondary btn-block golddragon88 fw-bold p-0 px-2 desktop-only"><a href="https://rtpmoon.site/" target="_blank">RTP SLOT</a></button>').insertAfter($(".btn-daftar-desktop"));
  </script>

  <!-- RTP Settings -->
  <style>.golddragon{width: 100%;height: 50px;border-radius: 10px;border:2px #ffe808 solid;}.golddragon  > p{margin-top: 8px;font-size: 15px;font-weight: bold;}</style>
  <style>
  .golddragon {
    background: linear-gradient(270deg, rgba(201,138,0,1) 0%, rgba(253,243,35,1) 21%, rgba(253,243,35,1) 33%, rgba(211,158,7,1) 44%, rgba(215,166,9,1) 60%, rgba(252,241,34,1) 73%, rgba(255,247,36,1) 85%, rgba(201,138,0,1) 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #ffe808, inset 0 2px 0 0 #fff, inset 0 0 0 2px #ffe808, 3px 3px 3px 1px rgba(0,0,0,.2);
    color: #000;
  }
  @keyframes gradient 
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  .golddragon88 {
    background: linear-gradient(270deg, rgba(201,138,0,1) 0%, rgba(253,243,35,1) 21%, rgba(253,243,35,1) 33%, rgba(211,158,7,1) 44%, rgba(215,166,9,1) 60%, rgba(252,241,34,1) 73%, rgba(255,247,36,1) 85%, rgba(201,138,0,1) 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #ffe808, inset 0 2px 0 0 #fff, inset 0 0 0 2px #ffe808, 3px 3px 3px 1px rgba(0,0,0,.2);
    color: #000;
  }
  @keyframes gradient 
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  </style>

<!-- Close RTP Settings -->

  <!-- Snackbar Settings -->
<style>
    #snackbar {
        visibility: hidden;
        min-width: 250px;
        margin-left: -180px;
        background: linear-gradient(to right top, rgb(204, 157, 0) 5%, rgb(255, 242, 0) 50%, rgb(204, 157, 0) 85%);
        color: black;
        text-align: center;
        border-radius: 50px;
        padding: 16px;
        position: fixed;
        z-index: 1;
        left: 50%;
        bottom: 70px;
        font-size: 14px;
        font-weight: bold;
        border: 2px solid red;
    }

    #snackbar.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

    @-webkit-keyframes fadein {
        from {bottom: 0; opacity: 0;} 
        to {bottom: 70px; opacity: 1;}
    }

    @keyframes fadein {
        from {bottom: 0; opacity: 0;}
        to {bottom: 70px; opacity: 1;}
    }

    @-webkit-keyframes fadeout {
        from {bottom: 60px; opacity: 1;} 
        to {bottom: 0; opacity: 0;}
    }

    @keyframes fadeout {
        from {bottom: 60px; opacity: 1;}
        to {bottom: 0; opacity: 0;}
    }

    #snackbar  > p{margin-bottom:0rem;}
</style>

<div id="snackbar" class="show"><p id="withdraw">ue****cl Telah Berhasil Withdraw Rp 4.783.000</p>
</div>
<!-- <marquee direction ="up" scrolldelay ="600" id="withdraw" style ="font-size: 22px;"></marquee> -->
<script>
    function loadlink(){
        var angka_acak = Math.floor(Math.random() * (1001-50)+50);

        function maketextnumber(n) {
            for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
                t[a] = r[parseInt(Math.random() * r.length)];
                t = t;
                randomtextnumber = t.join("")
            }
        }

        var huruf_acak = (maketextnumber(8), randomtextnumber);
        var huruf_belakang = huruf_acak.substring(6);
        var huruf_depan = huruf_acak.substring(0, 2);

        const rupiah = (number)=>{
            return new Intl.NumberFormat("id-ID", {
                style: "currency",
                currency: "IDR"
            }).format(number);
        }

        var nominal = rupiah(angka_acak+"0000");

        var baris = huruf_depan+"****"+huruf_belakang+" Telah Berhasil Withdraw "+nominal;

        var x = document.getElementById("snackbar");
        x.className = "show";
        setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
        // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);

        document.getElementById("withdraw").innerHTML = huruf_depan+"****"+huruf_belakang+" Telah Berhasil Withdraw "+nominal;
        // document.getElementById("withdraw").style.backgroundColor ="red";
        // document.getElementById("withdraw").width ="30%";
        // document.getElementById("withdraw").height ="25px";
    }
    loadlink();
    setInterval(function(){
    loadlink() 
}, 5000);
    </script>

  <!-- Close Snackbar Settings -->

<!-- Firefly -->

<div>
<style>
    .firefly {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 1vw;
    height: 1vw;
    margin: -0.2vw 0 0 9.8vw;
    animation: ease 200s alternate infinite;
    pointer-events: none;
  }
  .firefly::before, .firefly::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform-origin: -10vw;
  }
  .firefly::before {
    background: grey;
    opacity: 0.4;
    animation: drift ease alternate infinite;
  }
  .firefly::after {
    background: rgb(251, 255, 0);
    opacity: 0;
    box-shadow: 0 0 0vw 0vw white;
    animation: drift ease alternate infinite, flash ease infinite;
  }
  
  .firefly:nth-child(1) {
    animation-name: move1;
  }
  .firefly:nth-child(1)::before {
    animation-duration: 10s;
  }
  .firefly:nth-child(1)::after {
    animation-duration: 10s, 8200ms;
    animation-delay: 0ms, 3218ms;
  }
  
  @keyframes move1 {
    0% {
      transform: translateX(32vw) translateY(25vh) scale(0.9);
    }
    5.2631578947% {
      transform: translateX(-5vw) translateY(42vh) scale(0.71);
    }
    10.5263157895% {
      transform: translateX(47vw) translateY(24vh) scale(0.58);
    }
    15.7894736842% {
      transform: translateX(-11vw) translateY(-15vh) scale(0.73);
    }
    21.0526315789% {
      transform: translateX(2vw) translateY(1vh) scale(0.9);
    }
    26.3157894737% {
      transform: translateX(14vw) translateY(-4vh) scale(0.96);
    }
    31.5789473684% {
      transform: translateX(38vw) translateY(-3vh) scale(0.28);
    }
    36.8421052632% {
      transform: translateX(40vw) translateY(-26vh) scale(0.94);
    }
    42.1052631579% {
      transform: translateX(0vw) translateY(-47vh) scale(0.47);
    }
    47.3684210526% {
      transform: translateX(-26vw) translateY(22vh) scale(0.84);
    }
    52.6315789474% {
      transform: translateX(43vw) translateY(2vh) scale(0.7);
    }
    57.8947368421% {
      transform: translateX(22vw) translateY(41vh) scale(0.71);
    }
    63.1578947368% {
      transform: translateX(43vw) translateY(-19vh) scale(0.32);
    }
    68.4210526316% {
      transform: translateX(-2vw) translateY(-37vh) scale(0.81);
    }
    73.6842105263% {
      transform: translateX(5vw) translateY(-49vh) scale(0.45);
    }
    78.9473684211% {
      transform: translateX(-14vw) translateY(37vh) scale(0.79);
    }
    84.2105263158% {
      transform: translateX(17vw) translateY(-37vh) scale(0.65);
    }
    89.4736842105% {
      transform: translateX(-1vw) translateY(-49vh) scale(0.81);
    }
    94.7368421053% {
      transform: translateX(-30vw) translateY(6vh) scale(0.44);
    }
    100% {
      transform: translateX(18vw) translateY(42vh) scale(0.49);
    }
  }
  .firefly:nth-child(2) {
    animation-name: move2;
  }
  .firefly:nth-child(2)::before {
    animation-duration: 15s;
  }
  .firefly:nth-child(2)::after {
    animation-duration: 15s, 6959ms;
    animation-delay: 0ms, 6951ms;
  }
  
  @keyframes move2 {
    0% {
      transform: translateX(-39vw) translateY(-35vh) scale(0.32);
    }
    5.5555555556% {
      transform: translateX(16vw) translateY(44vh) scale(0.66);
    }
    11.1111111111% {
      transform: translateX(34vw) translateY(15vh) scale(0.26);
    }
    16.6666666667% {
      transform: translateX(0vw) translateY(-25vh) scale(0.83);
    }
    22.2222222222% {
      transform: translateX(-24vw) translateY(-10vh) scale(1);
    }
    27.7777777778% {
      transform: translateX(-35vw) translateY(-26vh) scale(0.8);
    }
    33.3333333333% {
      transform: translateX(-28vw) translateY(-16vh) scale(0.94);
    }
    38.8888888889% {
      transform: translateX(0vw) translateY(25vh) scale(0.52);
    }
    44.4444444444% {
      transform: translateX(4vw) translateY(-47vh) scale(0.83);
    }
    50% {
      transform: translateX(12vw) translateY(-9vh) scale(0.56);
    }
    55.5555555556% {
      transform: translateX(10vw) translateY(-45vh) scale(0.58);
    }
    61.1111111111% {
      transform: translateX(15vw) translateY(19vh) scale(0.29);
    }
    66.6666666667% {
      transform: translateX(40vw) translateY(-35vh) scale(0.35);
    }
    72.2222222222% {
      transform: translateX(30vw) translateY(-5vh) scale(0.47);
    }
    77.7777777778% {
      transform: translateX(-21vw) translateY(-5vh) scale(0.69);
    }
    83.3333333333% {
      transform: translateX(26vw) translateY(-12vh) scale(0.9);
    }
    88.8888888889% {
      transform: translateX(43vw) translateY(27vh) scale(0.45);
    }
    94.4444444444% {
      transform: translateX(10vw) translateY(-21vh) scale(0.73);
    }
    100% {
      transform: translateX(49vw) translateY(-15vh) scale(0.42);
    }
  }
  .firefly:nth-child(3) {
    animation-name: move3;
  }
  .firefly:nth-child(3)::before {
    animation-duration: 10s;
  }
  .firefly:nth-child(3)::after {
    animation-duration: 10s, 9138ms;
    animation-delay: 0ms, 7635ms;
  }
  
  @keyframes move3 {
    0% {
      transform: translateX(-33vw) translateY(-43vh) scale(0.59);
    }
    4.5454545455% {
      transform: translateX(30vw) translateY(-19vh) scale(0.35);
    }
    9.0909090909% {
      transform: translateX(43vw) translateY(32vh) scale(0.68);
    }
    13.6363636364% {
      transform: translateX(-8vw) translateY(-22vh) scale(0.27);
    }
    18.1818181818% {
      transform: translateX(8vw) translateY(50vh) scale(0.67);
    }
    22.7272727273% {
      transform: translateX(43vw) translateY(32vh) scale(0.44);
    }
    27.2727272727% {
      transform: translateX(-21vw) translateY(25vh) scale(0.55);
    }
    31.8181818182% {
      transform: translateX(9vw) translateY(-9vh) scale(0.47);
    }
    36.3636363636% {
      transform: translateX(39vw) translateY(-34vh) scale(0.78);
    }
    40.9090909091% {
      transform: translateX(4vw) translateY(38vh) scale(0.76);
    }
    45.4545454545% {
      transform: translateX(21vw) translateY(0vh) scale(0.52);
    }
    50% {
      transform: translateX(30vw) translateY(9vh) scale(0.85);
    }
    54.5454545455% {
      transform: translateX(45vw) translateY(-4vh) scale(0.58);
    }
    59.0909090909% {
      transform: translateX(27vw) translateY(-34vh) scale(0.62);
    }
    63.6363636364% {
      transform: translateX(-19vw) translateY(-13vh) scale(0.76);
    }
    68.1818181818% {
      transform: translateX(21vw) translateY(-42vh) scale(0.54);
    }
    72.7272727273% {
      transform: translateX(-45vw) translateY(-18vh) scale(0.98);
    }
    77.2727272727% {
      transform: translateX(4vw) translateY(44vh) scale(0.95);
    }
    81.8181818182% {
      transform: translateX(-46vw) translateY(35vh) scale(0.41);
    }
    86.3636363636% {
      transform: translateX(14vw) translateY(0vh) scale(0.52);
    }
    90.9090909091% {
      transform: translateX(11vw) translateY(-44vh) scale(0.87);
    }
    95.4545454545% {
      transform: translateX(16vw) translateY(10vh) scale(0.94);
    }
    100% {
      transform: translateX(8vw) translateY(-15vh) scale(0.92);
    }
  }
  .firefly:nth-child(4) {
    animation-name: move4;
  }
  .firefly:nth-child(4)::before {
    animation-duration: 13s;
  }
  .firefly:nth-child(4)::after {
    animation-duration: 13s, 9470ms;
    animation-delay: 0ms, 2819ms;
  }
  
  @keyframes move4 {
    0% {
      transform: translateX(28vw) translateY(27vh) scale(0.7);
    }
    4.5454545455% {
      transform: translateX(28vw) translateY(-21vh) scale(0.8);
    }
    9.0909090909% {
      transform: translateX(37vw) translateY(-32vh) scale(0.74);
    }
    13.6363636364% {
      transform: translateX(-46vw) translateY(5vh) scale(0.87);
    }
    18.1818181818% {
      transform: translateX(-34vw) translateY(-6vh) scale(0.45);
    }
    22.7272727273% {
      transform: translateX(-28vw) translateY(44vh) scale(0.42);
    }
    27.2727272727% {
      transform: translateX(24vw) translateY(9vh) scale(0.94);
    }
    31.8181818182% {
      transform: translateX(37vw) translateY(33vh) scale(0.37);
    }
    36.3636363636% {
      transform: translateX(33vw) translateY(-42vh) scale(0.66);
    }
    40.9090909091% {
      transform: translateX(-28vw) translateY(-44vh) scale(0.74);
    }
    45.4545454545% {
      transform: translateX(20vw) translateY(-19vh) scale(0.79);
    }
    50% {
      transform: translateX(38vw) translateY(-27vh) scale(0.37);
    }
    54.5454545455% {
      transform: translateX(50vw) translateY(14vh) scale(0.99);
    }
    59.0909090909% {
      transform: translateX(2vw) translateY(20vh) scale(0.44);
    }
    63.6363636364% {
      transform: translateX(-9vw) translateY(46vh) scale(0.67);
    }
    68.1818181818% {
      transform: translateX(13vw) translateY(-16vh) scale(0.39);
    }
    72.7272727273% {
      transform: translateX(20vw) translateY(6vh) scale(0.46);
    }
    77.2727272727% {
      transform: translateX(47vw) translateY(42vh) scale(0.8);
    }
    81.8181818182% {
      transform: translateX(21vw) translateY(-19vh) scale(0.52);
    }
    86.3636363636% {
      transform: translateX(25vw) translateY(10vh) scale(0.65);
    }
    90.9090909091% {
      transform: translateX(1vw) translateY(-17vh) scale(0.8);
    }
    95.4545454545% {
      transform: translateX(5vw) translateY(-40vh) scale(0.79);
    }
    100% {
      transform: translateX(-12vw) translateY(2vh) scale(0.93);
    }
  }
  .firefly:nth-child(5) {
    animation-name: move5;
  }
  .firefly:nth-child(5)::before {
    animation-duration: 17s;
  }
  .firefly:nth-child(5)::after {
    animation-duration: 17s, 9059ms;
    animation-delay: 0ms, 1619ms;
  }
  
  @keyframes move5 {
    0% {
      transform: translateX(-17vw) translateY(12vh) scale(0.51);
    }
    4.1666666667% {
      transform: translateX(7vw) translateY(-26vh) scale(0.4);
    }
    8.3333333333% {
      transform: translateX(43vw) translateY(-49vh) scale(0.97);
    }
    12.5% {
      transform: translateX(-45vw) translateY(-24vh) scale(0.83);
    }
    16.6666666667% {
      transform: translateX(-43vw) translateY(-28vh) scale(0.33);
    }
    20.8333333333% {
      transform: translateX(-23vw) translateY(-19vh) scale(0.51);
    }
    25% {
      transform: translateX(-36vw) translateY(-1vh) scale(0.68);
    }
    29.1666666667% {
      transform: translateX(-8vw) translateY(33vh) scale(0.95);
    }
    33.3333333333% {
      transform: translateX(13vw) translateY(19vh) scale(0.9);
    }
    37.5% {
      transform: translateX(13vw) translateY(-13vh) scale(0.31);
    }
    41.6666666667% {
      transform: translateX(31vw) translateY(3vh) scale(0.28);
    }
    45.8333333333% {
      transform: translateX(-26vw) translateY(9vh) scale(0.74);
    }
    50% {
      transform: translateX(-23vw) translateY(34vh) scale(0.59);
    }
    54.1666666667% {
      transform: translateX(13vw) translateY(-24vh) scale(0.28);
    }
    58.3333333333% {
      transform: translateX(-48vw) translateY(-22vh) scale(0.81);
    }
    62.5% {
      transform: translateX(48vw) translateY(-23vh) scale(0.42);
    }
    66.6666666667% {
      transform: translateX(15vw) translateY(-41vh) scale(0.75);
    }
    70.8333333333% {
      transform: translateX(22vw) translateY(11vh) scale(0.44);
    }
    75% {
      transform: translateX(47vw) translateY(-22vh) scale(0.92);
    }
    79.1666666667% {
      transform: translateX(31vw) translateY(21vh) scale(0.83);
    }
    83.3333333333% {
      transform: translateX(18vw) translateY(27vh) scale(0.55);
    }
    87.5% {
      transform: translateX(-39vw) translateY(33vh) scale(0.32);
    }
    91.6666666667% {
      transform: translateX(48vw) translateY(19vh) scale(0.31);
    }
    95.8333333333% {
      transform: translateX(27vw) translateY(-29vh) scale(0.63);
    }
    100% {
      transform: translateX(12vw) translateY(-16vh) scale(0.44);
    }
  }
  .firefly:nth-child(6) {
    animation-name: move6;
  }
  .firefly:nth-child(6)::before {
    animation-duration: 16s;
  }
  .firefly:nth-child(6)::after {
    animation-duration: 16s, 8811ms;
    animation-delay: 0ms, 3587ms;
  }
  
  @keyframes move6 {
    0% {
      transform: translateX(28vw) translateY(-35vh) scale(0.98);
    }
    3.5714285714% {
      transform: translateX(18vw) translateY(36vh) scale(0.8);
    }
    7.1428571429% {
      transform: translateX(-43vw) translateY(39vh) scale(0.71);
    }
    10.7142857143% {
      transform: translateX(-22vw) translateY(-39vh) scale(1);
    }
    14.2857142857% {
      transform: translateX(-11vw) translateY(26vh) scale(0.87);
    }
    17.8571428571% {
      transform: translateX(0vw) translateY(-26vh) scale(0.63);
    }
    21.4285714286% {
      transform: translateX(46vw) translateY(7vh) scale(1);
    }
    25% {
      transform: translateX(10vw) translateY(6vh) scale(0.67);
    }
    28.5714285714% {
      transform: translateX(26vw) translateY(22vh) scale(0.31);
    }
    32.1428571429% {
      transform: translateX(4vw) translateY(17vh) scale(0.89);
    }
    35.7142857143% {
      transform: translateX(-41vw) translateY(39vh) scale(0.81);
    }
    39.2857142857% {
      transform: translateX(45vw) translateY(8vh) scale(0.94);
    }
    42.8571428571% {
      transform: translateX(-49vw) translateY(39vh) scale(0.91);
    }
    46.4285714286% {
      transform: translateX(-15vw) translateY(-2vh) scale(0.44);
    }
    50% {
      transform: translateX(44vw) translateY(38vh) scale(0.71);
    }
    53.5714285714% {
      transform: translateX(47vw) translateY(49vh) scale(0.71);
    }
    57.1428571429% {
      transform: translateX(-24vw) translateY(-5vh) scale(0.79);
    }
    60.7142857143% {
      transform: translateX(15vw) translateY(28vh) scale(0.41);
    }
    64.2857142857% {
      transform: translateX(-14vw) translateY(-35vh) scale(0.95);
    }
    67.8571428571% {
      transform: translateX(15vw) translateY(-5vh) scale(0.67);
    }
    71.4285714286% {
      transform: translateX(3vw) translateY(-12vh) scale(0.69);
    }
    75% {
      transform: translateX(32vw) translateY(-6vh) scale(0.95);
    }
    78.5714285714% {
      transform: translateX(-17vw) translateY(16vh) scale(0.96);
    }
    82.1428571429% {
      transform: translateX(-30vw) translateY(-34vh) scale(0.99);
    }
    85.7142857143% {
      transform: translateX(32vw) translateY(8vh) scale(0.27);
    }
    89.2857142857% {
      transform: translateX(28vw) translateY(-6vh) scale(0.37);
    }
    92.8571428571% {
      transform: translateX(-35vw) translateY(23vh) scale(0.45);
    }
    96.4285714286% {
      transform: translateX(48vw) translateY(-27vh) scale(0.66);
    }
    100% {
      transform: translateX(-28vw) translateY(34vh) scale(0.5);
    }
  }
  .firefly:nth-child(7) {
    animation-name: move7;
  }
  .firefly:nth-child(7)::before {
    animation-duration: 18s;
  }
  .firefly:nth-child(7)::after {
    animation-duration: 18s, 6858ms;
    animation-delay: 0ms, 5353ms;
  }
  
  @keyframes move7 {
    0% {
      transform: translateX(29vw) translateY(-37vh) scale(0.99);
    }
    4.7619047619% {
      transform: translateX(48vw) translateY(26vh) scale(0.69);
    }
    9.5238095238% {
      transform: translateX(-30vw) translateY(-25vh) scale(0.79);
    }
    14.2857142857% {
      transform: translateX(35vw) translateY(-34vh) scale(0.82);
    }
    19.0476190476% {
      transform: translateX(34vw) translateY(12vh) scale(0.31);
    }
    23.8095238095% {
      transform: translateX(21vw) translateY(-26vh) scale(0.46);
    }
    28.5714285714% {
      transform: translateX(-32vw) translateY(20vh) scale(0.6);
    }
    33.3333333333% {
      transform: translateX(-16vw) translateY(4vh) scale(0.46);
    }
    38.0952380952% {
      transform: translateX(1vw) translateY(5vh) scale(0.65);
    }
    42.8571428571% {
      transform: translateX(2vw) translateY(-28vh) scale(0.78);
    }
    47.619047619% {
      transform: translateX(-41vw) translateY(25vh) scale(0.43);
    }
    52.380952381% {
      transform: translateX(-9vw) translateY(-41vh) scale(0.82);
    }
    57.1428571429% {
      transform: translateX(2vw) translateY(36vh) scale(0.37);
    }
    61.9047619048% {
      transform: translateX(-5vw) translateY(-49vh) scale(0.39);
    }
    66.6666666667% {
      transform: translateX(17vw) translateY(25vh) scale(1);
    }
    71.4285714286% {
      transform: translateX(15vw) translateY(26vh) scale(0.51);
    }
    76.1904761905% {
      transform: translateX(37vw) translateY(43vh) scale(0.41);
    }
    80.9523809524% {
      transform: translateX(-8vw) translateY(38vh) scale(0.98);
    }
    85.7142857143% {
      transform: translateX(28vw) translateY(-39vh) scale(0.51);
    }
    90.4761904762% {
      transform: translateX(47vw) translateY(-13vh) scale(0.99);
    }
    95.2380952381% {
      transform: translateX(-7vw) translateY(37vh) scale(0.52);
    }
    100% {
      transform: translateX(-2vw) translateY(-10vh) scale(0.79);
    }
  }
  .firefly:nth-child(8) {
    animation-name: move8;
  }
  .firefly:nth-child(8)::before {
    animation-duration: 18s;
  }
  .firefly:nth-child(8)::after {
    animation-duration: 18s, 6340ms;
    animation-delay: 0ms, 3988ms;
  }
  
  @keyframes move8 {
    0% {
      transform: translateX(-16vw) translateY(27vh) scale(0.29);
    }
    4% {
      transform: translateX(-31vw) translateY(-3vh) scale(0.4);
    }
    8% {
      transform: translateX(-15vw) translateY(-38vh) scale(0.79);
    }
    12% {
      transform: translateX(-44vw) translateY(-6vh) scale(0.46);
    }
    16% {
      transform: translateX(-14vw) translateY(41vh) scale(0.95);
    }
    20% {
      transform: translateX(41vw) translateY(13vh) scale(0.69);
    }
    24% {
      transform: translateX(36vw) translateY(20vh) scale(0.29);
    }
    28% {
      transform: translateX(32vw) translateY(0vh) scale(0.38);
    }
    32% {
      transform: translateX(-37vw) translateY(22vh) scale(0.65);
    }
    36% {
      transform: translateX(41vw) translateY(43vh) scale(0.74);
    }
    40% {
      transform: translateX(-1vw) translateY(-41vh) scale(0.89);
    }
    44% {
      transform: translateX(9vw) translateY(17vh) scale(0.58);
    }
    48% {
      transform: translateX(2vw) translateY(-9vh) scale(0.49);
    }
    52% {
      transform: translateX(-32vw) translateY(4vh) scale(0.51);
    }
    56% {
      transform: translateX(40vw) translateY(-27vh) scale(0.32);
    }
    60% {
      transform: translateX(-12vw) translateY(1vh) scale(0.47);
    }
    64% {
      transform: translateX(-7vw) translateY(21vh) scale(0.34);
    }
    68% {
      transform: translateX(-13vw) translateY(-33vh) scale(0.91);
    }
    72% {
      transform: translateX(-14vw) translateY(-37vh) scale(0.94);
    }
    76% {
      transform: translateX(46vw) translateY(5vh) scale(0.38);
    }
    80% {
      transform: translateX(43vw) translateY(44vh) scale(0.95);
    }
    84% {
      transform: translateX(7vw) translateY(45vh) scale(0.91);
    }
    88% {
      transform: translateX(-15vw) translateY(-31vh) scale(0.8);
    }
    92% {
      transform: translateX(40vw) translateY(-34vh) scale(1);
    }
    96% {
      transform: translateX(-34vw) translateY(-35vh) scale(0.32);
    }
    100% {
      transform: translateX(-2vw) translateY(-36vh) scale(0.75);
    }
  }
  .firefly:nth-child(9) {
    animation-name: move9;
  }
  .firefly:nth-child(9)::before {
    animation-duration: 15s;
  }
  .firefly:nth-child(9)::after {
    animation-duration: 15s, 9720ms;
    animation-delay: 0ms, 1791ms;
  }
  
  @keyframes move9 {
    0% {
      transform: translateX(-39vw) translateY(12vh) scale(0.39);
    }
    4.7619047619% {
      transform: translateX(-6vw) translateY(-7vh) scale(0.52);
    }
    9.5238095238% {
      transform: translateX(-18vw) translateY(-45vh) scale(0.76);
    }
    14.2857142857% {
      transform: translateX(48vw) translateY(-33vh) scale(0.63);
    }
    19.0476190476% {
      transform: translateX(-19vw) translateY(39vh) scale(0.45);
    }
    23.8095238095% {
      transform: translateX(15vw) translateY(19vh) scale(0.33);
    }
    28.5714285714% {
      transform: translateX(-33vw) translateY(2vh) scale(0.87);
    }
    33.3333333333% {
      transform: translateX(44vw) translateY(-34vh) scale(0.9);
    }
    38.0952380952% {
      transform: translateX(40vw) translateY(-29vh) scale(0.92);
    }
    42.8571428571% {
      transform: translateX(38vw) translateY(27vh) scale(0.6);
    }
    47.619047619% {
      transform: translateX(21vw) translateY(-32vh) scale(0.46);
    }
    52.380952381% {
      transform: translateX(50vw) translateY(-38vh) scale(0.67);
    }
    57.1428571429% {
      transform: translateX(-45vw) translateY(6vh) scale(0.38);
    }
    61.9047619048% {
      transform: translateX(-32vw) translateY(14vh) scale(0.9);
    }
    66.6666666667% {
      transform: translateX(40vw) translateY(21vh) scale(0.97);
    }
    71.4285714286% {
      transform: translateX(41vw) translateY(48vh) scale(0.74);
    }
    76.1904761905% {
      transform: translateX(-27vw) translateY(5vh) scale(0.95);
    }
    80.9523809524% {
      transform: translateX(9vw) translateY(-11vh) scale(0.31);
    }
    85.7142857143% {
      transform: translateX(-30vw) translateY(39vh) scale(0.83);
    }
    90.4761904762% {
      transform: translateX(17vw) translateY(34vh) scale(0.28);
    }
    95.2380952381% {
      transform: translateX(22vw) translateY(-5vh) scale(0.54);
    }
    100% {
      transform: translateX(-4vw) translateY(45vh) scale(0.52);
    }
  }
  .firefly:nth-child(10) {
    animation-name: move10;
  }
  .firefly:nth-child(10)::before {
    animation-duration: 12s;
  }
  .firefly:nth-child(10)::after {
    animation-duration: 12s, 7181ms;
    animation-delay: 0ms, 3058ms;
  }
  
  @keyframes move10 {
    0% {
      transform: translateX(-16vw) translateY(-18vh) scale(0.3);
    }
    3.8461538462% {
      transform: translateX(16vw) translateY(41vh) scale(0.27);
    }
    7.6923076923% {
      transform: translateX(37vw) translateY(-20vh) scale(0.49);
    }
    11.5384615385% {
      transform: translateX(9vw) translateY(-5vh) scale(0.6);
    }
    15.3846153846% {
      transform: translateX(-32vw) translateY(-7vh) scale(0.6);
    }
    19.2307692308% {
      transform: translateX(-38vw) translateY(17vh) scale(0.98);
    }
    23.0769230769% {
      transform: translateX(-27vw) translateY(22vh) scale(0.73);
    }
    26.9230769231% {
      transform: translateX(-6vw) translateY(44vh) scale(0.76);
    }
    30.7692307692% {
      transform: translateX(48vw) translateY(-2vh) scale(0.57);
    }
    34.6153846154% {
      transform: translateX(-12vw) translateY(8vh) scale(0.26);
    }
    38.4615384615% {
      transform: translateX(31vw) translateY(-48vh) scale(0.41);
    }
    42.3076923077% {
      transform: translateX(-47vw) translateY(4vh) scale(0.56);
    }
    46.1538461538% {
      transform: translateX(31vw) translateY(-45vh) scale(0.97);
    }
    50% {
      transform: translateX(37vw) translateY(-21vh) scale(0.93);
    }
    53.8461538462% {
      transform: translateX(36vw) translateY(-49vh) scale(0.85);
    }
    57.6923076923% {
      transform: translateX(41vw) translateY(32vh) scale(0.35);
    }
    61.5384615385% {
      transform: translateX(36vw) translateY(-21vh) scale(0.96);
    }
    65.3846153846% {
      transform: translateX(2vw) translateY(-46vh) scale(0.28);
    }
    69.2307692308% {
      transform: translateX(-42vw) translateY(-18vh) scale(0.61);
    }
    73.0769230769% {
      transform: translateX(16vw) translateY(-39vh) scale(0.68);
    }
    76.9230769231% {
      transform: translateX(7vw) translateY(-13vh) scale(0.48);
    }
    80.7692307692% {
      transform: translateX(-8vw) translateY(19vh) scale(0.83);
    }
    84.6153846154% {
      transform: translateX(38vw) translateY(2vh) scale(0.44);
    }
    88.4615384615% {
      transform: translateX(46vw) translateY(6vh) scale(0.32);
    }
    92.3076923077% {
      transform: translateX(31vw) translateY(-38vh) scale(0.79);
    }
    96.1538461538% {
      transform: translateX(-16vw) translateY(10vh) scale(0.59);
    }
    100% {
      transform: translateX(-15vw) translateY(0vh) scale(0.88);
    }
  }
  .firefly:nth-child(11) {
    animation-name: move11;
  }
  .firefly:nth-child(11)::before {
    animation-duration: 9s;
  }
  .firefly:nth-child(11)::after {
    animation-duration: 9s, 8516ms;
    animation-delay: 0ms, 2476ms;
  }
  
  @keyframes move11 {
    0% {
      transform: translateX(49vw) translateY(-2vh) scale(0.53);
    }
    4% {
      transform: translateX(27vw) translateY(48vh) scale(0.66);
    }
    8% {
      transform: translateX(37vw) translateY(-12vh) scale(0.92);
    }
    12% {
      transform: translateX(23vw) translateY(34vh) scale(0.94);
    }
    16% {
      transform: translateX(-25vw) translateY(21vh) scale(0.7);
    }
    20% {
      transform: translateX(-4vw) translateY(47vh) scale(0.5);
    }
    24% {
      transform: translateX(-28vw) translateY(43vh) scale(0.32);
    }
    28% {
      transform: translateX(-41vw) translateY(-14vh) scale(0.43);
    }
    32% {
      transform: translateX(45vw) translateY(-37vh) scale(0.46);
    }
    36% {
      transform: translateX(-19vw) translateY(13vh) scale(0.96);
    }
    40% {
      transform: translateX(-25vw) translateY(-6vh) scale(0.69);
    }
    44% {
      transform: translateX(-34vw) translateY(48vh) scale(0.89);
    }
    48% {
      transform: translateX(11vw) translateY(-19vh) scale(0.5);
    }
    52% {
      transform: translateX(18vw) translateY(2vh) scale(1);
    }
    56% {
      transform: translateX(-40vw) translateY(40vh) scale(0.32);
    }
    60% {
      transform: translateX(23vw) translateY(22vh) scale(0.97);
    }
    64% {
      transform: translateX(-41vw) translateY(41vh) scale(0.35);
    }
    68% {
      transform: translateX(20vw) translateY(2vh) scale(0.27);
    }
    72% {
      transform: translateX(-19vw) translateY(2vh) scale(0.71);
    }
    76% {
      transform: translateX(22vw) translateY(48vh) scale(0.79);
    }
    80% {
      transform: translateX(17vw) translateY(-22vh) scale(0.73);
    }
    84% {
      transform: translateX(43vw) translateY(-11vh) scale(0.47);
    }
    88% {
      transform: translateX(-48vw) translateY(-24vh) scale(0.49);
    }
    92% {
      transform: translateX(-3vw) translateY(-6vh) scale(0.69);
    }
    96% {
      transform: translateX(-38vw) translateY(25vh) scale(0.35);
    }
    100% {
      transform: translateX(6vw) translateY(-3vh) scale(0.39);
    }
  }
  .firefly:nth-child(12) {
    animation-name: move12;
  }
  .firefly:nth-child(12)::before {
    animation-duration: 12s;
  }
  .firefly:nth-child(12)::after {
    animation-duration: 12s, 5804ms;
    animation-delay: 0ms, 3233ms;
  }
  
  @keyframes move12 {
    0% {
      transform: translateX(-15vw) translateY(31vh) scale(0.6);
    }
    4.5454545455% {
      transform: translateX(-6vw) translateY(-21vh) scale(0.34);
    }
    9.0909090909% {
      transform: translateX(-27vw) translateY(-29vh) scale(0.57);
    }
    13.6363636364% {
      transform: translateX(19vw) translateY(-2vh) scale(0.8);
    }
    18.1818181818% {
      transform: translateX(-26vw) translateY(-18vh) scale(0.78);
    }
    22.7272727273% {
      transform: translateX(-11vw) translateY(5vh) scale(0.97);
    }
    27.2727272727% {
      transform: translateX(-39vw) translateY(49vh) scale(0.58);
    }
    31.8181818182% {
      transform: translateX(36vw) translateY(23vh) scale(0.47);
    }
    36.3636363636% {
      transform: translateX(-25vw) translateY(5vh) scale(0.93);
    }
    40.9090909091% {
      transform: translateX(44vw) translateY(17vh) scale(0.26);
    }
    45.4545454545% {
      transform: translateX(33vw) translateY(18vh) scale(0.37);
    }
    50% {
      transform: translateX(-3vw) translateY(22vh) scale(0.9);
    }
    54.5454545455% {
      transform: translateX(-9vw) translateY(33vh) scale(0.32);
    }
    59.0909090909% {
      transform: translateX(-35vw) translateY(3vh) scale(0.31);
    }
    63.6363636364% {
      transform: translateX(-24vw) translateY(8vh) scale(0.92);
    }
    68.1818181818% {
      transform: translateX(-2vw) translateY(-3vh) scale(0.3);
    }
    72.7272727273% {
      transform: translateX(-31vw) translateY(-18vh) scale(0.89);
    }
    77.2727272727% {
      transform: translateX(-11vw) translateY(-41vh) scale(0.32);
    }
    81.8181818182% {
      transform: translateX(-30vw) translateY(46vh) scale(0.85);
    }
    86.3636363636% {
      transform: translateX(17vw) translateY(-30vh) scale(0.72);
    }
    90.9090909091% {
      transform: translateX(-18vw) translateY(-39vh) scale(0.26);
    }
    95.4545454545% {
      transform: translateX(40vw) translateY(-9vh) scale(0.69);
    }
    100% {
      transform: translateX(-11vw) translateY(49vh) scale(0.81);
    }
  }
  .firefly:nth-child(13) {
    animation-name: move13;
  }
  .firefly:nth-child(13)::before {
    animation-duration: 18s;
  }
  .firefly:nth-child(13)::after {
    animation-duration: 18s, 9171ms;
    animation-delay: 0ms, 6692ms;
  }
  
  @keyframes move13 {
    0% {
      transform: translateX(20vw) translateY(6vh) scale(0.29);
    }
    3.8461538462% {
      transform: translateX(0vw) translateY(-26vh) scale(0.7);
    }
    7.6923076923% {
      transform: translateX(25vw) translateY(10vh) scale(0.5);
    }
    11.5384615385% {
      transform: translateX(-19vw) translateY(-12vh) scale(0.85);
    }
    15.3846153846% {
      transform: translateX(-47vw) translateY(-19vh) scale(0.75);
    }
    19.2307692308% {
      transform: translateX(-28vw) translateY(-21vh) scale(0.68);
    }
    23.0769230769% {
      transform: translateX(-7vw) translateY(-49vh) scale(0.44);
    }
    26.9230769231% {
      transform: translateX(-28vw) translateY(-7vh) scale(0.58);
    }
    30.7692307692% {
      transform: translateX(4vw) translateY(-18vh) scale(0.37);
    }
    34.6153846154% {
      transform: translateX(8vw) translateY(-34vh) scale(0.45);
    }
    38.4615384615% {
      transform: translateX(42vw) translateY(47vh) scale(0.67);
    }
    42.3076923077% {
      transform: translateX(34vw) translateY(8vh) scale(0.61);
    }
    46.1538461538% {
      transform: translateX(-7vw) translateY(-32vh) scale(0.28);
    }
    50% {
      transform: translateX(-32vw) translateY(-24vh) scale(0.59);
    }
    53.8461538462% {
      transform: translateX(-3vw) translateY(45vh) scale(0.57);
    }
    57.6923076923% {
      transform: translateX(8vw) translateY(-48vh) scale(0.55);
    }
    61.5384615385% {
      transform: translateX(31vw) translateY(-4vh) scale(0.43);
    }
    65.3846153846% {
      transform: translateX(-30vw) translateY(-30vh) scale(0.32);
    }
    69.2307692308% {
      transform: translateX(-15vw) translateY(-43vh) scale(0.99);
    }
    73.0769230769% {
      transform: translateX(-48vw) translateY(29vh) scale(0.96);
    }
    76.9230769231% {
      transform: translateX(-26vw) translateY(39vh) scale(0.52);
    }
    80.7692307692% {
      transform: translateX(-37vw) translateY(-29vh) scale(0.39);
    }
    84.6153846154% {
      transform: translateX(-17vw) translateY(40vh) scale(0.55);
    }
    88.4615384615% {
      transform: translateX(17vw) translateY(-4vh) scale(0.35);
    }
    92.3076923077% {
      transform: translateX(33vw) translateY(31vh) scale(0.69);
    }
    96.1538461538% {
      transform: translateX(23vw) translateY(-12vh) scale(0.72);
    }
    100% {
      transform: translateX(46vw) translateY(18vh) scale(0.47);
    }
  }
  .firefly:nth-child(14) {
    animation-name: move14;
  }
  .firefly:nth-child(14)::before {
    animation-duration: 9s;
  }
  .firefly:nth-child(14)::after {
    animation-duration: 9s, 8504ms;
    animation-delay: 0ms, 7453ms;
  }
  
  @keyframes move14 {
    0% {
      transform: translateX(39vw) translateY(18vh) scale(0.56);
    }
    4.7619047619% {
      transform: translateX(-24vw) translateY(6vh) scale(0.46);
    }
    9.5238095238% {
      transform: translateX(14vw) translateY(-47vh) scale(0.62);
    }
    14.2857142857% {
      transform: translateX(-21vw) translateY(38vh) scale(0.68);
    }
    19.0476190476% {
      transform: translateX(14vw) translateY(49vh) scale(0.83);
    }
    23.8095238095% {
      transform: translateX(-23vw) translateY(27vh) scale(0.48);
    }
    28.5714285714% {
      transform: translateX(-48vw) translateY(-7vh) scale(0.79);
    }
    33.3333333333% {
      transform: translateX(19vw) translateY(36vh) scale(0.37);
    }
    38.0952380952% {
      transform: translateX(-37vw) translateY(14vh) scale(0.9);
    }
    42.8571428571% {
      transform: translateX(-23vw) translateY(29vh) scale(0.41);
    }
    47.619047619% {
      transform: translateX(2vw) translateY(18vh) scale(0.35);
    }
    52.380952381% {
      transform: translateX(27vw) translateY(-15vh) scale(0.72);
    }
    57.1428571429% {
      transform: translateX(-38vw) translateY(-12vh) scale(0.53);
    }
    61.9047619048% {
      transform: translateX(-36vw) translateY(30vh) scale(0.79);
    }
    66.6666666667% {
      transform: translateX(-19vw) translateY(26vh) scale(0.86);
    }
    71.4285714286% {
      transform: translateX(-43vw) translateY(-28vh) scale(0.31);
    }
    76.1904761905% {
      transform: translateX(-37vw) translateY(0vh) scale(0.35);
    }
    80.9523809524% {
      transform: translateX(-13vw) translateY(16vh) scale(0.39);
    }
    85.7142857143% {
      transform: translateX(1vw) translateY(16vh) scale(0.39);
    }
    90.4761904762% {
      transform: translateX(-31vw) translateY(-40vh) scale(0.88);
    }
    95.2380952381% {
      transform: translateX(-10vw) translateY(21vh) scale(0.66);
    }
    100% {
      transform: translateX(-18vw) translateY(15vh) scale(0.75);
    }
  }
  .firefly:nth-child(15) {
    animation-name: move15;
  }
  .firefly:nth-child(15)::before {
    animation-duration: 18s;
  }
  .firefly:nth-child(15)::after {
    animation-duration: 18s, 8385ms;
    animation-delay: 0ms, 4285ms;
  }
  
  @keyframes move15 {
    0% {
      transform: translateX(-32vw) translateY(-8vh) scale(1);
    }
    5.5555555556% {
      transform: translateX(18vw) translateY(-7vh) scale(0.57);
    }
    11.1111111111% {
      transform: translateX(-28vw) translateY(-24vh) scale(0.96);
    }
    16.6666666667% {
      transform: translateX(11vw) translateY(30vh) scale(0.68);
    }
    22.2222222222% {
      transform: translateX(-31vw) translateY(-9vh) scale(0.86);
    }
    27.7777777778% {
      transform: translateX(-11vw) translateY(0vh) scale(0.68);
    }
    33.3333333333% {
      transform: translateX(10vw) translateY(13vh) scale(0.96);
    }
    38.8888888889% {
      transform: translateX(-19vw) translateY(1vh) scale(0.34);
    }
    44.4444444444% {
      transform: translateX(-44vw) translateY(-2vh) scale(0.74);
    }
    50% {
      transform: translateX(25vw) translateY(38vh) scale(0.88);
    }
    55.5555555556% {
      transform: translateX(-39vw) translateY(-38vh) scale(0.3);
    }
    61.1111111111% {
      transform: translateX(33vw) translateY(46vh) scale(0.35);
    }
    66.6666666667% {
      transform: translateX(-11vw) translateY(10vh) scale(0.88);
    }
    72.2222222222% {
      transform: translateX(17vw) translateY(-12vh) scale(0.49);
    }
    77.7777777778% {
      transform: translateX(-12vw) translateY(44vh) scale(0.57);
    }
    83.3333333333% {
      transform: translateX(-38vw) translateY(-9vh) scale(0.33);
    }
    88.8888888889% {
      transform: translateX(32vw) translateY(50vh) scale(0.78);
    }
    94.4444444444% {
      transform: translateX(14vw) translateY(26vh) scale(0.89);
    }
    100% {
      transform: translateX(-20vw) translateY(-31vh) scale(0.55);
    }
  }
  @keyframes drift {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes flash {
    0%, 30%, 100% {
      opacity: 0;
      box-shadow: 0 0 0vw 0vw yellow;
    }
    5% {
      opacity: 1;
      box-shadow: 0 0 2vw 0.4vw yellow;
    }
  }
</style>
<div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
<div class="firefly"></div>
</div>
<!-- Close Firefly -->
<script>
$('<div class="download-apk alert fade show" role="alert" style="padding:3.5rem 0rem 0rem 0rem;"><div class="apk-moon4d text-start mobile-only"><div class="app_icon" style="width: 43px;margin: 0px 0px 0px 10px;"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjHRWxtUCDNOw6j8Pf8faoixxj-qWux8uBUmDTZrgDBm0ZgUjOxp06ryiGdnIF6wJU_fS5gr76MPKSdaULXSnQgK3J4QsgP8XBZXJKZBVoSbirJN5qJUIMQxIvHvlGAAuTnd3sDrkvAJEI9FKL821mrXG8h07eYnGvNb8Ol5vFJ6MAHl6txeX7bdgtU-wo" alt="App Icon" style="display: block; max-width: 100%;"></div><div class="app_info" style="position: absolute;left: 65px;top: 10px;"><div class="app_title" style="font-size: 15px;font-weight: bold;color: gold;text-transform: uppercase;">APLIKASI moon4d</div><div class="app_slogan" style="font-size: 11px;color: #fff;letter-spacing: 0px;">Download Aplikasi Android</div></div><div class="download_button mx-auto" style="position: absolute;right: 17px;top: 17px;animation: borderPulse 1s infinite ease-out;vertical-align: middle;align-items: center;justify-content: center;border-radius: 20px;"><a href="/m/downloads/moon4d.apk" target="_blank" title="Download Apk moon4d" class="btn btn-warning fw-bold p-0 px-3 w-100 mobile-only rounded-pill" style="font-size: 18px;padding: 8px;border: 2px solid rgb(0, 0, 0);"><strong>DOWNLOAD</strong></a></div><span data-bs-dismiss="alert" aria-label="Close" id="close_button" style="position: absolute;display: block;top: 0px;left: 0px;width: 25px;height: 63px;color:gold;text-align: center;font-size: 18px;line-height: 60px;">×</span></div></div>').insertBefore($(".wrapper"));
$('<center><div style="border: 1px ridge #ffe808; margin-bottom:-25px; margin-top:10px; display:table;width: 80%;"><a href="https://moon4dbet.com"  target="_blank"><img title="MOON4D" src="https://blogger.googleusercontent.com/img/a/AVvXsEgIdtm-ANs7HLBQqCJoVcP6MIuhqd1ZMel7pV4n7edyNuMNQbKToyxjxNkaMSKvsLKfmgdDlEpZWszQ-zFEsFR9Yhb5ASLImU997ZlzXhO1B0f68V8H5AhgNrcTdmqyBlWvsCKVKUbEgQN_xdyxZ7u6m3EqOvP5Pxf6Eh2vmJWXSfqhpWg21E1Cv32IqSM" style="padding-top:0px;" alt="MOON4D" height="" width="100%"></a></div></center>').insertAfter('#main-content');
</script>

<style>
@media only screen and (max-width: 1000px) {
    .contentdata {
	background: url('https://blogger.googleusercontent.com/img/a/AVvXsEimxtLRm5w0zRM0AdHrSNKv6S3d5hAHAHBPPDdpYFz7kpTLTRmn6MR7W01lDJT7nGtQ1HNZ7Gju0Ef_Q5t8kn53ryocuc3nZBxGNxGJWgOLXsdEpefeDtuD4_j6Iof-basBVsJXySesdPeJ1Apuh_4IPZyNhD4ZF0jIvGMYecsKJuOdk7UkKXnEYjMYqDE') #000000;
	background-attachment: fixed;
	background-size: cover;
    }
}
@media only screen and (max-width: 1000px) {
    .header-content {
	background: url('https://blogger.googleusercontent.com/img/a/AVvXsEimxtLRm5w0zRM0AdHrSNKv6S3d5hAHAHBPPDdpYFz7kpTLTRmn6MR7W01lDJT7nGtQ1HNZ7Gju0Ef_Q5t8kn53ryocuc3nZBxGNxGJWgOLXsdEpefeDtuD4_j6Iof-basBVsJXySesdPeJ1Apuh_4IPZyNhD4ZF0jIvGMYecsKJuOdk7UkKXnEYjMYqDE') #000000;
	background-attachment: fixed;
	background-size: cover;
    }
}
</style>


                </div>
                
                
                <div class="footer-group">
                    <div class="copyright">
                        <div style="white-space: nowrap">© 2015 - 2025 Copyright MOON4D.</div>
                        <div>All Rights Reserved.</div>
                    </div>
                    <div class="desktop-only">
                        <div class="d-flex gap-1">
                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
                                                        <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
                        </div>
                    </div>
                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">
                    
                    <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=4-HQcVU-Z814Yds_TAwHkBQ2K7qlF6lVWRVf9P1xP8w.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
                        <i class="bi bi-shield-fill-exclamation"></i>
                        <strong class="ms-1">LAPOR PUSAT</strong>
                    </button>
                </div>
            </footer>
            
            
            
            <!-- SIDENAV -->
            <div id="mySidenav" class="sidenav desktop-only">
                <div id="nav">
                    <div style="display: flex; align-items: start;">
                        <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;">
                            
                            <img src="/assets/hubungi.png?11">
                            
                        </div>
                        <!--<img id="about" src="/images/kontak.png?4">-->
                    </div>
                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
                       <div id="" style="padding: 4px">
                       <img src="/assets/24h.png" style="width: 100%"></img>
                        </div>
                    
                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
                            
                                                                
                                                                                
                                            <a href="https://api.whatsapp.com/send/?phone=6285952848351" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>Laura</span>
                                            </a>
                                            
                                            
                                    
                                                                        
                                                                                
                                            <a href="https://t.me/moon4dofficial" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>Telegram</span>
                                            </a>
                                            
                                            
                                    
                                                                        
                                                                                
                                            <a href="https://www.facebook.com/groups/moon4d/" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                                                <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>Facebook</span>
                                            </a>
                                            
                                            
                                    
                                                                
    
                        </div>
                            <div style="margin: 8px">
                                <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>
                            </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!--POP UP -->
                
        <!-- LIVE CHAT -->
        <!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 19123566;
    window.__lc.integration_name = "manual_onboarding";
    window.__lc.product_name = "livechat";
    ;(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))
</script>
<noscript><a href="https://www.livechat.com/chat-with/19123566/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->

<!-- Efect Promosi Desktop -->

<style>
   .btn-promosi{
        color: #cfbe87;
        animation: blur .9s ease-out infinite;
        text-shadow: -webkit-linear-gradient(60deg, #b08432, #cfbe87);
    }

    @keyframes blur {
        from {
            text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 25px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #7B96B8, 0px 0px 5px #7B96B8, 0px 10px 5px #ffffe8, 0px 10px 50px #ffffe8, 0px 10px 100px #e4be0d, 0px 10px 100px #e4be0d, 0px -10px 100px #e4be0d, 0px -10px 100px #e4be0d;
            color: #fff, #fff, #fff, #ffffe8, #fdfebe, #fdff74, #ffe674, #e4be0d;
        };
    }
</style>

<!-- Close Efect Promosi Desktop -->

<!-- Costume Kontak Kami -->

<style>
    #mySidenav {
        display: none !important;
    }
    #slide-left1 {
        position: fixed;
        top: 180px;
        background: linear-gradient(149deg, rgb(0 0 0) -5%, rgb(97 0 0) 27%, rgb(70 0 0) 39%, rgba(129, 0, 0, 1) 63%, rgb(72 0 0) 80%, rgb(47 0 0) 98%);
        z-index: 99999;
        width: 180px;
        left: -180px;
        min-height: 180px;
        text-align: center;
        transition: left .4s ease-in-out;
        -o-transition: left .4s ease-in-out;
        -ms-transition: left .4s ease-in-out;
        -moz-transition: left .4s ease-in-out;
        -webkit-transition: left .4s ease-in-out;
        border-radius: 0px 12px 32px 0;
        border: 1px solid gold;
    }
    
    #toggle-left1 {
        font-size: 20px;
        position: absolute;
        z-index: 99999;
        left: 180px;
        text-align: center;
        cursor: pointer;
    }
    
    .card-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    
    .card-img {
        width: 150px;
        height: auto;
        margin-bottom: 5px;
        margin-left: 20px;
    }
    
    .hours {
        margin: 20px;
    }
    
    .img-kontak {
        width: 50px;
        margin: 10px;
        padding-bottom: 9px;
        border-bottom: 5px double gold;
    }
    
    .img-kontak:hover {
        border-bottom: 5px double rgb(255, 0, 0);
    }
    
    
    .daftar-btn-bawah {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        }
    
    </style>
    
    <div id="slide-left1">
      <div id="toggle-left1"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjb0vNV1-LoEdsGNi3OyXy0m-H-wfK0br4Yx8gfy5x-I3tkSlqYXywFSKJ0-3ETDqmA_tXTMormzAjl0_EfFrw9514tXRLfys5MX9-m-okWUREyZtEVNa02s_v_u_DK95A_2pLvHHKfn5xvhaoOYK4wAeFolH1UqTU9Kegi0awaddvcrlL_cSnSlz-3TEI"></div>
      <div class="card-toggle">
          <div class="hours">
              <a href="/" target="/"><img class="card-img"
                      src="https://photoku.io/images/2024/09/25/ICON-24-JAM-png.png"></a>
          </div>
          <div class="daftar-btn-bawah">
              <a href="https://www.instagram.com/moon4d.official/" rel="nofollow" class="tombol_hubungi" target="_blank">
                  <img class="img-kontak"
                      src="https://photoku.io/images/2024/09/25/ig.png"
                      alt="Instagram Moon4D">
              </a>
              <a href="https://api.whatsapp.com/send/?phone=6285952848351" rel="nofollow" target="_blank" class="tombol_hubungi"><img class="img-kontak"
                      src="https://photoku.io/images/2024/09/25/wa.png"
                      alt="Whatsapp Moon4D"></a>
              <a href="https://www.facebook.com/groups/703454625332257" rel="nofollow" target="_blank" class="tombol_hubungi"><img
                      class="img-kontak"
                      src="https://photoku.io/images/2024/09/25/fb.png"
                      alt="Facebook Moon4D"></a>
              <a href="https://t.me/slotmoon4d" rel="nofollow" target="_blank" class="tombol_hubungi" rel="nofollow"><img class="img-kontak"
                      src="https://photoku.io/images/2024/09/25/tele.png"
                      alt="Telegram Moon4D"></a>
          </div>
      </div>
    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const slideLeft = document.getElementById("slide-left1");
            const toggleLeft = document.getElementById("toggle-left1");
    
            // Fungsi untuk mengubah posisi elemen saat tombol ditekan
            function toggleSlide() {
                if (slideLeft.style.left === "0px") {
                    slideLeft.style.left = "-180px";
                } else {
                    slideLeft.style.left = "0px";
                }
            }
    
            // Menambahkan event listener untuk tombol
            toggleLeft.addEventListener("click", toggleSlide);
        });
    </script>
    
    <!-- Close Costume Kontak Kami -->

<style>
.active  {
    background-color: #350001  !important;
}
.contentdata {
    background: #350001 !important;
}
.box-middle {
    padding: 0;
    margin: 0 5px 10px;
    max-width: 267px;
    display: inline-block;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 15px;
}
.post-card3 {
position:relative;
transition:all .3s ease;border-radius:10px}.post-card3:hover{transform:scale(1.05);z-index:10}.post-card3 img{border-radius:10px;max-width:100%;height:auto}.post-card3 a,.post-card3 a:hover{text-decoration:none;color:#f1f1f1}.post-card3 .post-overlay{position:absolute;background-color: #350001;width:100%;height:100%;z-index:5}.post-card3-link{position:absolute;bottom:0;background:#350001;background: #350001;color:#f1f1f1;width:100%;transition:.5s ease;opacity:0;color:#fff;font-size:17px;padding:10px;text-align:center;border-radius:0 0 10px 10px;font-family:Helvetica,sans-serif}.post-card3:hover .post-card3-link{opacity:1}
</style>

<script>
$('<center><div class="item box-middle post-card3"><a href="https://moon4dbet.com/" ><img title="MOON4D" width="100%" src="https://blogger.googleusercontent.com/img/a/AVvXsEgrp_7WwnHIPt-xiykxNc3vmskOdBy6kI_uKJrilu89E2yl_KEEUFqSWb1sokvCO3Y28DGPXK_C-iYfZaQHdhpuUiWRXJuW6uFAWsVyjrmq8frkWUMuW1THeQ3ZEX1pBzWYhrdotB9PNlR5Kx0vLrVXakimnTWMUH_MtK6XNTp4F_twUTFsJrA6i6ivzvU" alt="MOON4D SITUS RESMI CENTANG BIRU VERIFIED"></a></div><div class="item box-middle post-card3"><a href="https://moon4dbet.com/" ><img title="MOON4D" width="100%" src="https://blogger.googleusercontent.com/img/a/AVvXsEjgcNYaxt0x10AHakndj2oXcoy3MbkMYGr29CN4_w53L3oudZDuC2208FGw3vpmHabVAX-ws_LUGEBcM1ECqFYKecJ7sWwlCd5HKmhE2dMT8rjlL0qvC1t1oU9MoInTC4Gfy_leMDiF9edgk0m9N7NDrLzUgaEXkkAd_1nnXUPUVRsei8ktLlokssQbgXo" alt="MOON4D MENANG BERAPAPUN DIBAYAR LUNAS"></a></div><div class="item box-middle post-card3"><a href="https://moon4dbet.com/" ><img title="MOON4D" width="100%" src="https://blogger.googleusercontent.com/img/a/AVvXsEiZeQ-7nx1euezhgbhRzQvvqygjtWgKKVCfQDbgWmTZ90ju71t4gvWQrfHVtuH5xJNVW3FazCFUay9UrgCB1XCeSfsnMAKL_JTe0LYfdkRoLbMExcEqZHxc8wRl60BOXpA3Fl2oPsoS4MUTP3E5YUAGs_Cb7ZnxNjnn2sziUOeA_Yk2qogimTJ5Qcv8llY" alt="MOON4D BONUS ROLLINGANN & CASHBACK HARIAN"></a></div></center>').insertAfter("#mobile-slider");
</script>
                
           

        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>

        <script>
                            if(document.getElementById("promo")) {
                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
                    window.onload = () => {
                        myModal.show();
                    }
                }
                    
            var mobileurl = 'm/';
            	


            var showIDs = [];
            
            function showProducts(hoverID) {
                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";

                // document.getElementById('hover').classList.add("hover-show");
                document.getElementById('hover').style.transitionDelay = "0s";
                document.getElementById('hover').style.visibility = "visible";
                document.getElementById('hover').style.opacity = "1";
                document.getElementById(hoverID).style.display = "flex";

                showIDs.push(hoverID);

            }

            function hideProducts(hoverID) {
                // document.getElementById('hover').classList.remove("hover-show");
                document.getElementById('hover').style.visibility = "hidden";
                document.getElementById('hover').style.opacity = "0";
                document.getElementById('hover').style.transitionDelay = "1s";
                
            }

            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
            var marquee = document.getElementById('marquee');

            function closeContent() {
                $('#main-content').html(""); 
            }


            function openDaftar() {
                closeContent();
                
                mobileDaftarForm.style.display = "block";
                mobileDaftarForm.scrollIntoView();
            }

            function closeDaftar() {
                mobileDaftarForm.style.display = "none";
                marquee.scrollIntoView();
            }
            
            
            function showProvider(type) {
                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
                $('#main-content').load("new-showprovider.php?type=" + type); 
            }
            
            function toggleInformasi(item) {
                page(item);
            }
            
            function showInformasi(item) {
                document.getElementById('modal-wrapper').style.display='block';
                toggleInformasi(item);
            }
            
            

                    
        </script>
        <script src="/js/old/new-webduo35.js?v=1743228228"></script>
    
        
        <!-- POP UP COOKIES -->
        
<style>
    
        
    .kebijakan-privasi, .kebijakan-cookies {
        color: white;
        text-decoration: underline;
    }
    
        
</style>


<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">
  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
        <div>
    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>  
  </div>
  <div>
     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  </div>
</div>
<script>
    $( "#boxprivacy" ).blur(function() {
    alert( "Handler for .blur() called." );
});
</script>   

        
    </body>
</html>                               

Whois info of domain

Domain Name: MONJP.COM
Registry Domain ID: 2956603729_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.namecheap.com
Registrar URL: http://www.namecheap.com
Updated Date: 2025-04-02T20:08:40Z
Creation Date: 2025-02-05T13:48:45Z
Registry Expiry Date: 2026-02-05T13:48:45Z
Registrar: NameCheap, Inc.
Registrar IANA ID: 1068
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.6613102107
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: DNS1.NAMECHEAPHOSTING.COM
Name Server: DNS2.NAMECHEAPHOSTING.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-12T20:28:29Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass