
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini</title>
        
                <meta name="viewport" content="width=1200, initial-scale=1">
        
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
        <link rel="stylesheet" href="/style.scss" >

        <!--<link rel="stylesheet" href="/css/old/template/LD.css">-->
        <link rel="stylesheet" href="/css/old/template/LD.css">
        <link rel="stylesheet" href="/css/old/variable.css">
        
                <link rel="stylesheet" href="/css/old/dark.css">
                
        <link rel="stylesheet" href="/css/old/new2-style.css?1779862685">
        <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css">
        <link rel="icon" type="image/png" href="/favicon.png">

        <!-- Driver.js start -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/driver.js@1.3.1/dist/driver.css"/>
        <script src="https://cdn.jsdelivr.net/npm/driver.js@1.3.1/dist/driver.js.iife.js"></script>
        <style>
        @media (max-width: 768px) {
            .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
            .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
            .driver-popover-description { font-size: 12px !important; }
        }
        </style>
        <!--  Driver.js end -->
        
        <script src="/js/old/jquery-3.6.4.min.js"></script>
        <script src="/js/old/jquery.marquee.min.js"></script>

        <!-- RECAPTCHA -->
                
        <meta name="description" content="ASIAN4D Hadir seabgai situs slot online terpercaya yang memberikan berbagai macam keberuntungan dan kenyamanan bermain yang bisa kamu dapatkan di tahun 2026.">
<link rel="canonical" href="https://asian4d.com/">
<link rel="amphtml" href="https://asian4dcom.pages.dev/">
<link rel="alternate" hreflang="id-id" href="https://asian4dcom.pages.dev/"/>
<link rel="alternate" href="https://asian4dcom.pages.dev/"/>
<link rel="alternate" hreflang="id" href="https://asian4dcom.pages.dev/"/>
<link rel="alternate" hreflang="en" href="https://asian4dcom.pages.dev/"/>
<link rel="alternate" hreflang="x-default" href="https://asian4dcom.pages.dev/"/>
<meta name="keywords" content="asian4d, asian 4d" />
<meta name="google-site-verification" content="pydhEM92If2OhY28mX6iKrKViGk96IB6k3Gq_H2NsJI" />
<meta name="google-site-verification" content="kMf_1w1OiOyi5QdAow6sNQz_0GBcLdawH3qufSWhcUQ" />
<meta http-equiv="X-Frame-Options" content="DENY" />
<meta content="utf-8" http-equiv="encoding" />
<meta name="author" content="ASIAN4D">
<meta name="robots" content="index, follow">
<meta name="copyright" content="ASIAN4D" />
<meta name="language" content="ID" />
<meta name="geo.region" content="ID" />
<meta name="geo.placename" content="INDONESIA" />
<meta property="og:type" content="website">
<meta property="og:title" content="ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini">
<meta property="og:description" content="ASIAN4D Hadir seabgai situs slot online terpercaya yang memberikan berbagai macam keberuntungan dan kenyamanan bermain yang bisa kamu dapatkan di tahun 2026.">
<meta property="og:url" content="https://asian4d.com/">
<meta property="og:site_name" content="ASIAN4D">
<meta property="og:locale" content="id_ID">
<meta property="og:image" content="https://ik.imagekit.io/kw1assmle/logoweb.png">
<meta property="og:image:alt" content="ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini ">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini">
<meta name="twitter:description" content="ASIAN4D Hadir seabgai situs slot online terpercaya yang memberikan berbagai macam keberuntungan dan kenyamanan bermain yang bisa kamu dapatkan di tahun 2026.">
<meta name="twitter:image" content="https://ik.imagekit.io/kw1assmle/logoweb.png">

<meta name="publisher" content="ASIAN4D">


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2FWW7RNJNT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-2FWW7RNJNT');
</script>

