
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>TST4D | Daftar Dan Login Mudah Pasaran Toto 4D Terlengkap</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/RW.css">-->
        <link rel="stylesheet" href="/css/old/template/RW.css">
        <link rel="stylesheet" href="/css/old/variable.css">
        
                <link rel="stylesheet" href="/css/old/light.css">
                
        <link rel="stylesheet" href="/css/old/new2-style.css?1779862740">
        <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="TST4D menyediakan link alternatif resmi untuk akses pasaran Toto 4D terlengkap dengan proses daftar dan login yang mudah. Didukung performa situs yang cepat, keamanan optimal, dan pembaruan link terbaru, TST4D menjadi solusi terbaik untuk akses tanpa hambatan kapan pun dibutuhkan.">
<meta name="keywords" content="tst4d, login tst4d, tst4d daftar" />
<link rel="canonical" href="https://tst4d.uk/" />
<link rel="amphtml" href="https://tst4damp.com/" />
<meta name="google-site-verification" content="v3tyuiAvYLqLSSAoj3_bnIO_U8tPLZSSGrsw9AI_OM4" />
<meta name="google-site-verification" content="S9bXD8yUWPRcZ9CQORuA9n8HG3iQaNc9cN4Q9MQFiS0" />
<meta name="google-site-verification" content="04o2adMY1IWSLKNp3vlq134MZ_DqLIDtDfpCEoLwoJo" />
<meta name="google-site-verification" content="H625-DHzvoB6ddrAJzUGEXXU5iNZ4Fi1j7FOHWArDVA" />
<meta name="google-site-verification" content="FyVdEZK_VG5hTEz0GWaEzmVRVffvcQ_1SGYc8iwrRGs" />
<meta name="google-site-verification" content="oA4tVwEylXgeZYoWAeaZLagDZHoNXgu91uunAP4mQBY" />
<meta name="google-site-verification" content="A-_X69oQFMNs05Gro_952AAFEQI24S6TPRYK1uRcEuE" />
<meta name="google-site-verification" content="vrCF9YGY8ebrH_17r7urLfRJtGPImc4b6GssYgvYt4I" />
<meta name="google-site-verification" content="kzROk-xt2VWPkanTTsurxsyZf5WjvRiU7KmlxGhn8Og" />
<meta name="google-site-verification" content="5qPmhCNSfXm-u5aeBdp0GfDAW-FqluOdVfIfZC38g8Q" />
<meta name="revisit-after" content="1 days" />
<meta name="robots" content="index, follow" />
<meta name="rating" content="general" />
<meta name="geo.region" content="ID" />
<meta name="geo.country" content="id" />
<meta name="geo.placename" content="Indonesia" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Tst4d" />
<meta name="twitter:creator" content="@Tst4d" />
<meta name="twitter:domain" content="tst4d.uk" />
<meta name="twitter:title" content="TST4D | Daftar Dan Login Mudah Pasaran Toto 4D Terlengkap" />
<meta name="twitter:description" content="TST4D menyediakan link alternatif resmi untuk akses pasaran Toto 4D terlengkap dengan proses daftar dan login yang mudah. Didukung performa situs yang cepat, keamanan optimal, dan pembaruan link terbaru, TST4D menjadi solusi terbaik untuk akses tanpa hambatan kapan pun dibutuhkan." />
<meta name="author" content="Tst4d" />
<meta name="publisher" content="Tst4d" />
<meta property="og:title" content="TST4D | Daftar Dan Login Mudah Pasaran Toto 4D Terlengkap" />
<meta property="og:description" content="TST4D menyediakan link alternatif resmi untuk akses pasaran Toto 4D terlengkap dengan proses daftar dan login yang mudah. Didukung performa situs yang cepat, keamanan optimal, dan pembaruan link terbaru, TST4D menjadi solusi terbaik untuk akses tanpa hambatan kapan pun dibutuhkan." />
<meta property="og:url" content="https://tst4d.uk/" />
<meta property="og:site_name" content="Tst4d" />
<meta property="og:locale" content="id_ID" />

