<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>QQWIN4D : Jalur cepat menuju kemenangan lewat Pusat Akses Alternatif Termurah</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/RG.css">-->
    <link rel="stylesheet" href="/css/old/template/RG.css">
    <link rel="stylesheet" href="/css/old/variable.css">
    <link rel="stylesheet" href="/css/old/dark.css">
    <link rel="stylesheet" href="/css/old/new2-style.css?1779862725">
    <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 property="QQWIN4D menyediakan referensi toto digital dengan akses cepat, update informasi terbaru, dan pengalaman online modern yang praktis.">

    <!-- Google tag (gtag.js) -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-NMDL7QJLF9"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());
      gtag('config', 'G-NMDL7QJLF9');
    </script>
    <style>
      .rtpbutton {
        z-index: 99999;
        width: 80px;
        left: 10px;
        bottom: 90px;
        position: fixed;
      }
    </style>

    <!-- Meta Pixel Code -->
    <script>
      ! function(f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function() {
          n.callMethod ?
            n.callMethod.apply(n, arguments) : n.queue.push(arguments)
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = '2.0';
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s)
      }(window, document, 'script',
        'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '1473258124463157');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1473258124463157&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', '2061378901075311');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2061378901075311&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', '1622379302394490');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1622379302394490&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', '1504062811433405');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1504062811433405&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', '26667275296256734');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=26667275296256734&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', '1589919602503252');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1589919602503252&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', '1470281757653023');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1470281757653023&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', '2533086963802219');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2533086963802219&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', '988071943979478');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=988071943979478&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>
    <meta name="description" content="Amankan jalur kemenangan Anda! Akses qqwin4d resmi lewat jalur QQWIN4D Link alternatif terupdate. Dapatkan kemenangan besar di pusat togel resmi QQWIN4D tanpa batas menuju kemenangan terbesar dan termurah.">
    <meta name="keywords" content="qqwin4d, qqwin4dkeren, ritual angka togel, rtp slot">
    <meta name="author" content="QQWIN4D">
    <meta name="robots" content="index, follow">
    <meta name="copyright" content="QQWIN4D">
    <meta name="language" content="ID">
    <meta name="geo.region" content="ID">
    <meta name="geo.placename" content="INDONESIA">
    <meta name="google-site-verification" content="uoElH8F5AEC7N-IAfx8L7JTf21nokctBraJcro9x3KA">
    <link rel="canonical" href="https://qqwin4doc.com/">
    <link rel="amphtml" href="https://qqwin4doc.pages.dev/">
    <link rel="alternate" hreflang="id-id" href="https://qqwin4doc.pages.dev/">
    <link rel="alternate" hreflang="id" href="https://qqwin4doc.pages.dev/">
    <link rel="alternate" hreflang="en" href="https://qqwin4doc.pages.dev/">
    <link rel="alternate" hreflang="x-default" href="https://qqwin4doc.pages.dev/">
    <link rel="alternate" href="https://qqwin4doc.pages.dev/">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="id_ID">
    <meta property="og:url" content="https://qqwin4doc.com/">
    <meta property="og:title" content="QQWIN4D : Jalur cepat menuju kemenangan lewat Pusat Akses Alternatif Termurah">
    <meta property="og:description" content="Amankan jalur kemenangan Anda! Akses qqwin4d resmi lewat jalur QQWIN4D Link alternatif terupdate. Dapatkan kemenangan besar di pusat togel resmi QQWIN4D tanpa batas menuju kemenangan terbesar dan termurah.">
    <meta property="og:image" content="https://puyeng.sgp1.digitaloceanspaces.com/lp/777.webp">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="QQWIN4D : Jalur cepat menuju kemenangan lewat Pusat Akses Alternatif Termurah">
    <meta name="twitter:description" content="Amankan jalur kemenangan Anda! Akses qqwin4d resmi lewat jalur QQWIN4D Link alternatif terupdate. Dapatkan kemenangan besar di pusat togel resmi QQWIN4D tanpa batas menuju kemenangan terbesar dan termurah.">
    <meta name="twitter:image" content="https://puyeng.sgp1.digitaloceanspaces.com/lp/777.webp">
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@graph": [{
            "@type": "WebPage",
            "@id": "https://qqwin4doc.com/#webpage",
            "url": "https://qqwin4doc.com/",
            "name": "QQWIN4D : Jalur cepat menuju kemenangan lewat Pusat Akses Alternatif Termurah",
            "description": "Amankan jalur kemenangan Anda! Akses qqwin4d resmi lewat jalur QQWIN4D Link alternatif terupdate. Dapatkan kemenangan besar di pusat togel resmi QQWIN4D tanpa batas menuju kemenangan terbesar dan termurah.",
            "inLanguage": "id-ID",
            "isPartOf": {
              "@id": "https://qqwin4doc.com/#website"
            },
            "breadcrumb": {
              "@id": "https://qqwin4doc.com/#breadcrumb"
            },
            "primaryImageOfPage": {
              "@type": "ImageObject",
              "url": "https://puyeng.sgp1.digitaloceanspaces.com/lp/777.webp",
              "width": 600,
              "height": 280
            }
          },
          {
            "@type": "BreadcrumbList",
            "@id": "https://qqwin4doc.com/#breadcrumb",
            "itemListElement": [{
                "@type": "ListItem",
                "position": 1,
                "name": "QQWIN4D",
                "item": "https://qqwin4doc.com/"
              },
              {
                "@type": "ListItem",
                "position": 2,
                "name": "QQWIN4D LOGIN",
                "item": "https://qqwin4doc.com/"
              },
              {
                "@type": "ListItem",
                "position": 3,
                "name": "QQWIN4D DAFTAR",
                "item": "https://qqwin4doc.com/"
              }
            ]
          },
          {
            "@type": "Organization",
            "@id": "https://qqwin4doc.com/#organization",
            "name": "QQWIN4D",
            "url": "https://qqwin4doc.com/",
            "logo": {
              "@type": "ImageObject",
              "url": "https://qqwin4dtea.com/images/logo.png",
              "width": 250,
              "height": 60
            }
          },
          {
            "@type": "WebSite",
            "@id": "https://qqwin4doc.com/#website",
            "url": "https://qqwin4doc.com/",
            "name": "QQWIN4D",
            "publisher": {
              "@id": "https://qqwin4doc.com/#organization"
            }
          },
          {
            "@type": "FAQPage",
            "mainEntity": [{
                "@type": "Question",
                "name": "Bagaimana saya membuka account di QQWIN4D ?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "Untuk para Calon Member QQWIN4D Pendaftaran terbuka untuk setiap orang yang berusia 18 tahun keatas, untuk membuka account QQWIN4D."
                }
              },
              {
                "@type": "Question",
                "name": "Apakah pasaran Togel QQWIN4D Lengkap ?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "Tentu, pasaran togel di QQWIN4D sangatlah lengkap dan banyak dengan pasaran internasional."
                }
              },
              {
                "@type": "Question",
                "name": "Sejak Kapan QQWIN4D mulai beroperasi ?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "QQWIN4D telah beroperasi sejak tahun 2015 dengan menyelenggarakan pembukaan account Taruhan Togel yang dilakukan secara online."
                }
              }
            ]
          }
        ]
      }
    </script>
  </head>
  <body id="desktop">
    <div id="hover" class="hover desktop-only">
      <div id="hover-togel" class="hover-menu">
        <a href="/register" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
          <figcaption>TOGEL</figcaption>
        </a>
        <a href="/register" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure>
          <figcaption>KUPON</figcaption>
        </a>
      </div>
      <div id="hover-slot" class="hover-menu">
        <a href="/slot/pp" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
          <figcaption>PRAGMATIC PLAY</figcaption>
        </a>
        <a href="/slot/pg" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
          <figcaption>PG SOFT</figcaption>
        </a>
        <a href="/slot/jl" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
          <figcaption>JILI</figcaption>
        </a>
        <a href="/slot/mgw" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
          <figcaption>MEGAWIN</figcaption>
        </a>
        <a href="/slot/sdl" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
          <figcaption>SHADY LADY</figcaption>
        </a>
        <a href="/slot/hb" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
          <figcaption>HABANERO</figcaption>
        </a>
        <a href="/slot/sg" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
          <figcaption>SPADEGAMING</figcaption>
        </a>
        <a href="/slot/nlc" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
          <figcaption>NOLIMIT CITY</figcaption>
        </a>
        <a href="/slot/fs" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
          <figcaption>FASTSPIN</figcaption>
        </a>
        <a href="/slot/jg" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
          <figcaption>JOKER</figcaption>
        </a>
        <a href="/slot/mg" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
          <figcaption>MICROGAMING</figcaption>
        </a>
        <a href="/slot/fgs" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
          <figcaption>5G GAMES</figcaption>
        </a>
        <a href="/slot/hks" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
          <figcaption>HACKSAW GAMING</figcaption>
        </a>
        <a href="/slot/nxt" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
          <figcaption>NEXTSPIN</figcaption>
        </a>
        <a href="/slot/ps" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
          <figcaption>PLAYSTAR</figcaption>
        </a>
        <a href="/slot/pt" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
          <figcaption>PLAYTECH</figcaption>
        </a>
        <a href="/slot/av" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
          <figcaption>ADVANT PLAY</figcaption>
        </a>
        <a href="/slot/cmp" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
          <figcaption>COSMOPLAY</figcaption>
        </a>
        <a href="/slot/cq9" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
          <figcaption>CQ9</figcaption>
        </a>
        <a href="/slot/wow" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
          <figcaption>WOW GAMING</figcaption>
        </a>
        <a href="/slot/l22" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
          <figcaption>LIVE22</figcaption>
        </a>
        <a href="/slot/ss" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
          <figcaption>SBO SLOT</figcaption>
        </a>

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

        <!-- <a href="/slot/ttg" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
            <figcaption>TOPTREND GAMING</figcaption>
        </a> -->
      </div>
      <div id="hover-live" class="hover-menu">
        <a href="/casino/pplc" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
          <figcaption>PRAGMATIC PLAY</figcaption>
        </a>
        <a href="/casino/evo" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
          <figcaption>EVOLUTION</figcaption>
        </a>
        <a href="/casino/mglc" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
          <figcaption>MICROGAMING</figcaption>
        </a>
        <a href="/casino/ion" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
          <figcaption>ION CASINO</figcaption>
        </a>
        <a href="/casino/sx" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
          <figcaption>SEXY GAMING</figcaption>
        </a>
        <a href="/casino/sa" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
          <figcaption>SA GAMING</figcaption>
        </a>
        <a href="/casino/ab" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
          <figcaption>ALLBET</figcaption>
        </a>
        <a href="/casino/ptlc" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
          <figcaption>PLAYTECH LIVE</figcaption>
        </a>

        <!-- <a href="/casino/gmnl" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
            <figcaption>GEMINI LIVE</figcaption>
        </a> -->
        <a href="/casino/og" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
          <figcaption>OPUS PLUS</figcaption>
        </a>
        <a href="/casino/sbol" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
          <figcaption>SBOBET CASINO</figcaption>
        </a>
      </div>
      <div id="hover-sport" class="hover-menu">
        <a href="/register" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
          <figcaption>SABA</figcaption>
        </a>
        <a href="/register" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
          <figcaption>SBOBET</figcaption>
        </a>
        <a href="/register" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
          <figcaption>CMD368</figcaption>
        </a>

        <!-- <a href="/register" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
            <figcaption>PINNACLE</figcaption>
        </a>   -->
        <a href="/register" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
          <figcaption>TFGAMING</figcaption>
        </a>
      </div>
      <div id="hover-fishing" class="hover-menu">
        <a href="/arcade/jl" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
          <figcaption>JILI</figcaption>
        </a>
        <a href="/arcade/sg" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
          <figcaption>SPADE GAMING</figcaption>
        </a>
        <a href="/arcade/fs" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
          <figcaption>FASTSPIN</figcaption>
        </a>

        <!-- <a href="/arcade/ps" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
            <figcaption>PLAYSTAR</figcaption>
        </a>
	    <a href="/arcade/l22" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
            <figcaption>LIVE22</figcaption>
        </a>  -->
      </div>
      <div id="hover-sabung" class="hover-menu">
        <a href="/sabung/ws" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
          <figcaption>WS168</figcaption>
        </a>
        <a href="/sabung/sv" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
          <figcaption>SV388</figcaption>
        </a>
      </div>
      <div id="hover-interactive" class="hover-menu">
        <a href="/interactive/pp" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
          <figcaption>PRAGMATIC PLAY</figcaption>
        </a>
        <a href="/interactive/gmn" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
          <figcaption>GEMINI</figcaption>
        </a>
        <a href="/interactive/jl" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
          <figcaption>JILI</figcaption>
        </a>
        <a href="/interactive/jg" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
          <figcaption>JOKER</figcaption>
        </a>
        <a href="/interactive/mg" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
          <figcaption>MICRO GAMING</figcaption>
        </a>
        <a href="/interactive/hks" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
          <figcaption>HACKSAW GAMING</figcaption>
        </a>
        <a href="/interactive/pt" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
          <figcaption>PLAYTECH</figcaption>
        </a>
        <a href="/interactive/wow" class="hover-item">
          <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
          <figcaption>WOW GAMING</figcaption>
        </a>

        <!-- <a href="/interactive/ps" class="hover-item">
            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
            <figcaption>PLAYSTAR</figcaption>
        </a>  -->
      </div>
    </div>
    <style>
      .my-navbar {
        height: 44px;
        padding: 0px;
        width: 100%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 100%), var(--primary-color);
        position: fixed;
        bottom: 0;
        color: white;
        z-index: 1100;
        display: flex;
        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
      }
      .navbar-item {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      .navbar-item-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -16px
      }
      .navbar-item-content>i {
        font-size: 20px;
        line-height: 22px;
        color: white;
        padding-bottom: 4px;
      }
      .navbar-item-content>img {
        height: 28px;
        width: 28px;
      }
      .navbar-item-content>label {
        white-space: nowrap;
        margin-top: 4px;
        font-weight: bold;
        font-size: var(--text-size-default);
        color: white
      }
      .speed-dial-item {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.3s ease;
      }
      .speed-dial-active .speed-dial-item {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      /* Delay each item’s appearance */
      .speed-dial-active .speed-dial-item:nth-child(2) {
        transition-delay: 0.05s;
      }
      .speed-dial-active .speed-dial-item:nth-child(3) {
        transition-delay: 0.1s;
      }
      .speed-dial-active .speed-dial-item:nth-child(4) {
        transition-delay: 0.15s;
      }
      .speed-dial-active .speed-dial-item:nth-child(5) {
        transition-delay: 0.2s;
      }
      .speed-dial-active .speed-dial-item:nth-child(6) {
        transition-delay: 0.25s;
      }
    </style>
    <div class="mobile-only">
      <div class="my-navbar">
        <a href="/" class="navbar-item" style="position: relative">
          <div class="navbar-item-content">
            <img src="https://img.viva88athenae.com//beranda.png">
            <label>BERANDA</label>
          </div>
        </a>
        <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
        <a href="/m/promosi" class="navbar-item">
          <div class="navbar-item-content">
            <img src="https://img.viva88athenae.com//promosi.png">
            <label>PROMOSI</label>
          </div>
        </a>
        <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
        <a href="/m/event" class="navbar-item">
          <div class="navbar-item-content">
            <img src="https://img.viva88athenae.com//events.png">
            <label>EVENT</label>
          </div>
        </a>
        <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
        <div class="navbar-item">
          <div class="navbar-item-content speed-dial-btn">
            <img src="https://img.viva88athenae.com//chat.png">
            <label>CHAT</label>
          </div>
          <a href="https://wa.me/6281357383606" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px">
            <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%">
          </a>
          <a href="https://t.me/Csqql4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px">
            <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%">
          </a>
        </div>
        <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
        <a href="https://direct.lc.chat/15058623/14" 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">Min Depo 10K / Rollingan Slot 0,7% / RTP Garansi GACOR</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%">
              <div class="login-form form" style="padding:0px; padding-top:16px">
                <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit" onclick="window.location.href='https://rdrnwl.net/qqwin4d'">
                  Login
                </button>
                <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="window.location.href='https://rdrnwl.net/qqwin4dspf'">
                  Daftar Sekarang
                </button>
              </div>
            </div>
          </div>
          <div class="menu">
            <style>
              .menu-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 12px;
                min-width: 72px;
                padding: 8px;
                height: 100%;
              }
              .menu-item:hover {
                background: linear-gradient(180deg, var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
              }
              .menu-item.active {
                background: linear-gradient(180deg, var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
              }
              .menu-item-img {
                height: 28px;
              }
              .menu-item-icon {
                font-size: 28px;
                color: var(--menu-item-color)
              }
              .menu-item:hover>.menu-item-icon {
                color: var(--primary-color);
              }
            </style>
            <a href="/" class="menu-item active">

              <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
              <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
              <label>HOME</label>
            </a>
            <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">

              <!--<img class="mobile-only" src="assets/togel.png" alt="">-->

              <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1779862725" 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%">Min Depo 10K / Rollingan Slot 0,7% / RTP Garansi GACOR</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="FOjAEgNaX+NExH9GgYReB5WV//0UWHIkFINz55GXG5M=">
              </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">×</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 pointer-event" 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>
              </div>
              <div class="carousel-inner" style="height: 100%">
                <div class="carousel-item active" style="height: 100%">
                  <img src="https://puyeng.sgp1.digitaloceanspaces.com/lp/777.webp" class="d-block w-100 banner" alt="QQWIN4D jalur cepat" 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://puyeng.sgp1.digitaloceanspaces.com/lp/777.webp" alt="QQWIN4D jalur cepat" style="border-radius:20px; top:0; left:0; width:100%; height:100%; position:absolute;">
            </div>
          </div>
          <div class="seo-content-from-footer p-3">
            <div>
              <h1>QQWIN4D Jalur cepat menuju kemenangan lewat Pusat Akses Alternatif Termurah</h1>
              <p>Amankan jalur kemenangan Anda! Akses qqwin4d resmi lewat jalur QQWIN4D Link alternatif terupdate. QQWIN4D Menyediakan Link Alternatif menuju kemenangan terbesar dengan jalu resmi togel tanpa batas minimum betting.</p>
            </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://img-2-2.cdn568.net/images/teamLogo/Mexico.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://img-2-2.cdn568.net/images/teamLogo/SouthAfrica.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.80</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            -1                                                            <small>-0.92</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">
                        e-Football F24 Elite Club Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 03:45 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Feyenoord.png" alt="e-Feyenoord" class="team-logo">
                          <div class="team-name">
                            e-Feyenoord </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            0 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133579319')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/ManchesterCity.png" alt="e-Manchester City" class="team-logo">
                          <div class="team-name">
                            e-Manchester City </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            -2.75                                                            <small>-0.93</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            2.75                                                            <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">
                        e-Football F24 International Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 03:30 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Finland.png" alt="e-Finland" class="team-logo">
                          <div class="team-name">
                            e-Finland </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            0 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578970')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Spain.png" alt="e-Spain" class="team-logo">
                          <div class="team-name">
                            e-Spain </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            0.00                                                            <small>-0.55</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            0.00                                                            <small>0.31</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">
                        e-Football F24 Elite Club Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 04:00 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Sevilla.png" alt="e-Sevilla" class="team-logo">
                          <div class="team-name">
                            e-Sevilla </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            0 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133579320')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/ASMonaco.png" alt="e-AS Monaco" class="team-logo">
                          <div class="team-name">
                            e-AS Monaco </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            0.25                                                            <small>0.73</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            -0.25                                                            <small>-0.97</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">
                        e-Football F24 International Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 03:30 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Netherlands.png" alt="e-Netherlands" class="team-logo">
                          <div class="team-name">
                            e-Netherlands </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            2 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578973')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Germany.png" alt="e-Germany" class="team-logo">
                          <div class="team-name">
                            e-Germany </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            0.25                                                            <small>0.50</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            -0.25                                                            <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">
                        e-Football F24 Elite Club Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 03:45 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Arsenal.png" alt="e-Arsenal" class="team-logo">
                          <div class="team-name">
                            e-Arsenal </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            0 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133579318')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/InterMilan.png" alt="e-Inter Milan" class="team-logo">
                          <div class="team-name">
                            e-Inter Milan </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            0.25                                                            <small>0.73</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            -0.25                                                            <small>-0.97</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">
                        e-Football F24 International Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 03:45 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/England.png" alt="e-England" class="team-logo">
                          <div class="team-name">
                            e-England </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            0 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578974')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Hungary.png" alt="e-Hungary" class="team-logo">
                          <div class="team-name">
                            e-Hungary </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            1.25                                                            <small>0.63</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            -1.25                                                            <small>-0.87</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">
                        e-Football F24 International Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 03:45 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://cdn.sportnanoapi.com/football/team/e5e5e0f67481324ebdbd65d65890b2b8.png" alt="e-Italy" class="team-logo">
                          <div class="team-name">
                            e-Italy </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            0 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578975')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Wales.png" alt="e-Wales" class="team-logo">
                          <div class="team-name">
                            e-Wales </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            1                                                            <small>0.75</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            -1                                                            <small>-0.99</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">
                        e-Football F24 Elite Club Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 04:00 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Chelsea.png" alt="e-Chelsea" class="team-logo">
                          <div class="team-name">
                            e-Chelsea </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            0 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133579321')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/BayerLeverkusen.png" alt="e-Bayer Leverkusen" class="team-logo">
                          <div class="team-name">
                            e-Bayer Leverkusen </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            -0.5                                                            <small>-0.81</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            0.5                                                            <small>0.57</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">
                        e-Football F24 International Friendly </div>
                      <div class="kickoff-time">
                        June 1, 2026 — 05:00 WIB </div>
                      <div class="match-main-row">
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Hungary.png" alt="e-Hungary" class="team-logo">
                          <div class="team-name">
                            e-Hungary </div>
                        </div>
                        <div class="score-col">
                          <div class="score-value">
                            0 : 0 </div>
                          <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578988')">
                            BET NOW
                          </a>
                        </div>
                        <div class="team-col">
                          <img src="https://img-2-2.cdn568.net/images/teamLogo/Portugal.png" alt="e-Portugal" class="team-logo">
                          <div class="team-name">
                            e-Portugal </div>
                        </div>
                      </div>
                      <div class="match-odds-row">
                        <div class="odds-col">
                          <span>
                                                            -0.5                                                            <small>-0.82</small>
                                                        </span>
                        </div>
                        <div class="odds-spacer"></div>
                        <div class="odds-col">
                          <span>
                                                            0.5                                                            <small>0.58</small>
                                                        </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="visually-hidden">Next</span>
            </button>
          </div>
        </div>
      </div>

      <!-- BANNER SBO MOBILE END -->

      <!-- Togel -->
      <style>
        .togel-desktop {
          /*background: var(--togel-background);*/
          background: var(--footer-background);
          grid-area: togel-desktop;
          position: relative;
        }
        .togel-mobile {
          display: none;
        }
        .show-more {
          position: absolute;
          z-index: 999;
          bottom: 0px;
          width: 100%;
          /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
        }
        .show-more-content {
          background: var(--secondary-background);
          opacity: .7;
          display: grid;
          place-items: center;
          height: 32px
        }
        .togel-content {
          position: relative;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          /*display: grid;*/
          /*grid-template-columns: repeat(10, 1fr);*/
          gap: 8px 4px;
          padding: 16px 0;
        }
        .see-more {
          padding: 16px 0 48px 0;
          max-height: 162px;
          transition: max-height .75s ease-out;
          transition-delay: .1s;
          overflow: hidden;
        }
        .togel-content:hover {
          max-height: 1000px;
          transition: max-height 0.25s ease-in;
        }
        .result {
          height: 110px;
          width: 96px;
          border-radius: 10px;
          background: var(--result-background);
          border: var(--result-border);
          display: grid;
          grid-template-rows: 0px 20px 1fr 28px;
          grid-template-areas:
            "badge"
            "pasaran"
            "keluaran"
            "tanggal"
          ;
          /* display: flex;
            flex-direction: column;
            justify-content: space-between; */
          overflow: hidden;
        }
        .badge {
          grid-area: badge;
          display: grid;
          place-items: center;
        }
        .result>.pasaran {
          grid-area: pasaran;
          padding-top: 8px;
          white-space: nowrap;
          font-size: .7rem;
          line-height: .7rem;
          color: var(--result-pasaran-color);
          display: grid;
          place-items: center;
        }
        .result>.keluaran {
          grid-area: keluaran;
          padding-bottom: 8px;
          font-family: 'Oswald', sans-serif;
          line-height: 40px;
          font-size: 40px;
          color: var(--result-keluaran-color);
          display: grid;
          place-items: center;
        }
        .result>.tanggal {
          grid-area: tanggal;
          width: 100%;
          height: 100%;
          /* background: rgb(40,0,0);
            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
          background: var(--result-tanggal-background);
          white-space: nowarp;
          font-size: .79rem;
          display: grid;
          place-items: center;
          font-family: 'Abel', sans-serif;
          color: var(--result-tanggal-color);
        }
        @media only screen and (max-width: 1000px) {
          .togel-desktop {
            display: none;
          }
          .togel-mobile {
            background: var(--secondary-background);
            grid-area: togel-mobile;
            padding: 24px;
            padding-bottom: 12px;
            box-shadow: rgba(0, 0, 0, 1) 0px 0px 10px 0px;
          }
          .togel-title {
            padding: 0px;
            padding-bottom: 20px;
            font-size: 1.4rem;
            font-weight: bold;
            color: var(--primary-text-color);
          }
          .togel-content {
            max-height: fit-content;
            display: grid;
            grid-template-columns: 1fr;
            gap: 0;
            border-radius: 8px;
          }
          .provider-group {
            padding: var(--mobile-padding-horizontal);
          }
          .badge {
            display: none;
          }
          .result {
            height: auto;
            width: 100%;
            display: grid;
            grid-template-rows: 1fr;
            grid-template-columns: 1fr 1fr 80px;
            grid-template-areas: "pasaran tanggal keluaran";
            border-radius: 0;
            border: none;
            background: transparent;
            padding: 4px 12px;
            color: var(--primary-text-color);
            font-family: 'Abel', sans-serif;
          }
          .result-data:nth-child(odd) {
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), var(--secondary-background);
          }
          .accordion-item {
            background-color: transparent;
            border: 0px;
          }
          .accordion-button:not(.collapsed) {
            color: inherit;
            background-color: transparent;
            box-shadow: none;
          }
          .accordion-button::after {
            height: 0px;
          }
          .result>* {
            padding: 0px !important;
            margin: 0px !important;
            font-size: 1.4rem !important;
            line-height: auto !important;
            font-weight: normal !important;
          }
          .result>.pasaran {
            display: flex;
            justify-content: start;
            color: var(--primary-text-color) !important;
            opacity: .7;
          }
          .result>.tanggal {
            display: flex;
            justify-content: center;
            background: transparent;
            color: var(--primary-text-color) !important;
            opacity: .7;
          }
          .result>.keluaran {
            display: flex;
            justify-content: end;
            /*color: var(--primary-text-color)!important;*/
            font-family: 'Abel', sans-serif;
            color: var(--highlight-text-color);
          }
        }
      </style>
      <div id="togel-desktop" class="togel-desktop desktop-only">
        <div class="show-more desktop-only">
          <div class="show-more-content">
            <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
          </div>
        </div>
        <div class="togel-content see-more">

          <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
          <a href="/hasil/TWH" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">TOTO WUHAN&nbsp;</div>
            <div class="keluaran">0667</div>
            <div class="tanggal"> 1/6/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
          <a href="/hasil/HKD" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">HK SIANG&nbsp;</div>
            <div class="keluaran">5373</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=CMB" class="result"> -->
          <a href="/hasil/CMB" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">CAMBODIA&nbsp;</div>
            <div class="keluaran">9842</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=SGM" class="result"> -->
          <a href="/hasil/SGM" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">SG METRO&nbsp;</div>
            <div class="keluaran">8149</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=SYD" class="result"> -->
          <a href="/hasil/SYD" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">SYDNEY&nbsp;</div>
            <div class="keluaran">0336</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=MYD" class="result"> -->
          <a href="/hasil/MYD" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">MALAYSIA SIANG&nbsp;</div>
            <div class="keluaran">8627</div>
            <div class="tanggal"> 31/5/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">1869</div>
            <div class="tanggal"> 31/5/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">5443</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=MC" class="result"> -->
          <a href="/hasil/MC" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">MACAU&nbsp;</div>
            <div class="keluaran">5875</div>
            <div class="tanggal"> 31/5/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">0724</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=HK" class="result"> -->
          <a href="/hasil/HK" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">HONGKONG&nbsp;</div>
            <div class="keluaran">6516</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=TMC00" class="result"> -->
          <a href="/hasil/TMC00" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">TOTOMACAU 0000&nbsp;</div>
            <div class="keluaran">7231</div>
            <div class="tanggal"> 1/6/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=TMC13" class="result"> -->
          <a href="/hasil/TMC13" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">TOTOMACAU 1300&nbsp;</div>
            <div class="keluaran">4807</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=TMC16" class="result"> -->
          <a href="/hasil/TMC16" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">TOTOMACAU 1600&nbsp;</div>
            <div class="keluaran">8354</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=TMC19" class="result"> -->
          <a href="/hasil/TMC19" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">TOTOMACAU 1900&nbsp;</div>
            <div class="keluaran">3940</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>

          <!-- <a href="/?content=hasil&pid=TMC22" class="result"> -->
          <a href="/hasil/TMC22" class="result">
            <div class="badge">
            </div>
            <div class="pasaran">TOTOMACAU 2200&nbsp;</div>
            <div class="keluaran">7800</div>
            <div class="tanggal"> 31/5/2026</div>
          </a>
        </div>
      </div>
      <div id="togel-mobile" class="togel-mobile mobile-only">
        <div class="togel-title">Togel Result</div>
        <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
            <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
          </div>
          <div class="carousel-inner">
            <div class="carousel-item accordion accordion-flush active">
              <div class="result-data accordion-item">
                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
                  <div class="badge">
                  </div>
                  <div class="pasaran">TOTO WUHAN&nbsp;</div>
                  <div class="keluaran">0667</div>
                  <div class="tanggal">01-06-2026</div>
                </button>
                <div id="paito-TWH" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9355</div>
                    <div class="tanggal">31-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4350</div>
                    <div class="tanggal">31-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5027</div>
                    <div class="tanggal">31-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2539</div>
                    <div class="tanggal">31-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5164</div>
                    <div class="tanggal">31-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4959</div>
                    <div class="tanggal">31-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3197</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-HKD">
                  <div class="badge">
                  </div>
                  <div class="pasaran">HK SIANG&nbsp;</div>
                  <div class="keluaran">5373</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-HKD" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9157</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">0455</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4134</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">7664</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1484</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9005</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6872</div>
                    <div class="tanggal">24-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-CMB">
                  <div class="badge">
                  </div>
                  <div class="pasaran">CAMBODIA&nbsp;</div>
                  <div class="keluaran">9842</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-CMB" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">7006</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">7990</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5608</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">0678</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9757</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5693</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1494</div>
                    <div class="tanggal">24-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-SGM">
                  <div class="badge">
                  </div>
                  <div class="pasaran">SG METRO&nbsp;</div>
                  <div class="keluaran">8149</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-SGM" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5775</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1514</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3554</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8412</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2392</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2126</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6988</div>
                    <div class="tanggal">24-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-SYD">
                  <div class="badge">
                  </div>
                  <div class="pasaran">SYDNEY&nbsp;</div>
                  <div class="keluaran">0336</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-SYD" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5823</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8792</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9033</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3926</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8974</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4459</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2554</div>
                    <div class="tanggal">24-05-2026</div>
                  </div>
                </div>
              </div>
              <div class="result-data accordion-item">
                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
                  <div class="badge">
                  </div>
                  <div class="pasaran">MALAYSIA SIANG&nbsp;</div>
                  <div class="keluaran">8627</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-MYD" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4073</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5061</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9391</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4042</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8074</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9004</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1606</div>
                    <div class="tanggal">24-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-SG">
                  <div class="badge">
                  </div>
                  <div class="pasaran">SINGAPORE&nbsp;</div>
                  <div class="keluaran">1869</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-SG" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9806</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3301</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1516</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6101</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">7758</div>
                    <div class="tanggal">24-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2176</div>
                    <div class="tanggal">23-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3537</div>
                    <div class="tanggal">21-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">5443</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-MY" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6651</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5315</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">7818</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6499</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5763</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8368</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1787</div>
                    <div class="tanggal">24-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-MC">
                  <div class="badge">
                  </div>
                  <div class="pasaran">MACAU&nbsp;</div>
                  <div class="keluaran">5875</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-MC" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5100</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8817</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2839</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1783</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3031</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5814</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8092</div>
                    <div class="tanggal">24-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-QTR">
                  <div class="badge">
                  </div>
                  <div class="pasaran">QATAR&nbsp;</div>
                  <div class="keluaran">0724</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-QTR" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8038</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4951</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">0107</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2545</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5208</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3403</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">7302</div>
                    <div class="tanggal">24-05-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-HK">
                  <div class="badge">
                  </div>
                  <div class="pasaran">HONGKONG&nbsp;</div>
                  <div class="keluaran">6516</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-HK" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">0091</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6327</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3268</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1679</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9138</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5909</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3754</div>
                    <div class="tanggal">24-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-TMC00">
                  <div class="badge">
                  </div>
                  <div class="pasaran">TOTOMACAU 0000&nbsp;</div>
                  <div class="keluaran">7231</div>
                  <div class="tanggal">01-06-2026</div>
                </button>
                <div id="paito-TMC00" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4192</div>
                    <div class="tanggal">31-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2642</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6784</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5494</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">8765</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3318</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">9872</div>
                    <div class="tanggal">25-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-TMC13">
                  <div class="badge">
                  </div>
                  <div class="pasaran">TOTOMACAU 1300&nbsp;</div>
                  <div class="keluaran">4807</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-TMC13" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2637</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1472</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3200</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">0040</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3678</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6178</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2437</div>
                    <div class="tanggal">24-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-TMC16">
                  <div class="badge">
                  </div>
                  <div class="pasaran">TOTOMACAU 1600&nbsp;</div>
                  <div class="keluaran">8354</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-TMC16" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4727</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3580</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6786</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">0773</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">2784</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6951</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5320</div>
                    <div class="tanggal">24-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-TMC19">
                  <div class="badge">
                  </div>
                  <div class="pasaran">TOTOMACAU 1900&nbsp;</div>
                  <div class="keluaran">3940</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-TMC19" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3561</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1967</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6264</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">3940</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5665</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1364</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5184</div>
                    <div class="tanggal">24-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-TMC22">
                  <div class="badge">
                  </div>
                  <div class="pasaran">TOTOMACAU 2200&nbsp;</div>
                  <div class="keluaran">7800</div>
                  <div class="tanggal">31-05-2026</div>
                </button>
                <div id="paito-TMC22" class="accordion-collapse collapse">
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1854</div>
                    <div class="tanggal">30-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">6426</div>
                    <div class="tanggal">29-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">4234</div>
                    <div class="tanggal">28-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">0981</div>
                    <div class="tanggal">27-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1067</div>
                    <div class="tanggal">26-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">5589</div>
                    <div class="tanggal">25-05-2026</div>
                  </div>
                  <div class="result">
                    <div class="pasaran"></div>
                    <div class="keluaran">1312</div>
                    <div class="tanggal">24-05-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://img-2-2.cdn568.net/images/teamLogo/Mexico.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://img-2-2.cdn568.net/images/teamLogo/SouthAfrica.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.80</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        -1                                                                        <small>-0.92</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">
                          e-Football F24 Elite Club Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 03:45 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Feyenoord.png" alt="e-Feyenoord" class="team-logo">
                            <div class="team-name">
                              e-Feyenoord </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              0 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133579319')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/ManchesterCity.png" alt="e-Manchester City" class="team-logo">
                            <div class="team-name">
                              e-Manchester City </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        -2.75                                                                        <small>-0.93</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        2.75                                                                        <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">
                          e-Football F24 International Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 03:30 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Finland.png" alt="e-Finland" class="team-logo">
                            <div class="team-name">
                              e-Finland </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              0 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578970')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Spain.png" alt="e-Spain" class="team-logo">
                            <div class="team-name">
                              e-Spain </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        0.00                                                                        <small>-0.55</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        0.00                                                                        <small>0.31</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">
                          e-Football F24 Elite Club Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 04:00 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Sevilla.png" alt="e-Sevilla" class="team-logo">
                            <div class="team-name">
                              e-Sevilla </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              0 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133579320')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/ASMonaco.png" alt="e-AS Monaco" class="team-logo">
                            <div class="team-name">
                              e-AS Monaco </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        0.25                                                                        <small>0.73</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        -0.25                                                                        <small>-0.97</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">
                          e-Football F24 International Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 03:30 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Netherlands.png" alt="e-Netherlands" class="team-logo">
                            <div class="team-name">
                              e-Netherlands </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              2 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578973')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Germany.png" alt="e-Germany" class="team-logo">
                            <div class="team-name">
                              e-Germany </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        0.25                                                                        <small>0.50</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        -0.25                                                                        <small>-0.74</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">
                          e-Football F24 Elite Club Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 03:45 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Arsenal.png" alt="e-Arsenal" class="team-logo">
                            <div class="team-name">
                              e-Arsenal </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              0 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133579318')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/InterMilan.png" alt="e-Inter Milan" class="team-logo">
                            <div class="team-name">
                              e-Inter Milan </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        0.25                                                                        <small>0.73</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        -0.25                                                                        <small>-0.97</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">
                          e-Football F24 International Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 03:45 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/England.png" alt="e-England" class="team-logo">
                            <div class="team-name">
                              e-England </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              0 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578974')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Hungary.png" alt="e-Hungary" class="team-logo">
                            <div class="team-name">
                              e-Hungary </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        1.25                                                                        <small>0.63</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        -1.25                                                                        <small>-0.87</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">
                          e-Football F24 International Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 03:45 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://cdn.sportnanoapi.com/football/team/e5e5e0f67481324ebdbd65d65890b2b8.png" alt="e-Italy" class="team-logo">
                            <div class="team-name">
                              e-Italy </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              0 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578975')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Wales.png" alt="e-Wales" class="team-logo">
                            <div class="team-name">
                              e-Wales </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        1                                                                        <small>0.75</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        -1                                                                        <small>-0.99</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">
                          e-Football F24 Elite Club Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 04:00 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Chelsea.png" alt="e-Chelsea" class="team-logo">
                            <div class="team-name">
                              e-Chelsea </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              0 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133579321')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/BayerLeverkusen.png" alt="e-Bayer Leverkusen" class="team-logo">
                            <div class="team-name">
                              e-Bayer Leverkusen </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        -0.5                                                                        <small>-0.81</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        0.5                                                                        <small>0.57</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">
                          e-Football F24 International Friendly </div>
                        <div class="kickoff-time">
                          June 1, 2026 — 05:00 WIB </div>
                        <div class="match-main-row">
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Hungary.png" alt="e-Hungary" class="team-logo">
                            <div class="team-name">
                              e-Hungary </div>
                          </div>
                          <div class="score-col">
                            <div class="score-value">
                              0 : 0 </div>
                            <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '133578988')">
                              BET NOW
                            </a>
                          </div>
                          <div class="team-col">
                            <img src="https://img-2-2.cdn568.net/images/teamLogo/Portugal.png" alt="e-Portugal" class="team-logo">
                            <div class="team-name">
                              e-Portugal </div>
                          </div>
                        </div>
                        <div class="match-odds-row">
                          <div class="odds-col">
                            <span>
                                                                        -0.5                                                                        <small>-0.82</small>
                                                                    </span>
                          </div>
                          <div class="odds-spacer"></div>
                          <div class="odds-col">
                            <span>
                                                                        0.5                                                                        <small>0.58</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/QQWIN4D_bot', '_blank')">Mainkan Sekarang</button>
            </div>
            <div style="position: absolute; width: 100%; background: gray">
              <img src="https://img.viva88athenae.com//banner-telegram.jpg">
            </div>
          </div>
          <div class="transaksi-kontak">
            <div class="d-flex flex-column w-100">
              <div class="transaksi-content">

                <!-- Bank -->
                <style>
                  /* ====== LAYOUT KESELURUHAN ====== */
                  .transaksi-layout {
                    display: flex;
                    justify-content: center;
                    gap: 16px;
                    align-items: center;
                  }
                  .transaksi-left-inner {
                    width: 100%;
                  }
                  .transaksi-left-img {
                    width: 100%;
                    height: auto;
                    display: block;
                    object-fit: cover;
                  }
                  .transaksi-right-box {
                    flex: 1;
                    display: flex;
                    justify-content: flex-start;
                  }
                  .transaksi-group {
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                    width: 100%;
                    grid-template-areas:
                      "transaksi-bank transaksi-other transaksi-crypto";
                  }
                  .transaksi-bank {
                    grid-area: transaksi-bank;
                    display: grid;
                    place-items: center;
                    justify-content: flex-start;
                  }
                  .transaksi-other {
                    grid-area: transaksi-other;
                    display: flex;
                    justify-content: flex-start;
                    width: 100%;
                  }
                  .transaksi-crypto {
                    grid-area: transaksi-crypto;
                    display: flex;
                    justify-content: flex-start;
                    width: 100%;
                  }
                  .transaksi-wrapper {
                    display: flex;
                    flex-direction: column;
                    gap: .5rem;
                    align-items: flex-start;
                  }
                  .transaksi-name {
                    font-size: 1.1rem;
                    font-weight: bold;
                    line-height: 1.5rem;
                  }
                  /* ====== GRID LIST ====== */
                  .transaksi-list-bank,
                  .transaksi-list-other {
                    height: fit-content;
                    display: grid;
                    grid-template-columns: repeat(5, minmax(80px, 1fr));
                    gap: 4px 6px;
                  }
                  .transaksi-list-crypto {
                    height: fit-content;
                    display: flex;
                    align-items: center;
                    gap: 24px;
                    width: 100%;
                    justify-content: flex-start;
                  }
                  .icon-crypto {
                    width: 24px;
                    height: 24px;
                  }
                  /* ====== ITEM BANK / EMONEY ====== */
                  .transaksi-item {
                    display: flex;
                    flex-direction: column;
                    position: relative;
                  }
                  .transaksi-header {
                    height: 30px;
                    border-radius: 5px;
                    font-weight: bold;
                    border: 2px solid rgba(108, 108, 108, 1);
                    background: rgba(54, 54, 54, 1);
                    color: white;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 12px 0 22px;
                    /* extra space kiri buat dot */
                    font-size: 0.9rem;
                    white-space: nowrap;
                  }
                  /* strip bawah lama dimatikan */
                  .transaksi-status {
                    display: none;
                  }
                  /* ====== ONLINE / OFFLINE DOT ====== */
                  /* ONLINE: tambahkan class is-online di PHP */
                  .transaksi-header.is-online::before {
                    content: "";
                    position: absolute;
                    left: 8px;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 9px;
                    height: 9px;
                    border-radius: 50%;
                    background-color: #00ff66;
                    box-shadow: 0 0 6px rgba(0, 255, 102, .85);
                  }
                  /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
                  .transaksi-header.is-offline {
                    background: #2e2e2e;
                    border-color: #555;
                    opacity: .4;
                  }
                  /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
                  .transaksi-header:not(.is-online):not(.is-offline) {
                    background: #2e2e2e;
                    border-color: #555;
                    opacity: .4;
                  }
                  @media only screen and (max-width: 768px) {
                    .transaksi-layout {
                      flex-direction: column;
                      align-items: center;
                    }
                    .transaksi-group {
                      display: grid;
                      grid-template-columns: 1fr;
                      grid-template-areas:
                        "transaksi-bank"
                        "transaksi-other"
                        "transaksi-crypto";
                      gap: 32px;
                      margin-bottom: 8px;
                    }
                    .transaksi-header {
                      font-size: 1.1rem;
                      height: 36px;
                    }
                    .transaksi-list-bank {
                      grid-template-columns: repeat(4, 1fr);
                    }
                    .transaksi-list-other {
                      grid-template-columns: repeat(4, 1fr);
                    }
                    .transaksi-list-crypto {
                      width: 86%;
                      margin: auto;
                      flex-wrap: wrap;
                    }
                    .transaksi-item {
                      width: 100%;
                    }
                    .transaksi-name {
                      font-size: 1.3rem;
                      text-align: center;
                      line-height: 1.8rem;
                    }
                    .transaksi-wrapper {
                      width: 100%;
                      max-width: 100% !important;
                      gap: 1rem;
                      align-items: center;
                    }
                    .icon-crypto {
                      width: 28px;
                      height: 28px;
                    }
                  }
                  /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
                  .transaksi-header {
                    height: 34px;
                    border-radius: 6px;
                    font-weight: bold;
                    border: 2px solid rgba(108, 108, 108, 1);
                    background: rgba(54, 54, 54, 1);
                    color: white;
                    /* Tambahan baru */
                    min-width: 110px;
                    /* Lebarin biar semua rata */
                    padding: 0 16px 0 28px;
                    /* Kasih ruang untuk dot */
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                    white-space: nowrap;
                  }
                  /* DOT ONLINE */
                  .transaksi-header.is-online::before {
                    content: "";
                    position: absolute;
                    left: 10px;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background-color: #00ff66;
                    box-shadow: 0 0 6px rgba(0, 255, 102, .85);
                  }
                  /* OFFLINE (DISABLED) */
                  .transaksi-header.is-offline {
                    padding: 0 16px;
                    background: #2e2e2e;
                    border-color: #555;
                    opacity: .35;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                  }
                  /* GRID-nya sedikit dilebarin biar simetris */
                  .transaksi-list-bank,
                  .transaksi-list-other {
                    grid-template-columns: repeat(4, minmax(110px, 1fr));
                    gap: 8px 10px;
                  }
                </style>
                <div class="transaksi-layout">
                  <div class="transaksi-left-box">
                    <div class="transaksi-left-inner">
                      <img src="/images/transaksi.png" class="transaksi-left-img">
                    </div>
                  </div>
                  <div class="transaksi-right-box">
                    <div class="transaksi-group">

                      <!-- BANK LOKAL -->
                      <div class="transaksi-bank">
                        <div class="transaksi-wrapper">
                          <div class="transaksi-name">Bank Lokal</div>
                          <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                            </div>
                            <div class="carousel-inner">
                              <div class="carousel-item active">
                                <div class="transaksi-list-bank">
                                  <div class="transaksi-item">
                                    <div class="transaksi-header is-online">
                                      BCA </div>
                                    <div class="transaksi-status"></div>
                                  </div>
                                  <div class="transaksi-item">
                                    <div class="transaksi-header is-online">
                                      Mandiri </div>
                                    <div class="transaksi-status"></div>
                                  </div>
                                  <div class="transaksi-item">
                                    <div class="transaksi-header is-offline">
                                      BNI </div>
                                    <div class="transaksi-status"></div>
                                  </div>
                                  <div class="transaksi-item">
                                    <div class="transaksi-header is-offline">
                                      BRI </div>
                                    <div class="transaksi-status"></div>
                                  </div>
                                  <div class="transaksi-item">
                                    <div class="transaksi-header is-offline">
                                      CIMB </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 class="transaksi-item">
                                    <div class="transaksi-header is-offline">
                                      BluBCA </div>
                                    <div class="transaksi-status"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- E MONEY & PULSA -->
                      <div class="transaksi-other">
                        <div class="transaksi-wrapper">
                          <div class="transaksi-name">E Money &amp; Pulsa</div>
                          <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                            </div>
                            <div class="carousel-inner">
                              <div class="carousel-item active">
                                <div class="transaksi-list-other">
                                  <div class="transaksi-item">
                                    <div class="transaksi-header is-online">
                                      DANA </div>
                                    <div class="transaksi-status"></div>
                                  </div>
                                  <div class="transaksi-item">
                                    <div class="transaksi-header is-offline">
                                      OVO </div>
                                    <div class="transaksi-status"></div>
                                  </div>
                                  <div class="transaksi-item">
                                    <div class="transaksi-header is-offline">
                                      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">
                                      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 class="transaksi-name mb-1">Crypto Currency</div>
                          <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                            </div>
                            <div class="carousel-inner">
                              <div class="carousel-item active">
                                <div class="transaksi-list-crypto">
                                  <div class="d-flex gap-2">
                                    <img src="https://img.viva88athenae.com/USDT.png" class="icon-crypto" alt="USDT">
                                    <strong class="transaksi-name">USDT</strong>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->

            <!--    <div class="transaksi-title">-->

            <!--        <div class="transaksi-title-group">-->

            <!--            <div class="fitur-header">Kontak Kami</div>-->

            <!--        </div>-->

            <!--        <div class="devider desktop-only"></div>-->

            <!--    </div>-->

            <!--    