<!-- 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', '27039843842314914');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=27039843842314914&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', '695069653589371');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=695069653589371&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', '1090461066411427');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1090461066411427&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', '1850598999178514');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1850598999178514&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', '1889222745322316');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1889222745322316&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', '1357883285834103');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1357883285834103&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code asian 6 des  -->
<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', '739019758938894');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=739019758938894&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code PIX15DES -->
<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', '701048072877788');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=701048072877788&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', '3569118803265084');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=3569118803265084&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code X AGENCY -->
<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', '1218442786837268');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1218442786837268&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', '25106521839025107');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=25106521839025107&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', '822086154302342');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=822086154302342&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', '1877701862896295');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1877701862896295&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', '1668895344425029');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1668895344425029&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu ASIAN4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ASIAN4D hardir sebagai situs Slot online terbaik yang menyediakan sistem terupdate untuk akses lebih mudah ke dalam permainan serta pembayaran nyata atas kemenanangan yang sudah kamu dapatkan."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah ASIAN4D Merupakan Situs Terpercaya?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Tentu saja, ASIAN4D selalu menjaga kepercayaan para pemainnya dengan mempermudah akses ke dalam permainan slot resmi dan juga menjamin kemenangan yang sudah didapat akan dibayar secara tuntas."
      }
    },
    {
      "@type": "Question",
      "name": "Kenapa Masyarakat Memilih ASIAN4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Dengan tampilan yang moderen dan mudah di mengerti, ASIAN4D tentunya membuat pemain harian slot merasa nyaman karena keaamanan akun yang di jaga dengan baik. Tentunya membuat saldo para pemain tidak akan hilang dengan sendirinya."
      }
    },
    {
      "@type": "Question",
      "name": "Bagiaman Dengan Teransaksi di ASIAN4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ASIAN4D memiliki bank resmi yang sudah berdiri di Indonesia, jadi kamu bisa mendaftar menggunakan bank apa saja dan tentunya setiap transaksi yang kamu lakukan akan di proses dengan mudah tanpa ada kendala bank tidak bisa di gunakan."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah ASIAN4D Cocok Untuk Pengguna Baru?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Benar sekali, ASIAN4D sudah memiliki tampilan yang orang awam pun langsung mengerti bagaiman caranya bermain slot online. Kamu tidak perlu khwatair jika masih baru maka akan langsung paham bagaiamana alur permainan yang ingin dilakukan."
      }
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "https://asian4d.com/",
  "logo": "https://imgstore.io/images/2026/05/18/favicon.png",
  "name": "ASIAN4D",
  "description": "ASIAN4D merupakan platform hiburan online resmi dan terpercaya tahun 2026 yang menghadirkan berbagai pilihan permainan populer dengan sistem modern, akses stabil, dan pengalaman bermain yang nyaman bagi pengguna di Indonesia."
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "ASIAN4D",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "ASIAN4D SLOT",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SLOT ONLINE TERPERCAYA",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "SLOT RESMI",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "ASIAN4D TERPERCAYA",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 6,
      "name": "ASIAN4D RESMI",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 7,
      "name": "ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini",
      "item": "https://asian4d.com/"
    }
  ]
}
</script>
        <style>
        
        .wrapper {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-areas:
            "marquee"
            "header"
            "devider"
            "contentdata"
            "togel-desktop"
            "widget-kupon"
            "widget-sbo"
            "provider"
            "transaksi"
            "guidelines"
            "bantuan"
            "footer"
        }
        
        .widget-kupon {
            grid-area: widget-kupon;
            padding-top: 20px;
            background: var(--footer-background);
            display: flex;
            align-items: center;
            position: relative;
        }

        .widget-sbo {
            grid-area: widget-sbo;
            padding-top: 20px;
            display: flex;
            align-items: center;
            position: relative;
        }
        
            .iframe-kupon {
                width: 1000px;
                height: 200px;
                display: block;
                vertical-align: bottom;
            }
                    
            .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;
            }
            
            .btn-tele {
                font-size: 1.2rem;
                text-shadow: 1px 1px #000000;
                height: 36px!important;
                border-radius: 8px;
                background: #28323C;
                color: white;
            }
            
            #marquee-mobile {
                width: 100%;
                overflow: hidden;
            }
            
            #marquee-mobile .marquee-content {
                display: flex;
                align-items: center;
                width: 100%;
                overflow: hidden;
            }
            
            #marquee-mobile .running {
                position: relative;
                flex: 1 1 auto;
                min-width: 0;
                overflow: hidden;
            }
            
            #marquee-mobile .broadcast {
                display: inline-block;
                white-space: nowrap;
            }
                        
            #marquee {
                overflow: hidden;
            }
            
            #marquee .running {
                overflow: hidden;
            }
            
            #marquee .broadcast {
                white-space: nowrap;
            }
            
            body {
                overflow-x: hidden;
            }

            
            @media only screen and (max-width: 1000px) {
                
            .wrapper {
                display: grid;
                grid-template-columns: 1fr;
                grid-template-areas:
                "appbar"
                "marquee"
                "header"
                "contentdata"
                "togel-mobile"
                "widget-kupon"
                "widget-sbo"
                "devider"
                "provider"
                "transaksi"
                "bantuan"
                "footer"
                "guidelines";
            }
            
            .widget-kupon {
                margin: 0px 20px;
            }

          
                        
                .iframe-kupon {
                    padding: 0px;
                    height: 262px;
                    width: 100%;
                    display: block;
                    vertical-align: bottom;
                }
                
            .transaksi-title {
                place-items: center;
            }
                
                .login-input-field {
                    font-size: 1.2rem;
                }      
            }
            
            .grecaptcha-badge {
                display: none !important;
            }
            
        </style>

    </head>
    
    

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

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

    <div id="hover-slot" class="hover-menu">
        <a href="/slot/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="/slot/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="/slot/jl" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
            <figcaption>JILI</figcaption>
        </a> 

        <a href="/slot/mgw" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
            <figcaption>MEGAWIN</figcaption>
        </a>

        <a href="/slot/sdl" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
            <figcaption>SHADY LADY</figcaption>
        </a>

        <a href="/slot/hb" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
            <figcaption>HABANERO</figcaption>
        </a>
        
        <a href="/slot/sg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
            <figcaption>SPADEGAMING</figcaption>
        </a>

        <a href="/slot/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="/slot/fs" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
            <figcaption>FASTSPIN</figcaption>
        </a>

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

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

        <a href="/slot/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="/slot/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="/slot/nxt" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
            <figcaption>NEXTSPIN</figcaption>
        </a>

        <a href="/slot/ps" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
            <figcaption>PLAYSTAR</figcaption>
        </a>

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

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

        <a href="/slot/cmp" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
            <figcaption>COSMOPLAY</figcaption>
        </a> 

        <a href="/slot/cq9" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
            <figcaption>CQ9</figcaption>
        </a>    

        <a href="/slot/wow" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
            <figcaption>WOW GAMING</figcaption>
        </a>

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

        <a href="/slot/ss" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
            <figcaption>SBO SLOT</figcaption>
        </a>
        
        <!-- <a href="/slot/nte" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
            <figcaption>NETENT</figcaption>
        </a> --> 
      
        <!-- <a href="/slot/ttg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
            <figcaption>TOPTREND GAMING</figcaption>
        </a> -->
    </div>

    <div id="hover-live" class="hover-menu" >
        <a href="/casino/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="/casino/evo" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
            <figcaption>EVOLUTION</figcaption>
        </a>

        <a href="/casino/mglc" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
            <figcaption>MICROGAMING</figcaption>
        </a>

        <a href="/casino/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="/casino/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="/casino/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="/casino/ab" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
            <figcaption>ALLBET</figcaption>
        </a> 

        <a href="/casino/ptlc" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
            <figcaption>PLAYTECH LIVE</figcaption>
        </a>

        <!-- <a href="/casino/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="/casino/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="/casino/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="/register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
            <figcaption>SABA</figcaption>
        </a>

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

        <!-- <a href="/register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
            <figcaption>PINNACLE</figcaption>
        </a>   -->
	
	    <a href="/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="/arcade/jl" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
            <figcaption>JILI</figcaption>
        </a>
    
        <a href="/arcade/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="/arcade/fs" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
            <figcaption>FASTSPIN</figcaption>
        </a> 

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

	    <a href="/arcade/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="/sabung/ws" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
            <figcaption>WS168</figcaption>
        </a>

        <a href="/sabung/sv" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
            <figcaption>SV388</figcaption>
        </a> 
    </div>
    
    <div id="hover-interactive" class="hover-menu">
        <a href="/interactive/pp" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
            <figcaption>PRAGMATIC PLAY</figcaption>
        </a> 
        
        <a href="/interactive/gmn" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
            <figcaption>GEMINI</figcaption>
        </a> 

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

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

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

        <a href="/interactive/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="/interactive/pt" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
            <figcaption>PLAYTECH</figcaption>
        </a> 
        
        <a href="/interactive/wow" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
            <figcaption>WOW GAMING</figcaption>
        </a> 

        <!-- <a href="/interactive/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: 44px; 
        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: 28px; 
         width: 28px;
    }
    
    .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"  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"  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="t.me/asian4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px">
                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
                                </a>
                            
                                                        
                                <a href="https://t.me/+iypZEdfIk_I4MWI1" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px">
                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
                                </a>
                            
                                                        
                                <a href="www.facebook.com/groups/aaahgroupofficial/" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -144px; height: 40px; width: 40px">
                                    <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/>
                                </a>
                            
                                                    
                    </div>
                
                
                                        
            
            
            
            
            
        </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 flex-shrink-0">
                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
                            </div>
                    
                            <div class="running">
                                <div class="marquee-shadow"></div>
                                <div class="broadcast mobile-broadcast">Selamat datang di Situs ASIAN4D! LINK ALTENATIF : https://infodomain.space/asian4d</div>
                            </div>
                    
                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
                        </div>
                    </div>
                    
                    <div class="mslider mobile-only">
                                            </div>
                    
                    <div class="login mobile-only">
                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
                                <form class="login-form form" style="padding: 0px; padding-top: 16px" 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>
                                    
                                    <!-- captcha -->
                                   
                                    <div id="mverifikasiform" class="w-100" style=" ">
                                        
                                        <span id="verifikasi"><img src="/m/capimg.php?5274" width="100%" height="36" 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="mverform" autocomplete="off" placeholder="Verifikasi">
                                        </div>
                                    </div>

                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
                    
                                    <!-- end captcha -->
                                    
                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
                                    </label>
        
                                    <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>
                                    
                                                                            <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://t.me/asian4d_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
                                                                        
                                    
                                    <input type="hidden" name="task" value="login">    
                                    <input type="hidden" name="iscaptchalogin" value="1">
                                    <input type="hidden" name="loginmobile" value="SL1TIII/I3O0BRdOEA+jGUzWHHyPkjzEvikn+sCRMH8=">
                                </form>
                            </div>

                            <!-- recaptcha -->
                                                        <!-- end recaptcha -->
                            
                            <!-- Change Password Mobile -->
                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
                                <div id="mobilechangepassword">
                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
                                        <div class="prepend" style="width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border-radius: 3px; font-size: 1.2rem; font-weight: bold">
                                            <span>GANTI PASSWORD</span>
                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
                                                                                            </span>
                                        </div>
                                        
                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
                                        </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" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
                                        </div>
                                        <div class="error-msg" id="err_old_password_mobile"></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" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
                                        </div>
                                        <div class="error-msg" id="err_new_password_mobile"></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" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
                                        </div>
                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
                                        
                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
                                            <strong style="color: #856404;">Persyaratan Password:</strong>
                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
                                                <li>Minimal 6 karakter</li>
						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
                                                <li>Hindari password yang mudah ditebak</li>
                                            </ul>
                                        </div>
                                        
                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
                                        <input type="hidden" name="task" value="change_password">
                                    </form>
                                </div>
                                
                                <script>
                                $(document).ready(function(){
                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
                                        var newPass = $('#cp_new_password_mobile').val();
                                        var confirmPass = $('#cp_confirm_password_mobile').val();
                                        var currentField = $(this);
                                        
                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
                                        $('#err_new_password_mobile').hide();
                                        $('#err_confirm_password_mobile').hide();
                                        
                                        if (newPass.length > 0 && confirmPass.length > 0) {
                                            if (newPass === confirmPass) {
                                                $('#cp_new_password_mobile').addClass('valid-border');
                                                $('#cp_confirm_password_mobile').addClass('valid-border');
                                            } else {
                                                $('#cp_new_password_mobile').addClass('error-border');
                                                $('#cp_confirm_password_mobile').addClass('error-border');
                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
                                                } else {
                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
                                                }
                                            }
                                        }
                                    });
                                });
                                </script>
                            </div>
                            
                            <!-- Register Mobile -->
                            <style>
                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
                              .error-border { border-color: red !important; }
                              .valid-border { border-color: green !important; }
                            </style>
                            <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="error-msg" id="err_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" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
                                            </div>
                                                <div class="error-msg" id="err_password"></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="error-msg" id="err_passcon"></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="error-msg" id="err_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="error-msg" id="err_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='BSI'>BSI</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Sinarmas'>Sinarmas</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='BluBCA'>BluBCA</option><option value='Superbank'>Superbank</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
                                            </div>
                                                <div class="error-msg" id="err_bank"></div>
                        
                                            <div class="input-group login-field">
                                                <span class="input-group-text mobile-only prepend"><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="error-msg" id="err_rek"></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="error-msg" id="err_nama"></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>
                                            <div class="error-msg" id="err_ref"></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 class="error-msg" id="err_verifikasi"></div>
                                                    
                                                </div>

                                                                                            
                                                <button type="button" 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="aALGLBG44tIlYmUnWf1KzvOgFeXHEROU91qY/ey1/9o=">
                                                <input type="hidden" name="iscaptcharegister" value="1">
                                                <input type="hidden" name="isrecaptcha" value="0">
                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
                                    </form>
                                </div> 
                                                                <script>
                                const WEBNAME = 'Asian4D';
                                const USE_STRONG_VALIDATION = true;
                                (function(){
                                  function root(){ return document.getElementById('mobileregister'); }
                                  function q(id){ return root()?.querySelector('#'+id) || null; }
                                  function qe(sel){ return root()?.querySelector(sel) || null; }
                                
                                  function showError(field,msg){
                                    const err = qe('#err_'+field);
                                    const inp = q('reg_'+field);
                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
                                  }
                                  function clearError(field){
                                    const err = qe('#err_'+field);
                                    const inp = q('reg_'+field);
                                    if (err) err.style.display = 'none';
                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
                                  }
  
                                    function checkPasswordStrengthJS(username, password) {
                                        const min_length = 6;
                                        const length = password.length;
                                        if (length < min_length) {
                                        return "Password harus minimal " + min_length + " karakter";
                                        }
                                        const hasLower = /[a-z]/.test(password);
                                        const hasUpper = /[A-Z]/.test(password);
                                        if (!(hasLower && hasUpper)) {
                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
                                        }
                                        if (!/[0-9]/.test(password)) {
                                        return "Password harus mengandung angka";
                                        }
                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
                                        return "Password tidak boleh mengandung username";
                                        }
                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
                                        if (numSeq.test(password)) {
                                        return "Password tidak boleh mengandung angka berurutan";
                                        }
                                        const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|"
                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
                                        const letterSequences = new RegExp(letterSeqStr, "i");
                                        if (letterSequences.test(password)) {
                                        return "Password tidak boleh mengandung huruf berurutan";
                                        }
                                        return null;
                                    }
                                
                                  function vUsername(){
                                    const v = (q('reg_username')?.value || '').trim();
                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
                                    clearError('username'); return true;
                                  }
                                function vPass(){
                                    const v = q('reg_pass')?.value || '';
                                    if(!v) {
                                        showError('password','Password tidak boleh kosong');
                                        return false;
                                    }
                                    if (USE_STRONG_VALIDATION) {
                                        const username = (q('reg_username')?.value || '').trim();
                                        const err = checkPasswordStrengthJS(username, v);
                                        if (err) {
                                            showError('password', err);
                                            return false;
                                        }
                                        clearError('password');
                                        if (q('reg_passcon')?.value) {
                                            vPasscon();
                                        }
                                        return true;
                                    }
                                    
                                    if (v.length < 6) {
                                        showError('password','Password minimal 6 karakter');
                                        return false;
                                    }
                                    
                                    clearError('password');
                                    return true;
                                }
                                function vPasscon() {
                                    const p1 = q('reg_pass')?.value || '';
                                    const p2 = q('reg_passcon')?.value || '';
                                    if (!p2) {
                                        showError('passcon', 'Konfirmasi password kosong');
                                        return false;
                                    }
                                    if (USE_STRONG_VALIDATION) {
                                        const username = (q('reg_username')?.value || '').trim();
                                        const err = checkPasswordStrengthJS(username, p1);
                                        if (err) {
                                            showError('passcon', err);
                                            return false;
                                        }
                                    }
                                    
                                    if (p1 !== p2) {
                                        showError('passcon', 'Konfirmasi tidak sama');
                                        return false;
                                    }
                                    
                                    clearError('passcon');
                                    return true;
                                }
                                //   function vPass(){
                                //     const v = q('reg_pass')?.value || '';
                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
                                //     clearError('password'); return true;
                                //   }
                                //   function vPasscon(){
                                //     const p1 = q('reg_pass')?.value || '';
                                //     const p2 = q('reg_passcon')?.value || '';
                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
                                //     clearError('passcon'); return true;
                                //   }
                                  function vEmail(){
                                    const v = (q('reg_email')?.value || '').trim();
                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
                                    clearError('email'); return true;
                                  }
                                  function vTelp(){
                                    const el = q('reg_telpon'); if (!el) return true;
                                    el.value = (el.value || '').replace(/\D/g,'');
                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
                                    clearError('telpon'); return true;
                                  }
                                  function vBank(){
                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
                                    clearError('bank'); return true;
                                  }
                                  function vRek(){
                                    const el = q('reg_rek'); if (!el) return true;
                                    el.value = (el.value || '').replace(/\D/g,'');
                                    if (!el.value) return showError('rek','Rekening kosong'), false;
                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
                                    clearError('rek'); return true;
                                  }
                                  function vNama(){
                                    const v = (q('reg_nama')?.value || '').trim();
                                    if (!v) return showError('nama','Nama kosong'), false;
                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
                                    clearError('nama'); return true;
                                  }
                                  function vRefOpt(){
                                    const el = q('reg_ref'); if (!el) return true;
                                    const v = (el.value || '').trim();
                                    if (!v) return clearError('ref'), true;
                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
                                    clearError('ref'); return true;
                                  }
                                  function vVerifOpt(){
                                    const el = q('reg_verifikasi'); if (!el) return true;
                                    const v = (el.value || '').trim();
                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
                                    clearError('verifikasi'); return true;
                                  }
                                
                                  function validateAll(){
                                    const ok =
                                      vUsername() & vPass() & vPasscon() & vEmail() &
                                      vTelp() & vBank() & vRek() & vNama() &
                                      vRefOpt() & vVerifOpt();
                                    return !!ok;
                                  }
                                  
                                  function attach(id, validator, opts){
                                    const el = q(id); if (!el) return;
                                    const run = () => validator();
                                    el.addEventListener('focus', run);
                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
                                    el.addEventListener('blur', run);
                                    if (opts && opts.change) el.addEventListener('change', run);
                                  }
                                
                                  document.addEventListener('DOMContentLoaded', function(){
                                    attach('reg_username',   vUsername);
                                    attach('reg_pass',       vPass);
                                    attach('reg_passcon',    vPasscon);
                                    attach('reg_email',      vEmail);
                                    attach('reg_telpon',     vTelp);
                                    attach('reg_bank',       vBank, { input:false, change:true });
                                    attach('reg_rek',        vRek);
                                    attach('reg_nama',       vNama);
                                    attach('reg_ref',        vRefOpt);
                                    attach('reg_verifikasi', vVerifOpt);
                                
                                    const f = q('formRegister');
                                    if (f) {
                                      f.addEventListener('submit', function(e){
                                        if (!validateAll()) {
                                          e.preventDefault();
                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
                                          if (firstErr && firstErr.focus) firstErr.focus();
                                        }
                                      });
                                    }
                                  });
                                })();
                                </script>
                        </div>                 
                    </div>
    
                    <div class="menu">
                        <style>
    .menu-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-width: 72px;
        padding: 8px;
        height: 100%;
    }
    
    .menu-item:hover {
        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
    }
    
    .menu-item.active {
        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
    }
    
    .menu-item-img {
        height: 28px;
    }
    
    .menu-item-icon {
        font-size: 28px;
        color: var(--menu-item-color)
    }
    
    .menu-item:hover>.menu-item-icon {
        color: var(--primary-color);
    }
</style>


<a href="/" class="menu-item active">
    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
    <label>HOME</label>
</a>

    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
        <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1779862685" alt="TOGEL" class="menu-item-img">-->
        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
        <label>TOGEL</label>
    </a>
    


<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
    <i class="menu-item-icon icon-slots"></i>
    <label>SLOT</label>