<!-- 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', '1698059841380554');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1698059841380554&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', '1481700162957815');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1481700162957815&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', '826935993543967');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=826935993543967&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', '908523235686453');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=908523235686453&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', '1702113637821954');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1702113637821954&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', '4317530548500672');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=4317530548500672&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', '1640347297115835');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1640347297115835&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', '1314337427461069');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1314337427461069&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<script>
(function(){
  "use strict";

  var LS_KEY = "tst4d_server_code";
  var NAME_BY_CODE = {
    id:"Server Indonesia",
    th:"Server Thailand",
    jp:"Server Jepang",
    int:"Server Internasional",
    sg:"Server Singapura",
    hk:"Server Hong Kong",
    kh:"Server Kamboja"
  };

  /* Hapus LS saat logout/login page terdeteksi */
  (function clearOnLogout(){
    var url = location.href.toLowerCase();
    var hasLogoutHint = /logout|signout|keluar/.test(url);
    var hasLoginForm  = !!(document.querySelector('input[name="username"]') && document.querySelector('input[type="password"]'));
    if (hasLogoutHint || hasLoginForm){ try{ localStorage.removeItem(LS_KEY); }catch(_){ } }
  })();

  /* CSS header + overlay ringkas */
  var s = document.createElement("style");
  s.textContent = `
    #tst4dHeaderWrap{display:inline-flex;align-items:center;margin-right:10px}
    #tst4dServerBtn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;line-height:1;background:#0f263a;border:1px solid #264861;color:#e2e8f0;cursor:pointer}
    #tst4dServerBtn:hover{filter:brightness(1.08)}
    #tst4dHeaderFlagWrap{display:inline-flex;align-items:center;cursor:pointer}
    #tst4dHeaderFlag{width:16px;height:auto;border-radius:2px;margin-right:4px;vertical-align:middle;border:1px solid #264861;background:#0f263a}
    #tst4dHeaderDot{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;vertical-align:middle;position:relative}
    @keyframes tst4dPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7);}70%{box-shadow:0 0 0 6px rgba(34,197,94,0);}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}}
    #tst4dHeaderDot::after{content:"";position:absolute;inset:-6px;border-radius:50%;animation:tst4dPulse 1.8s ease-out infinite}

    .tst4d-scan-overlay{position:fixed;inset:0;background:rgba(4,12,20,.85);z-index:99999;display:none;backdrop-filter:blur(2px)}
    .tst4d-scan-overlay[style*="display: block"]{display:flex!important;align-items:center;justify-content:center}
    .tst4d-scan-wrap{position:relative;width:min(94vw,560px);padding:clamp(14px,4vw,22px);background:#0b2136;border:1px solid #16344d;border-radius:20px;text-align:center;color:#e2e8f0;box-shadow:0 20px 60px rgba(0,0,0,.45)}
    .tst4d-close-btn{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:8px;background:#0f263a;border:1px solid #264861;display:grid;place-items:center;cursor:pointer}
    .tst4d-server-inline{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;margin-bottom:8px}
    .tst4d-flag{width:24px;height:18px;border-radius:3px;border:1px solid #264861;display:none;flex:0 0 auto;background:#0f263a}
    #tst4dServerSelect{flex:1 1 220px;min-width:160px;padding:10px 12px;border-radius:10px;border:1px solid #264861;background:#0f263a;color:#fff;outline:0;font-size:clamp(13px,3.4vw,15px)}
    .tst4d-progress{height:10px;background:#0f263a;border-radius:999px;overflow:hidden;border:1px solid #264861;margin:10px 0 6px}
    .tst4d-progress .fill{height:100%;width:0;background:#22c55e}
    .tst4d-status{font-size:clamp(12px,3.2vw,14px);opacity:.9}
    .tst4d-card{margin:12px auto 10px;width:100%;background:linear-gradient(180deg,#0b1220,#0b0f19);border:1px solid #0e1726;color:#fff;border-radius:999px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .kc-ttl .t1{font-weight:900;font-size:18px;line-height:1.1}
    .kc-ttl .t2{font-size:13px;opacity:.75}
    .tst4d-gauge{--gcolor:#22c55e;--pct:.7;--g-size:72px;--hole:80%;width:var(--g-size);height:var(--g-size);min-width:var(--g-size);border-radius:50%;background:radial-gradient(closest-side,#0b2136 var(--hole),transparent calc(var(--hole)+1%) 100%),conic-gradient(var(--gcolor) calc(var(--pct)*1turn),#1f2a37 0);position:relative;box-shadow:0 0 16px rgba(0,0,0,.35),inset 0 0 20px rgba(255,255,255,.04)}
    .tst4d-gauge .val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px}
    .tst4d-gauge .sub{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:10px;opacity:.75}
    .tst4d-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0f263a;border:1px solid #264861;font-weight:800;font-size:13px}
    .chip-green{color:#22c55e;border-color:#14532d;background:#052e16}
    .chip-amber{color:#f59e0b;border-color:#b45309;background:#451a03}
    .chip-red{color:#ef4444;border-color:#b91c1c;background:#3f0f12}
    .tst4d-online-bar{height:8px;background:#0e1b2b;border:1px solid #264861;border-radius:999px;overflow:hidden;margin-top:8px}
    .tst4d-online-bar .fill{height:100%;width:0%;background:linear-gradient(90deg,#60a5fa,#2563eb)}
    .tst4d-online-caption{margin-top:6px;font-size:12px;opacity:.9}
    .tst4d-actions{margin-top:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
    .tst4d-actions .btn{border-radius:10px;font-weight:800;cursor:pointer;border:0}
    .tst4d-play{background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff}
    .tst4d-repick{background:linear-gradient(180deg,#fbbf24,#d97706);color:#111827}
  `;
  document.head.appendChild(s);

  /* ==== Override tombol agar tak ketimpa Bootstrap ==== */
  (function(){
    var css = `
    #tst4dScan .tst4d-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 14px!important;border-radius:10px!important;font-weight:800!important;border:0!important;cursor:pointer!important;text-shadow:none!important;box-shadow:none!important}
    #tst4dScan .tst4d-actions .btn.tst4d-play{background-image:linear-gradient(180deg,#60a5fa,#2563eb)!important;background:linear-gradient(180deg,#60a5fa,#2563eb)!important;color:#fff!important;box-shadow:0 6px 18px rgba(37,99,235,.40)!important}
    #tst4dScan .tst4d-actions .btn.tst4d-repick{background-image:linear-gradient(180deg,#fbbf24,#d97706)!important;background:linear-gradient(180deg,#fbbf24,#d97706)!important;color:#111827!important;box-shadow:0 6px 18px rgba(217,119,6,.35)!important}
    #tst4dScan #tst4dBtnScan{background-image:linear-gradient(180deg,#22c55e,#15803d)!important;background:linear-gradient(180deg,#22c55e,#15803d)!important;color:#fff!important;font-weight:800!important;border:0!important;border-radius:10px!important;padding:10px 14px!important;box-shadow:0 6px 18px rgba(22,163,74,.40)!important}`;
    var s2=document.createElement('style'); s2.textContent=css; document.head.appendChild(s2);
  })();

  /* ========= Globe icon data URL ========= */
  var globeIconURL = function(w,h){
    return 'data:image/svg+xml;utf8,'+encodeURIComponent(`
      <svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" viewBox="0 0 24 18">
        <defs><linearGradient id="g" x1="0" y1="0" x2="0" y2="18">
          <stop offset="0" stop-color="#2563eb"/><stop offset="1" stop-color="#60a5fa"/></linearGradient></defs>
        <rect width="24" height="18" rx="2" fill="#0b2136"/>
        <circle cx="12" cy="9" r="7.2" fill="url(#g)" stroke="#e6f0ff" stroke-width="1.4"/>
        <path d="M4.8 9h14.4M12 1.8c2 2.1 3 4.7 3 7.2s-1 5.1-3 7.2M12 1.8C10 3.9 9 6.5 9 9s1 5.1 3 7.2"
              stroke="#ffffff" stroke-width="1.2" stroke-linecap="round" fill="none"/>
      </svg>`);
  };

  /* ========= Flag helpers ========= */
  var flag20 = function(code){ return code==='int' ? globeIconURL(20,14) : "https://flagcdn.com/w20/" + code + ".png"; };
  var flag24 = function(code){ return code==='int' ? globeIconURL(24,18) : "https://flagcdn.com/24x18/" + code + ".png"; };

  /* ========= Utils ========= */
  var $ = function(sel, ctx){ return (ctx||document).querySelector(sel); };
  function create(tag, props){ var el=document.createElement(tag); if(props) Object.assign(el, props); return el; }
  function getSaved(){ return (localStorage.getItem(LS_KEY)||"").toLowerCase(); }

  /* ========= Header ========= */
  function ensureHeaderWrap(){
    var badge = document.querySelector('.col-xs-6 .badgeTotal');
    if(!badge) return null;
    if (document.getElementById('tst4dHeaderWrap')) return document.getElementById('tst4dHeaderWrap');
    var memoLink = badge.closest('a') || badge;
    var holder = create('span',{id:'tst4dHeaderWrap'});
    memoLink.parentNode.insertBefore(holder, memoLink);
    return holder;
  }
  function renderButton(holder){
    holder.innerHTML = "";
    var btn = create('span',{id:'tst4dServerBtn',title:'Pilih server Gacor'});
    btn.innerHTML = `
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true">
        <path d="M12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9-9 4.03-9 9 4.03 9 9 9Z" stroke="#8ab4f8" stroke-width="1.6"/>
        <path d="M3 12h18M12 3c2.7 2.6 4.05 5.8 4.05 9S14.7 17.4 12 21M12 3C9.3 5.6 7.95 8.8 7.95 12S9.3 17.4 12 21" stroke="#8ab4f8" stroke-width="1.3"/>
      </svg>
      <span>Pilih Server Gacor</span>`;
    btn.addEventListener('click', openOverlay);
    holder.appendChild(btn);
  }
  function renderFlag(holder, code){
    holder.innerHTML = "";
    var wrap = create('span',{id:'tst4dHeaderFlagWrap',title:(NAME_BY_CODE[code]||'Server')});
    var img  = create('img',{id:'tst4dHeaderFlag',alt:'flag',src:flag20(code)});
    img.setAttribute('srcset', `${flag20(code)} 1x, ${flag20(code)} 2x`);
    var dot  = create('span',{id:'tst4dHeaderDot'});
    wrap.appendChild(img); wrap.appendChild(dot);
    wrap.addEventListener('click', openOverlay);
    holder.appendChild(wrap);
  }
  function syncHeader(){
    var holder = ensureHeaderWrap(); if(!holder) return;
    var saved = getSaved();
    if (NAME_BY_CODE[saved]) renderFlag(holder, saved);
    else renderButton(holder);
  }

  /* ========= Inject FULL overlay ========= */
  function ensureFullUI(){
    if (document.getElementById('tst4dScan')) return true;
    var wrap = document.createElement('div');
    wrap.innerHTML = `
      <div class="tst4d-scan-overlay" id="tst4dScan" role="dialog" aria-modal="true">
        <div class="tst4d-scan-wrap">
          <button type="button" class="tst4d-close-btn" id="tst4dClose" aria-label="Tutup">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="#8ab4f8" stroke-width="2" stroke-linecap="round"/></svg>
          </button>
          <div class="tst4d-server-inline">
            <img id="tst4dFlag" class="tst4d-flag" alt="flag"/>
            <select id="tst4dServerSelect" aria-label="Pilih Server Gacor">
              <option value="" selected disabled>— Pilih Server Gacor —</option>
              <option value="id">Server Indonesia</option>
              <option value="th">Server Thailand</option>
              <option value="jp">Server Jepang</option>
              <option value="sg">Server Singapura</option>
              <option value="hk">Server Hong Kong</option>
              <option value="kh">Server Kamboja</option>
              <option value="int">Server Internasional</option>
            </select>
            <button class="tst4d-btn-scan" id="tst4dBtnScan" type="button">Scan</button>
          </div>

          <div class="tst4d-radar-wrap"><div class="tst4d-radar-bg"></div><div class="tst4d-radar-sweep"></div></div>
          <div class="tst4d-status"><span id="tst4dStatusTxt">Menyiapkan scanner…</span></div>
          <div class="tst4d-progress"><div class="fill" id="tst4dFill"></div></div>
          <div class="tst4d-status" id="tst4dHint">Menginisialisasi koneksi aman (TLS)…</div>

          <div id="tst4dResult" style="display:none">
            <div class="tst4d-card">
              <div class="kc-left">
                <div class="kc-ico"><svg viewBox="0 0 24 24" width="20" height="20" fill="none"><path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" fill="#22c55e"/></svg></div>
                <div class="kc-ttl"><div class="t1" id="kcTitle">Tersambung</div><div class="t2" id="kcSub">Ping — ms</div></div>
              </div>
              <div class="tst4d-gauge" id="tst4dGauge"><div class="val"><span id="gMs">0</span></div><div class="sub">ms</div></div>
            </div>
            <div class="tst4d-online-wrap">
              <div class="tst4d-chip" id="pingChip"><span id="pingChipTxt">— ms</span></div>
              <div class="tst4d-chip" id="onlineChip"><span id="onlineText">— online</span></div>
              <div class="tst4d-online-bar"><div class="fill" id="onlineFill"></div></div>
              <div class="tst4d-online-caption" id="onlineCaption">—</div>
            </div>
          </div>

          <div class="tst4d-actions">
            <button class="btn tst4d-play" id="tst4dPlayNow">Main sekarang</button>
            <button class="btn tst4d-repick" id="tst4dRepick">Pilih server ulang</button>
          </div>
          <div class="tst4d-close-tip">Tap di luar untuk menutup</div>
        </div>
      </div>
    `;
    document.body.appendChild(wrap);
    bindCore();
    return true;
  }

  /* ========= Core ========= */
  function bindCore(){
    var $s = function(id){ return document.getElementById(id); };
    var overlay=$s('tst4dScan'), fill=$s('tst4dFill'), status=$s('tst4dStatusTxt'), hint=$s('tst4dHint'),
        result=$s('tst4dResult'), g=$s('tst4dGauge'), gMs=$s('gMs'), kcTitle=$s('kcTitle'), kcSub=$s('kcSub'),
        pingChip=$s('pingChip'), pingChipTxt=$s('pingChipTxt'),
        onText=$s('onlineText'), onFill=$s('onlineFill'), onCap=$s('onlineCaption'),
        select=$s('tst4dServerSelect'), flag=$s('tst4dFlag');

    var PING_CFG = {
      id:{min:10,max:50,cls:"green"},
      th:{min:70,max:102,cls:"amber"},
      jp:{min:100,max:150,cls:"red"},
      int:{min:140,max:220,cls:"amber"},
      sg:{min:20,max:60,cls:"green"},
      hk:{min:60,max:110,cls:"amber"},
      kh:{min:8,max:40,cls:"green"}
    };
    var CAPACITY = { id:4000, th:2000, jp:1000, int:6000, sg:3500, hk:2500, kh:3000 }, SLOT_MIN=15;
    var timeslot=function(){ return Math.floor(Date.now()/(SLOT_MIN*60*1000)); };
    var hash=function(s){ let h=2166136261>>>0; for(let i=0;i<s.length;i++){ h^=s.charCodeAt(i); h=Math.imul(h,16777619);} return h>>>0; };
    var mul32=function(a){ return function(){ a|=0; a=a+0x6D2B79F5|0; let t=Math.imul(a^a>>>15,1|a); t^=t+Math.imul(t^t>>>7,61|t); return ((t^(t>>>14))>>>0)/4294967296; }; };
    var rnd01=function(seed){ return mul32(seed)(); };

    function computePing(key){
      var cfg=PING_CFG[key]||{min:30,max:90,cls:"amber"};
      var seed=hash(key+":"+timeslot());
      var ms=Math.round(cfg.min + rnd01(seed)*(cfg.max-cfg.min));
      return {ms:ms, color:cfg.cls, range:[cfg.min,cfg.max]};
    }
    function computeOnline(key,ping,range){
      var cap=CAPACITY[key]||2000;
      var OCC={
        id:[0.20,0.45], th:[0.55,0.85], jp:[0.75,0.95], int:[0.50,0.90],
        sg:[0.30,0.65], hk:[0.45,0.80], kh:[0.25,0.55]
      }[key]||[0.35,0.80];
      var pmin=range[0], pmax=range[1];
      var norm=Math.max(0,Math.min(1,(ping-pmin)/(pmax-pmin)));
      var base=OCC[0]+norm*(OCC[1]-OCC[0]);
      var seed=hash("online:"+key+":"+timeslot());
      var jitter=(rnd01(seed)-0.5)*0.06;
      var occ=Math.max(0.05,Math.min(0.98,base+jitter));
      return { online:Math.max(1,Math.round(cap*occ)), capacity:cap, percent:Math.round(occ*100), occ:occ };
    }
    function setGauge(ping, range, color){
      var min=range[0], max=range[1];
      var quality=1-Math.max(0,Math.min(1,(ping-min)/(max-min)));
      var gcolor=color==='green'?'#22c55e':(color==='amber'?'#f59e0b':'#ef4444');
      g.style.setProperty('--pct', quality);
      g.style.setProperty('--gcolor', gcolor);
      gMs.textContent = ping;
    }
    function styleByPing(color){
      pingChip.classList.remove('chip-green','chip-amber','chip-red');
      pingChip.classList.add(color==='green'?'chip-green':(color==='amber'?'chip-amber':'chip-red'));
    }
    function resetOverlayUI(){
      result.style.display='none';
      fill.style.width='0%';
      status.textContent="Menyiapkan scanner…";
      hint.textContent="Menginisialisasi koneksi aman (TLS)…";
    }
    function runProgress(done){
      var steps=[8,28,52,78,92,100], i=0, cur=0;
      hint.textContent="Menginisialisasi koneksi aman (TLS)…";
      fill.style.width='0%';
      (function go(){
        if(i>=steps.length){ done(); return; }
        var target=steps[i++], delta=target-cur, ticks=Math.max(6,Math.round(delta/2)), c=0;
        var iv=setInterval(function(){
          c++; var pct=cur+(delta*(c/ticks));
          fill.style.width = pct+'%';
          var p = +pct||0;
          hint.textContent = p<18?"Menginisialisasi koneksi aman (TLS)...":p<46?"Mengukur latensi & packet loss…":p<75?"Sinkronisasi route & DNS…":p<96?"Negosiasi kunci & verifikasi IP…":"Finalisasi rute & NAT traversal…";
          if(c>=ticks){ clearInterval(iv); cur=target; setTimeout(go, 180+Math.random()*140); }
        }, 28+(Math.random()*24-12));
      })();
    }

    function startScan(code){
      if (!NAME_BY_CODE[code]){ alert("Silakan pilih server dulu."); return; }
      status.textContent = "Scanning " + (NAME_BY_CODE[code]||'Server') + "…";
      result.style.display='none';

      var ping = computePing(code);
      runProgress(function(){
        var online = computeOnline(code, ping.ms, ping.range);
        var nf = function(n){ return n.toLocaleString('id-ID'); };
        kcTitle.textContent = "Tersambung ke " + (NAME_BY_CODE[code]||'Server');
        kcSub.textContent   = "Ping " + ping.ms + " ms";
        setGauge(ping.ms, ping.range, ping.color);
        styleByPing(ping.color);
        pingChipTxt.textContent = ping.ms + " ms";
        onText.textContent = nf(online.online) + " / " + nf(online.capacity) + " online";
        onFill.style.width = (online.occ*100) + "%";
        onCap.textContent  = "Beban server " + online.percent + "%";
        result.style.display='block';
        try{ localStorage.setItem(LS_KEY, code); }catch(_){}
        var holder = ensureHeaderWrap(); renderFlag(holder, code);
      });
    }

    select.addEventListener('change', function(){
      var v=(select.value||'').toLowerCase();
      if (!NAME_BY_CODE[v]) return;
      if (flag){ flag.src = flag24(v); flag.style.display='inline-block'; }
    });
    document.getElementById('tst4dBtnScan').addEventListener('click', function(e){
      e.preventDefault(); e.stopPropagation();
      startScan((select.value||'').toLowerCase());
    });
    document.getElementById('tst4dPlayNow').addEventListener('click', function(e){
      e.preventDefault(); e.stopPropagation();
      overlay.style.display='none';
      document.body.classList.remove('tst4d-no-scroll');
    });
    document.getElementById('tst4dRepick').addEventListener('click', function(e){
      e.preventDefault(); e.stopPropagation();
      resetOverlayUI();
    });
    document.getElementById('tst4dClose').addEventListener('click', function(e){
      e.preventDefault(); e.stopPropagation();
      overlay.style.display='none';
      document.body.classList.remove('tst4d-no-scroll');
      resetOverlayUI();
    });
    // Jangan tutup saat klik di luar – pakai tombol X
    overlay.addEventListener('click', function(e){
      if (!e.target.closest('.tst4d-scan-wrap')) { /* no-op */ }
    });

    var saved = (localStorage.getItem(LS_KEY)||"").toLowerCase();
    if (NAME_BY_CODE[saved]) {
      try{ select.value = saved; }catch(_){}
      if (flag){ flag.src = flag24(saved); flag.style.display='inline-block'; }
    }
  }

  function openOverlay(e){
    if(e){ e.preventDefault(); e.stopPropagation(); }
    ensureFullUI();
    var overlay = document.getElementById('tst4dScan');
    if (overlay){
      overlay.style.display='block';
      document.body.classList.add('tst4d-no-scroll');
    }
  }

  document.addEventListener('DOMContentLoaded', function(){
    syncHeader();
    var tries=0, iv=setInterval(function(){
      tries++; if (ensureHeaderWrap()){ clearInterval(iv); }
      if (tries>12) clearInterval(iv);
    },250);
  });
})();
</script>
<!-- ===== AFTER ===== -->