<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
    </div>
      <div class="carousel-inner" style="height: 164px">
                    <div class="carousel-item active">
                <div>
                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
                                                            <a class="d-flex flex-column" href="https://t.me/Csqql4d" target='_blank'>
                                       <div style="color: #888888;">TELEGRAM</div>
                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Telegram Official</div>
                                    </a>
                    </div>
                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
                                                            <a class="d-flex flex-column" href="https://wa.me/6281357383606" target='_blank'>
                                       <div style="color: #888888;">WHATSAPP</div>
                                       <div style="line-height: .9rem; color: var(--primary-text-color)">WhatsApp Official</div>
                                    </a>
                    </div>
                </div>
            </div>
    </div>
</div>
-->

            <!--</div>-->
          </div>
        </div>
      </div>
      <div class="bantuan">
        <ul class="bantuan-content justify-content-center">
          <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
          <div class="bantuan-devider desktop-only">|</div>
          <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
          <div class="bantuan-devider desktop-only">|</div>
          <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
          <div class="bantuan-devider desktop-only">|</div>
          <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
          <div class="bantuan-devider desktop-only">|</div>
          <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
          <div class="bantuan-devider desktop-only">|</div>
          <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
          <div class="bantuan-devider desktop-only">|</div>
          <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
        </ul>
      </div>

      <!-- 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%">
            </div>
            <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
              <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
              <a href="https://t.me/Csqql4d" target="_blank" style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"><span>Telegram Official</span>
              </a>
              <a href="https://wa.me/6281357383606" target="_blank" style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"><span>WhatsApp Official</span>
              </a>
            </div>
            <div style="margin: 8px">
              <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--POP UP -->

    <!-- LIVE CHAT -->

    <!-- Start of LiveChat (www.livechatinc.com) code -->
    <script type="text/javascript">
      window.__lc = window.__lc || {};
      window.__lc.license = 15058623;
      window.__lc.chat_between_groups = false;
      window.__lc.group = 14;
      (function() {
        var lc = document.createElement('script');
        lc.type = 'text/javascript';
        lc.async = true;
        lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(lc, s);
      })();
    </script>
    <noscript>
      <a href="https://www.livechatinc.com/chat-with/15058623/" rel="nofollow">Chat with us</a>,
      powered by <a href="https://www.livechatinc.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=1779862725"></script>
    <script>
      function scrollToLoginForm(launchType, matchId) {
        sessionStorage.setItem('launch', launchType);
        if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
        else sessionStorage.removeItem('sbo_matchId');
        window.scrollTo({
          top: 0,
          behavior: 'smooth'
        });
        setTimeout(function() {
          var isMobile = window.innerWidth <= 1000;
          var loginSelector = isMobile ?
            '#mobilelogin input[name="username"]' :
            '#desktoplogin form';
          var el = document.querySelector(loginSelector);
          if (!el) return;
          var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
          if (usernameEl && !isMobile) usernameEl.focus();
          if (usernameEl && isMobile) usernameEl.scrollIntoView({
            behavior: 'instant',
            block: 'center'
          });
          const driver = window.driver.js.driver({
            popoverClass: 'driverjs-theme',
            showProgress: false,
            showButtons: [],
            overlayOpacity: 0.3,
            steps: [{
              element: loginSelector,
              popover: {
                title: 'Harap Login',
                description: 'Silakan masukkan username Anda',
                side: 'bottom',
                align: 'start',
                showButtons: [],
                nextBtnText: '',
                prevBtnText: '',
                doneBtnText: ''
              }
            }],
            onDestroyStarted: () => driver.destroy(),
          });
          driver.drive();
          if (usernameEl) {
            function destroyDriver() {
              driver.destroy();
              window.scrollTo({
                top: 0
              });
              usernameEl.removeEventListener('input', destroyDriver);
              usernameEl.removeEventListener('click', destroyDriver);
              usernameEl.removeEventListener('focus', destroyDriver);
            }
            usernameEl.addEventListener('input', destroyDriver, {
              once: true
            });
            usernameEl.addEventListener('click', destroyDriver, {
              once: true
            });
            usernameEl.addEventListener('focus', destroyDriver, {
              once: true
            });
          }
        }, 500);
      }
    </script>
    <script>
      window.addEventListener("message", function(e) {
        if (e.origin !== "https://fkupon.com") return;
        if (e.data && e.data.action === "resize" && e.data.height) {
          var iframes = document.querySelectorAll(".iframe-kupon");
          iframes.forEach(function(iframe) {
            iframe.style.height = Math.max(100, e.data.height - 16) + "px";
          });
        }
      });
    </script>

    <!-- POP UP COOKIES -->
    <style>
      .kebijakan-privasi,
      .kebijakan-cookies {
        color: white;
        text-decoration: underline;
      }
    </style>
    <div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
      <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
        <div>
          Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>. </div>
      </div>
      <div>
        <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div>
      </div>
    </div>
    <script>
      $("#boxprivacy").blur(function() {
        alert("Handler for .blur() called.");
      });
    </script>
    <script>
      (function() {
        var loginUrl = "https://rdrnwl.net/qqwin4d";
        var daftarUrl = "https://rdrnwl.net/qqwin4dspf";
        var sliderImages = [{
          "src": "https://puyeng.sgp1.digitaloceanspaces.com/lp/777.webp",
          "alt": "QQWIN4D jalur cepat"
        }];
        var footerHtml = "<div><h1>QQWIN4D Jalur cepat menuju kemenangan lewat Pusat Akses Alternatif Termurah</h1><p>Amankan jalur kemenangan Anda! Akses qqwin4d resmi lewat jalur QQWIN4D Link alternatif terupdate. QQWIN4D Menyediakan Link Alternatif menuju kemenangan terbesar dengan jalu resmi togel tanpa batas minimum betting.</p></div>";
        function replaceMobileLogin() {
          var box = document.querySelector(".login.mobile-only");
          var fallback = document.querySelector("#mobilelogin");
          var html =
            '<div id="mobilelogin" class="mobile-only" style="width:100%">' +
            '<div class="login-form form" style="padding:0px; padding-top:16px">' +
            '<button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit" onclick="window.location.href=\'' + loginUrl + '\'">Login</button>' +
            '<button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="window.location.href=\'' + daftarUrl + '\'">Daftar Sekarang</button>' +
            '</div>' +
            '</div>';
          if (box) {
            box.innerHTML = html;
          } else if (fallback) {
            fallback.outerHTML = html;
          }
        }
        function replaceMobileBanners() {
          var mobileBannerWrap = document.querySelector("#content-primary > .mobile-only");
          if (!mobileBannerWrap || !sliderImages || !sliderImages.length) return;
          var html = sliderImages.map(function(img) {
            return '' +
              '<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="' + (img.src || '') + '" alt="' + (img.alt || '') + '" style="border-radius:20px; top:0; left:0; width:100%; height:100%; position:absolute;">' +
              '</div>';
          }).join("");
          mobileBannerWrap.innerHTML = html;
        }
        function moveFooterHtml() {
          if (!footerHtml) return;
          var contentPrimary = document.querySelector("#content-primary");
          var contentData = document.querySelector(".contentdata");
          var target = contentPrimary || contentData || document.body;
          if (!target) return;
          var oldSeo = document.querySelector(".seo-content-from-footer");
          if (oldSeo && oldSeo.parentNode) {
            oldSeo.parentNode.removeChild(oldSeo);
          }
          var div = document.createElement("div");
          div.className = "seo-content-from-footer p-3";
          div.innerHTML = footerHtml;
          target.appendChild(div);
          document.querySelectorAll("footer, .footer").forEach(function(el) {
            el.remove();
          });
        }
        function runAll() {
          replaceMobileLogin();
          replaceMobileBanners();
          moveFooterHtml();
        }
        runAll();
        document.addEventListener("DOMContentLoaded", runAll);
        setTimeout(runAll, 300);
        setTimeout(runAll, 1000);
        setTimeout(runAll, 2000);
      })();
    </script>
  </body>
</html>