</a>
<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
    <i class="menu-item-icon icon-casino"></i>
    <label>LIVE CASINO</label>
</a>
<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
    <i class="menu-item-icon icon-sports"></i>
    <label>SPORT</label>
</a>
<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
    <i class="menu-item-icon icon-sabung"></i>
    <label>SABUNG</label>
</a>
<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
    <i class="menu-item-icon icon-arcade"></i>
    <label>ARCADE</label>
</a>
<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
    <i class="menu-item-icon icon-interactive"></i>
    <label>INTERACTIVE</label>
</a>
                    </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:60px; 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: 74px; display: inline-block;">
                        <div style="display: grid; place-items: center; height: 100%">
                            <div class="menu-item" style="gap: 8px">
                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
                                <label class="text-white">TOGEL</label>
                            </div>
                        </div>
                    </a>
                        
                                <div style="height: 100%; width: 74px; display: inline-block;">
                    <div style="display: grid; place-items: center; height: 100%">
                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
                            <label class="text-white">SLOT</label>
                        </div>
                    </div>
                </div>
                <div style="height: 100%; width: 74px; display: inline-block;">
                    <div style="display: grid; place-items: center; height: 100%">
                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
                            <label class="text-white">LIVE CASINO</label>
                        </div>
                    </div>
                </div>
                <div style="height: 100%; width: 74px; display: inline-block;">
                    <div style="display: grid; place-items: center; height: 100%">
                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sports.png" alt="">
                            <label class="text-white">SPORT</label>
                        </div>
                    </div>
                </div>
                <div style="height: 100%; width: 74px; display: inline-block;">
                    <div style="display: grid; place-items: center; height: 100%">
                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
                        <label class="text-white">ARCADE</label>
                    </div>
                    </div>
                </div>
                <div style="height: 100%; width: 74px; display: inline-block;">
                    <div style="display: grid; place-items: center; height: 100%">
                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
                            <label class="text-white">SABUNG</label>
                        </div>
                    </div>
                </div>
                
                <div style="height: 100%; width: 74px; display: inline-block;">
                    <div style="display: grid; place-items: center; height: 100%">
                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
                            <label class="text-white">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>
                    
                    
                    <!-- Banner SBO -->
                        
                        <style>
                            .match-slider-wrap {
                                max-width: 1200px;
                                margin: 16px auto;
                                margin-bottom: 24px;
                                padding: 0 12px;
                            }

                            .match-card {
                                position: relative;
                                overflow: hidden;
                                min-height: 180px;
                                border-radius: 16px;
                                background:
                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
                                linear-gradient(180deg, #232323 0%, #161616 100%);
                                color: #fff;
                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
                                padding: 14px 14px 16px;
                            }

                            .match-card::before {
                                content: "";
                                position: absolute;
                                inset: 0;
                                background: repeating-linear-gradient(
                                    -35deg,
                                    rgba(255,255,255,.04),
                                    rgba(255,255,255,.04) 8px,
                                    transparent 8px,
                                    transparent 18px
                                );
                                pointer-events: none;
                                opacity: .35;
                            }

                            .match-card > * {
                                position: relative;
                                z-index: 1;
                            }

                            .league-name {
                                font-size: 14px;
                                font-weight: 700;
                                letter-spacing: .4px;
                                text-transform: uppercase;
                                text-align: center;
                                margin-bottom: 2px;
                                color: #ffffff;
                            }

                            .kickoff-time {
                                font-size: 14px;
                                font-weight: 800;
                                text-align: center;
                                color: #ffd23c;
                                margin-bottom: 12px;
                            }

                            .match-main-row,
                            .match-odds-row {
                                display: flex;
                                align-items: flex-start;
                                justify-content: space-between;
                                gap: 0;
                            }

                            .match-odds-row {
                                align-items: center;
                                margin-top: 12px;
                            }

                            .team-col {
                                width: 30%;
                                text-align: center;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                            }

                            .score-col {
                                width: 40%;
                                text-align: center;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                justify-content: center;
                            }

                            .team-logo {
                                width: 46px;
                                height: 46px;
                                object-fit: contain;
                                margin-bottom: 6px;
                            }

                            .team-name {
                                font-size: 14px;
                                line-height: 1.15;
                                min-height: 34px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                text-align: center;
                            }

                            .score-value {
                                font-size: 28px;
                                font-weight: 800;
                                line-height: 1;
                                margin-bottom: 10px;
                            }

                            .bet-btn {
                                display: inline-block;
                                min-width: 95px;
                                border-radius: 8px;
                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
                                color: #1d1d1d;
                                font-size: 14px;
                                font-weight: 800;
                                text-decoration: none;
                                padding: 10px 16px;
                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
                            }

                            .bet-btn:hover {
                                color: #1d1d1d;
                                filter: brightness(1.03);
                            }

                            .odds-col {
                                width: 30%;
                                text-align: center;
                                font-size: 12px;
                                font-weight: 700;
                                color: #ffd23c;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                min-height: 18px;
                            }

                            .odds-col small {
                                font-size: 12px;
                                font-weight: 600;
                                color: #ffffff;
                                opacity: .95;
                            }

                            .odds-spacer {
                                width: 40%;
                            }

                            .carousel-control-prev,
                            .carousel-control-next {
                                width: 48px;
                            }

                            .carousel-control-prev-icon,
                            .carousel-control-next-icon {
                                width: 2.5rem;
                                height: 2.5rem;
                                border-radius: 50%;
                                background-color: rgba(255,255,255,.15);
                                background-size: 55% 55%;
                            }

                            .carousel-indicators [data-bs-target] {
                                width: 8px;
                                height: 8px;
                                border-radius: 50%;
                            }

                            @media (max-width: 991.98px) {
                                .match-card {
                                    min-height: 170px;
                                }
                            }

                           @media (max-width: 767.98px) {
                                .match-slider-wrap {
                                    max-width: 100%;
                                    padding: 0 20px;
                                    margin: 20px 0;
                                }

                                .match-slider-wrap .carousel-inner {
                                    padding: 0;
                                }

                                .match-slider-wrap .carousel-item .row {
                                    margin: 0;
                                }

                                .match-slider-wrap .carousel-item .col-12 {
                                    padding: 0;
                                }

                                .match-card {
                                    width: 100%;
                                    border-radius: 16px;
                                }

                                .league-name {
                                    font-size: 13px;
                                    margin-bottom: 2px;
                                }

                                .kickoff-time {
                                    font-size: 13px;
                                    margin-bottom: 10px;
                                }

                                .team-col {
                                    width: 30%;
                                }

                                .score-col {
                                    width: 40%;
                                }

                                .team-logo {
                                    width: 42px;
                                    height: 42px;
                                    margin-bottom: 4px;
                                }

                                .team-name {
                                    font-size: 12px;
                                    line-height: 1.15;
                                    min-height: 30px;
                                }

                                .score-value {
                                    font-size: 22px;
                                    margin-bottom: 8px;
                                }

                                .bet-btn {
                                    min-width: 88px;
                                    font-size: 13px;
                                    padding: 8px 14px;
                                    border-radius: 8px;
                                }

                                .match-odds-row {
                                    margin-top: 10px;
                                }

                                .odds-col,
                                .odds-col small {
                                    font-size: 11px;
                                }

                                .carousel-control-prev,
                                .carousel-control-next {
                                    width: 34px;
                                }

                                .carousel-control-prev-icon,
                                .carousel-control-next-icon {
                                    width: 2rem;
                                    height: 2rem;
                                    background-size: 50% 50%;
                                }

                                .carousel-indicators {
                                    margin-bottom: -2px;
                                }

                                .carousel-indicators [data-bs-target] {
                                    width: 7px;
                                    height: 7px;
                                    margin: 0 3px;
                                }
                        }
                        </style>
                    <!-- Banner SBO End -->
        
                    <div class="promosi">
                        
                        <!-- Desktop -->
                        <div class="desktop-only h-100">                        
                            <div class="d-flex align-items-center h-100">
                                <a href="/promosi" class="menu-item">
                                    <i class="menu-item-icon icon-promotion"></i>
                                    <label>PROMOSI</label>
                                </a>
                                
                                <a href="/event" class="menu-item">
                                    <i class="menu-item-icon icon-event"></i>
                                    <label>EVENT</label>
                                </a>
                            </div>
                        </div>
                        


                        
                        <!--<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: 24px">
                            
                            <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" 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 py-2">
                    <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">
                        <div class="broadcast" style="width: 100%">Selamat datang di Situs ASIAN4D! LINK ALTENATIF : https://infodomain.space/asian4d</div>
                    </div>
                    <div class="d-flex align-items-center gap-2">
                        <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; white-space:nowrap;"></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 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>
                                
                                <!-- captcha -->
                         
                                    <div class="verifikasiform" style=" ">
                                        <div 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>

                                    </div>
                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
                              
                                <!-- end captcha -->
    
    
                                <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='/register'">Daftar</button>

                                <input type="hidden" name="task" value="login">
                                <input type="hidden" name="iscaptchalogin" value="1">
                                <input type="hidden" name="logindesktop" value="SL1TIII/I3O0BRdOEA+jGUzWHHyPkjzEvikn+sCRMH8=">
                            </form>

                            <!-- recaptcha -->
                                                        <!-- end recaptcha -->
                        </div>
                    
                        
                        <!--<a href="/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>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="8" aria-label="Slide 9"></button>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="9" aria-label="Slide 10"></button>
              </div>
  <div class="carousel-inner" style="height: 100%">
            <div class="carousel-item active" style="height: 100%">
          <img src="/images/upload-Slides-20260605124200.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260328175457.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20250715211916.jpg" class="d-block w-100 banner" alt="Crypto Rush" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20240509172649.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20240308165142.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260108154734.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20240308165205.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20240308165214.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/mgl-25.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>

            
            
                       <div class="widget-kupon">
                <!-- <div style="position:relative; width:100%;"> -->
                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
                <!-- </div> -->
            </div>
            
            <!-- BANNER SBO MOBILE -->
            <div class="widget-sbo mobile-only">
               <div class="match-slider-wrap">
                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">

                                                    <div class="carousel-indicators">
                                                                    <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="0"
                                    class="active"
                                    aria-current="true"                                    aria-label="Slide 1">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="1"
                                    class=""
                                                                        aria-label="Slide 2">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="2"
                                    class=""
                                                                        aria-label="Slide 3">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="3"
                                    class=""
                                                                        aria-label="Slide 4">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="4"
                                    class=""
                                                                        aria-label="Slide 5">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="5"
                                    class=""
                                                                        aria-label="Slide 6">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="6"
                                    class=""
                                                                        aria-label="Slide 7">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="7"
                                    class=""
                                                                        aria-label="Slide 8">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="8"
                                    class=""
                                                                        aria-label="Slide 9">
                                </button>
                                                                <button
                                    type="button"
                                    data-bs-target="#sboMatchCarouselMobile"
                                    data-bs-slide-to="9"
                                    class=""
                                                                        aria-label="Slide 10">
                                </button>
                                                    </div>
                    
                    <div class="carousel-inner">
                                                    <div class="carousel-item active">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 12, 2026 — 02:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/e399c54b84794822f6e5e3c02c7f3b6e.png"
                                                        alt="Mexico"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Mexico                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112606825')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/35d66916de00f7765f6064e6aaf8bf50.png"
                                                        alt="South Africa"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            South Africa                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            1                                                            <small>0.73</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -1                                                            <small>-0.83</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 14, 2026 — 05:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Brazil.png"
                                                        alt="Brazil"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Brazil                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607235')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Morocco.png"
                                                        alt="Morocco"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Morocco                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            0.5                                                            <small>0.67</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -0.5                                                            <small>-0.77</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 12, 2026 — 09:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/254d87f50ceb9708e7ff233328848e23.png"
                                                        alt="Czechia"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Czechia                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '126360784')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/a25c2f76ecf9aa566d943aa4b073627e.png"
                                                        alt="Korea Republic"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Korea Republic                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            0.00                                                            <small>-0.96</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            0.00                                                            <small>0.86</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 15, 2026 — 22:59 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/330b1095d20af4bc1f6a415ae5717ba2.png"
                                                        alt="Spain"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Spain                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607745')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/b78fbb9123ed9633ac77215960a8a7b3.png"
                                                        alt="Cape Verde"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Cape Verde                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            2.5                                                            <small>0.90</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -2.5                                                            <small>0.98</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 14, 2026 — 02:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/f84be480c54f0ff871b91fab14a36b36.png"
                                                        alt="Switzerland"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Switzerland                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112610602')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/a61d3f41d78a6df8bf3a367ed8e6f5a1.png"
                                                        alt="Qatar"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Qatar                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            1.5                                                            <small>0.70</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -1.5                                                            <small>-0.80</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 15, 2026 — 03:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/299e5135f9cf34205563ff2a5a29ff2a.png"
                                                        alt="Netherlands"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Netherlands                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607538')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/72894c2f1348cb00b50dbb7940f340a5.png"
                                                        alt="Japan"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Japan                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            0.25                                                            <small>0.80</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -0.25                                                            <small>-0.90</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 13, 2026 — 08:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/e8b03b5c083ffa4e9179571b70c1febe.png"
                                                        alt="USA"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            USA                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607120')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/a65ccc6bb50e46cef99dd71b9ad92c9f.png"
                                                        alt="Paraguay"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Paraguay                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            0.25                                                            <small>0.74</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -0.25                                                            <small>-0.84</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 13, 2026 — 02:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/0c7660683be3429ea77999657fa17d79.png"
                                                        alt="Canada"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Canada                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112606986')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/7e2715cb1a79a2947617c86e6b17f8e0.png"
                                                        alt="Bosnia-Herzegovina"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Bosnia-Herzegovina                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            0.25                                                            <small>0.59</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -0.25                                                            <small>-0.69</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 14, 2026 — 08:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Scotland.png"
                                                        alt="Scotland"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Scotland                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112610780')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/5de585a438634b088e5734dde6783ffd.png"
                                                        alt="Haiti"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Haiti                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            0.75                                                            <small>0.64</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -0.75                                                            <small>-0.74</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="row g-3">
                                                                            <div class="col-12">
                                            <div class="match-card h-100">
                                                <div class="league-name">
                                                    WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                </div>

                                                <div class="kickoff-time">
                                                    June 15, 2026 — 00:00 WIB                                                </div>

                                                <div class="match-main-row">
                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/c3eb0fbd35e6085a1f1e8113f5e57fe1.png"
                                                        alt="Germany"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Germany                                                        </div>
                                                    </div>

                                                    <div class="score-col">
                                                        <div class="score-value">
                                                            0 : 0                                                        </div>

                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607433')">
                                                            BET NOW
                                                        </a>
                                                    </div>

                                                    <div class="team-col">
                                                        <img
                                                        src="https://cdn.sportnanoapi.com/football/team/f5bdafb8befe218e2318b144e0d35d07.crdownload"
                                                        alt="Curacao"
                                                        class="team-logo"
                                                        >
                                                        <div class="team-name">
                                                            Curacao                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="match-odds-row">
                                                    <div class="odds-col">
                                                        <span>
                                                            3.25                                                            <small>0.83</small>
                                                        </span>
                                                    </div>

                                                    <div class="odds-spacer"></div>

                                                    <div class="odds-col">
                                                        <span>
                                                            -3.25                                                            <small>-0.95</small>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                            </div>

                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Previous</span>
                        </button>

                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </button>
                                    </div>
                                </div>
            </div>
            <!-- BANNER SBO MOBILE END -->
            
            
            <!-- Togel -->    
            	
	<style>
	    .togel-desktop {
            /*background: var(--togel-background);*/
            background: var(--footer-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="show-more desktop-only">
                <div class="show-more-content">
                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
                </div>
            </div>
            
        
    
        <div class="togel-content see-more">
                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
                <a href="/hasil/TWH" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTO WUHAN&nbsp</div>
                    <div class="keluaran">8126</div>
                    <div class="tanggal"> 9/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
                <a href="/hasil/HKD" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">HK SIANG&nbsp</div>
                    <div class="keluaran">7083</div>
                    <div class="tanggal"> 9/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=CMB" class="result"> -->
                <a href="/hasil/CMB" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">CAMBODIA&nbsp</div>
                    <div class="keluaran">3923</div>
                    <div class="tanggal"> 9/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=SGM" class="result"> -->
                <a href="/hasil/SGM" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">SG METRO&nbsp</div>
                    <div class="keluaran">5864</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=SYD" class="result"> -->
                <a href="/hasil/SYD" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">SYDNEY&nbsp</div>
                    <div class="keluaran">9272</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=SYDP" class="result"> -->
                <a href="/hasil/SYDP" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">SYDNEY POOL&nbsp</div>
                    <div class="keluaran">0833</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=SG" class="result"> -->
                <a href="/hasil/SG" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">SINGAPORE&nbsp</div>
                    <div class="keluaran">3912</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=MYD" class="result"> -->
                <a href="/hasil/MYD" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
                    <div class="keluaran">4880</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
                <a href="/hasil/MY" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">MALAYSIA&nbsp</div>
                    <div class="keluaran">2364</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=MC" class="result"> -->
                <a href="/hasil/MC" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">MACAU&nbsp</div>
                    <div class="keluaran">0623</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=QTR" class="result"> -->
                <a href="/hasil/QTR" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">QATAR&nbsp</div>
                    <div class="keluaran">5241</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=HK" class="result"> -->
                <a href="/hasil/HK" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">HONGKONG&nbsp</div>
                    <div class="keluaran">0933</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TMC00" class="result"> -->
                <a href="/hasil/TMC00" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU 0000&nbsp</div>
                    <div class="keluaran">0639</div>
                    <div class="tanggal"> 9/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TMC13" class="result"> -->
                <a href="/hasil/TMC13" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU 1300&nbsp</div>
                    <div class="keluaran">5069</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TMC16" class="result"> -->
                <a href="/hasil/TMC16" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU 1600&nbsp</div>
                    <div class="keluaran">5505</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TMC19" class="result"> -->
                <a href="/hasil/TMC19" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU 1900&nbsp</div>
                    <div class="keluaran">0822</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TMC22" class="result"> -->
                <a href="/hasil/TMC22" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU 2200&nbsp</div>
                    <div class="keluaran">2211</div>
                    <div class="tanggal"> 8/6/2026</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="min-height: 520px">
          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
              
                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                                              
          </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">8126</div>
                                    <div class="tanggal">09-06-2026</div>
                              </button>
                                                                <div id="paito-TWH" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9164</div>
                                                    <div class="tanggal">09-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3019</div>
                                                    <div class="tanggal">09-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4880</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5251</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0114</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0689</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1248</div>
                                                    <div class="tanggal">08-06-2026</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">7083</div>
                                    <div class="tanggal">09-06-2026</div>
                              </button>
                                                                <div id="paito-HKD" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4402</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0762</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6430</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0371</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3466</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3545</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8440</div>
                                                    <div class="tanggal">02-06-2026</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-CMB">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">CAMBODIA&nbsp</div>
                                    <div class="keluaran">3923</div>
                                    <div class="tanggal">09-06-2026</div>
                              </button>
                                                                <div id="paito-CMB" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6274</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9346</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4339</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0286</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6573</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3969</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0059</div>
                                                    <div class="tanggal">02-06-2026</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">5864</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-SGM" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0461</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2709</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8403</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6464</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1620</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0611</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9022</div>
                                                    <div class="tanggal">01-06-2026</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">9272</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-SYD" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2049</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8224</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4640</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6552</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1037</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4656</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6057</div>
                                                    <div class="tanggal">01-06-2026</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-SYDP">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">SYDNEY POOL&nbsp</div>
                                    <div class="keluaran">0833</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-SYDP" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5075</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1863</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7620</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9487</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6154</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9807</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1050</div>
                                                    <div class="tanggal">01-06-2026</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-SG">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">SINGAPORE&nbsp</div>
                                    <div class="keluaran">3912</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-SG" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0735</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5974</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5906</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2414</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5273</div>
                                                    <div class="tanggal">01-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1869</div>
                                                    <div class="tanggal">31-05-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9806</div>
                                                    <div class="tanggal">30-05-2026</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">4880</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-MYD" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0237</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8025</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1882</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5920</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6593</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2995</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1222</div>
                                                    <div class="tanggal">01-06-2026</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">2364</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-MY" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6962</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8958</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6659</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5993</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3156</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4881</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0346</div>
                                                    <div class="tanggal">01-06-2026</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">0623</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-MC" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4860</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6321</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4703</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7826</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1164</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2645</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2002</div>
                                                    <div class="tanggal">01-06-2026</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                        </div><div class='carousel-item accordion accordion-flush'>                            <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">5241</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-QTR" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9145</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9366</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4490</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7437</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4658</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8215</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6827</div>
                                                    <div class="tanggal">01-06-2026</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-HK">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">HONGKONG&nbsp</div>
                                    <div class="keluaran">0933</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-HK" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1893</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7021</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0827</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9114</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1093</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5802</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0735</div>
                                                    <div class="tanggal">01-06-2026</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-TMC00">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU 0000&nbsp</div>
                                    <div class="keluaran">0639</div>
                                    <div class="tanggal">09-06-2026</div>
                              </button>
                                                                <div id="paito-TMC00" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0833</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1457</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4148</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7710</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1083</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3801</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3409</div>
                                                    <div class="tanggal">02-06-2026</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-TMC13">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU 1300&nbsp</div>
                                    <div class="keluaran">5069</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-TMC13" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2094</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5406</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9294</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2202</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9888</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1378</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2036</div>
                                                    <div class="tanggal">01-06-2026</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-TMC16">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU 1600&nbsp</div>
                                    <div class="keluaran">5505</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-TMC16" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2132</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3695</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2259</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2219</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8529</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9727</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6657</div>
                                                    <div class="tanggal">01-06-2026</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-TMC19">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU 1900&nbsp</div>
                                    <div class="keluaran">0822</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-TMC19" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9912</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2901</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1792</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7380</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4084</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8927</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6339</div>
                                                    <div class="tanggal">01-06-2026</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-TMC22">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU 2200&nbsp</div>
                                    <div class="keluaran">2211</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-TMC22" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4724</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6119</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1049</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1440</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8271</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6946</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6441</div>
                                                    <div class="tanggal">01-06-2026</div>
                                                </div>
                                                                                </div>
                                                            </div>
                            
                        </div>              
              
          </div>
        </div>
    </div>
    
    <script>
        
        function togglePaito(paitoid) {
            let paito = document.getElementById(paitoid);
            paito.classList.add("open");
        }
        
        
    </script>

            <div class="transaksi p-0 py-lg-4">
                <div class="d-none d-lg-block">
                    <!-- BANNER SBO DESKTOP -->
                    <div class="match-slider-wrap">
                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">

                                                                    <div class="carousel-indicators">
                                                                                    <button
                                                type="button"
                                                data-bs-target="#sboMatchCarouselDesktop"
                                                data-bs-slide-to="0"
                                                class="active"
                                                aria-current="true"                                                aria-label="Slide 1">
                                            </button>
                                                                                    <button
                                                type="button"
                                                data-bs-target="#sboMatchCarouselDesktop"
                                                data-bs-slide-to="1"
                                                class=""
                                                                                                aria-label="Slide 2">
                                            </button>
                                                                                    <button
                                                type="button"
                                                data-bs-target="#sboMatchCarouselDesktop"
                                                data-bs-slide-to="2"
                                                class=""
                                                                                                aria-label="Slide 3">
                                            </button>
                                                                                    <button
                                                type="button"
                                                data-bs-target="#sboMatchCarouselDesktop"
                                                data-bs-slide-to="3"
                                                class=""
                                                                                                aria-label="Slide 4">
                                            </button>
                                                                            </div>
                                
                                <div class="carousel-inner">
                                                                            <div class="carousel-item active">
                                            <div class="row g-3">
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 12, 2026 — 02:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/e399c54b84794822f6e5e3c02c7f3b6e.png"
                                                                        alt="Mexico"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Mexico                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112606825')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/35d66916de00f7765f6064e6aaf8bf50.png"
                                                                        alt="South Africa"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        South Africa                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        1                                                                        <small>0.73</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -1                                                                        <small>-0.83</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 14, 2026 — 05:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Brazil.png"
                                                                        alt="Brazil"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Brazil                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607235')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Morocco.png"
                                                                        alt="Morocco"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Morocco                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        0.5                                                                        <small>0.67</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -0.5                                                                        <small>-0.77</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 12, 2026 — 09:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/254d87f50ceb9708e7ff233328848e23.png"
                                                                        alt="Czechia"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Czechia                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '126360784')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/a25c2f76ecf9aa566d943aa4b073627e.png"
                                                                        alt="Korea Republic"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Korea Republic                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        0.00                                                                        <small>-0.96</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        0.00                                                                        <small>0.86</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="carousel-item ">
                                            <div class="row g-3">
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 15, 2026 — 22:59 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/330b1095d20af4bc1f6a415ae5717ba2.png"
                                                                        alt="Spain"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Spain                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607745')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/b78fbb9123ed9633ac77215960a8a7b3.png"
                                                                        alt="Cape Verde"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Cape Verde                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        2.5                                                                        <small>0.90</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -2.5                                                                        <small>0.98</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 14, 2026 — 02:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/f84be480c54f0ff871b91fab14a36b36.png"
                                                                        alt="Switzerland"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Switzerland                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112610602')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/a61d3f41d78a6df8bf3a367ed8e6f5a1.png"
                                                                        alt="Qatar"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Qatar                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        1.5                                                                        <small>0.70</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -1.5                                                                        <small>-0.80</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 15, 2026 — 03:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/299e5135f9cf34205563ff2a5a29ff2a.png"
                                                                        alt="Netherlands"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Netherlands                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607538')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/72894c2f1348cb00b50dbb7940f340a5.png"
                                                                        alt="Japan"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Japan                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        0.25                                                                        <small>0.80</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -0.25                                                                        <small>-0.90</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="carousel-item ">
                                            <div class="row g-3">
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 13, 2026 — 08:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/e8b03b5c083ffa4e9179571b70c1febe.png"
                                                                        alt="USA"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        USA                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607120')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/a65ccc6bb50e46cef99dd71b9ad92c9f.png"
                                                                        alt="Paraguay"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Paraguay                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        0.25                                                                        <small>0.74</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -0.25                                                                        <small>-0.84</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 13, 2026 — 02:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/0c7660683be3429ea77999657fa17d79.png"
                                                                        alt="Canada"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Canada                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112606986')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/7e2715cb1a79a2947617c86e6b17f8e0.png"
                                                                        alt="Bosnia-Herzegovina"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Bosnia-Herzegovina                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        0.25                                                                        <small>0.59</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -0.25                                                                        <small>-0.69</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 14, 2026 — 08:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Scotland.png"
                                                                        alt="Scotland"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Scotland                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112610780')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/5de585a438634b088e5734dde6783ffd.png"
                                                                        alt="Haiti"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Haiti                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        0.75                                                                        <small>0.64</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -0.75                                                                        <small>-0.74</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="carousel-item ">
                                            <div class="row g-3">
                                                                                                    <div class="col-12 col-md-6 col-lg-4">
                                                        <div class="match-card h-100">
                                                            <div class="league-name">
                                                                WORLD CUP 2026 (in Canada, Mexico &amp; USA)                                                            </div>

                                                            <div class="kickoff-time">
                                                                June 15, 2026 — 00:00 WIB                                                            </div>

                                                            <div class="match-main-row">
                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/c3eb0fbd35e6085a1f1e8113f5e57fe1.png"
                                                                        alt="Germany"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Germany                                                                    </div>
                                                                </div>

                                                                <div class="score-col">
                                                                    <div class="score-value">
                                                                        0 : 0                                                                    </div>

                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '112607433')">
                                                                        BET NOW
                                                                    </a>
                                                                </div>

                                                                <div class="team-col">
                                                                    <img
                                                                        src="https://cdn.sportnanoapi.com/football/team/f5bdafb8befe218e2318b144e0d35d07.crdownload"
                                                                        alt="Curacao"
                                                                        class="team-logo"
                                                                    >
                                                                    <div class="team-name">
                                                                        Curacao                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="match-odds-row">
                                                                <div class="odds-col">
                                                                    <span>
                                                                        3.25                                                                        <small>0.83</small>
                                                                    </span>
                                                                </div>

                                                                <div class="odds-spacer"></div>

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -3.25                                                                        <small>-0.95</small>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                    </div>

                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="visually-hidden">Previous</span>
                                    </button>

                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="visually-hidden">Next</span>
                                    </button>
                                                            </div>
                                            </div>
                    <!-- BANNER SBO DESKTOP END -->
                    <!-- Banner Telegram -->
                    
                                        
                    <style>
                    .telegram-bet-title {
                      font-size: 1.3rem;
                      font-weight: 800;
                      letter-spacing: 1px;
                      text-transform: uppercase;
                      color: #ffffff;
                    
                      /* NEON TELEGRAM GLOW */
                      text-shadow:
                        /* inner white core */
                        0 0 2px rgba(255,255,255,0.9),
                    
                        /* tight Telegram glow */
                        0 0 6px rgba(0,136,204,0.9),
                        0 0 12px rgba(0,136,204,0.8),
                    
                        /* outer neon halo */
                        0 0 22px rgba(0,136,204,0.6),
                        0 0 38px rgba(0,136,204,0.45),
                        0 0 60px rgba(0,136,204,0.3);
                    }
                    </style>
                    
                    <style>
                    .btn-telegram-neon {
                      font-weight: 600;
                      padding: 10px 16px;
                      border-radius: 10px;
                      letter-spacing: 0.3px;
                    
                      background: #0088cc;
                      border: none;
                      color: #ffffff;
                    
                      /* clean Telegram neon */
                      box-shadow:
                        0 2px 6px rgba(0,136,204,0.35),
                        0 0 10px rgba(0,136,204,0.25);
                    
                      transition: box-shadow 0.25s ease, transform 0.2s ease;
                    }
                    
                    /* hover: slight lift + glow */
                    .btn-telegram-neon:hover {
                      box-shadow:
                        0 4px 10px rgba(0,136,204,0.45),
                        0 0 16px rgba(0,136,204,0.35);
                      transform: translateY(-1px);
                    }
                    
                    /* active */
                    .btn-telegram-neon:active {
                      transform: translateY(0);
                      box-shadow:
                        0 2px 5px rgba(0,136,204,0.35);
                    }
                    </style>
                    
                    <style>
                        .telegram-float {
                          animation: telegramFloat 3.5s ease-in-out infinite;
                        }
                        
                        @keyframes telegramFloat {
                          0%, 100% {
                            transform: translateY(0);
                          }
                          50% {
                            transform: translateY(-8px);
                          }
                        }
                    </style>
                    
                    <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center">
                        <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px">
                            <div class="d-flex gap-4">
                                <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/>
                                <div class="d-flex flex-column justify-content-center gap-1">
                                    <strong class="telegram-bet-title">TELEGRAM BET</strong>
                                    
                                    <div class="d-flex gap-3">
                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div>
                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div>
                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div>
                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div>
                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div>
                                    </div>
                                </div>
                            </div>
                            
                            <button class="btn-telegram-neon rounded-pill"  onclick="window.open('https://t.me/asian4d_bot', '_blank')">Mainkan Sekarang</button>
                            
                        </div>
                        <div style="position: absolute; width: 100%; background: gray">
                            <img src="https://img.viva88athenae.com//banner-telegram.jpg" />
                        </div>
                        
                    </div>
                    
                    
                    
                    <div class="transaksi-kontak">
                        
                        <div class="d-flex flex-column w-100">
                            <div class="transaksi-content">
                                <!-- Bank -->
                                