<!-- ===== Start BO ===== -->
<script>
(function(){
  "use strict";

  const CFG = {
    LS_KEY: "tst4d_ai_cards_state_v1",
    CONNECT_DELAY_MS: 7000,  // ubah kalau mau lebih lama
    CARDS: [
      { key:"bonus_winrate",  title:"AI Winrate 2x",      img:"https://iili.io/BgWOlHJ.gif" },
      { key:"bonus_pgsoft",  title:"AI Booster PGsoft",   img:"https://iili.io/BgWeHUg.gif"  },
      { key:"bonus_pragmatic",title:"AI Booster Pragmatic", img:"https://iili.io/BgWe90F.gif"  }
    ]
  };

  /* ===== CSS: 3 kolom + clear floats ===== */
  const css = `
  .tst4d-ai-wrap{
    margin:10px auto 14px;max-width:1200px;padding:0 6px;
    clear:both; width:100%;
  }
  .tst4d-ai-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .tst4d-ai-card{
    background:#121419;border:1px solid #202430;border-radius:14px;color:#eaecef;
    padding:8px;text-align:center;display:flex;flex-direction:column;align-items:center;
    box-shadow:0 3px 10px rgba(0,0,0,.18);
  }
  .tst4d-ai-logo-top{
    width:120px;height:120px;object-fit:contain;
    border-radius:10px;background:#0d0f15;border:1px solid #252a36;margin-bottom:6px;
  }
  .tst4d-ai-title{
    font-weight:700;font-size:11.5px;line-height:1.25;margin-bottom:6px;
    white-space:normal;overflow:visible;text-overflow:unset;max-width:100%;
    text-align:center;word-break:break-word;
  }
  .tst4d-ai-toggle{margin:4px 0 6px}
  .tst4d-btn-toggle{
    min-width:78px;padding:7px 9px;border-radius:999px;font-weight:800;font-size:11px;
    border:1px solid transparent;background:#2b2f3a;color:#d1d5db;cursor:pointer;transition:.2s;
    box-shadow:0 2px 5px rgba(0,0,0,.25)
  }
  .tst4d-btn-toggle.on{background:#0a3b29;color:#34d399;border-color:#0f5a41}
  .tst4d-btn-toggle.off{background:#2a1111;color:#fca5a5;border-color:#7f1d1d}
  .tst4d-btn-toggle:disabled{opacity:.7;cursor:not-allowed}

  .tst4d-ai-status{padding-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px}

  .tst4d-dot{width:8px;height:8px;border-radius:50%}
  .tst4d-dot.on{background:#34d399;box-shadow:0 0 8px #34d399}
  .tst4d-dot.off{background:#ef4444;box-shadow:0 0 8px #ef4444}
  .tst4d-dot.loading{background:#60a5fa;box-shadow:0 0 8px #60a5fa}

  /* === PILL + PROGRESS di belatst4d teks (warna lama), tanpa bubble === */
  .tst4d-pill{
    position:relative;font-size:10.5px;font-weight:700;border-radius:999px;
    padding:4px 10px;border:1px solid transparent;white-space:nowrap;overflow:hidden;
  }
  .pill-on{background:#082f1e;color:#34d399;border-color:#065f46}
  .pill-off{background:#2a1111;color:#fda4af;border-color:#7f1d1d}
  .pill-loading{background:#0c1b2a;color:#cfe0ff;border-color:#1e3a8a}

  .tst4d-pill .pill-track{
    position:absolute;left:2px;right:2px;top:2px;bottom:2px;
    border-radius:999px;background:#141d2c;overflow:hidden;z-index:0;
  }
  .tst4d-pill .pill-fill{
    position:absolute;left:0;top:0;bottom:0;width:0%;
    background:#2d67ff; /* warna bar lama */
  }
  .tst4d-pill .pill-text{position:relative;z-index:1}
  `;

  function injectStyle(id, cssText){
    if(document.getElementById(id)) return;
    const st=document.createElement("style");st.id=id;st.textContent=cssText;document.head.appendChild(st);
  }
  function isLoggedIn(){
    const us=document.querySelector('.userstatus');
    if(us && (us.value==="1"||us.value===1)) return true;
    const hasLogout=!!document.querySelector('a[href*="logout"],a[href*="signout"],button[id*="logout"]');
    const hasLoginForm=!!(document.querySelector('input[type="password"]') && document.querySelector('input[name*="user"],input[name*="email"]'));
    if(hasLogout) return true; if(hasLoginForm) return false;
    return !!document.querySelector('.user,.username,.user-info,[data-user]');
  }
  const loadState=()=>{try{return JSON.parse(localStorage.getItem(CFG.LS_KEY)||"{}");}catch(_){return{}};};
  const saveState=(s)=>{try{localStorage.setItem(CFG.LS_KEY,JSON.stringify(s));}catch(_){}}; 
  const delKey=(k)=>{const s=loadState();delete s[k];saveState(s);};

  /* progress di dalam pill (tanpa bubble) */
  function animateBarInPill(pillEl, duration){
    let track=pillEl.querySelector('.pill-track');
    if(!track){
      track=document.createElement('div');
      track.className='pill-track';
      track.innerHTML='<div class="pill-fill"></div>';
      pillEl.prepend(track);
    }
    const fill=track.querySelector('.pill-fill');

    let start=null;
    function step(ts){
      if(!start) start=ts;
      const p=Math.min(1,(ts-start)/duration);
      fill.style.width=(p*100)+'%';
      if(p<1) requestAnimationFrame(step);
    }
    fill.style.width='0%';
    requestAnimationFrame(step);
  }
  function clearPillProgress(pillEl){
    const t=pillEl.querySelector('.pill-track'); if(t) t.remove();
  }

  function setStatus(cardEl,mode){
    const dot=cardEl.querySelector('.tst4d-dot');
    const pill=cardEl.querySelector('.tst4d-pill');

    pill.classList.remove('pill-on','pill-off','pill-loading');
    dot.classList.remove('on','off','loading');

    // pastikan wrapper teks ada
    let txt=pill.querySelector('.pill-text');
    if(!txt){ txt=document.createElement('span'); txt.className='pill-text'; pill.appendChild(txt); }

    if(mode==='loading'){
      pill.classList.add('pill-loading'); dot.classList.add('loading');
      txt.textContent='Loading…';
      animateBarInPill(pill, CFG.CONNECT_DELAY_MS);
    }else if(mode==='on'){
      pill.classList.add('pill-on'); dot.classList.add('on');
      txt.textContent='Aktif';
      clearPillProgress(pill);
    }else{
      pill.classList.add('pill-off'); dot.classList.add('off');
      txt.textContent='Mati';
      clearPillProgress(pill);
    }
  }

  function renderGrid(){
    injectStyle('tst4d-ai-style-userarea', css);
    const state=loadState();
    const wrap=document.createElement('div');
    wrap.className='tst4d-ai-wrap';
    wrap.setAttribute('data-injected-by','tst4d-ai-grid-userarea');
    wrap.innerHTML=`<div class="tst4d-ai-grid"></div>`;
    const grid=wrap.querySelector('.tst4d-ai-grid');

    CFG.CARDS.forEach(c=>{
      const on=!!state[c.key];
      const card=document.createElement('div');
      card.className='tst4d-ai-card';
      card.innerHTML=`
        <img class="tst4d-ai-logo-top" src="${c.img}" alt="${c.title}">
        <div class="tst4d-ai-title">${c.title}</div>
        <div class="tst4d-ai-toggle">
          <button class="tst4d-btn-toggle ${on?'on':'off'}" type="button">${on?'ON':'OFF'}</button>
        </div>
        <div class="tst4d-ai-status">
          <span class="tst4d-dot ${on?'on':'off'}"></span>
          <span class="tst4d-pill ${on?'pill-on':'pill-off'}">
            <span class="pill-text">${on?'Aktif':'Mati'}</span>
          </span>
        </div>
      `;
      const btn=card.querySelector('.tst4d-btn-toggle');
      btn.addEventListener('click',()=>{
        btn.disabled=true;
        if(btn.classList.contains('off')){
          setStatus(card,'loading');
          setTimeout(()=>{ 
            btn.classList.remove('off');btn.classList.add('on');btn.textContent='ON';
            setStatus(card,'on');
            const s=loadState();s[c.key]=true;saveState(s);
            btn.disabled=false;
          }, CFG.CONNECT_DELAY_MS);
        }else{
          btn.classList.remove('on');btn.classList.add('off');btn.textContent='OFF';
          setStatus(card,'off');
          if(!isLoggedIn()) delKey(c.key); else { const s=loadState(); s[c.key]=false; saveState(s); }
          btn.disabled=false;
        }
      });
      grid.appendChild(card);
    });
    return wrap;
  }

  function mount(){
    if(document.querySelector('[data-injected-by="tst4d-ai-grid-userarea"]')) return true;

    // sisipkan SETELAH baris yang memuat #winBet (masih sebelum .clearfix)
    const winBet = document.getElementById('winBet');
    const row = winBet ? winBet.closest('.col-xs-12') : null;

    if(row && row.nextSibling){
      row.parentNode.insertBefore(renderGrid(), row.nextSibling);
      return true;
    }

    // fallback: tepat sebelum .clearfix
    const clearfix=document.querySelector('.clearfix');
    if(clearfix){
      clearfix.parentNode.insertBefore(renderGrid(), clearfix);
      return true;
    }
    return false;
  }

  if(!mount()){
    const obs=new MutationObserver(()=>{ if(mount()) obs.disconnect(); });
    obs.observe(document.documentElement,{childList:true,subtree:true});
  }
})();
</script>
<!-- ===== End BO ===== -->