<style>
    /* ====== LAYOUT KESELURUHAN ====== */

    .transaksi-layout {
        display: flex;
        justify-content: center;
        gap: 16px;
        align-items: center;
    }

    .transaksi-left-inner {
        width: 100%;
    }

    .transaksi-left-img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    .transaksi-right-box {
        flex: 1;
        display: flex;
        justify-content: flex-start;
    }

    .transaksi-group {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        grid-template-areas:
            "transaksi-bank transaksi-other transaksi-crypto";
    }

    .transaksi-bank {
        grid-area: transaksi-bank;
        display: grid;
        place-items: center;
        justify-content: flex-start;
    }

    .transaksi-other {
        grid-area: transaksi-other;
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .transaksi-crypto {
        grid-area: transaksi-crypto;
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .transaksi-wrapper {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        align-items: flex-start;
    }

    .transaksi-name {
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 1.5rem;
    }

    /* ====== GRID LIST ====== */

    .transaksi-list-bank,
    .transaksi-list-other {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(5, minmax(80px, 1fr));
        gap: 4px 6px;
    }

    .transaksi-list-crypto {
        height: fit-content;
        display: flex;
        align-items: center;
        gap: 24px;
        width: 100%;
        justify-content: flex-start;
    }

    .icon-crypto {
        width: 24px;
        height: 24px;
    }

    /* ====== ITEM BANK / EMONEY ====== */

    .transaksi-item {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .transaksi-header {
        height: 30px;
        border-radius: 5px;
        font-weight: bold;
        border: 2px solid rgba(108,108,108,1);
        background: rgba(54,54,54,1);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 12px 0 22px; /* extra space kiri buat dot */
        font-size: 0.9rem;
        white-space: nowrap;
    }

    /* strip bawah lama dimatikan */
    .transaksi-status {
        display: none;
    }

    /* ====== ONLINE / OFFLINE DOT ====== */

    /* ONLINE: tambahkan class is-online di PHP */
    .transaksi-header.is-online::before {
        content: "";
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: #00ff66;
        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
    }

    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
    .transaksi-header.is-offline {
        background: #2e2e2e;
        border-color: #555;
        opacity: .4;
    }

    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
    .transaksi-header:not(.is-online):not(.is-offline) {
        background: #2e2e2e;
        border-color: #555;
        opacity: .4;
    }

    @media only screen and (max-width: 768px) {

        .transaksi-layout {
            flex-direction: column;
            align-items: center;
        }

        .transaksi-group {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-areas:
                "transaksi-bank"
                "transaksi-other"
                "transaksi-crypto";
            gap: 32px;
            margin-bottom: 8px;
        }

        .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-crypto {
            width: 86%;
            margin: auto;
            flex-wrap: wrap;
        }

        .transaksi-item {
            width: 100%;
        }

        .transaksi-name {
            font-size: 1.3rem;
            text-align: center;
            line-height: 1.8rem;
        }

        .transaksi-wrapper {
            width: 100%;
            max-width: 100%!important;
            gap: 1rem;
            align-items: center;
        }

        .icon-crypto {
            width: 28px;
            height: 28px;
        }
    }

    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
    .transaksi-header {
        height: 34px;
        border-radius: 6px;
        font-weight: bold;
        border: 2px solid rgba(108,108,108,1);
        background: rgba(54,54,54,1);
        color: white;

        /* Tambahan baru */
        min-width: 110px;       /* Lebarin biar semua rata */
        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;

        white-space: nowrap;
    }

    /* DOT ONLINE */
    .transaksi-header.is-online::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #00ff66;
        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
    }

    /* OFFLINE (DISABLED) */
    .transaksi-header.is-offline {
        padding: 0 16px;         
        background: #2e2e2e;
        border-color: #555;
        opacity: .35;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    /* GRID-nya sedikit dilebarin biar simetris */
    .transaksi-list-bank,
    .transaksi-list-other {
        grid-template-columns: repeat(4, minmax(110px, 1fr));
        gap: 8px 10px;
    }

</style>

<div class="transaksi-layout">
    <div class="transaksi-left-box">
        <div class="transaksi-left-inner">
            <img src="/images/transaksi.png" class="transaksi-left-img">
        </div>
    </div>

    <div class="transaksi-right-box">
        <div class="transaksi-group">

            <!-- BANK LOKAL -->
            <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 is-online">
                                                    BCA                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Mandiri                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    BNI                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    BRI                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    CIMB                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Danamon                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Permata                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    BJB                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    PANIN                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    OCBC                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-offline">
                                                    BSI                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    JAGO                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-offline">
                                                    SeaBank                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Sinarmas                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    BluBCA                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Superbank                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                </div>
                                </div>
                                                    </div>
                    </div>

                </div>
            </div>

            <!-- E MONEY & PULSA -->
            <div class="transaksi-other">
                <div class="transaksi-wrapper">
                                            <div class="transaksi-name">E Money &amp; 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 is-online">
                                                    DANA                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    OVO                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    GOPAY                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    LinkAja                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Lain-lain                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Telkomsel                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Axiata                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                </div>
                                </div>
                                                    </div>
                    </div>

                </div>
            </div>

            <!-- CRYPTO -->
            <div class="transaksi-crypto">
                <div class="transaksi-wrapper">
                                            <div class="transaksi-name mb-1">Crypto Currency</div>
                    
                    <div id="transaksi-crypto-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-crypto">
                                                                                    <div class="d-flex gap-2">
                                                <img src="https://img.viva88athenae.com/USDT.png"
                                                     class="icon-crypto" alt="USDT">
                                                <strong class="transaksi-name">USDT</strong>
                                            </div>
                                                                                </div>
                                </div>
                                                    </div>

                    </div>
                </div>
            </div>

        </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/facebook.png" width="20"/>

                                                            <a class="d-flex flex-column" href="www.facebook.com/groups/aaahgroupofficial/" target='_blank'>
                                       <div style="color: #888888;">FACEBOOK</div>
                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Facebook Official</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/+iypZEdfIk_I4MWI1" target='_blank'>
                                       <div style="color: #888888;">TELEGRAM</div>
                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Telegram Offcial</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="t.me/asian4d" target='_blank'>
                                       <div style="color: #888888;">TELEGRAM</div>
                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Customer Service Chat Official</div>
                                    </a>
                                
                                
                    </div>
                                
                                    
                </div>
            </div>
        
         
         
    </div>
</div>
-->
                                    
                        <!--</div>-->
                    </div>
                </div>
            </div>


            <div class="bantuan">
                
                                <ul class="bantuan-content justify-content-center">
                    <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 class="guidelines">
                    <div class="desktop-only">
                        <div class="guidelines-content d-flex justify-content-center">
                            <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" />
                        </div>
                    </div>
                </div>
                
                <div class="provider d-none d-lg-block">
                    <div class="provider-group">
                        <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt="">
                    </div>
                </div>
                
                <div>
                    <style>
.article-content {
    padding: 15px;
    margin: 10px;
    background: #fff;
    border-radius: 8px;
    line-height: 1.8;
    color: #333;
    font-size: 14px;
    box-sizing: border-box;
}

.article-content h1 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #111;
    font-weight: 700;
}

.article-content h2 {
    font-size: 18px;
    margin: 20px 0 10px;
    color: #222;
    font-weight: 600;
    border-left: 4px solid #f5b400;
    padding-left: 10px;
}

.article-content p {
    margin-bottom: 15px;
    text-align: justify;
}

.article-content strong {
    color: #d89200;
    font-weight: 700;
}

.article-content ul {
    margin: 10px 0 15px 20px;
}

.article-content ul li {
    margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
    .article-content {
        padding: 12px;
        margin: 5px;
        font-size: 13px;
    }

    .article-content h1 {
        font-size: 20px;
    }

    .article-content h2 {
        font-size: 16px;
    }
}
</style>

<div class="article-content">
    <h1 style="font-weight:bold; color:#ff8c00;">ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini</h1>

<p>ASIAN4D hadir sebagai situs slot online terperca yang memberikan nuansa permainan menarik dengan sistem akses yang cepat, tampilan yang mudah di pahami dan proses transaksi digital terbaik. Dengan perkembangan teknologi yang sedang  meningkat pesat, ASIAN4D menghadirkan sistem terbaru untuk memudahkan para pemain dalam mencoba slot online resmi melalui perangkat mobile.</p>
<p>Banyak pengguna memilih ASIAN4D berdasarkan proses permainan yang gampang di buka oleh berbagai perangkat mobile apapun. Tidak luput juga dengan pelayanan profesional costumer service yang selalu siap membantu kapan saja. Hal ini menjadikan ASIAN4D situs nomor 1 untuk di pilih bagi para penggemar slot online yang suka bermain setiap hari.</p>
<p>Selain itu ASIAN4D juga memiliki keunggulan dalam bekerja sama dengan slot provider resmi, tampilan grafis yang tinggi dan akses super cepat dalam mengganti satu permainan ke permainan lainnya. Cukup dengan satu situs saja kamu sudah bisa mencoba slot apapun dengan jenis scatter yang menarik bisa langsung di coba tanpa perlu ganti ganti akun.</p>

<h2 style="font-weight:bold; color:#ff8c00;">Bonus Slot Online di ASIAN4D</h2>

<p>ASIAN4D menyediakan berbagai macam pilihan bonus menarik dan juga menguntungkan untuk bisa kamu gunakan setiap hari. Kamu tidak perlu khwatir dengan syaratnya cukup konfirmasi saja kepada pihak bersangkutan agar bisa masuk langsung saldo tambahannya ke dalam akun kamu. </p>

<p>Ada juga bonus mingguan yang bisa kamu dapatkan tanpa ada syarat. Bonusnya akan langsung masuk ke dalam saldo akun kamu, jadi seperti saat kamu diam tidak bermain tetap akan bisa langsung masuk bonusnya. Bonus rollingan slot ini adalah bentuk kepedulian kami yang akan selalu diberikan tiap minggunya meskipun kamu dalam kondisi menang tetap juga bisa dapat bonus tersebut</p>

<h2 style="font-weight:bold; color:#ff8c00;">Fitur ASIAN4D</h2>

<p>Ada berbagai macam keunggulan yang membuat ASIAN4D semakin diminati oleh berbagai masayrakat Indonesia saat ini:</p>

<ul>
<li>1. Tampilan Menarik dan Responsif</li>
ASIAN4D sudah di rancang semedikian rupa untuk membuat para member lama dan baru, cukup mudah memahami alur pemilihan permainan yang ingin digunakan. Dengan sistem tampilan inilah yang membuat ASIAN4D semakin mudah dimainkan untuk permainan slot online terbaik.

<li>2. Akses Link cepat</li>
Sistem akses link yang tersedia di ASIAN4D sangat mudah untuk di lakukan, hal ini bertujuan mempermudah para pemain melakukan login tanpa pusing harus memilih link yang mana. Cukup klik link asian4d di google maka kamu langsung masuk dengan mudah tanpa ada kendala apapun mellaui link yang sudah di sediakan/

<li>3. Permainan Slot Terlengkap</li>
Game Slot online di ASIAN4D sudah bisa dibilang sangat lengkap. Dari berbagai macam tema yang sudah bereedar di internet, tentunya ASIAN4D juga punya game game tersebut. Oleh karena itu proses bermain slot bisa dilakukan dengan menggunakan satu link yang sudah tersedia saat ini.

<li>4. Keaamanan Data Pengguna</li>
ASIAN4D menjamin seluruh keaamanan data yang sudah digunakan para pemainnya untuk mendaftar. data-data tersebut tidak akan bocor dan akan di jaga dengan baik oleh pihak bersangkutan. Jadi kamu tidak perlu khawatir saat tidak bermain akun pun tetap dalam mode aman terkendali.

<li>5. Dukungan Layanan Profesional</li>
ASIAN4D selalu siap memberikan layanan profesional yang siap membantu kendala apapun dari A-Z semuanya pasti bisa diberikan solusi. Jangan lupa bahwa sistem pelayanan ini selalu tersedia selama 24 Jam setiap harinya.

<li>6. Optimasi Server Indonesia</li>
Sebagai bentuk cinta terhadap Indonesia, ASIAN4D terus menjaga stabiliatas koneksi bagi para pecinta slot online. Dengan jaringan yang stabil semua para pemain Slot Online yang sudah bergabung merasaa nyaman saat bermain di Indonesia.
</ul>

<h2 style="font-weight:bold; color:#ff8c00;">Pengalaman Mobile ASIAN4D Sebagai Slot Online</h2>

<p>Di era digital serba cepat, sebagian besar pengguna lebih sering mengakses situs hiburan melalui smartphone. Karena itu, ASIAN4D menghadirkan pengalaman mobile yang dioptimalkan untuk berbagai ukuran layar.</p>

<p>Keunggulan akses mobile ASIAN4D meliputi:</p>
<ul>
<li>*Tampilan responsif menyesuaikan layar perangkat.</li>
<li>*Waktu loading lebih cepat.</li>
<li>*Navigasi menu lebih sederhana.</li>
<li>*Tidak memerlukan perangkat dengan spesifikasi tinggi.</li>
<li>*Dapat digunakan kapan saja dan di mana saja selama terhubung ke internet.</li>
  </ul>

<p>Dengan dukungan teknologi mobile modern, pengguna dapat menikmati seluruh fitur ASIAN4D tanpa perbedaan signifikan dibandingkan versi desktop. Hal ini membuat aktivitas bermain menjadi lebih fleksibel dan efisien.</p>

<h2 style="font-weight:bold; color:#ff8c00;">Transaksi Serba Mudah di ASIAN4D</h2>

<p>ASIAN4D menyediakan pilihan berabagai macam transaksi dari bank yang ada di seluruh Indoensia saat ini. Namun jika kamu tidak mau merasakan kesusahan sudah ada fitur QRIS yang akan sangat membantu kamu untuk bisa bermain dengan cepat. Cukup Dengan scan barcode saja, kamu sudah mengisi saldo di ASIAN4D dalam waktu yang tidak mencapai 1 menit. Bayangkan kemudahan ini sudah bisa kamu lakukan dimana saja dan kapanapun kamu mau.</p>

<p>Untuk Bank bank digital yang sudah ada di Indoensia seperti Ewallet DANA, Ovo, Gopay dan lain lainnya juga bisa kamu gunakan tidak perlu membuat bank konvensional untuk bermain. Langsung di coba saja transaksi super mudah yang sudah di sediakan oleh ASIAN4D.</p>

<p>Untuk proses tarik dana ke dalam rekening kamu juga akan di proses dengan cepat oleh pihak ASIAN4D. Karena berbagai macam bank yang kami siapkan untuk mengirim dana kemenangan kamu adalah yang terbaik dari yang terbaik jadi tidak perlu khawatir tidak akan dibayar.</p>

<h2 style="font-weight:bold; color:#ff8c00;">Pelayanan Profesional 24 Jam dari ASIAN4D</h2>

<p>ASIAN4D menyediakan layanan profesional seperti livechat untuk bisa kamu akses kapan saja selalu 24/7. Kamu ada kendala tidak bisa masuk bisa langsung ditanyakan, ada kendala tidak mengerti permainan bisa juga di tanyakan. Dari A-Z masalah apapun tentang ASIAN4D yang masih kurang dimengerti bisa langsung kamu tanya saja tanpa perlu bingung.</p>

<p>Setiap kendala yang ada di dalam permainan atau ingin menyakan pola slot hari ini juga bisa kamu tanyakan langsung di menu fitur Livechat kami. Tidak perlu sungkan karena akan diberikan jawaban paling gampang di mengerti langsung ke dalam inti permasalahannya.</p>

<h2 style="font-weight:bold; color:#ff8c00;">FAQ ASIAN4D</h2>
<ul>
<li>1. Apa itu ASIAN4D?</li>
<p>ASIAN4D hardir sebagai situs Slot online terbaik yang menyediakan sistem terupdate untuk akses lebih mudah ke dalam permainan serta pembayaran nyata atas kemenanangan yang sudah kamu dapatkan.</p>

<li>2. Apakah ASIAN4D Merupakan Situs Terpercaya?</li>
<p>Tentu saja, ASIAN4D selalu menjaga kepercayaan para pemainnya dengan mempermudah akses ke dalam permainan slot resmi dan juga menjamin kemenangan yang sudah didapat akan dibayar secara tuntas.</p>

<li>3. Kenapa Masyarakat Memilih ASIAN4D?</li>
<p>Dengan tampilan yang moderen dan mudah di mengerti, ASIAN4D tentunya membuat pemain harian slot merasa nyaman karena keaamanan akun yang di jaga dengan baik. Tentunya membuat saldo para pemain tidak akan hilang dengan sendirinya.</p>

<li>4. Bagiaman Dengan Teransaksi di ASIAN4D?</li>
<p>ASIAN4D memiliki bank resmi yang sudah berdiri di Indonesia, jadi kamu bisa mendaftar menggunakan bank apa saja dan tentunya setiap transaksi yang kamu lakukan akan di proses dengan mudah tanpa ada kendala bank tidak bisa di gunakan.</p>

<li>5. Apakah ASIAN4D Cocok Untuk Pengguna Baru?</li>
<p>Benar sekali, ASIAN4D sudah memiliki tampilan yang orang awam pun langsung mengerti bagaiman caranya bermain slot online. Kamu tidak perlu khwatair jika masih baru maka akan langsung paham bagaiamana alur permainan yang ingin dilakukan.</p>
</ul>

<h2 style="font-weight:bold; color:#ff8c00;">Kesimpulan ASIAN4D Situs Terbaik</h2>

<p>Berbagai macam penjelasan di atas adalah bentuk dari rangkuman ASIAN4D yang sudah dinyatakan legal 100% oleh berbagai intuisi. Dimulai dari tampilan yang mudah di pahami oleh para pemain hingga akses login masuk cepat tanpa ada kendala lambat akses, semua itu dibentuk untuk mengoptimalkan kenyamanan permainan yang ingin di gapai oleh para penggemar slot online.</p>
</div>

<style>
.testimonial-box {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    margin: 15px 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    min-height: 135px;
    position: relative;
    overflow: hidden;
}

.testimonial-item {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    opacity: 0;
    animation: testimoniRotasi 40s infinite;
}

.testimonial-item:nth-child(1) { animation-delay: 0s; }
.testimonial-item:nth-child(2) { animation-delay: 4s; }
.testimonial-item:nth-child(3) { animation-delay: 8s; }
.testimonial-item:nth-child(4) { animation-delay: 12s; }
.testimonial-item:nth-child(5) { animation-delay: 16s; }
.testimonial-item:nth-child(6) { animation-delay: 20s; }
.testimonial-item:nth-child(7) { animation-delay: 24s; }
.testimonial-item:nth-child(8) { animation-delay: 28s; }
.testimonial-item:nth-child(9) { animation-delay: 32s; }
.testimonial-item:nth-child(10) { animation-delay: 36s; }

.testimonial-name {
    font-size: 15px;
    font-weight: bold;
    color: #d89b00;
    margin-bottom: 8px;
}

.testimonial-text {
    font-size: 14px;
    line-height: 1.7;
    color: #333;
    text-align: justify;
}

@keyframes testimoniRotasi {
    0% { opacity: 0; transform: translateY(10px); }
    5% { opacity: 1; transform: translateY(0); }
    10% { opacity: 1; transform: translateY(0); }
    15% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 0; }
}
</style>

<div class="testimonial-box">
    <div class="testimonial-item">
        <div class="testimonial-name">Andi - Jakarta</div>
        <div class="testimonial-text">Saya suka tampilan ASIAN4D yang sederhana dan mudah digunakan. Aksesnya juga cukup stabil saat digunakan dari HP.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Rizky - Surabaya</div>
        <div class="testimonial-text">Pilihan permainannya lumayan lengkap dan proses login cukup cepat. Semoga ke depannya ada lebih banyak event khusus untuk member aktif.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Dewi - Bandung</div>
        <div class="testimonial-text">Pengalaman saya sejauh ini cukup nyaman. Navigasinya mudah dipahami bahkan untuk pengguna yang baru pertama kali mencoba.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Fajar - Makassar</div>
        <div class="testimonial-text">Sistemnya stabil dan jarang mengalami gangguan. Hanya saja terkadang loading halaman utama terasa sedikit lambat pada jam-jam ramai.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Budi - Medan</div>
        <div class="testimonial-text">Salah satu platform yang menurut saya cukup konsisten dari segi layanan. Dukungan pelanggan juga cukup membantu saat dibutuhkan.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Siti - Yogyakarta</div>
        <div class="testimonial-text">Saya suka karena bisa diakses dengan nyaman melalui smartphone. Desainnya juga tidak membingungkan untuk pengguna baru.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Agus - Semarang</div>
        <div class="testimonial-text">Secara keseluruhan bagus, tetapi saya berharap tampilan beberapa menu bisa dibuat lebih ringkas agar lebih mudah ditemukan.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Rina - Palembang</div>
        <div class="testimonial-text">Akses cukup lancar dan fiturnya berjalan dengan baik. Saya sudah beberapa bulan menggunakan layanan ini tanpa kendala berarti.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Doni - Bekasi</div>
        <div class="testimonial-text">Sistem modern yang digunakan cukup terasa. Meski begitu, saya berharap ada lebih banyak informasi panduan untuk pengguna pemula.</div>
    </div>

    <div class="testimonial-item">
        <div class="testimonial-name">Maya - Denpasar</div>
        <div class="testimonial-text">Menurut saya ASIAN4D memberikan pengalaman yang cukup nyaman dan stabil. Semoga ke depannya semakin banyak pembaruan fitur yang bermanfaat.</div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div class="fixed-left" data-v-38a8c498="">
    <main data-v-38a8c498="">
    <div class="fixed-vippoint" data-v-38a8c498=""><a href="https://aaahvippoint.com/aaahpoint/" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://ik.imagekit.io/kw1assmle/VIPGIF.gif" lazy="loaded"></a></div>
<!----><h1></h1>
    <div class="fixed-rtp" data-v-38a8c498=""><a href="https://aaahvippoint.com/aaahrtp/asian4d/" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://ik.imagekit.io/kw1assmle/RTPGIF.gif" lazy="loaded"></a></div>
<!----><h1></h1>
    <div class="fixed-bonus" data-v-38a8c498=""><a href="https://greataaah.space/asian4d/" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://ik.imagekit.io/kw1assmle/BONUSAAHGIF.gif" lazy="loaded"></a></div>
<!----><h1></h1>
<style>.fixed-left[data-v-38a8c498]{zoom:.65;position:fixed;z-index:99;bottom:150px;left:-10px;width:120px;padding:15px 15px 15px 20px;background-color:#000000;border-radius:10px;border:3px solid rgba(255, 0, 0, 0);transition:.5s ease-in-out}.fixed-left a[data-v-38a8c498],main{display:block}.fixed-img-100[data-v-38a8c498],
.fixed-rtp[data-v-38a8c498],
.fixed-wa[data-v-38a8c498] {
    width: 100%;
}
.fixed-qr .fixed-vippoint.fixed-rtp .fixed-bonus[data-v-38a8c498] {
    margin-bottom:5px; / Properti margin-bottom untuk menambahkan jarak /
}
.fixed-rtp .animated[data-v-38a8c498],.fixed-wa .animated[data-v-38a8c498]{-webkit-animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498;animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498}.fixed-arrow[data-v-38a8c498]{position:absolute;right:-25px;top:10px;bottom:10px;background-color:#897332;width:25px;border-radius:0 10px 10px 0;cursor:pointer}.vertical-align-center{align-items:center}.dflex{display:flex!important}.justify-content-center{justify-content:center!important}.fixed-arrow img[data-v-38a8c498]{transform:rotate(270deg);filter:invert(1)}.img-xxs{height:20px}@media (max-width:1366px){.img-xxs{height:15px}}.fixed-left.nganu[data-v-38a8c498]{left:-110px}</style>

    </main> <section class="fixed-arrow dflex vertical-align-center justify-content-center" data-v-38a8c498=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiPRXnITGzQ3FMNxSnLM5gMjiR2efK4FSzfbPLOHvtks-FHT_oj6NBokVASMTnbLXZcy1dVs6CxBelZqnfPrp97xW3lPEx3eEdTnhZ4Ph1xdMUbTnVKJxTaJdG7cJsfhKbSII6hCHPL_G5omJvfQoOpbBdXrnmCvUWc697N-Ye61NL2uiZeGsEDe6g3Z8/s16000/select.png" alt="Arrow RTP" class="img-xxs" data-v-38a8c498=""></section></div>

<script>$(document).ready(function(){$(".fixed-arrow").click(function(){$(".fixed-left").toggleClass("nganu")})});</script>

</script>

    <script src="https://assetsimage.com/JS/mdm.js"></script>

    <style>
        .messagebleft-container {
            background: #9d8640;
            border: 2px solid var(--line-color);
        }
</style>
<nav class="social">
    <ul>
        <li><a href="https://m.me/551706921369605/" target="_blank"><span
            style="position:relative; left: -20px; top:10px; color:white;">MESSENGER</span><img
            src="https://ik.imagekit.io/kw1assmle/messenger.png" style="float:right;" width="40" height="40"></a></li>
        <li><a href="https://t.ly/teleaaahofc" target="_blank"><span
                    style="position:relative; left:-20px; top:10px; color:white;">TELEGRAM</span><img
                    src="https://ik.imagekit.io/kw1assmle/tele.png" style="float:right;" width="40" height="40"></a></li>
    </ul>
</nav>
<style>
    div.col-sm-0 span {
        display: none;
    }

    div.social {
        width: 100%;
        /* background-image: url(https://i.imgur.com/1SHCzVn.jpg); */
        background-size: contain;
        padding: 5px 1px 10px 1px;
        margin: auto;
        text-align: center;
    }

    #ico {
        background: #131313;
        padding: 5px 15px 5px 15px;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        margin: 5px 3px;
        border: .5px solid #ffffff;
        display: inline-block;
    }

    div.social img {
        vertical-align: middle;
        display: inline;
    }

    div.social p {
        display: inline-block;
        font-size: 14px;
    }

    .social {
        left: 0;
        width: 0;
        position: fixed;
        top: 130px;
        z-index: 9999999999;
    }

    .social ul {
        padding: 0px;
        -webkit-transform: translate(-130px, 0);
        -moz-transform: translate(-130px, 0);
        -ms-transform: translate(-130px, 0);
        -o-transform: translate(-130px, 0);
        transform: translate(-130px, 0);
    }


    .social ul li {
        display: block;
        margin: 6px;
        margin-left: 0px;
        background: rgba(0, 0, 0, 0.86);
        width: 189px;
        text-align: right;
        padding: 4px;
        -webkit-border-radius: 0 20px 20px 0;
        -moz-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        height: 53px;
        border: groove 2px #ab0102;
    }

    .social ul li:hover {
        -webkit-transform: translate(110px, 0);
        -moz-transform: translate(110px, 0);
        -ms-transform: translate(110px, 0);
        -o-transform: translate(110px, 0);
        transform: translate(110px, 0);
        background: rgba(95, 95, 95, 0.7);
    }

    .buttonWrap {
        text-transform: uppercase !important;
    }
</style>
<!--end social account-->
<!-- Popup Start -->
<style>
  .show-more {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  width: 100%;
  }
  
  #pop-up-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  }
  #pop-up-wrapper {
  width: 60%;
  min-width: 315px;
  max-width: 390px;
  min-height: 210px;
  position: relative;
  z-index: 11;
  overflow: visible;
  border-radius: 5px;
  }
  #pop-up-wrapper img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  }
  #pop-up-wrapper button {
  width: 100%;
  padding: 0.75rem;
  font-size: 1.35rem;
  font-weight: 700;
  border: none;
  border-radius: 0 0 5px 5px;
  margin: 0;
  background-color: #9D8640;
  }
  .gray-bg {
  background: #00000000 no-repeat;
  }
  .swirl-in-fwd {
  -webkit-animation: swirl-in-fwd 0.6s ease-out both;
  animation: swirl-in-fwd 0.6s ease-out both;
  }
  .x-mark-container {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: black;
  border-radius: 50%;
  width: 8%;
  }
  #bg-black {
  background-color: rgba(0, 0, 0, 0.86);
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  }
  @-webkit-keyframes swirl-in-fwd {
  0% {
  -webkit-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 0;
  }
  100% {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  opacity: 1;
  }
  }
  @keyframes swirl-in-fwd {
  0% {
  -webkit-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 0;
  }
  100% {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  opacity: 1;
  }
  }
  .swirl-out-bck {
  -webkit-animation: swirl-out-bck 0.6s ease-in both;
  animation: swirl-out-bck 0.6s ease-in both;
  }
  @-webkit-keyframes swirl-out-bck {
  0% {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  opacity: 1;
  }
  100% {
  -webkit-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 0;
  }
  }
  @keyframes swirl-out-bck {
  0% {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  opacity: 1;
  }
  100% {
  -webkit-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 0;
  }
  }
  .fade-in {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  }
  @-webkit-keyframes fade-in {
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
  }
  @keyframes fade-in {
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
  }
  .fade-out {
  -webkit-animation: fade-out 0.6s ease-out both;
  animation: fade-out 0.6s ease-out both;
  }
  @-webkit-keyframes fade-out {
  0% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  }
  }
  @keyframes fade-out {
  0% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  }
  }