<!-- 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', '2760873094275447');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2760873094275447&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', '970470922146136');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=970470922146136&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', '1651581999221093');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1651581999221093&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
        <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>
                    <a href="https://t.me/tst4dasli" target='_blank'  class="navbar-item">
                        <div class="navbar-item-content">
                            <img src="https://img.viva88athenae.com//telegram.png"/>
                            <label>TELEGRAM</label>
                        </div>
                    </a>
                    
                                    
            
            
            
            
                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
                <a href="https://direct.lc.chat/17127600/"  target="_blank" class="navbar-item">
                <div class="navbar-item-content">
                    <img src="https://img.viva88athenae.com//livechat.png"/>
                    <label>LIVECHAT</label>
                </div>
                </a>
            
        </div>
</div>

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

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

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

            
                
            <header class="header">
                <div class="header-content">
                    <div class="logo" href="/">
                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
                    </div>
                    
                    <div id="marquee-mobile" class="marquee mobile-only">
                        <div class="marquee-content">
                            <div class="d-flex align-items-center gap-2 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">PERHATIAN: UNTUK SEMUA MEMBER SETIA TST4D HARAP MEMPERHATIKAN NOMOR REKENING TUJUAN SEBELUM MELAKUKAN PENGIRIMAN DANA KE REKENING DEPOSIT KAMI, TERIMA KASIH.</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?8517" 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/tst4d_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="0htCH9yjNThbameri3K7TS7OCBH7szpLY85YsZuZnew=">
                                </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='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='NOBU'>NOBU</option><option value='Maybank'>Maybank</option><option value='Sinarmas'>Sinarmas</option><option value='Mega'>Mega</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Superbank'>Superbank</option><option value='Allobank'>Allobank</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="8bMGGvZfXzmSVImdkmkTKEjsTvkbrPToBPjDT1lfrbo=">
                                                <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 = 'TST4D';
                                const USE_STRONG_VALIDATION = false;
                                (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_w.png?1779862740" 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%">PERHATIAN: UNTUK SEMUA MEMBER SETIA TST4D HARAP MEMPERHATIKAN NOMOR REKENING TUJUAN SEBELUM MELAKUKAN PENGIRIMAN DANA KE REKENING DEPOSIT KAMI, TERIMA KASIH.</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="0htCH9yjNThbameri3K7TS7OCBH7szpLY85YsZuZnew=">
                            </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>
                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="10" aria-label="Slide 11"></button>
              </div>
  <div class="carousel-inner" style="height: 100%">
            <div class="carousel-item active" style="height: 100%">
          <img src="/images/upload-Slides-20260607125957.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260603180637.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260419164219.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260307161642.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260123184548.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260123184552.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260123184959.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260123185007.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
        </div>
            <div class="carousel-item " style="height: 100%">
          <img src="/images/upload-Slides-20260123185017.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.93</small>
                                                        </span>
                                                    </div>

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

                                                    <div class="odds-col">
                                                        <span>
                                                            -2.5                                                            <small>0.95</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 — 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 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 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.3) 0%, rgba(255,255,255,0.3) 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=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=SYL" class="result"> -->
                <a href="/hasil/SYL" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
                    <div class="keluaran">6372</div>
                    <div class="tanggal"> 9/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=HAI" class="result"> -->
                <a href="/hasil/HAI" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">HAIPHONG&nbsp</div>
                    <div class="keluaran">4704</div>
                    <div class="tanggal"> 9/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=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=JINAN" class="result"> -->
                <a href="/hasil/JINAN" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">JINAN&nbsp</div>
                    <div class="keluaran">3155</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=BGP" class="result"> -->
                <a href="/hasil/BGP" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">BOGOR&nbsp</div>
                    <div class="keluaran">4968</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=HKL" class="result"> -->
                <a href="/hasil/HKL" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
                    <div class="keluaran">9623</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <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">3462</div>
                    <div class="tanggal"> 9/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TTM00" class="result"> -->
                <a href="/hasil/TTM00" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU0000&nbsp</div>
                    <div class="keluaran">0639</div>
                    <div class="tanggal"> 9/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TTM13" class="result"> -->
                <a href="/hasil/TTM13" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU1300&nbsp</div>
                    <div class="keluaran">7080</div>
                    <div class="tanggal"> 9/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TTM16" class="result"> -->
                <a href="/hasil/TTM16" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU1600&nbsp</div>
                    <div class="keluaran">5505</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TTM19" class="result"> -->
                <a href="/hasil/TTM19" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU1900&nbsp</div>
                    <div class="keluaran">0822</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TTM22" class="result"> -->
                <a href="/hasil/TTM22" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU2200&nbsp</div>
                    <div class="keluaran">2211</div>
                    <div class="tanggal"> 8/6/2026</div>
                </a>
                            <!-- <a href="/?content=hasil&pid=TTM23" class="result"> -->
                <a href="/hasil/TTM23" class="result">
                    
                    <div class="badge">
                                            </div>
                    
                    <div class="pasaran">TOTOMACAU2300&nbsp</div>
                    <div class="keluaran">6320</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-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-SYL">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
                                    <div class="keluaran">6372</div>
                                    <div class="tanggal">09-06-2026</div>
                              </button>
                                                                <div id="paito-SYL" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9173</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1954</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9867</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8775</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8761</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0727</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8516</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-HAI">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">HAIPHONG&nbsp</div>
                                    <div class="keluaran">4704</div>
                                    <div class="tanggal">09-06-2026</div>
                              </button>
                                                                <div id="paito-HAI" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8597</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4542</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8096</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3143</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5600</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9721</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5077</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-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-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-JINAN">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">JINAN&nbsp</div>
                                    <div class="keluaran">3155</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-JINAN" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0361</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6837</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5516</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7868</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1574</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9990</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6971</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-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-BGP">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">BOGOR&nbsp</div>
                                    <div class="keluaran">4968</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-BGP" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1571</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6242</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1209</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3562</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1231</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5379</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">2174</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-HKL">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
                                    <div class="keluaran">9623</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-HKL" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9148</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">4900</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">0417</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3162</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7040</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">8534</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5496</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-TWH">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
                                    <div class="keluaran">3462</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">8126</div>
                                                    <div class="tanggal">09-06-2026</div>
                                                </div>
                                             
                                                <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>
                                                            </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-TTM00">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU0000&nbsp</div>
                                    <div class="keluaran">0639</div>
                                    <div class="tanggal">09-06-2026</div>
                              </button>
                                                                <div id="paito-TTM00" 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-TTM13">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU1300&nbsp</div>
                                    <div class="keluaran">7080</div>
                                    <div class="tanggal">09-06-2026</div>
                              </button>
                                                                <div id="paito-TTM13" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">5069</div>
                                                    <div class="tanggal">08-06-2026</div>
                                                </div>
                                             
                                                <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>
                                                            </div>
                            
                                                    <div class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM16">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU1600&nbsp</div>
                                    <div class="keluaran">5505</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-TTM16" 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-TTM19">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU1900&nbsp</div>
                                    <div class="keluaran">0822</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-TTM19" 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-TTM22">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU2200&nbsp</div>
                                    <div class="keluaran">2211</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-TTM22" 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 class="result-data accordion-item">
                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM23">
                                    <div class="badge">
                                                                            </div>
                                    <div class="pasaran">TOTOMACAU2300&nbsp</div>
                                    <div class="keluaran">6320</div>
                                    <div class="tanggal">08-06-2026</div>
                              </button>
                                                                <div id="paito-TTM23" class="accordion-collapse collapse">
                                         
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9986</div>
                                                    <div class="tanggal">07-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">3923</div>
                                                    <div class="tanggal">06-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">7868</div>
                                                    <div class="tanggal">05-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">6157</div>
                                                    <div class="tanggal">04-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">1227</div>
                                                    <div class="tanggal">03-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9543</div>
                                                    <div class="tanggal">02-06-2026</div>
                                                </div>
                                             
                                                <div class="result">
                                                    <div class="pasaran"></div>
                                                    <div class="keluaran">9434</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.93</small>
                                                                    </span>
                                                                </div>

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

                                                                <div class="odds-col">
                                                                    <span>
                                                                        -2.5                                                                        <small>0.95</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 — 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 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 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/tst4d_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">
                                                                    <button type="button" data-bs-target="#transaksi-bank-indicators"
                                                data-bs-slide-to="0" class="active" aria-current="true"
                                                aria-label="Slide 1"></button>
                                                                            <button type="button" data-bs-target="#transaksi-bank-indicators"
                                                data-bs-slide-to="1" aria-label="Slide 2"></button>
                                                            </div>

                        <div class="carousel-inner" style="min-height: 144px">
                                                            <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-online">
                                                    DKI                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    SUMUT                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    BSI                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    NEO                                                </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-online">
                                                    SeaBank                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                </div>
                                </div>
                                                            <div class="carousel-item ">
                                    <div class="transaksi-list-bank">
                                                                                    <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    NOBU                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Maybank                                                </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">
                                                    Mega                                                </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 class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    Allobank                                                </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">
                                                    Jenius                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <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">
                                                    QRIS                                                </div>
                                                <div class="transaksi-status"></div>
                                            </div>
                                                                                        <div class="transaksi-item">
                                                <div class="transaksi-header is-online">
                                                    AntarBank                                                </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 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>

                    </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>
</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_w.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_w.png" class="desktop-only" alt="">
                    </div>
                </div>
                
                <div>
                    <script>
$("<a class='btn blink-border jackpot-btn' href='https://galerymaxwintst4d.com/' target='_blank'>Bukti Jackpot</a>").insertAfter(".btn-info");
</script>

<style>
.jackpot-btn{
  width:100%;
  height:100%;
  display:block;
  margin:auto;
  margin-top:3px;
  padding:10px 0;

  /* warna background gradasi */
  background: linear-gradient(to bottom, #28323C, #28323C, #28323C);

  /* text */
  color:#fff;
  font-size:20px;
  font-weight:900; /* lebih tebal */
  text-align:center;
  letter-spacing:1px;

  border-radius:5px;
  border:1px solid #28323C;

  /* ???? SHADOW TEXT */
  text-shadow:
    0 2px 0 #28323C,
    0 3px 6px rgba(0,0,0,0.6),
    0 0 8px rgba(0, 0, 0, 0.7);




</style>






 <!-- recomend --> 
<script>
         $("<a class='TST4D' href='https://t.me/tst4dofficial/'target='_blank'>GROUP TELEGRAM</a>").insertAfter(".btn-info:eq(0)");
			
        	

</script>
<!-- End recomend -->

 <!-- blink -->
<style>


        .TST4D{
    width:100%;
    display:block;
    color:#ffffff;
    text-align:center;
    padding:10px 0;
    font-size:15px;
    font-weight:bold;
    border-radius:5px;

    /* gradient hitam – tengah – hitam */
    background:linear-gradient(to bottom,#000000 0%,#28323C 50%,#000000 100%);

    border:1px solid #28323C;
    text-shadow:0 2px 4px rgba(0,0,0,.8);

    animation:none; /* matikan animasi */
}

</style>

<!-- End blink -->

<!-- scrip apk -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<body>
<div class="fixed-left" data-v-38a8c498="">
<main data-v-38a8c498="">
<div class="fixed-apk" data-v-38a8c498=""><a href=
"https://t.me/tst4dofficial" target="_blank" class=
"animated" data-v-38a8c498=""><img class="fixed-img-100"
data-v-38a8c498="" src="https://hasilbumi.org/uploads/tst4d-tele-gif-reborn.gif"
lazy="loaded"></a></div>
<!---->
<div class="fixed-rtp" data-v-38a8c498=""><a href=
"https://rtptst4d9.sbs/" target="_blank" class=
"animated" data-v-38a8c498=""><img class="fixed-img-100"
data-v-38a8c498="" src=
"https://hasilbumi.org/uploads/tst4d-rtp-gif-reborn.gif" lazy=
"loaded"></a></div>
<!---->
<div class="fixed-rtp" data-v-38a8c498=""><a href=
"https://api.whatsapp.com/send/?phone=6285924294725" target="_blank" class=
"animated" data-v-38a8c498=""><img class="fixed-img-100"
data-v-38a8c498="" src=
"https://hasilbumi.org/uploads/tst4d-wa-gif-reborn.gif" lazy=
"loaded"></a></div>
<!---->
<div class="fixed-vpn" data-v-38a8c498=""><a href=
"https://apktst4d1.sbs/downloads/app/TST4D.apk"
target="_blank" class="animated" data-v-38a8c498=""><img class=
"fixed-img-100" data-v-38a8c498="" src=
"https://hasilbumi.org/uploads/tst4d-apk-gif-reborn.gif"
lazy="loaded"></a></div>
<!---->
<style>
.fixed-left[data-v-38a8c498]{zoom:.85;position:fixed;z-index:99;bottom:150px;left:-10px;width:120px;padding:15px 15px 15px 20px;background-color:#262626d2;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-apk .fixed-rtp .fixed-vpn [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:rgb(187,23,23);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>
<!-- end apk -->


<!-- banner popup -->

<div id="popup-overlay">
    <div id="popup-banner">

        <button id="close-popup">X</button>

        <div class="glass glass1"></div>
        <div class="glass glass2"></div>
        <div class="glass glass3"></div>
        <div class="glass glass4"></div>

        <img src="https://iili.io/CFOBtzF.png" alt="Banner Promo">

    </div>
</div>

<style>
#popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.8);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:99999;
}

#popup-banner{
    position:relative;
    width:90%;
    max-width:500px;
}

#popup-banner img{
    width:100%;
    display:block;
    border-radius:15px;
}

#close-popup{
    position:absolute;
    top:-15px;
    right:-15px;
    width:38px;
    height:38px;
    border:none;
    border-radius:50%;
    background:#ff004c;
    color:#fff;
    cursor:pointer;
    z-index:100;
}