</style>



<script>
  window.addEventListener('DOMContentLoaded', () => {
  if (window.location.pathname === '/' || window.location.pathname === '/') {
      $('body').append(`
      <div id="pop-up-container" onclick="close_pop_up()">
      <div id="bg-black" class="fade-in"></div>

      <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
          <img
          src="https://ik.imagekit.io/kw1assmle/HARBETMEI"
          alt="banner"
          />

          <button id="event-button" style="color: #fff">JOIN KOMUNITAS</button>
                </div>
                </div>
  `);

      document.getElementById('pop-up-wrapper').addEventListener('click', e => {
          e.stopPropagation();
      });

      // Menambahkan event listener untuk tombol
      document.getElementById('event-button').addEventListener('click', () => {
          window.location.href = 'https://t.me/+If8_pN9E_1kyNzA1';
      });
  }
});

  
  const close_pop_up = () => {
      document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck');
      document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out');
  
      setTimeout(() => {
          const pop_up_container = document.getElementById('pop-up-container');
          pop_up_container?.parentElement.removeChild(pop_up_container);
      }, 1000);
  };
</script>
<!-- Popup End -->
</div>

<script>
    //<![CDATA[
    setTimeout(function () {
        document.getElementById('popbox').classList.remove('hide');
        document.body.className += " flowbox"
    }, 2000);
    function removeClassonBody() { var element = document.body; element.className = element.className.replace(/flowbox/g, "") }
    //]]>