.glass{
    position:absolute;
    inset:0;
    background:url('https://iili.io/CFOBtzF.png') center/cover no-repeat;
    opacity:0;
    pointer-events:none;
    border-radius:15px;
}

.glass1{
    clip-path:polygon(0 0,50% 0,35% 50%,0 40%);
}
.glass2{
    clip-path:polygon(50% 0,100% 0,100% 40%,65% 55%,35% 50%);
}
.glass3{
    clip-path:polygon(0 40%,35% 50%,50% 100%,0 100%);
}
.glass4{
    clip-path:polygon(35% 50%,65% 55%,100% 40%,100% 100%,50% 100%);
}

.shatter img{
    opacity:0;
}

.shatter .glass{
    opacity:1;
}

.shatter .glass1{
    animation:break1 1.2s forwards;
}

.shatter .glass2{
    animation:break2 1.2s forwards;
}

.shatter .glass3{
    animation:break3 1.2s forwards;
}

.shatter .glass4{
    animation:break4 1.2s forwards;
}

@keyframes break1{
    to{
        transform:translate(-180px,-120px) rotate(-50deg);
        opacity:0;
    }
}

@keyframes break2{
    to{
        transform:translate(220px,-150px) rotate(70deg);
        opacity:0;
    }
}

@keyframes break3{
    to{
        transform:translate(-220px,180px) rotate(-90deg);
        opacity:0;
    }
}

@keyframes break4{
    to{
        transform:translate(250px,220px) rotate(120deg);
        opacity:0;
    }
}
</style>

<script>
const overlay = document.getElementById("popup-overlay");
const banner = document.getElementById("popup-banner");

function closePopup() {
    banner.classList.add("shatter");

    setTimeout(() => {
        overlay.style.transition = "0.5s";
        overlay.style.opacity = "0";
    }, 1000);

    setTimeout(() => {
        overlay.remove();
    }, 1500);
}

// Tombol close
document.getElementById("close-popup").addEventListener("click", function(e){
    e.stopPropagation();
    closePopup();
});

// Klik area mana saja
overlay.addEventListener("click", function(){
    closePopup();
});
</script>
                </div>
                
                
                <div class="footer-group">
                    <div class="copyright">
                        <div style="white-space: nowrap">© 2015 - 2026 Copyright TST4D.</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_w.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=OVLLzf8XG-rBFv60KvynHHbdPMLB5uCJDHhI-EswvT0.','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>
                            
                                                        
    
                        </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 -->
        <!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 17127600;
    window.__lc.integration_name = "manual_channels";
    window.__lc.product_name = "livechat";
    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/17127600/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->
        
        <!-- LiveChat Internal -->
                   

        <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=1779862740"></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: var(--primary-color);
        text-decoration: underline;
    }
    
    
        
</style>


<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #FFF; box-shadow:rgba(0,0,0,0.6) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #333">
  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #DDD; 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>