</script>

  <!-- VIP -->
  <script>
  $("<a class='btn btn-secondary btn-block aaahgroup' href='https://infodomain.space/point' target='_blank'><p>VIP POINT</p></a>").insertAfter(".btn-info:eq(0)")
  </script>
  <script>
  $('<button type="button" class="btn btn-secondary btn-block aaah fw-bold p-0 px-2 desktop-only"><a href="https://infodomain.space/point" target="_blank">VIP</a></button>').insertAfter($(".btn-daftar-desktop"));
  </script>

<!-- VIP Settings -->
  <style>.aaahgroup{width: 100%;height: 50px;border-radius: 10px;border: 2px #016400 solid;}.aaahgroup  > p{margin-top: 4px;font-size: 17px;font-weight: bold;}</style>
  <style>
  .aaahgroup {
    background: linear-gradient(270deg, rgb(255, 208, 0) 0%, rgb(3, 0, 201) 21%, rgb(201, 64, 0) 33%, rgb(107, 201, 0) 44%, rgb(201, 0, 0) 60%, rgb(40, 201, 0) 73%, rgb(201, 13, 0) 85%, rgb(201, 0, 0) 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #ff0808, inset 0 2px 0 0 #ffffff, inset 0 0 0 2px #ff0808, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000;
}
  @keyframes gradient 
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  .aaah {
    background: linear-gradient(270deg, rgb(201, 0, 0) 0%, rgb(62, 0, 161) 21%, rgb(223, 134, 0) 33%, rgb(211, 7, 102) 44rgb(12, 9, 215)17) 60%, rgb(235, 47, 0) 73%, rgb(255, 98, 36) 85%, rgb(201, 0, 0) 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #08ff10, inset 0 2px 0 0 #ffffff, inset 0 0 0 2px #23ff08, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000;
}
  @keyframes gradient 
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  </style>

<audio id="bgMusic" loop playsinline preload="auto">
  <source src="https://ik.imagekit.io/kw1assmle/BANKJAGO/videoplayback-_AudioTrimmer.com_.mp3">
</audio>

<script>

(function(){

    const music = document.getElementById("bgMusic");

    if(!music) return;

    music.volume = 0.35;

    let started = false;

    async function startMusic(){

        try{

            await music.play();

            started = true;

            console.log("Music Started");

        }catch(e){

            console.log("Blocked");

        }

    }

    /* FIRST TOUCH */
    function unlockMusic(){

        if(started) return;

        startMusic();

    }

    /* FIRST LOAD */
    window.addEventListener("load", startMusic);

    /* MOBILE */
    window.addEventListener("touchstart", unlockMusic, {
        passive:true
    });

    window.addEventListener("scroll", unlockMusic, {
        passive:true
    });

    /* DESKTOP */
    window.addEventListener("click", unlockMusic);

    /*
    ====================================
    BACK / RETURN FIX
    ====================================
    */

    window.addEventListener("pageshow", function(){

        if(music.paused){

            music.play().catch(()=>{});

        }

    });

    document.addEventListener("visibilitychange", function(){

        if(!document.hidden){

            if(music.paused){

                music.play().catch(()=>{});

            }

        }

    });

    window.addEventListener("focus", function(){

        if(music.paused){

            music.play().catch(()=>{});

        }

    });

})();

</script>

</body>
</html>                </div>
                
                
                <div class="footer-group">
                    <div class="copyright">
                        <div style="white-space: nowrap">© 2015 - 2026 Copyright Asian4D.</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"'>WAP</div>
                        </div>
                    </div>
                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/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=f45KvTEXxqom1JutZYXmBI4h4IPLODF25ja3yFX3b9c.','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="www.facebook.com/groups/aaahgroupofficial/" 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 Official</span>
                                            </a>
                                            
                                            
                                    
                                                                        
                                                                                
                                            <a href="https://t.me/+iypZEdfIk_I4MWI1" 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 Offcial</span>
                                            </a>
                                            
                                            
                                    
                                                                        
                                                                                
                                            <a href="t.me/asian4d" 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>Customer Service Chat Official</span>
                                            </a>
                                            
                                            
                                    
                                                                
    
                        </div>
                            <div style="margin: 8px">
                                <a href="/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 -->
        
        
        <!-- LiveChat Internal -->
            <script src="https://service.lc1001ai.com/embed.js"></script>
    <script>
                (function () {
            var chatServiceUrl = "https://service.lc1001ai.com";
            var channelId = "69e3674b50aa50c942150a57";
            var credentials = "";
            window.CsChatEmbed
            .init({
                chatServiceUrl: chatServiceUrl,
                channelId: channelId,
                credentials: credentials,
                createWidget: true,
            })
            .then(function (result) {
                console.log("Chat connected, sessionId:", result.sessionId);
            })
            .catch(function (err) {
                console.error("Chat init failed:", err);
            });
        })();
    </script>
           

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                setTimeout(function() {
                    const mobileForm = document.querySelector('#mobilelogin form') || 
                                      document.querySelector('#mobilelogin .login-form') ||
                                      document.querySelector('.mobile-only form');
                    
                    if (!mobileForm) {
                        return;
                    }
                    
                    const username = mobileForm.querySelector('input[name="username"]');
                    const password = mobileForm.querySelector('input[name="password"]');
                    const remember = document.querySelector('#rememberMe') || 
                                    document.querySelector('input[type="checkbox"]');
                    
                    if (!username || !password || !remember) {
                        return;
                    }
                    
                    try {
                        localStorage.setItem('test', 'working');
                        if (localStorage.getItem('test') === 'working') {
                            localStorage.removeItem('test');
                        } else {
                            return;
                        }
                    } catch(e) {
                        return;
                    }
                    
                    initializeRememberMe();
                    loadSavedData();
                    
                    mobileForm.addEventListener('submit', handleSave);
                    mobileForm.addEventListener('click', function(e) {
                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
                            handleSave();
                        }
                    });
                    remember.addEventListener('change', function() {
                        if (!this.checked) {
                            clearSavedData();
                            localStorage.setItem('mobile_remember_unchecked', 'true');
                        } else {
                            localStorage.removeItem('mobile_remember_unchecked');
                        }
                    });
    
                    function initializeRememberMe() {
                        try {
                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
                                remember.checked = false;
                            } else {
                                remember.checked = true;
                            }
                        } catch(e) {
                            remember.checked = true;
                        }
                    }
                    
                    function loadSavedData() {
                        try {
                            const savedUsername = localStorage.getItem('mobile_username');
                            const savedPassword = localStorage.getItem('mobile_password');
                            const rememberChecked = localStorage.getItem('mobile_remember');
                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
                                username.value = savedUsername;
                                password.value = savedPassword;
                            }
                        } catch(e) {
                            // console.log('Error loading data:', e);
                        }
                    }
                    
                    function handleSave() {
                        if (remember.checked) {
                            const usernameVal = username.value.trim();
                            const passwordVal = password.value.trim();
                            
                            if (usernameVal && passwordVal) {
                                try {
                                    localStorage.setItem('mobile_username', usernameVal);
                                    localStorage.setItem('mobile_password', passwordVal);
                                    localStorage.setItem('mobile_remember', 'true');
                                    localStorage.setItem('mobile_login_success', 'true');
                                } catch(e) {
                                    // console.log('Error saving data:', e);
                                }
                            }
                        } else {
                            clearSavedData();
                            localStorage.setItem('mobile_login_success', 'true');
                        }
                    }
                    
                    function clearSavedData() {
                        try {
                            localStorage.removeItem('mobile_username');
                            localStorage.removeItem('mobile_password');
                            localStorage.removeItem('mobile_remember');
                        } catch(e) {
                            // console.log('Error clearing data:', e);
                        }
                    }
                }, 100); // Wait 100ms
                
                function initBroadcastMarquee() {
                $('.mobile-broadcast, #marquee .broadcast').each(function () {
                    const el = $(this);
            
                    if ($.trim(el.text()) === '') return;
                    if (!el.is(':visible')) return;
            
                    try {
                        el.marquee('destroy');
                    } catch (e) {}
            
                    el.marquee({
                        speed: 30,
                        gap: 80,
                        delayBeforeStart: 0,
                        direction: 'left',
                        duplicated: true,
                        pauseOnHover: true,
                        startVisible: true
                    });
                });
            }
            
            $(window).on('load', function () {
                setTimeout(function () {
                    initBroadcastMarquee();
                }, 300);
            });
            
            $(window).on('resize orientationchange', function () {
                clearTimeout(window.broadcastResizeTimer);
                window.broadcastResizeTimer = setTimeout(function () {
                    initBroadcastMarquee();
                }, 400);
            });
                                                
                // document.querySelectorAll("marquee").forEach(function(marquee){

                // let speed = 0.5; // smaller = slower
                // let position = marquee.offsetWidth;
            
                // function animate(){
                //     position--;
            
                //     if(position < -marquee.scrollWidth){
                //         position = marquee.offsetWidth;
                //     }
            
                //     marquee.style.transform = "translateX(" + position + "px)";
                //     requestAnimationFrame(animate);
                // }
            
                // animate();
            
                // // pause on hover
                // marquee.addEventListener("mouseenter", function(){
                //     speed = 0;
                // });
            
                // marquee.addEventListener("mouseleave", function(){
                //     speed = 0.5;
                // });
            
            // });
                
                
            });
        </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');
            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
            var mobileLoginBox = document.getElementById('mobilelogin');

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


            function openDaftar() {
                closeContent();

                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";

                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);
            }

            function openChangePasswordMobile() {
                closeContent();

                if (mobileLoginBox) mobileLoginBox.style.display = "none";
                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";

                if (mobileChangePasswordForm) {
                    mobileChangePasswordForm.style.display = "block";
                    mobileChangePasswordForm.scrollIntoView();
                }
            }

            function closeChangePasswordMobile() {
                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
                if (mobileLoginBox) mobileLoginBox.style.display = "block";

                marquee.scrollIntoView();
            }
            
            

                    
        </script>
        <script src="/js/old/new2-webduo35.js?v=1779862685"></script>
 
        <script>
            function scrollToLoginForm(launchType, matchId) {
                sessionStorage.setItem('launch', launchType);
                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
                else sessionStorage.removeItem('sbo_matchId');
                window.scrollTo({ top: 0, behavior: 'smooth' });
                setTimeout(function() {
                    var isMobile = window.innerWidth <= 1000;
                    var loginSelector = isMobile
                        ? '#mobilelogin input[name="username"]'
                        : '#desktoplogin form';
                    var el = document.querySelector(loginSelector);
                    if (!el) return;
                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
                    if (usernameEl && !isMobile) usernameEl.focus();
                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
                    const driver = window.driver.js.driver({
                        popoverClass: 'driverjs-theme',
                        showProgress: false,
                        showButtons: [],
                        overlayOpacity: 0.3,
                        steps: [
                            {
                                element: loginSelector,
                                popover: {
                                    title: 'Harap Login',
                                    description: 'Silakan masukkan username Anda',
                                    side: 'bottom',
                                    align: 'start',
                                    showButtons: [],
                                    nextBtnText: '',
                                    prevBtnText: '',
                                    doneBtnText: ''
                                }
                            }
                        ],
                        onDestroyStarted: () => driver.destroy(),
                    });
                    driver.drive();
                    if (usernameEl) {
                        function destroyDriver() {
                            driver.destroy();
                            window.scrollTo({ top: 0 });
                            usernameEl.removeEventListener('input', destroyDriver);
                            usernameEl.removeEventListener('click', destroyDriver);
                            usernameEl.removeEventListener('focus', destroyDriver);
                        }
                        usernameEl.addEventListener('input', destroyDriver, { once: true });
                        usernameEl.addEventListener('click', destroyDriver, { once: true });
                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
                    }
                }, 500);
            }
        </script>
        <script>
            window.addEventListener("message", function(e) {
                if (e.origin !== "https://fkupon.com") return;
                if (e.data && e.data.action === "resize" && e.data.height) {
                    var iframes = document.querySelectorAll(".iframe-kupon");
                    iframes.forEach(function(iframe) {
                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
                    });
                }
            });
        </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>