{"html":"<!DOCTYPE html><html lang=\"id\"><head>\n        <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\n        <title>LOYAL4D : Agen Amanah Platform Gaming Online Paling Peduli Terbaik 2026</title>\n        \n                <meta name=\"viewport\" content=\"width=1200, initial-scale=1\">\n        \n        <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\">\n        <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css\">\n        <link rel=\"stylesheet\" href=\"/style.scss\">\n\n        <!--<link rel=\"stylesheet\" href=\"/css/old/template/GD.css\">-->\n        <link rel=\"stylesheet\" href=\"/css/old/template/GD.css\">\n        <link rel=\"stylesheet\" href=\"/css/old/variable.css\">\n        \n                <link rel=\"stylesheet\" href=\"/css/old/dark.css\">\n                \n        <link rel=\"stylesheet\" href=\"/css/old/new2-style.css?1778065925\">\n        <link rel=\"stylesheet\" href=\"https://img.viva88athenae.com//icomoon/style.css\">\n        <link rel=\"icon\" type=\"image/png\" href=\"/favicon.png\">\n\n        <!-- Driver.js start -->\n        <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/driver.js@1.3.1/dist/driver.css\">\n        <script src=\"https://cdn.jsdelivr.net/npm/driver.js@1.3.1/dist/driver.js.iife.js\"></script>\n        <style>\n        @media (max-width: 768px) {\n            .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }\n            .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }\n            .driver-popover-description { font-size: 12px !important; }\n        }\n        </style>\n        <!--  Driver.js end -->\n        \n        <script src=\"/js/old/jquery-3.6.4.min.js\"></script>\n        <script src=\"/js/old/jquery.marquee.min.js\"></script>\n\n        <!-- RECAPTCHA -->\n                \n        \n<meta name=\"description\" content=\"LOYAL4D adalah agen yang sangat amanah untuk gaming online dan menjadi yang paling peduli terbaik 2026 sangat jaminan . \">\n<link rel=\"canonical\" href=\"https://loyal4d-setia12.online/\">\n<meta name=\"keywords\" content=\"loyal4d , loyal 4d , loyal4d login , loyal4d link alternatif \">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta name=\"revisit-after\" content=\"1 days\">\n<meta name=\"robots\" content=\"index, follow\">\n<meta name=\"googlebot\" content=\"index, follow\">\n<meta name=\"bingbot\" content=\"index, follow\">\n<meta name=\"rating\" content=\"general\">\n<meta name=\"geo.region\" content=\"ID\">\n<meta name=\"geo.country\" content=\"ID\">\n<meta name=\"geo.placename\" content=\"Indonesia\">\n<meta name=\"twitter:card\" content=\"summary\">\n<meta name=\"twitter:site\" content=\"@loyal4d\">\n<meta name=\"twitter:creator\" content=\"@loyal4d\">\n<meta name=\"twitter:domain\" content=\"https://loyal4d-setia12.online/\">\n<meta name=\"twitter:title\" content=\"LOYAL4D Adalah Agen Amanah Platform Gaming Online Paling Peduli Terbaik 2026 \">\n<meta name=\"twitter:description\" content=\"LOYAL4D adalah agen yang sangat amanah untuk gaming online dan menjadi yang paling peduli terbaik 2026 sangat jaminan .\">\n<meta name=\"author\" content=\"loyal4d\">\n<meta name=\"publisher\" content=\"loyal4d\">\n<meta name=\"google-site-verification\" content=\"UExnM8h1RDQhd8PdtASYIfMJYoPFSUvairBJgaauCXU\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:title\" content=\"LOYAL4D Adalah Agen Amanah Platform Gaming Online Paling Peduli Terbaik 2026\">\n<meta property=\"og:description\" content=\"LOYAL4D adalah agen yang sangat amanah untuk gaming online dan menjadi yang paling peduli terbaik 2026 sangat jaminan .\">\n<meta property=\"og:url\" content=\"https://loyal4d-setia12.online/\">\n<meta property=\"og:site_name\" content=\"loyal4d\">\n<meta property=\"og:locale\" content=\"id_ID\">\n<link rel=\"amphtml\" href=\"https://loyal4dfz.online/\">\n\n<script src=\"https://analytics.ahrefs.com/analytics.js\" data-key=\"gG39hQXbQD2K28RbOGug6g\" async=\"\"></script>\n\n<!-- Google tag (gtag.js) -->\n<script async=\"\" src=\"https://www.googletagmanager.com/gtag/js?id=G-W3RRJRZ8XF\"></script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-W3RRJRZ8XF');\n</script>\n\n\n        <style>\n        \n        .wrapper {\n            display: grid;\n            grid-template-columns: 1fr;\n            grid-template-areas:\n            \"marquee\"\n            \"header\"\n            \"devider\"\n            \"contentdata\"\n            \"togel-desktop\"\n            \"widget-kupon\"\n            \"widget-sbo\"\n            \"provider\"\n            \"transaksi\"\n            \"guidelines\"\n            \"bantuan\"\n            \"footer\"\n        }\n        \n        .widget-kupon {\n            grid-area: widget-kupon;\n            padding-top: 20px;\n            background: var(--footer-background);\n            display: flex;\n            align-items: center;\n            position: relative;\n        }\n\n        .widget-sbo {\n            grid-area: widget-sbo;\n            padding-top: 20px;\n            display: flex;\n            align-items: center;\n            position: relative;\n        }\n        \n            .iframe-kupon {\n                width: 1000px;\n                height: 200px;\n                display: block;\n                vertical-align: bottom;\n            }\n                    \n            .login-input-field {\n                font-size: 1rem;\n            }\n            \n            .btn-aduan {\n                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);\n                -webkit-background-clip: text;\n                -webkit-text-fill-color: transparent;\n                background-size: 300% 300%;\n                animation: gradient 2s ease infinite;\n            }\n            \n            .transaksi-title {\n                place-items: start;\n            }\n            \n            .btn-tele {\n                font-size: 1.2rem;\n                text-shadow: 1px 1px #000000;\n                height: 36px!important;\n                border-radius: 8px;\n                background: #28323C;\n                color: white;\n            }\n            \n            #marquee-mobile {\n                width: 100%;\n                overflow: hidden;\n            }\n            \n            #marquee-mobile .marquee-content {\n                display: flex;\n                align-items: center;\n                width: 100%;\n                overflow: hidden;\n            }\n            \n            #marquee-mobile .running {\n                position: relative;\n                flex: 1 1 auto;\n                min-width: 0;\n                overflow: hidden;\n            }\n            \n            #marquee-mobile .broadcast {\n                display: inline-block;\n                white-space: nowrap;\n            }\n                        \n            #marquee {\n                overflow: hidden;\n            }\n            \n            #marquee .running {\n                overflow: hidden;\n            }\n            \n            #marquee .broadcast {\n                white-space: nowrap;\n            }\n            \n            body {\n                overflow-x: hidden;\n            }\n\n            \n            @media only screen and (max-width: 1000px) {\n                \n            .wrapper {\n                display: grid;\n                grid-template-columns: 1fr;\n                grid-template-areas:\n                \"appbar\"\n                \"marquee\"\n                \"header\"\n                \"contentdata\"\n                \"togel-mobile\"\n                \"widget-kupon\"\n                \"widget-sbo\"\n                \"devider\"\n                \"provider\"\n                \"transaksi\"\n                \"bantuan\"\n                \"footer\"\n                \"guidelines\";\n            }\n            \n            .widget-kupon {\n                margin: 0px 20px;\n            }\n\n          \n                        \n                .iframe-kupon {\n                    padding: 0px;\n                    height: 262px;\n                    width: 100%;\n                    display: block;\n                    vertical-align: bottom;\n                }\n                \n            .transaksi-title {\n                place-items: center;\n            }\n                \n                .login-input-field {\n                    font-size: 1.2rem;\n                }      \n            }\n            \n            .grecaptcha-badge {\n                display: none !important;\n            }\n            \n        </style>\n\n    <script async=\"\" type=\"text/javascript\" src=\"https://cdn.livechatinc.com/tracking.js\"></script><style>@keyframes marqueeAnimation-4286275  { 100%  {transform:translateX(-298.828px)}}</style><style>@keyframes marqueeAnimation-8659464  { 100%  {transform:translateX(-298.828px)}}</style></head>\n    \n    \n\n    <body id=\"desktop\" class=\"modal-open\" style=\"overflow: hidden; padding-right: 0px;\">\n        \n        \n<div id=\"hover\" class=\"hover desktop-only\">\n\n    <div id=\"hover-togel\" class=\"hover-menu\">\n        <a href=\"/register\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//icon-togel1.png\" alt=\"PAY4D\"></figure>\n            <figcaption>TOGEL</figcaption>\n        </a> \n        \n        <a href=\"/register\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//icon-kupon1.png\" alt=\"PAY4D\"></figure>\n            <figcaption>KUPON</figcaption>\n        </a> \n    </div>\n\n    <div id=\"hover-slot\" class=\"hover-menu\">\n        <a href=\"/slot/pp\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-prag.png\" alt=\"PRAGMATIC PLAY\"></figure>\n            <figcaption>PRAGMATIC PLAY</figcaption>\n        </a>\n\n        <a href=\"/slot/pg\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-pg.png\" alt=\"PG SOFT\"></figure>\n            <figcaption>PG SOFT</figcaption>\n        </a>\n\n        <a href=\"/slot/jl\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-jl.png\" alt=\"JILI\"></figure>\n            <figcaption>JILI</figcaption>\n        </a> \n\n        <a href=\"/slot/mgw\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-mgw.png\" alt=\"MEGAWIN\"></figure>\n            <figcaption>MEGAWIN</figcaption>\n        </a>\n\n        <a href=\"/slot/sdl\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-sdl.png\" alt=\"SHADY LADY\"></figure>\n            <figcaption>SHADY LADY</figcaption>\n        </a>\n\n        <a href=\"/slot/hb\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-hab.png\" alt=\"HABANERO\"></figure>\n            <figcaption>HABANERO</figcaption>\n        </a>\n        \n        <a href=\"/slot/sg\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-spad.png\" alt=\"SPADEGAMING\"></figure>\n            <figcaption>SPADEGAMING</figcaption>\n        </a>\n\n        <a href=\"/slot/nlc\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-nlc.png\" alt=\"NOLIMIT CITY\"></figure>\n            <figcaption>NOLIMIT CITY</figcaption>\n        </a>\n\n        <a href=\"/slot/fs\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-fs.png\" alt=\"FASTSPIN\"></figure>\n            <figcaption>FASTSPIN</figcaption>\n        </a>\n\n        <a href=\"/slot/jg\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-jok.png\" alt=\"JOKER\"></figure>\n            <figcaption>JOKER</figcaption>\n        </a> \n\n        <a href=\"/slot/mg\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-mg.png\" alt=\"MICROGAMING\"></figure>\n            <figcaption>MICROGAMING</figcaption>\n        </a>\n\n        <a href=\"/slot/fgs\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-fgs.png\" alt=\"5G GAMES\"></figure>\n            <figcaption>5G GAMES</figcaption>\n        </a>\n\n        <a href=\"/slot/hks\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-hks.png\" alt=\"HACKSHAW GAMING\"></figure>\n            <figcaption>HACKSAW GAMING</figcaption>\n        </a>\n\n        <a href=\"/slot/nxt\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-nxt.png\" alt=\"NEXTSPIN\"></figure>\n            <figcaption>NEXTSPIN</figcaption>\n        </a>\n\n        <a href=\"/slot/ps\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-ps.png\" alt=\"PLAYSTAR\"></figure>\n            <figcaption>PLAYSTAR</figcaption>\n        </a>\n\n        <a href=\"/slot/pt\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-pt.png\" alt=\"PLAYTECH\"></figure>\n            <figcaption>PLAYTECH</figcaption>\n        </a>\n\n        <a href=\"/slot/av\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-av.png\" alt=\"ADVANT PLAY\"></figure>\n            <figcaption>ADVANT PLAY</figcaption>\n        </a>\n\n        <a href=\"/slot/cmp\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-cmp.png\" alt=\"COSMOPLAY\"></figure>\n            <figcaption>COSMOPLAY</figcaption>\n        </a> \n\n        <a href=\"/slot/cq9\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-cq9.png\" alt=\"CQ9\"></figure>\n            <figcaption>CQ9</figcaption>\n        </a>    \n\n        <a href=\"/slot/wow\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-wow.png\" alt=\"WOW GAMING\"></figure>\n            <figcaption>WOW GAMING</figcaption>\n        </a>\n\n        <a href=\"/slot/l22\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-l22.png\" alt=\"LIVE22\"></figure>\n            <figcaption>LIVE22</figcaption>\n        </a> \n\n        <a href=\"/slot/ss\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-sbo.png\" alt=\"SBO SLOT\"></figure>\n            <figcaption>SBO SLOT</figcaption>\n        </a>\n        \n        <!-- <a href=\"/slot/nte\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-nte.png\" alt=\"NETENT\"></figure>\n            <figcaption>NETENT</figcaption>\n        </a> --> \n      \n        <!-- <a href=\"/slot/ttg\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//slot-ttg.png\" alt=\"TOPTREND GAMING\"></figure>\n            <figcaption>TOPTREND GAMING</figcaption>\n        </a> -->\n    </div>\n\n    <div id=\"hover-live\" class=\"hover-menu\">\n        <a href=\"/casino/pplc\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-pp.png\" alt=\"PRAGMATIC PLAY\"></figure>\n            <figcaption>PRAGMATIC PLAY</figcaption>\n        </a>\n\n        <a href=\"/casino/evo\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-evo.png\" alt=\"EVOLUTION\"></figure>\n            <figcaption>EVOLUTION</figcaption>\n        </a>\n\n        <a href=\"/casino/mglc\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-mg.png\" alt=\"MICROGAMING\"></figure>\n            <figcaption>MICROGAMING</figcaption>\n        </a>\n\n        <a href=\"/casino/ion\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-ion.png\" alt=\"ION CASINO\"></figure>\n            <figcaption>ION CASINO</figcaption>\n        </a>\n\n        <a href=\"/casino/sx\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-sg.png\" alt=\"SEXY GAMING\"></figure>\n            <figcaption>SEXY GAMING</figcaption>\n        </a>\n\n        <a href=\"/casino/sa\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-sagaming.png\" alt=\"SA GAMING\"></figure>\n            <figcaption>SA GAMING</figcaption>\n        </a>   \n\n        <a href=\"/casino/ab\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-all.png\" alt=\"ALLBET\"></figure>\n            <figcaption>ALLBET</figcaption>\n        </a> \n\n        <a href=\"/casino/ptlc\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-pt.png\" alt=\"PLAYTECH LIVE\"></figure>\n            <figcaption>PLAYTECH LIVE</figcaption>\n        </a>\n\n        <!-- <a href=\"/casino/gmnl\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-gmnl.png\" alt=\"GEMINI LIVE\"></figure>\n            <figcaption>GEMINI LIVE</figcaption>\n        </a> -->\n\n        <a href=\"/casino/og\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-opus.png\" alt=\"OPUS PLUS\"></figure>\n            <figcaption>OPUS PLUS</figcaption>\n        </a>\n\n        <a href=\"/casino/sbol\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//live-sbo.png\" alt=\"SBOBET CASINO\"></figure>\n            <figcaption>SBOBET CASINO</figcaption>\n        </a>    \n    </div>\n\n    <div id=\"hover-sport\" class=\"hover-menu\">\n        <a href=\"/register\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//sport-saba.png\" alt=\"SABA\"></figure>\n            <figcaption>SABA</figcaption>\n        </a>\n\n        <a href=\"/register\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//sport-sbo.png\" alt=\"SBOBET\"></figure>\n            <figcaption>SBOBET</figcaption>\n        </a>\n        \n        <a href=\"/register\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//sport-cmd.png\" alt=\"CMD368\"></figure>\n            <figcaption>CMD368</figcaption>\n        </a>  \n\n        <!-- <a href=\"/register\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//sport-pin.png\" alt=\"PINNACLE\"></figure>\n            <figcaption>PINNACLE</figcaption>\n        </a>   -->\n\t\n\t    <a href=\"/register\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//sport-tf.png\" alt=\"TFGAMING\"></figure>\n            <figcaption>TFGAMING</figcaption>\n        </a>        \n    </div>\n\n    <div id=\"hover-fishing\" class=\"hover-menu\">\n        <a href=\"/arcade/jl\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//fish-jl.png\" alt=\"JILI\"></figure>\n            <figcaption>JILI</figcaption>\n        </a>\n    \n        <a href=\"/arcade/sg\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//fish-sg.png\" alt=\"SPADE GAMING\"></figure>\n            <figcaption>SPADE GAMING</figcaption>\n        </a>\n\n        <a href=\"/arcade/fs\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//fish-fs.png\" alt=\"FASTSPIN\"></figure>\n            <figcaption>FASTSPIN</figcaption>\n        </a> \n\n        <!-- <a href=\"/arcade/ps\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//fish-ps.png\" alt=\"PLAYSTAR\"></figure>\n            <figcaption>PLAYSTAR</figcaption>\n        </a>\n\n\t    <a href=\"/arcade/l22\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//fish-l22.png\" alt=\"LIVE22\"></figure>\n            <figcaption>LIVE22</figcaption>\n        </a>  -->\n\n    </div>\n\n    <div id=\"hover-sabung\" class=\"hover-menu\">\n        <a href=\"/sabung/ws\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//sabung-ws.png\" alt=\"WS168\"></figure>\n            <figcaption>WS168</figcaption>\n        </a>\n\n        <a href=\"/sabung/sv\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//sabung-sv.png\" alt=\"SV388\"></figure>\n            <figcaption>SV388</figcaption>\n        </a> \n    </div>\n    \n    <div id=\"hover-interactive\" class=\"hover-menu\">\n        <a href=\"/interactive/pp\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-pp.png\" alt=\"PRAGMATIC PLAY\"></figure>\n            <figcaption>PRAGMATIC PLAY</figcaption>\n        </a> \n        \n        <a href=\"/interactive/gmn\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-gmn.png\" alt=\"GEMINI\"></figure>\n            <figcaption>GEMINI</figcaption>\n        </a> \n\n        <a href=\"/interactive/jl\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-jl.png\" alt=\"JILI\"></figure>\n            <figcaption>JILI</figcaption>\n        </a> \n\n        <a href=\"/interactive/jg\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-jok.png\" alt=\"JOKER\"></figure>\n            <figcaption>JOKER</figcaption>\n        </a> \n\n        <a href=\"/interactive/mg\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-mg.png\" alt=\"MICROGAMING\"></figure>\n            <figcaption>MICRO GAMING</figcaption>\n        </a>\n\n        <a href=\"/interactive/hks\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-hks.png\" alt=\"HACKSHAW GAMING\"></figure>\n            <figcaption>HACKSAW GAMING</figcaption>\n        </a>\n\n        <a href=\"/interactive/pt\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-pt.png\" alt=\"PLAYTECH\"></figure>\n            <figcaption>PLAYTECH</figcaption>\n        </a> \n        \n        <a href=\"/interactive/wow\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-wow.png\" alt=\"WOW GAMING\"></figure>\n            <figcaption>WOW GAMING</figcaption>\n        </a> \n\n        <!-- <a href=\"/interactive/ps\" class=\"hover-item\">\n            <figure><img src=\"https://img.viva88athenae.com//interactive-ps.png\" alt=\"PLAYSTAR\"></figure>\n            <figcaption>PLAYSTAR</figcaption>\n        </a>  -->\n    </div>\n\n\n\n</div>\n<style>\n    .my-navbar {\n        height: 44px; \n        padding: 0px; \n        width: 100%; \n        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); \n        position: fixed; \n        bottom: 0; \n        color: white; \n        z-index: 1100; \n        display: flex; \n        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);\n    }\n    \n    .navbar-item {\n        height: 100%; \n        width: 100%; \n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .navbar-item-content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        position: absolute; \n        top: -16px\n    }\n    \n    .navbar-item-content>i {\n         font-size: 20px;\n         line-height: 22px;\n         color: white;\n         padding-bottom: 4px;\n    }\n    \n    .navbar-item-content>img {\n         height: 28px; \n         width: 28px;\n    }\n    \n    .navbar-item-content>label {\n        white-space: nowrap; \n        margin-top: 4px; \n        font-weight: bold; \n        font-size: var(--text-size-default); \n        color: white\n    }\n    \n    .speed-dial-item {\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(10px);\n        transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n    \n    .speed-dial-active .speed-dial-item {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n    \n    /* Delay each item’s appearance */\n    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }\n    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }\n    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }\n    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }\n    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       \n\n    \n</style>\n\n\n<div class=\"mobile-only\">\n        <div class=\"my-navbar\">\n            <a href=\"/\" class=\"navbar-item\" style=\"position: relative\">\n                <div class=\"navbar-item-content\">\n                    <img src=\"https://img.viva88athenae.com//beranda.png\">\n                    <label>BERANDA</label>\n                </div>\n            </a>\n            <div style=\"height: 36px; width: 3px; background: black; margin: auto\"></div>\n            <a href=\"/m/promosi\" class=\"navbar-item\">\n                <div class=\"navbar-item-content\">\n                    <img src=\"https://img.viva88athenae.com//promosi.png\">\n                    <label>PROMOSI</label>\n                </div>\n            </a>\n            <div style=\"height: 36px; width: 3px; background: black; margin: auto\"></div>\n            <a href=\"/m/event\" class=\"navbar-item\">\n                <div class=\"navbar-item-content\">\n                    <img src=\"https://img.viva88athenae.com//events.png\">\n                    <label>EVENT</label>\n                </div>\n            </a>\n            \n                            \n                    <div style=\"height: 36px; width: 3px; background: black; margin: auto\"></div>\n                    <div class=\"navbar-item\">\n                        <div class=\"navbar-item-content speed-dial-btn\">\n                            <img src=\"https://img.viva88athenae.com//chat.png\">\n                            <label>CHAT</label>\n                        </div>\n                        \n                                                    \n                                <a href=\"https://t.me/Loyal4dresmi\" target=\"_blank\" class=\"navbar-item-content speed-dial-item\" style=\"margin-top: -48px; height: 40px; width: 40px\">\n                                    <img src=\"https://img.viva88athenae.com//telegram.png\" style=\"width: 100%; height: 100%\">\n                                </a>\n                            \n                                                        \n                                <a href=\"https://wa.me/+6287875927430\" target=\"_blank\" class=\"navbar-item-content speed-dial-item\" style=\"margin-top: -96px; height: 40px; width: 40px\">\n                                    <img src=\"https://img.viva88athenae.com//whatsapp.png\" style=\"width: 100%; height: 100%\">\n                                </a>\n                            \n                                                    \n                    </div>\n                \n                \n                                        \n            \n            \n            \n            \n                            <div style=\"height: 36px; width: 3px; background: black; margin: auto\"></div>\n                <a href=\"https://secure.livechatinc.com/licence/12454182/open_chat.cgi?\" target=\"_blank\" class=\"navbar-item\">\n                <div class=\"navbar-item-content\">\n                    <img src=\"https://img.viva88athenae.com//livechat.png\">\n                    <label>LIVECHAT</label>\n                </div>\n                </a>\n            \n        </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n    const speedDialBtn = document.querySelector(\".speed-dial-btn\");\n    const speedDialItems = document.querySelectorAll(\".speed-dial-item\");\n    let isOpen = false;\n\n    speedDialBtn.addEventListener(\"click\", function () {\n        isOpen = !isOpen;\n\n        speedDialItems.forEach((item, index) => {\n            if (isOpen) {\n                item.style.opacity = \"1\";\n                item.style.visibility = \"visible\";\n                item.style.transform = \"translateY(0)\";\n                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect\n            } else {\n                item.style.opacity = \"0\";\n                item.style.visibility = \"hidden\";\n                item.style.transform = \"translateY(10px)\";\n                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger\n            }\n        });\n    });\n});\n</script>        \n        \n        \n        <div id=\"top\" class=\"wrapper\">\n\n            \n                \n            <header class=\"header\">\n                <div class=\"header-content\">\n                    <div class=\"logo\" href=\"/\">\n                        <a href=\"/\"><img src=\"/images/logoweb.png\" class=\"logoimg\" alt=\"\"></a>\n                    </div>\n                    \n                    <div id=\"marquee-mobile\" class=\"marquee mobile-only\">\n                        <div class=\"marquee-content\">\n                            <div class=\"d-flex align-items-center gap-2 flex-shrink-0\">\n                                <i class=\"bi bi-volume-down\" style=\"padding: 0 2px; font-size: 16px\"></i>\n                            </div>\n                    \n                            <div class=\"running\">\n                                <div class=\"marquee-shadow\"></div>\n                                <div class=\"broadcast mobile-broadcast\"><div style=\"width: 100000px; transform: translateX(0px); animation: 3.64416s linear 0s infinite normal none running marqueeAnimation-8659464;\" class=\"js-marquee-wrapper\"><div class=\"js-marquee\" style=\"margin-right: 80px; float: left;\">Selamat Datang di Loyal4D Bandar Judi Online Terbaik </div><div class=\"js-marquee\" style=\"margin-right: 80px; float: left;\">Selamat Datang di Loyal4D Bandar Judi Online Terbaik </div></div></div>\n                            </div>\n                    \n                            <div class=\"d-flex align-items-center gap-2 flex-shrink-0\"></div>\n                        </div>\n                    </div>\n                    \n                    <div class=\"mslider mobile-only\">\n                                            </div>\n                    \n                    <div class=\"login mobile-only\">\n                            <div id=\"mobilelogin\" class=\"mobile-only\" style=\"width: 100%\">\n                                <form class=\"login-form form\" style=\"padding: 0px; padding-top: 16px\" role=\"form\">\n                                    <div id=\"msgbox\" style=\"font-size: 1rem; width: 100%\"></div>\n                                    <div class=\"input-group login-field\">\n                                        <span class=\"input-group-text prepend mobile-only \"><div class=\"h-100 center\"><i class=\"bi bi-person-circle prepend-icon\"></i></div></span>\n                                        <input type=\"text\" name=\"username\" class=\"form-control login-input-field username\" placeholder=\"Username\" aria-label=\"Username\">\n                                    </div>\n                                    <div class=\"input-group login-field\">\n                                        <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>\n                                        <input type=\"password\" name=\"password\" class=\"form-control login-input-field password\" placeholder=\"Password\" aria-label=\"Password\">\n                                    </div>\n                                    \n                                    <!-- captcha -->\n                                   \n                                    <div id=\"mverifikasiform\" class=\"w-100\" style=\" \">\n                                        \n                                        <span id=\"verifikasi\"><img src=\"/m/capimg.php?8295\" width=\"100%\" height=\"36\" style=\"border-radius: 5px;\"></span>\n                                        <div class=\"input-group login-field mt-1\">\n                                            <span class=\"input-group-text mobile-only prepend\"><div class=\"h-100 center\"><i class=\"bi bi-person-fill-check prepend-icon\"></i></div></span>\n                                            <input type=\"text\" class=\"form-control login-input-field\" name=\"verifikasi\" id=\"mverform\" autocomplete=\"off\" placeholder=\"Verifikasi\">\n                                        </div>\n                                    </div>\n\n                                    <input type=\"hidden\" name=\"verif\" id=\"verifval\" class=\"verifval\" value=\"1\">\n                    \n                                    <!-- end captcha -->\n                                    \n                                    <label style=\"font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;\">\n                                        <input type=\"checkbox\" id=\"rememberMe\" name=\"remember\" style=\"margin-right:4px;width:12px;height:12px;cursor:pointer;\"> Remember Me\n                                    </label>\n        \n                                    <button type=\"submit\" value=\"Masuk\" class=\"btn btn-masuk fw-bold p-0 px-2 submit\">Masuk</button>\n                                    <button type=\"button\" class=\"btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only\" onclick=\"openDaftar()\">Daftar Sekarang</button>\n                                    \n                                                                            <button type=\"button\" class=\"btn btn-tele fw-bold p-0 px-2 mobile-only\" onclick=\"window.open('https://t.me/Loyal4D_bot', '_blank')\"><i class=\"bi bi-telegram me-2\" style=\"color: #0088cc\"></i>Main di Telegram</button>\n                                                                        \n                                    \n                                    <input type=\"hidden\" name=\"task\" value=\"login\">    \n                                    <input type=\"hidden\" name=\"iscaptchalogin\" value=\"1\">\n                                    <input type=\"hidden\" name=\"loginmobile\" value=\"T4LpXNWYYJjo/rAnK0Zb5ECM6qBZZUPwOMYqTH7N6Ww=\">\n                                </form>\n                            </div>\n\n                            <!-- recaptcha -->\n                                                        <!-- end recaptcha -->\n                            \n                            <!-- Change Password Mobile -->\n                            <div id=\"mobile-changepassword-form\" style=\"width: 100%; display: none\">\n                                <div id=\"mobilechangepassword\">\n                                    <form id=\"formChangePasswordMobile\" class=\"login-form p-0 pt-4\">\n                                        <div id=\"statusChangePasswordMobile\" style=\"margin-bottom: 5px; width: 100%; font-size: 1rem;\"></div>\n                                        <div class=\"prepend\" style=\"width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border-radius: 3px; font-size: 1.2rem; font-weight: bold\">\n                                            <span>GANTI PASSWORD</span>\n                                            <span style=\"font-size: 1rem; color: #333;\" id=\"mobile-username-display\">\n                                                                                            </span>\n                                        </div>\n                                        \n                                        <div class=\"alert alert-warning\" style=\"font-size: 1rem; margin: 10px 0;\">\n                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.\n                                        </div>\n                                        \n                                        <!-- <div class=\"input-group login-field\">\n                                            <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>\n                                            <input type=\"password\" class=\"form-control login-input-field\" name=\"old_password\" id=\"cp_old_password_mobile\" placeholder=\"Password Lama\">\n                                        </div>\n                                        <div class=\"error-msg\" id=\"err_old_password_mobile\"></div> -->\n                                        \n                                        <div class=\"input-group login-field\">\n                                            <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>\n                                            <input type=\"password\" class=\"form-control login-input-field\" name=\"new_password\" id=\"cp_new_password_mobile\" placeholder=\"Password Baru (Min 6 karakter)\">\n                                        </div>\n                                        <div class=\"error-msg\" id=\"err_new_password_mobile\"></div>\n                                        \n                                        <div class=\"input-group login-field\">\n                                            <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>\n                                            <input type=\"password\" class=\"form-control login-input-field\" name=\"confirm_password\" id=\"cp_confirm_password_mobile\" placeholder=\"Konfirmasi Password Baru\">\n                                        </div>\n                                        <div class=\"error-msg\" id=\"err_confirm_password_mobile\"></div>\n                                        \n                                        <div style=\"background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;\">\n                                            <strong style=\"color: #856404;\">Persyaratan Password:</strong>\n                                            <ul style=\"margin: 5px 0 0 15px; padding: 0; color: #856404;\">\n                                                <li>Minimal 6 karakter</li>\n\t\t\t\t\t\t                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>\n                                                <!-- <li>Harus mengandung angka (0-9)</li> -->\n                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->\n                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>\n                                                <li>Hindari password yang mudah ditebak</li>\n                                            </ul>\n                                        </div>\n                                        \n                                        <button type=\"submit\" class=\"btn btn-masuk fw-bold p-0 px-2\" value=\"Ganti\" id=\"buttonChangePasswordMobile\">Ganti Password</button>\n                                        <input type=\"hidden\" name=\"task\" value=\"change_password\">\n                                    </form>\n                                </div>\n                                \n                                <script>\n                                $(document).ready(function(){\n                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {\n                                        var newPass = $('#cp_new_password_mobile').val();\n                                        var confirmPass = $('#cp_confirm_password_mobile').val();\n                                        var currentField = $(this);\n                                        \n                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');\n                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');\n                                        $('#err_new_password_mobile').hide();\n                                        $('#err_confirm_password_mobile').hide();\n                                        \n                                        if (newPass.length > 0 && confirmPass.length > 0) {\n                                            if (newPass === confirmPass) {\n                                                $('#cp_new_password_mobile').addClass('valid-border');\n                                                $('#cp_confirm_password_mobile').addClass('valid-border');\n                                            } else {\n                                                $('#cp_new_password_mobile').addClass('error-border');\n                                                $('#cp_confirm_password_mobile').addClass('error-border');\n                                                if (currentField.attr('id') === 'cp_new_password_mobile') {\n                                                    $('#err_new_password_mobile').text('Password tidak sama').show();\n                                                } else {\n                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();\n                                                }\n                                            }\n                                        }\n                                    });\n                                });\n                                </script>\n                            </div>\n                            \n                            <!-- Register Mobile -->\n                            <style>\n                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }\n                              .error-border { border-color: red !important; }\n                              .valid-border { border-color: green !important; }\n                            </style>\n                            <div id=\"mobile-daftar-form\" style=\"width: 100%; display: none\">\n                                    <div id=\"mobileregister\">\n                                \t   <form id=\"formRegister\" class=\"login-form  p-0 pt-4\">\n                                           <div id=\"statusRegister\" style=\"margin-bottom: 5px; width: 100%\"></div>\n                                            <div class=\"prepend\" style=\"width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold\">DAFTAR</div>\n                                            <div class=\"input-group login-field\">\n                                                <span class=\"input-group-text mobile-only prepend\"><div class=\"h-100 center\"><i class=\"bi bi-person-circle prepend-icon\"></i></div></span>\n                                                <input type=\"text\" class=\"form-control login-input-field\" name=\"username\" id=\"reg_username\" placeholder=\"Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi\">\n                                            </div>\n                                            <div class=\"error-msg\" id=\"err_username\"></div>\n                                            <div class=\"input-group login-field\">\n                                                <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>\n                                                <input type=\"password\" class=\"form-control login-input-field\" id=\"reg_pass\" name=\"pass\" placeholder=\"Password (6 karakter atau lebih)\">\n                                            </div>\n                                                <div class=\"error-msg\" id=\"err_password\"></div>\n                                            <div class=\"input-group login-field\">\n                                                <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>\n                                                <input type=\"password\" class=\"form-control login-input-field\" id=\"reg_passcon\" name=\"passcon\" placeholder=\"Password sekali lagi\">\n                                            </div>\n                                                <div class=\"error-msg\" id=\"err_passcon\"></div>\n                                            <div class=\"input-group login-field\">\n                                                <span class=\"input-group-text mobile-only prepend\"><div class=\"h-100 center\"><i class=\"bi bi-envelope-fill prepend-icon\"></i></div></span>\n                                                <input type=\"text\" class=\"form-control login-input-field\" id=\"reg_email\" name=\"email\" placeholder=\"Email\">\n                                            </div>\n                                                <div class=\"error-msg\" id=\"err_email\"></div>\n                                            <div class=\"input-group login-field\">\n                                                <span class=\"input-group-text mobile-only prepend\"><div class=\"h-100 center\"><i class=\"bi bi-telephone-fill prepend-icon\"></i></div></span>\n                                                <input type=\"text\" class=\"form-control login-input-field\" id=\"reg_telpon\" name=\"telpon\" placeholder=\"Telpon\">\n                                            </div>\n                                                <div class=\"error-msg\" id=\"err_telpon\"></div>\n                                            \n                                            <div class=\"input-group login-field\">\n                                                <select class=\"form-select login-input-field\" name=\"bank\" id=\"reg_bank\">\n                                            \t\t<option value=\"\">Pilih Bank</option>\n                            \t\t\t\t\t\t <option value=\"BCA\">BCA</option><option value=\"Mandiri\">Mandiri</option><option value=\"BNI\">BNI</option><option value=\"BRI\">BRI</option><option value=\"CIMB\">CIMB</option><option value=\"OCBC\">OCBC</option><option value=\"JAGO\">JAGO</option><option value=\"DANA\">DANA</option><option value=\"OVO\">OVO</option><option value=\"GOPAY\">GOPAY</option><option value=\"LinkAja\">LinkAja</option>                                                </select>\n                                            </div>\n                                                <div class=\"error-msg\" id=\"err_bank\"></div>\n                        \n                                            <div class=\"input-group login-field\">\n                                                <span class=\"input-group-text mobile-only prepend\"><div class=\"h-100 center\"><i class=\"bi bi-piggy-bank-fill prepend-icon\"></i></div></span>\n                                                <input type=\"text\" class=\"form-control login-input-field\" name=\"rek\" id=\"reg_rek\" placeholder=\"No Rekening\">\n                                            </div>\n                                                <div class=\"error-msg\" id=\"err_rek\"></div>\n                                            <div class=\"input-group login-field\">\n                                                <span class=\"input-group-text mobile-only prepend\"><div class=\"h-100 center\"><i class=\"bi bi-person-fill prepend-icon\"></i></div></span>\n                                                <input type=\"text\" class=\"form-control login-input-field\" name=\"nama\" id=\"reg_nama\" placeholder=\"Nama Rekening\">\n                                            </div>\n                                                <div class=\"error-msg\" id=\"err_nama\"></div>\n                                            <div class=\"input-group login-field\">\n                                                <span class=\"input-group-text mobile-only prepend\"><div class=\"h-100 center\"><i class=\"bi bi-file-earmark-person-fill prepend-icon\"></i></div></span>\n                                                <input type=\"text\" class=\"form-control login-input-field\" name=\"ref\" id=\"reg_ref\" placeholder=\"Username Referal bila ada\">\n                                            </div>\n                                            <div class=\"error-msg\" id=\"err_ref\"></div>\n                                            <!-- <input type=\"text\" class=\"form-control\" placeholder=\"Nama Akun\" aria-label=\"Nama Akun\">\n                                            <input type=\"password\" class=\"form-control\" placeholder=\"Kata Sandi\" aria-label=\"Kata Sandi\"> -->\n                                            \n                                                                                                \n                                                <div class=\"w-100 my-1\">\n                                                    <div id=\"capverifikasi\">\n                                                        <img src=\"m/capreg.php\" width=\"100%\" style=\"border-radius: 5px;margin-top: -3px; height: 44px\">\n                                                    </div>\n                                                    \n                                                    <div class=\"input-group login-field mt-1\">\n                                                        <span class=\"input-group-text mobile-only prepend\"><div class=\"h-100 center\"><i class=\"bi bi-person-fill-check prepend-icon\"></i></div></span>\n                                                    <input type=\"text\" class=\"form-control login-input-field\" name=\"regverifikasi\" id=\"reg_verifikasi\" placeholder=\"Verifikasi\" style=\"padding: 10px;\" autocomplete=\"off\">\n                                                    </div>\n                                                    <div class=\"error-msg\" id=\"err_verifikasi\"></div>\n                                                    \n                                                </div>\n\n                                                                                            \n                                                <button type=\"button\" class=\"btn btn-masuk fw-bold p-0 px-2\" value=\"Register\" id=\"buttonRegister\">Daftar</button>\n                                                <input type=\"hidden\" name=\"task\" value=\"register\">\n                                                <input type=\"hidden\" name=\"regmobile\" value=\"n9frreZBFtr8IpJb2AJj5iAgais9joEjAsOM+MdoCRs=\">\n                                                <input type=\"hidden\" name=\"iscaptcharegister\" value=\"1\">\n                                                <input type=\"hidden\" name=\"isrecaptcha\" value=\"0\">\n                                                <button type=\"button\" class=\"btn btn-secondary fw-bold p-0 px-2\" value=\"Close\" onclick=\"closeDaftar()\" id=\"buttonClose\">Close</button>\n                                    </form>\n                                </div> \n                                                                <script>\n                                const WEBNAME = 'Loyal4D';\n                                const USE_STRONG_VALIDATION = false;\n                                (function(){\n                                  function root(){ return document.getElementById('mobileregister'); }\n                                  function q(id){ return root()?.querySelector('#'+id) || null; }\n                                  function qe(sel){ return root()?.querySelector(sel) || null; }\n                                \n                                  function showError(field,msg){\n                                    const err = qe('#err_'+field);\n                                    const inp = q('reg_'+field);\n                                    if (err){ err.textContent = msg; err.style.display = 'block'; }\n                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }\n                                  }\n                                  function clearError(field){\n                                    const err = qe('#err_'+field);\n                                    const inp = q('reg_'+field);\n                                    if (err) err.style.display = 'none';\n                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }\n                                  }\n  \n                                    function checkPasswordStrengthJS(username, password) {\n                                        const min_length = 6;\n                                        const length = password.length;\n                                        if (length < min_length) {\n                                        return \"Password harus minimal \" + min_length + \" karakter\";\n                                        }\n                                        const hasLower = /[a-z]/.test(password);\n                                        const hasUpper = /[A-Z]/.test(password);\n                                        if (!(hasLower && hasUpper)) {\n                                        return \"Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.\";\n                                        }\n                                        if (!/[0-9]/.test(password)) {\n                                        return \"Password harus mengandung angka\";\n                                        }\n                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {\n                                        return \"Password tidak boleh mengandung username\";\n                                        }\n                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;\n                                        if (numSeq.test(password)) {\n                                        return \"Password tidak boleh mengandung angka berurutan\";\n                                        }\n                                        const letterSeqStr = \"(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|\"\n                                                        + \"cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|\"\n                                                        + \"qwert|werty|asdf|zxcv|uiop|hjkl)\";\n                                        const letterSequences = new RegExp(letterSeqStr, \"i\");\n                                        if (letterSequences.test(password)) {\n                                        return \"Password tidak boleh mengandung huruf berurutan\";\n                                        }\n                                        return null;\n                                    }\n                                \n                                  function vUsername(){\n                                    const v = (q('reg_username')?.value || '').trim();\n                                    if (!v) return showError('username','Username tidak boleh kosong'), false;\n                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;\n                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;\n                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;\n                                    clearError('username'); return true;\n                                  }\n                                function vPass(){\n                                    const v = q('reg_pass')?.value || '';\n                                    if(!v) {\n                                        showError('password','Password tidak boleh kosong');\n                                        return false;\n                                    }\n                                    if (USE_STRONG_VALIDATION) {\n                                        const username = (q('reg_username')?.value || '').trim();\n                                        const err = checkPasswordStrengthJS(username, v);\n                                        if (err) {\n                                            showError('password', err);\n                                            return false;\n                                        }\n                                        clearError('password');\n                                        if (q('reg_passcon')?.value) {\n                                            vPasscon();\n                                        }\n                                        return true;\n                                    }\n                                    \n                                    if (v.length < 6) {\n                                        showError('password','Password minimal 6 karakter');\n                                        return false;\n                                    }\n                                    \n                                    clearError('password');\n                                    return true;\n                                }\n                                function vPasscon() {\n                                    const p1 = q('reg_pass')?.value || '';\n                                    const p2 = q('reg_passcon')?.value || '';\n                                    if (!p2) {\n                                        showError('passcon', 'Konfirmasi password kosong');\n                                        return false;\n                                    }\n                                    if (USE_STRONG_VALIDATION) {\n                                        const username = (q('reg_username')?.value || '').trim();\n                                        const err = checkPasswordStrengthJS(username, p1);\n                                        if (err) {\n                                            showError('passcon', err);\n                                            return false;\n                                        }\n                                    }\n                                    \n                                    if (p1 !== p2) {\n                                        showError('passcon', 'Konfirmasi tidak sama');\n                                        return false;\n                                    }\n                                    \n                                    clearError('passcon');\n                                    return true;\n                                }\n                                //   function vPass(){\n                                //     const v = q('reg_pass')?.value || '';\n                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;\n                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;\n                                //     clearError('password'); return true;\n                                //   }\n                                //   function vPasscon(){\n                                //     const p1 = q('reg_pass')?.value || '';\n                                //     const p2 = q('reg_passcon')?.value || '';\n                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;\n                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;\n                                //     clearError('passcon'); return true;\n                                //   }\n                                  function vEmail(){\n                                    const v = (q('reg_email')?.value || '').trim();\n                                    if (!v) return showError('email','Email tidak boleh kosong'), false;\n                                    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(v)) return showError('email','Format email salah'), false;\n                                    clearError('email'); return true;\n                                  }\n                                  function vTelp(){\n                                    const el = q('reg_telpon'); if (!el) return true;\n                                    el.value = (el.value || '').replace(/\\D/g,'');\n                                    if (!el.value) return showError('telpon','Telpon kosong'), false;\n                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;\n                                    clearError('telpon'); return true;\n                                  }\n                                  function vBank(){\n                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;\n                                    clearError('bank'); return true;\n                                  }\n                                  function vRek(){\n                                    const el = q('reg_rek'); if (!el) return true;\n                                    el.value = (el.value || '').replace(/\\D/g,'');\n                                    if (!el.value) return showError('rek','Rekening kosong'), false;\n                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;\n                                    clearError('rek'); return true;\n                                  }\n                                  function vNama(){\n                                    const v = (q('reg_nama')?.value || '').trim();\n                                    if (!v) return showError('nama','Nama kosong'), false;\n                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;\n                                    if(!/^[a-zA-Z\\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;\n                                    clearError('nama'); return true;\n                                  }\n                                  function vRefOpt(){\n                                    const el = q('reg_ref'); if (!el) return true;\n                                    const v = (el.value || '').trim();\n                                    if (!v) return clearError('ref'), true;\n                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;\n                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;\n                                    clearError('ref'); return true;\n                                  }\n                                  function vVerifOpt(){\n                                    const el = q('reg_verifikasi'); if (!el) return true;\n                                    const v = (el.value || '').trim();\n                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;\n                                    clearError('verifikasi'); return true;\n                                  }\n                                \n                                  function validateAll(){\n                                    const ok =\n                                      vUsername() & vPass() & vPasscon() & vEmail() &\n                                      vTelp() & vBank() & vRek() & vNama() &\n                                      vRefOpt() & vVerifOpt();\n                                    return !!ok;\n                                  }\n                                  \n                                  function attach(id, validator, opts){\n                                    const el = q(id); if (!el) return;\n                                    const run = () => validator();\n                                    el.addEventListener('focus', run);\n                                    if (!opts || opts.input !== false) el.addEventListener('input', run);\n                                    el.addEventListener('blur', run);\n                                    if (opts && opts.change) el.addEventListener('change', run);\n                                  }\n                                \n                                  document.addEventListener('DOMContentLoaded', function(){\n                                    attach('reg_username',   vUsername);\n                                    attach('reg_pass',       vPass);\n                                    attach('reg_passcon',    vPasscon);\n                                    attach('reg_email',      vEmail);\n                                    attach('reg_telpon',     vTelp);\n                                    attach('reg_bank',       vBank, { input:false, change:true });\n                                    attach('reg_rek',        vRek);\n                                    attach('reg_nama',       vNama);\n                                    attach('reg_ref',        vRefOpt);\n                                    attach('reg_verifikasi', vVerifOpt);\n                                \n                                    const f = q('formRegister');\n                                    if (f) {\n                                      f.addEventListener('submit', function(e){\n                                        if (!validateAll()) {\n                                          e.preventDefault();\n                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');\n                                          if (firstErr && firstErr.focus) firstErr.focus();\n                                        }\n                                      });\n                                    }\n                                  });\n                                })();\n                                </script>\n                        </div>                 \n                    </div>\n    \n                    <div class=\"menu\">\n                        <style>\n    .menu-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        min-width: 72px;\n        padding: 8px;\n        height: 100%;\n    }\n    \n    .menu-item:hover {\n        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);\n    }\n    \n    .menu-item.active {\n        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);\n    }\n    \n    .menu-item-img {\n        height: 28px;\n    }\n    \n    .menu-item-icon {\n        font-size: 28px;\n        color: var(--menu-item-color)\n    }\n    \n    .menu-item:hover>.menu-item-icon {\n        color: var(--primary-color);\n    }\n</style>\n\n\n<a href=\"/\" class=\"menu-item active\">\n    <!--<img class=\"mobile-only\" src=\"assets/slot.png\" alt=\"\">-->\n    <i class=\"menu-item-icon icon-home\" style=\"font-size: 28px\"></i>\n    <label>HOME</label>\n</a>\n\n    <a href=\"/register\" class=\"menu-item\" onmouseover=\"showProducts('hover-togel')\" onmouseout=\"hideProducts('hover-togel')\">\n        <!--<img class=\"mobile-only\" src=\"assets/togel.png\" alt=\"\">-->\n        <!--<img src=\"https://img.viva88athenae.com//icons/lottery.png?1778065925\" alt=\"TOGEL\" class=\"menu-item-img\">-->\n        <i class=\"menu-item-icon icon-lottery\" style=\"font-size: 28px\"></i>\n        <label>TOGEL</label>\n    </a>\n    \n\n\n<a href=\"/slot\" class=\"menu-item\" onmouseover=\"showProducts('hover-slot')\" onmouseout=\"hideProducts('hover-slot')\">\n    <!--<img class=\"mobile-only\" src=\"assets/slot.png\" alt=\"\">-->\n    <i class=\"menu-item-icon icon-slots\"></i>\n    <label>SLOT</label>\n</a>\n<a href=\"/casino\" class=\"menu-item\" onmouseover=\"showProducts('hover-live')\" onmouseout=\"hideProducts('hover-live')\">\n    <!--<img class=\"mobile-only\" src=\"assets/live.png\" alt=\"\">-->\n    <i class=\"menu-item-icon icon-casino\"></i>\n    <label>LIVE CASINO</label>\n</a>\n<a href=\"/sport\" class=\"menu-item\" onmouseover=\"showProducts('hover-sport')\" onmouseout=\"hideProducts('hover-sport')\">\n    <!--<img class=\"mobile-only\" src=\"assets/sport.png\" alt=\"\">-->\n    <i class=\"menu-item-icon icon-sports\"></i>\n    <label>SPORT</label>\n</a>\n<a href=\"/sabung\" class=\"menu-item\" onmouseover=\"showProducts('hover-sabung')\" onmouseout=\"hideProducts('hover-sabung')\">\n<!--    <img class=\"mobile-only\" src=\"assets/sabung.png\" alt=\"\">-->\n    <i class=\"menu-item-icon icon-sabung\"></i>\n    <label>SABUNG</label>\n</a>\n<a href=\"/arcade\" class=\"menu-item\" onmouseover=\"showProducts('hover-fishing')\" onmouseout=\"hideProducts('hover-fishing')\">\n    <!--<img class=\"mobile-only\" src=\"assets/fishing.png\" alt=\"\">-->\n    <i class=\"menu-item-icon icon-arcade\"></i>\n    <label>ARCADE</label>\n</a>\n<a href=\"/interactive\" class=\"menu-item\" onmouseover=\"showProducts('hover-interactive')\" onmouseout=\"hideProducts('hover-interactive')\">\n    <i class=\"menu-item-icon icon-interactive\"></i>\n    <label>INTERACTIVE</label>\n</a>\n                    </div>\n                                        \n\n\n                    <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)\">\n                        \n                        \n        <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)\">\n            <i class=\"bi bi-caret-left-fill\" style=\"font-size: 16px; color: var(--marquee-color)\"></i>\n        </div>\n        \n        <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)\">\n            <i class=\"bi bi-caret-right-fill\" style=\"font-size: 16px; color: var(--marquee-color)\"></i>\n        </div>\n    \n    \n    <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)\">\n    \n    \n        <div style=\"white-space: nowrap; height: 100%; font-size: 0px\">\n                                        \n                        <a href=\"#togel-mobile\" style=\"height: 100%; width: 74px; display: inline-block;\">\n                        <div style=\"display: grid; place-items: center; height: 100%\">\n                            <div class=\"menu-item\" style=\"gap: 8px\">\n                                <img class=\"mobile-only\" src=\"https://img.viva88athenae.com//icons/lottery.png\" alt=\"\">\n                                <label class=\"text-white\">TOGEL</label>\n                            </div>\n                        </div>\n                    </a>\n                        \n                                <div style=\"height: 100%; width: 74px; display: inline-block;\">\n                    <div style=\"display: grid; place-items: center; height: 100%\">\n                        <div class=\"menu-item\" style=\"gap: 8px\" onclick=\"showProvider('slot')\">\n                            <img class=\"mobile-only\" src=\"https://img.viva88athenae.com//icons/slots.png\" alt=\"\">\n                            <label class=\"text-white\">SLOT</label>\n                        </div>\n                    </div>\n                </div>\n                <div style=\"height: 100%; width: 74px; display: inline-block;\">\n                    <div style=\"display: grid; place-items: center; height: 100%\">\n                        <div class=\"menu-item\" style=\"gap: 8px\" onclick=\"showProvider('casino')\">\n                            <img class=\"mobile-only\" src=\"https://img.viva88athenae.com//icons/casino.png\" alt=\"\">\n                            <label class=\"text-white\">LIVE CASINO</label>\n                        </div>\n                    </div>\n                </div>\n                <div style=\"height: 100%; width: 74px; display: inline-block;\">\n                    <div style=\"display: grid; place-items: center; height: 100%\">\n                        <div class=\"menu-item\" style=\"gap: 8px\" onclick=\"showProvider('sport')\">\n                            <img class=\"mobile-only\" src=\"https://img.viva88athenae.com//icons/sports.png\" alt=\"\">\n                            <label class=\"text-white\">SPORT</label>\n                        </div>\n                    </div>\n                </div>\n                <div style=\"height: 100%; width: 74px; display: inline-block;\">\n                    <div style=\"display: grid; place-items: center; height: 100%\">\n                    <div class=\"menu-item\" style=\"gap: 8px\" onclick=\"showProvider('fish')\">\n                        <img class=\"mobile-only\" src=\"https://img.viva88athenae.com//icons/arcade.png\" alt=\"\">\n                        <label class=\"text-white\">ARCADE</label>\n                    </div>\n                    </div>\n                </div>\n                <div style=\"height: 100%; width: 74px; display: inline-block;\">\n                    <div style=\"display: grid; place-items: center; height: 100%\">\n                        <div class=\"menu-item\" style=\"gap: 8px\" onclick=\"showProvider('sabung')\">\n                            <img class=\"mobile-only\" src=\"https://img.viva88athenae.com//icons/sabung.png\" alt=\"\">\n                            <label class=\"text-white\">SABUNG</label>\n                        </div>\n                    </div>\n                </div>\n                \n                <div style=\"height: 100%; width: 74px; display: inline-block;\">\n                    <div style=\"display: grid; place-items: center; height: 100%\">\n                        <div class=\"menu-item\" style=\"gap: 8px\" onclick=\"showProvider('interactive')\">\n                            <img class=\"mobile-only\" src=\"https://img.viva88athenae.com//icons/interactive.png\" alt=\"\">\n                            <label class=\"text-white\">INTERACTIVE</label>\n                        </div>\n                    </div>\n                </div>\n        </div>\n    </div>                                                                                                                        \n</div>                    \n                    \n                    <div class=\"menu-content mobile-only\">\n                            <div id=\"main-content\" style=\"background: var(--content-box-background)\">\n                                                        </div>\n                    </div>\n                    \n                    \n                    <!-- Banner SBO -->\n                        \n                        <style>\n                            .match-slider-wrap {\n                                max-width: 1200px;\n                                margin: 16px auto;\n                                margin-bottom: 24px;\n                                padding: 0 12px;\n                            }\n\n                            .match-card {\n                                position: relative;\n                                overflow: hidden;\n                                min-height: 180px;\n                                border-radius: 16px;\n                                background:\n                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),\n                                linear-gradient(180deg, #232323 0%, #161616 100%);\n                                color: #fff;\n                                box-shadow: 0 10px 24px rgba(0,0,0,.35);\n                                padding: 14px 14px 16px;\n                            }\n\n                            .match-card::before {\n                                content: \"\";\n                                position: absolute;\n                                inset: 0;\n                                background: repeating-linear-gradient(\n                                    -35deg,\n                                    rgba(255,255,255,.04),\n                                    rgba(255,255,255,.04) 8px,\n                                    transparent 8px,\n                                    transparent 18px\n                                );\n                                pointer-events: none;\n                                opacity: .35;\n                            }\n\n                            .match-card > * {\n                                position: relative;\n                                z-index: 1;\n                            }\n\n                            .league-name {\n                                font-size: 14px;\n                                font-weight: 700;\n                                letter-spacing: .4px;\n                                text-transform: uppercase;\n                                text-align: center;\n                                margin-bottom: 2px;\n                                color: #ffffff;\n                            }\n\n                            .kickoff-time {\n                                font-size: 14px;\n                                font-weight: 800;\n                                text-align: center;\n                                color: #ffd23c;\n                                margin-bottom: 12px;\n                            }\n\n                            .match-main-row,\n                            .match-odds-row {\n                                display: flex;\n                                align-items: flex-start;\n                                justify-content: space-between;\n                                gap: 0;\n                            }\n\n                            .match-odds-row {\n                                align-items: center;\n                                margin-top: 12px;\n                            }\n\n                            .team-col {\n                                width: 30%;\n                                text-align: center;\n                                display: flex;\n                                flex-direction: column;\n                                align-items: center;\n                            }\n\n                            .score-col {\n                                width: 40%;\n                                text-align: center;\n                                display: flex;\n                                flex-direction: column;\n                                align-items: center;\n                                justify-content: center;\n                            }\n\n                            .team-logo {\n                                width: 46px;\n                                height: 46px;\n                                object-fit: contain;\n                                margin-bottom: 6px;\n                            }\n\n                            .team-name {\n                                font-size: 14px;\n                                line-height: 1.15;\n                                min-height: 34px;\n                                display: flex;\n                                align-items: center;\n                                justify-content: center;\n                                text-align: center;\n                            }\n\n                            .score-value {\n                                font-size: 28px;\n                                font-weight: 800;\n                                line-height: 1;\n                                margin-bottom: 10px;\n                            }\n\n                            .bet-btn {\n                                display: inline-block;\n                                min-width: 95px;\n                                border-radius: 8px;\n                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);\n                                color: #1d1d1d;\n                                font-size: 14px;\n                                font-weight: 800;\n                                text-decoration: none;\n                                padding: 10px 16px;\n                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);\n                            }\n\n                            .bet-btn:hover {\n                                color: #1d1d1d;\n                                filter: brightness(1.03);\n                            }\n\n                            .odds-col {\n                                width: 30%;\n                                text-align: center;\n                                font-size: 12px;\n                                font-weight: 700;\n                                color: #ffd23c;\n                                display: flex;\n                                align-items: center;\n                                justify-content: center;\n                                min-height: 18px;\n                            }\n\n                            .odds-col small {\n                                font-size: 12px;\n                                font-weight: 600;\n                                color: #ffffff;\n                                opacity: .95;\n                            }\n\n                            .odds-spacer {\n                                width: 40%;\n                            }\n\n                            .carousel-control-prev,\n                            .carousel-control-next {\n                                width: 48px;\n                            }\n\n                            .carousel-control-prev-icon,\n                            .carousel-control-next-icon {\n                                width: 2.5rem;\n                                height: 2.5rem;\n                                border-radius: 50%;\n                                background-color: rgba(255,255,255,.15);\n                                background-size: 55% 55%;\n                            }\n\n                            .carousel-indicators [data-bs-target] {\n                                width: 8px;\n                                height: 8px;\n                                border-radius: 50%;\n                            }\n\n                            @media (max-width: 991.98px) {\n                                .match-card {\n                                    min-height: 170px;\n                                }\n                            }\n\n                           @media (max-width: 767.98px) {\n                                .match-slider-wrap {\n                                    max-width: 100%;\n                                    padding: 0 20px;\n                                    margin: 20px 0;\n                                }\n\n                                .match-slider-wrap .carousel-inner {\n                                    padding: 0;\n                                }\n\n                                .match-slider-wrap .carousel-item .row {\n                                    margin: 0;\n                                }\n\n                                .match-slider-wrap .carousel-item .col-12 {\n                                    padding: 0;\n                                }\n\n                                .match-card {\n                                    width: 100%;\n                                    border-radius: 16px;\n                                }\n\n                                .league-name {\n                                    font-size: 13px;\n                                    margin-bottom: 2px;\n                                }\n\n                                .kickoff-time {\n                                    font-size: 13px;\n                                    margin-bottom: 10px;\n                                }\n\n                                .team-col {\n                                    width: 30%;\n                                }\n\n                                .score-col {\n                                    width: 40%;\n                                }\n\n                                .team-logo {\n                                    width: 42px;\n                                    height: 42px;\n                                    margin-bottom: 4px;\n                                }\n\n                                .team-name {\n                                    font-size: 12px;\n                                    line-height: 1.15;\n                                    min-height: 30px;\n                                }\n\n                                .score-value {\n                                    font-size: 22px;\n                                    margin-bottom: 8px;\n                                }\n\n                                .bet-btn {\n                                    min-width: 88px;\n                                    font-size: 13px;\n                                    padding: 8px 14px;\n                                    border-radius: 8px;\n                                }\n\n                                .match-odds-row {\n                                    margin-top: 10px;\n                                }\n\n                                .odds-col,\n                                .odds-col small {\n                                    font-size: 11px;\n                                }\n\n                                .carousel-control-prev,\n                                .carousel-control-next {\n                                    width: 34px;\n                                }\n\n                                .carousel-control-prev-icon,\n                                .carousel-control-next-icon {\n                                    width: 2rem;\n                                    height: 2rem;\n                                    background-size: 50% 50%;\n                                }\n\n                                .carousel-indicators {\n                                    margin-bottom: -2px;\n                                }\n\n                                .carousel-indicators [data-bs-target] {\n                                    width: 7px;\n                                    height: 7px;\n                                    margin: 0 3px;\n                                }\n                        }\n                        </style>\n                    <!-- Banner SBO End -->\n        \n                    <div class=\"promosi\">\n                        \n                        <!-- Desktop -->\n                        <div class=\"desktop-only h-100\">                        \n                            <div class=\"d-flex align-items-center h-100\">\n                                <a href=\"/promosi\" class=\"menu-item\">\n                                    <i class=\"menu-item-icon icon-promotion\"></i>\n                                    <label>PROMOSI</label>\n                                </a>\n                                \n                                <a href=\"/event\" class=\"menu-item\">\n                                    <i class=\"menu-item-icon icon-event\"></i>\n                                    <label>EVENT</label>\n                                </a>\n                            </div>\n                        </div>\n                        \n\n\n                        \n                        <!--<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>-->\n                        \n                        <!-- Mobile -->\n                                                 \n                        <div class=\"mobile-only\" style=\"padding-top: 24px\">\n                            \n                            <div class=\"d-flex gap-3 justify-content-center align-items-center\">\n                                                                            <a href=\"/?desktop\" style=\"display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)\">Desktop</a>\n                                            <div style=\"height: 1.1rem; width: 1.5px; background: var(--menu-item-color)\"></div>\n                                        \n                                <a href=\"/wap\" style=\"display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)\">Wap</a>\n                            </div>\n\n                            \n                        </div>\n                                            </div>\n\n                </div>\n                \n            </header>\n                \n    \n    \n            <div id=\"marquee\" class=\"marquee desktop-only\">\n                <div class=\"marquee-content py-2\">\n                    <div class=\"d-flex align-items-center gap-2\">\n                        <div id=\"timenow\" class=\"desktop-only\" style=\"white-space: nowrap;\">Rabu 6/05/2026 12:16:28 </div>\n                        <i class=\"bi bi-megaphone-fill desktop-only\"></i>\n                    </div>\n                    <div class=\"running\" style=\"padding-left: 8px; padding-right: 32px\">\n                        <div class=\"broadcast\" style=\"width: 100%\">Selamat Datang di Loyal4D Bandar Judi Online Terbaik </div>\n                    </div>\n                    <div class=\"d-flex align-items-center gap-2\">\n                        <div id=\"desktoplogin\" class=\"desktop-only\">\n                            <form class=\"login-form form\" role=\"form\">\n                                <div id=\"msgbox\" style=\"margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;\"></div>\n                                <div class=\"input-group login-field\">\n                                    <span class=\"input-group-text prepend mobile-only \"><div class=\"h-100 center\"><i class=\"bi bi-person-circle prepend-icon\"></i></div></span>\n                                    <input type=\"text\" name=\"username\" class=\"form-control login-input-field username\" placeholder=\"Nama Akun\" aria-label=\"Username\">\n                                </div>\n                                \n                                \n                                \n                                <div class=\"input-group login-field\">\n                                    <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>\n                                    <input type=\"password\" name=\"password\" class=\"form-control login-input-field password\" placeholder=\"Kata Sandi\" aria-label=\"Password\">\n                                </div>\n                                \n                                <!-- captcha -->\n                         \n                                    <div class=\"verifikasiform\" style=\" \">\n                                        <div style=\"display: flex; gap: 2px;\">\n                                            <span id=\"verifikasi\"><img src=\"/capimg.php\" width=\"40\" height=\"30\" style=\"border:1px #999 solid;\"></span>\n                                            <input type=\"text\" class=\"form-control login-field\" name=\"verifikasi\" id=\"verform\" style=\"width:40px;height: 30px !important\" autocomplete=\"off\">\n                                        </div>\n\n                                    </div>\n                                    <input type=\"hidden\" name=\"verif\" id=\"verifval\" class=\"verifval\" value=\"1\">\n                              \n                                <!-- end captcha -->\n    \n    \n                                <button type=\"submit\" value=\"Masuk\" class=\"btn btn-masuk fw-bold p-0 px-2 submit\">Masuk</button>\n                                <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>\n\n                                <input type=\"hidden\" name=\"task\" value=\"login\">\n                                <input type=\"hidden\" name=\"iscaptchalogin\" value=\"1\">\n                                <input type=\"hidden\" name=\"logindesktop\" value=\"T4LpXNWYYJjo/rAnK0Zb5ECM6qBZZUPwOMYqTH7N6Ww=\">\n                            </form>\n\n                            <!-- recaptcha -->\n                                                        <!-- end recaptcha -->\n                        </div>\n                    \n                        \n                        <!--<a href=\"/event\">-->\n                        <!--    <img src=\"https://img.viva88athenae.com//btnevent.png\" alt=\"EVENT\" height=\"24px\"/>-->\n                        <!--</a>-->\n                    </div>\n                </div>\n            </div>\n            \n            \n            \n            <!--Informasi Modal -->\n            <div id=\"modal-wrapper\" class=\"modal\" style=\" background:none;\">\n            \n                <div class=\"slideDown\" id=\"informasi-menu\">\n                  <div class=\"row\">\n                    <div class=\"col-xs-3\" style=\"padding-right:0px; width:164px\">\n                        <div id=\"informasi-logo\">\n                            <img src=\"/images/logoweb.png\" width=\"120px\">\n                        </div>\n                        <div class=\"menuleft\">\n\n                                <a class=\"active btn-black\" href=\"javascript:toggleInformasi('tentang');\">TENTANG KAMI</a>\n                                <a class=\"btn-black\" href=\"javascript:toggleInformasi('bantuan');\">BANTUAN</a>\n                                <a class=\"btn-black\" href=\"javascript:toggleInformasi('peraturan');\">PERATURAN</a>\n                                <a class=\"btn-black\" href=\"javascript:toggleInformasi('bank');\">INFORMASI BANK</a>\n                                <a class=\"btn-black\" href=\"javascript:toggleInformasi('hubungi');\">HUBUNGI KAMI</a>\n                                <a class=\"btn-black\" href=\"javascript:toggleInformasi('privasi');\">KEBIJAKAN PRIVASI</a>\n                                <a class=\"btn-black\" href=\"javascript:toggleInformasi('cookies');\">PERSETUJUAN COOKIES</a>\n\n                        </div>\n                   </div>    \n                   <div class=\"col-xs-9\" id=\"informasi-content\" style=\"position: relative\">\n                        <div onclick=\"document.getElementById('modal-wrapper').style.display='none'\" class=\"closebox\" title=\"Close Informasi\">×</div>\n                        <div style=\"margin: 32px 0; height:600px; overflow: auto; z-index:1;\" id=\"content2\"> \n                        </div>\n                    </div>\n                    \n                </div>\n              </div>\n            </div>\n            \n\n            \n    \n            <div class=\"contentdata\">\n                <div id=\"content-primary\" class=\"p-0\">\n                   \n                                            <div class=\"desktop-only\">\n<div id=\"mobile-slider\" class=\"carousel slide\" data-bs-ride=\"carousel\" style=\"height: 100%\">\n  <div class=\"carousel-indicators\">\n                         <button type=\"button\" data-bs-target=\"#mobile-slider\" data-bs-slide-to=\"0\" class=\"active\" aria-current=\"true\" aria-label=\"Slide 1\"></button>\n                                <button type=\"button\" data-bs-target=\"#mobile-slider\" data-bs-slide-to=\"1\" aria-label=\"Slide 2\"></button>\n                                <button type=\"button\" data-bs-target=\"#mobile-slider\" data-bs-slide-to=\"2\" aria-label=\"Slide 3\"></button>\n                                <button type=\"button\" data-bs-target=\"#mobile-slider\" data-bs-slide-to=\"3\" aria-label=\"Slide 4\"></button>\n                                <button type=\"button\" data-bs-target=\"#mobile-slider\" data-bs-slide-to=\"4\" aria-label=\"Slide 5\"></button>\n                                <button type=\"button\" data-bs-target=\"#mobile-slider\" data-bs-slide-to=\"5\" aria-label=\"Slide 6\"></button>\n                                <button type=\"button\" data-bs-target=\"#mobile-slider\" data-bs-slide-to=\"6\" aria-label=\"Slide 7\"></button>\n              </div>\n  <div class=\"carousel-inner\" style=\"height: 100%\">\n            <div class=\"carousel-item active\" style=\"height: 100%\">\n          <img src=\"/images/upload-Slides-20241103231430.jpg\" class=\"d-block w-100 banner\" alt=\"Provider Slot Bet 400 Rupiah LOYAL4D\" style=\"height: 100%\">\n        </div>\n            <div class=\"carousel-item \" style=\"height: 100%\">\n          <img src=\"/images/upload-Slides-20240601232005.jpg\" class=\"d-block w-100 banner\" alt=\"LOYAL4D Slot Deposit Qris Terpercaya\" style=\"height: 100%\">\n        </div>\n            <div class=\"carousel-item \" style=\"height: 100%\">\n          <img src=\"/images/upload-Slides-20240601232203.jpg\" class=\"d-block w-100 banner\" alt=\"LOYAL4D Situs Bandar Slot Gacor\" style=\"height: 100%\">\n        </div>\n            <div class=\"carousel-item \" style=\"height: 100%\">\n          <img src=\"/images/upload-Slides-20230908030355.jpg\" class=\"d-block w-100 banner\" alt=\"Bandar Togel Terpercaya Loyal4D\" style=\"height: 100%\">\n        </div>\n            <div class=\"carousel-item \" style=\"height: 100%\">\n          <img src=\"/images/upload-Slides-20210218132634.jpg\" class=\"d-block w-100 banner\" alt=\"Situs Slot Online Loyal4D\" style=\"height: 100%\">\n        </div>\n            <div class=\"carousel-item \" style=\"height: 100%\">\n          <img src=\"https://img.viva88athenae.com/banner/mgl-25.jpg\" class=\"d-block w-100 banner\" alt=\"\" style=\"height: 100%\">\n        </div>\n            <div class=\"carousel-item \" style=\"height: 100%\">\n          <img src=\"https://img.viva88athenae.com/banner/slider-fgs.jpg\" class=\"d-block w-100 banner\" alt=\"\" style=\"height: 100%\">\n        </div>\n      </div>\n</div>\n\n</div>\n                        <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;\">\n     <img src=\"https://img.viva88athenae.com/pop/mobile-fgs.jpg\" width=\"100%\" alt=\"\" style=\"border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;\">\n</div></div>\n                        \n                                    </div>\n            </div>\n\n            \n            \n                       <div class=\"widget-kupon\">\n                <!-- <div style=\"position:relative; width:100%;\"> -->\n                    <iframe class=\"iframe-kupon\" src=\"https://fkupon.com/widget2.php\" style=\"height: 206px;\"></iframe>\n                    <div onclick=\"scrollToLoginForm('kupon')\" style=\"position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;\"></div>\n                <!-- </div> -->\n            </div>\n            \n            <!-- BANNER SBO MOBILE -->\n            <div class=\"widget-sbo mobile-only\">\n               <div class=\"match-slider-wrap\">\n                                    <div id=\"sboMatchCarouselMobile\" class=\"carousel slide\" data-bs-ride=\"carousel\" data-bs-interval=\"4500\">\n\n                                                    <div class=\"carousel-indicators\">\n                                                                    <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"0\" class=\"active\" aria-current=\"true\" aria-label=\"Slide 1\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"1\" class=\"\" aria-label=\"Slide 2\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"2\" class=\"\" aria-label=\"Slide 3\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"3\" class=\"\" aria-label=\"Slide 4\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"4\" class=\"\" aria-label=\"Slide 5\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"5\" class=\"\" aria-label=\"Slide 6\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"6\" class=\"\" aria-label=\"Slide 7\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"7\" class=\"\" aria-label=\"Slide 8\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"8\" class=\"\" aria-label=\"Slide 9\">\n                                </button>\n                                                                <button type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide-to=\"9\" class=\"\" aria-label=\"Slide 10\">\n                                </button>\n                                                    </div>\n                    \n                    <div class=\"carousel-inner\">\n                                                    <div class=\"carousel-item active\">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    UEFA CHAMPIONS LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 7, 2026 — 02:00 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/ef19a84a6745fe57aa786873d2b18e8a.png\" alt=\"Bayern Munchen\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Bayern Munchen                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '128094769')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/3b720f181ce9993f9422d276acf7b292.png\" alt=\"Paris Saint Germain\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Paris Saint Germain                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.75                                                            <small>0.72</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -0.75                                                            <small>-0.79</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    ENGLISH PREMIER LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 9, 2026 — 21:00 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png\" alt=\"Sunderland\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Sunderland                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217207')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png\" alt=\"Manchester United\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Manchester United                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -0.25                                                            <small>-0.73</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.25                                                            <small>0.63</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    ENGLISH PREMIER LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 9, 2026 — 18:30 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png\" alt=\"Liverpool\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Liverpool                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217204')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/b365ad0e85e2b1bcbf63f7a0f2f70a79.png\" alt=\"Chelsea\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Chelsea                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.25                                                            <small>0.62</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -0.25                                                            <small>-0.72</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    UEFA EUROPA LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 8, 2026 — 02:00 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png\" alt=\"Aston Villa\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Aston Villa                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '128176971')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png\" alt=\"Nottingham Forest\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Nottingham Forest                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.5                                                            <small>0.74</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -0.5                                                            <small>-0.84</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    ENGLISH PREMIER LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 9, 2026 — 23:30 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png\" alt=\"Manchester City\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Manchester City                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217205')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png\" alt=\"Brentford\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Brentford                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            1.25                                                            <small>0.77</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -1.25                                                            <small>-0.87</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    ENGLISH PREMIER LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 10, 2026 — 22:30 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/d71ebda5c7fbca9093a1c2978c46f619.png\" alt=\"West Ham United\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            West Ham United                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217210')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png\" alt=\"Arsenal\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Arsenal                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -0.75                                                            <small>-0.87</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.75                                                            <small>0.77</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    SPAIN LA LIGA                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 11, 2026 — 02:00 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png\" alt=\"Barcelona\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Barcelona                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '126891319')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png\" alt=\"Real Madrid\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Real Madrid                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.5                                                            <small>0.79</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -0.5                                                            <small>-0.89</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    ENGLISH PREMIER LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 9, 2026 — 21:00 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png\" alt=\"Brighton &amp; Hove Albion\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Brighton &amp; Hove Albion                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217197')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/5759932ca2512c6701d86dfbd58380a7.png\" alt=\"Wolverhampton Wanderers\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Wolverhampton Wanderers                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            1.5                                                            <small>0.78</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -1.5                                                            <small>-0.88</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    UEFA EUROPA LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 8, 2026 — 02:00 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/6508946c9a5fe22a8784b905b25e8c79.png\" alt=\"SC Freiburg\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            SC Freiburg                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '128176938')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/1fe75f826dab40e6e89cbe961c7e9116.png\" alt=\"Sporting Braga\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Sporting Braga                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.5                                                            <small>0.75</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            -0.5                                                            <small>-0.85</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                                    <div class=\"carousel-item \">\n                                <div class=\"row g-3\">\n                                                                            <div class=\"col-12\">\n                                            <div class=\"match-card h-100\">\n                                                <div class=\"league-name\">\n                                                    ENGLISH PREMIER LEAGUE                                                </div>\n\n                                                <div class=\"kickoff-time\">\n                                                    May 9, 2026 — 21:00 WIB                                                </div>\n\n                                                <div class=\"match-main-row\">\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png\" alt=\"Fulham\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Fulham                                                        </div>\n                                                    </div>\n\n                                                    <div class=\"score-col\">\n                                                        <div class=\"score-value\">\n                                                            0 : 0                                                        </div>\n\n                                                        <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217203')\">\n                                                            BET NOW\n                                                        </a>\n                                                    </div>\n\n                                                    <div class=\"team-col\">\n                                                        <img src=\"https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png\" alt=\"Bournemouth AFC\" class=\"team-logo\">\n                                                        <div class=\"team-name\">\n                                                            Bournemouth AFC                                                        </div>\n                                                    </div>\n                                                </div>\n\n                                                <div class=\"match-odds-row\">\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.00                                                            <small>-0.92</small>\n                                                        </span>\n                                                    </div>\n\n                                                    <div class=\"odds-spacer\"></div>\n\n                                                    <div class=\"odds-col\">\n                                                        <span>\n                                                            0.00                                                            <small>0.82</small>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                                                    </div>\n                            </div>\n                                            </div>\n\n                                            <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide=\"prev\">\n                            <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                            <span class=\"visually-hidden\">Previous</span>\n                        </button>\n\n                        <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#sboMatchCarouselMobile\" data-bs-slide=\"next\">\n                            <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                            <span class=\"visually-hidden\">Next</span>\n                        </button>\n                                    </div>\n                                </div>\n            </div>\n            <!-- BANNER SBO MOBILE END -->\n            \n            \n            <!-- Togel -->    \n            \t\n\t<style>\n\t    .togel-desktop {\n            /*background: var(--togel-background);*/\n            background: var(--footer-background);\n            grid-area: togel-desktop;\n            position: relative;\n        }\n        \n        .togel-mobile {\n            display: none;\n        }\n\n        .show-more {\n            position: absolute; \n        \n            z-index: 999; \n            bottom: 0px;\n            width: 100%;\n            \n            /* 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)); */\n        }\n        \n        .show-more-content {\n            background: var(--secondary-background);\n            opacity: .7;\n            display: grid; \n            place-items: center; \n            height: 32px\n        }\n        \n        .togel-content {    \n            position: relative;  \n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            /*display: grid;*/\n            /*grid-template-columns: repeat(10, 1fr);*/\n            gap: 8px 4px;\n            padding: 16px 0;\n        }\n        \n        .see-more {\n            padding: 16px 0 48px 0;\n            max-height: 162px;\n            transition: max-height .75s ease-out;\n            transition-delay: .1s;\n            overflow: hidden;\n        }\n        \n        .togel-content:hover{\n            max-height: 1000px;\n            transition: max-height 0.25s ease-in;\n        }\n        \n        .result {\n            height: 110px;\n            width: 96px;\n            border-radius: 10px;\n            background: var(--result-background);\n            border: var(--result-border);\n            \n            display: grid;\n            grid-template-rows: 0px 20px 1fr 28px;\n            grid-template-areas:\n            \"badge\"\n            \"pasaran\"\n            \"keluaran\"\n            \"tanggal\"\n            ;\n        \n            /* display: flex;\n            flex-direction: column;\n            justify-content: space-between; */\n        \n            overflow: hidden;\n        }\n        \n        .badge {\n            grid-area: badge;\n            display: grid;\n            place-items: center;\n        }\n        \n        .result>.pasaran {\n        \n            grid-area: pasaran;\n        \n            padding-top: 8px;\n            white-space: nowrap;\n            font-size: .7rem;\n            line-height: .7rem;\n        \n            color: var(--result-pasaran-color);\n            display: grid;\n            place-items: center;\n        }\n        \n        .result>.keluaran {\n        \n            grid-area: keluaran;\n            padding-bottom: 8px;\n            font-family: 'Oswald', sans-serif;\n            line-height: 40px;\n            font-size: 40px;\n            color: var(--result-keluaran-color);\n            display: grid;\n            place-items: center;\n        }\n        \n        .result>.tanggal {\n        \n            grid-area: tanggal;\n        \n            width: 100%;\n            height: 100%;\n            /* background: rgb(40,0,0);\n            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */\n            background: var(--result-tanggal-background);\n            white-space: nowarp;\n            font-size: .79rem;\n            display: grid;\n            place-items: center;\n            font-family: 'Abel', sans-serif;\n            color: var(--result-tanggal-color);\n        }\n        \n        @media only screen and (max-width: 1000px) {\n            \n            .togel-desktop {\n                display: none;\n            }\n            \n            .togel-mobile {\n\n                background: var(--secondary-background);\n                grid-area: togel-mobile;\n                padding: 24px;\n                padding-bottom: 12px;\n                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;\n            }\n        \n            .togel-title {\n                padding: 0px;\n                padding-bottom: 20px;\n                font-size: 1.4rem;\n                font-weight: bold;\n                color: var(--primary-text-color);\n            }\n        \n            .togel-content {\n                max-height: fit-content;\n                display: grid;\n                grid-template-columns: 1fr;\n                gap: 0;\n                border-radius: 8px;\n            }\n            \n\n        \n            .provider-group {\n                padding: var(--mobile-padding-horizontal);\n            }\n        \n            .badge {\n                display: none;\n            }\n        \n            .result {\n                height: auto;\n                width: 100%;\n                display: grid;\n                grid-template-rows: 1fr;\n                grid-template-columns: 1fr 1fr 80px;\n                grid-template-areas: \"pasaran tanggal keluaran\";\n                border-radius: 0;\n                border: none;\n                background: transparent;\n                padding: 4px 12px;\n                color: var(--primary-text-color);\n                font-family: 'Abel', sans-serif;\n                \n            }\n            \n                        \n            .result-data:nth-child(odd) {\n                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);\n            }\n            \n                        \n            .accordion-item {\n                background-color: transparent;\n                border: 0px;\n            }\n            \n            .accordion-button:not(.collapsed) {\n                color: inherit;\n                background-color: transparent;\n                box-shadow: none;\n            }\n            \n            .accordion-button::after {\n                height: 0px;\n            }\n        \n            .result>* {\n                padding: 0px!important;\n                margin: 0px!important;\n                font-size: 1.4rem!important;\n                line-height: auto!important;\n                font-weight: normal!important;\n            }\n        \n            .result>.pasaran {\n                display: flex;\n                justify-content: start;\n                color: var(--primary-text-color)!important;\n                opacity: .7;\n            }\n        \n            .result>.tanggal {        \n                display: flex;\n                justify-content: center;\n                background: transparent;\n                color: var(--primary-text-color)!important;\n                opacity: .7;\n            }\n        \n            .result>.keluaran {\n                display: flex;\n                justify-content: end;\n                /*color: var(--primary-text-color)!important;*/\n                font-family: 'Abel', sans-serif;\n                color: var(--highlight-text-color);\n            }\n            \n        }\n\t</style>\n\t\n\t\n\t\n\t<div id=\"togel-desktop\" class=\"togel-desktop desktop-only\">\n\t    \n\t        \n        \n    \n        <div class=\"togel-content \">\n                            <!-- <a href=\"/?content=hasil&pid=HKD\" class=\"result\"> -->\n                <a href=\"/hasil/HKD\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">HK SIANG&nbsp;</div>\n                    <div class=\"keluaran\">3562</div>\n                    <div class=\"tanggal\"> 6/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=SGM\" class=\"result\"> -->\n                <a href=\"/hasil/SGM\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">SG METRO&nbsp;</div>\n                    <div class=\"keluaran\">0548</div>\n                    <div class=\"tanggal\"> 6/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=SYD\" class=\"result\"> -->\n                <a href=\"/hasil/SYD\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">SYDNEY&nbsp;</div>\n                    <div class=\"keluaran\">6230</div>\n                    <div class=\"tanggal\"> 6/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=MYD\" class=\"result\"> -->\n                <a href=\"/hasil/MYD\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">MALAYSIA SIANG&nbsp;</div>\n                    <div class=\"keluaran\">9700</div>\n                    <div class=\"tanggal\"> 6/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=SG\" class=\"result\"> -->\n                <a href=\"/hasil/SG\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">SINGAPORE&nbsp;</div>\n                    <div class=\"keluaran\">3361</div>\n                    <div class=\"tanggal\"> 6/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=MY\" class=\"result\"> -->\n                <a href=\"/hasil/MY\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">MALAYSIA&nbsp;</div>\n                    <div class=\"keluaran\">9094</div>\n                    <div class=\"tanggal\"> 6/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=MC\" class=\"result\"> -->\n                <a href=\"/hasil/MC\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">MACAU&nbsp;</div>\n                    <div class=\"keluaran\">8565</div>\n                    <div class=\"tanggal\"> 5/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=QTR\" class=\"result\"> -->\n                <a href=\"/hasil/QTR\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">QATAR&nbsp;</div>\n                    <div class=\"keluaran\">2310</div>\n                    <div class=\"tanggal\"> 5/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=TWH\" class=\"result\"> -->\n                <a href=\"/hasil/TWH\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">TOTO WUHAN&nbsp;</div>\n                    <div class=\"keluaran\">6165</div>\n                    <div class=\"tanggal\"> 6/5/2026</div>\n                </a>\n                            <!-- <a href=\"/?content=hasil&pid=HKL\" class=\"result\"> -->\n                <a href=\"/hasil/HKL\" class=\"result\">\n                    \n                    <div class=\"badge\">\n                                            </div>\n                    \n                    <div class=\"pasaran\">HONGKONG&nbsp;</div>\n                    <div class=\"keluaran\">6134</div>\n                    <div class=\"tanggal\"> 5/5/2026</div>\n                </a>\n                        \n        </div>\n    </div>\n    \n    <div id=\"togel-mobile\" class=\"togel-mobile mobile-only\">\n    \t    \n    \t    <div class=\"togel-title\">Togel Result</div>\n    \t    \n            \t    \n\t    <div class=\"carousel slide p-0\" data-bs-ride=\"carousel\" style=\"min-height: 520px\">\n          <div id=\"mobile-togel\" class=\"carousel-indicators\" style=\"margin-bottom: 0px\">\n              \n                          \n          </div>\n          <div class=\"carousel-inner\">\n\n            <div class=\"carousel-item accordion accordion-flush active\">                            <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-HKD\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">HK SIANG&nbsp;</div>\n                                    <div class=\"keluaran\">3562</div>\n                                    <div class=\"tanggal\">06-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-HKD\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">7947</div>\n                                                    <div class=\"tanggal\">05-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">6046</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8650</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2673</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9606</div>\n                                                    <div class=\"tanggal\">01-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">5944</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2965</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-SGM\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">SG METRO&nbsp;</div>\n                                    <div class=\"keluaran\">0548</div>\n                                    <div class=\"tanggal\">06-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-SGM\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">6540</div>\n                                                    <div class=\"tanggal\">05-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">3379</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8104</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">3945</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">1591</div>\n                                                    <div class=\"tanggal\">01-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">0351</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9177</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-SYD\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">SYDNEY&nbsp;</div>\n                                    <div class=\"keluaran\">6230</div>\n                                    <div class=\"tanggal\">06-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-SYD\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9474</div>\n                                                    <div class=\"tanggal\">05-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2484</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">7062</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9894</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2237</div>\n                                                    <div class=\"tanggal\">01-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">1939</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8646</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-MYD\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">MALAYSIA SIANG&nbsp;</div>\n                                    <div class=\"keluaran\">9700</div>\n                                    <div class=\"tanggal\">06-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-MYD\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8629</div>\n                                                    <div class=\"tanggal\">05-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8857</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2412</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9817</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">7335</div>\n                                                    <div class=\"tanggal\">01-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8577</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2221</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-SG\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">SINGAPORE&nbsp;</div>\n                                    <div class=\"keluaran\">3361</div>\n                                    <div class=\"tanggal\">06-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-SG\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">7672</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">6303</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2300</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">3614</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">1167</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">4020</div>\n                                                    <div class=\"tanggal\">27-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">7937</div>\n                                                    <div class=\"tanggal\">26-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-MY\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">MALAYSIA&nbsp;</div>\n                                    <div class=\"keluaran\">9094</div>\n                                    <div class=\"tanggal\">06-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-MY\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8715</div>\n                                                    <div class=\"tanggal\">05-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">0841</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">4849</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">4025</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2342</div>\n                                                    <div class=\"tanggal\">01-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">4007</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9600</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-MC\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">MACAU&nbsp;</div>\n                                    <div class=\"keluaran\">8565</div>\n                                    <div class=\"tanggal\">05-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-MC\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">6558</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">4012</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">1654</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">3174</div>\n                                                    <div class=\"tanggal\">01-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9739</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">7075</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">3821</div>\n                                                    <div class=\"tanggal\">28-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-QTR\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">QATAR&nbsp;</div>\n                                    <div class=\"keluaran\">2310</div>\n                                    <div class=\"tanggal\">05-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-QTR\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9273</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">7096</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">0480</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">4209</div>\n                                                    <div class=\"tanggal\">01-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8052</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">5345</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8463</div>\n                                                    <div class=\"tanggal\">28-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-TWH\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">TOTO WUHAN&nbsp;</div>\n                                    <div class=\"keluaran\">6165</div>\n                                    <div class=\"tanggal\">06-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-TWH\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">3370</div>\n                                                    <div class=\"tanggal\">06-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">4938</div>\n                                                    <div class=\"tanggal\">06-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">7678</div>\n                                                    <div class=\"tanggal\">06-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">8560</div>\n                                                    <div class=\"tanggal\">06-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">5067</div>\n                                                    <div class=\"tanggal\">05-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">3225</div>\n                                                    <div class=\"tanggal\">05-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9450</div>\n                                                    <div class=\"tanggal\">05-05-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                                                    <div class=\"result-data accordion-item\">\n                                <button class=\"result accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#paito-HKL\">\n                                    <div class=\"badge\">\n                                                                            </div>\n                                    <div class=\"pasaran\">HONGKONG&nbsp;</div>\n                                    <div class=\"keluaran\">6134</div>\n                                    <div class=\"tanggal\">05-05-2026</div>\n                              </button>\n                                                                <div id=\"paito-HKL\" class=\"accordion-collapse collapse\">\n                                         \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">9389</div>\n                                                    <div class=\"tanggal\">04-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">2825</div>\n                                                    <div class=\"tanggal\">03-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">3978</div>\n                                                    <div class=\"tanggal\">02-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">5452</div>\n                                                    <div class=\"tanggal\">01-05-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">5649</div>\n                                                    <div class=\"tanggal\">30-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">4513</div>\n                                                    <div class=\"tanggal\">29-04-2026</div>\n                                                </div>\n                                             \n                                                <div class=\"result\">\n                                                    <div class=\"pasaran\"></div>\n                                                    <div class=\"keluaran\">1737</div>\n                                                    <div class=\"tanggal\">28-04-2026</div>\n                                                </div>\n                                                                                </div>\n                                                            </div>\n                            \n                        </div>              \n              \n          </div>\n        </div>\n    </div>\n    \n    <script>\n        \n        function togglePaito(paitoid) {\n            let paito = document.getElementById(paitoid);\n            paito.classList.add(\"open\");\n        }\n        \n        \n    </script>\n\n            <div class=\"transaksi p-0 py-lg-4\">\n                <div class=\"d-none d-lg-block\">\n                    <!-- BANNER SBO DESKTOP -->\n                    <div class=\"match-slider-wrap\">\n                                                    <div id=\"sboMatchCarouselDesktop\" class=\"carousel slide\" data-bs-ride=\"carousel\" data-bs-interval=\"4500\">\n\n                                                                    <div class=\"carousel-indicators\">\n                                                                                    <button type=\"button\" data-bs-target=\"#sboMatchCarouselDesktop\" data-bs-slide-to=\"0\" class=\"active\" aria-current=\"true\" aria-label=\"Slide 1\">\n                                            </button>\n                                                                                    <button type=\"button\" data-bs-target=\"#sboMatchCarouselDesktop\" data-bs-slide-to=\"1\" class=\"\" aria-label=\"Slide 2\">\n                                            </button>\n                                                                                    <button type=\"button\" data-bs-target=\"#sboMatchCarouselDesktop\" data-bs-slide-to=\"2\" class=\"\" aria-label=\"Slide 3\">\n                                            </button>\n                                                                                    <button type=\"button\" data-bs-target=\"#sboMatchCarouselDesktop\" data-bs-slide-to=\"3\" class=\"\" aria-label=\"Slide 4\">\n                                            </button>\n                                                                            </div>\n                                \n                                <div class=\"carousel-inner\">\n                                                                            <div class=\"carousel-item active\">\n                                            <div class=\"row g-3\">\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                UEFA CHAMPIONS LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 7, 2026 — 02:00 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/ef19a84a6745fe57aa786873d2b18e8a.png\" alt=\"Bayern Munchen\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Bayern Munchen                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '128094769')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/3b720f181ce9993f9422d276acf7b292.png\" alt=\"Paris Saint Germain\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Paris Saint Germain                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.75                                                                        <small>0.72</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -0.75                                                                        <small>-0.79</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                ENGLISH PREMIER LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 9, 2026 — 21:00 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png\" alt=\"Sunderland\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Sunderland                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217207')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png\" alt=\"Manchester United\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Manchester United                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -0.25                                                                        <small>-0.73</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.25                                                                        <small>0.63</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                ENGLISH PREMIER LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 9, 2026 — 18:30 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png\" alt=\"Liverpool\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Liverpool                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217204')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/b365ad0e85e2b1bcbf63f7a0f2f70a79.png\" alt=\"Chelsea\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Chelsea                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.25                                                                        <small>0.62</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -0.25                                                                        <small>-0.72</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                            </div>\n                                        </div>\n                                                                            <div class=\"carousel-item \">\n                                            <div class=\"row g-3\">\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                UEFA EUROPA LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 8, 2026 — 02:00 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png\" alt=\"Aston Villa\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Aston Villa                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '128176971')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png\" alt=\"Nottingham Forest\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Nottingham Forest                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.5                                                                        <small>0.74</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -0.5                                                                        <small>-0.84</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                ENGLISH PREMIER LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 9, 2026 — 23:30 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png\" alt=\"Manchester City\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Manchester City                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217205')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png\" alt=\"Brentford\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Brentford                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        1.25                                                                        <small>0.77</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -1.25                                                                        <small>-0.87</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                ENGLISH PREMIER LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 10, 2026 — 22:30 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/d71ebda5c7fbca9093a1c2978c46f619.png\" alt=\"West Ham United\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        West Ham United                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217210')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png\" alt=\"Arsenal\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Arsenal                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -0.75                                                                        <small>-0.87</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.75                                                                        <small>0.77</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                            </div>\n                                        </div>\n                                                                            <div class=\"carousel-item \">\n                                            <div class=\"row g-3\">\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                SPAIN LA LIGA                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 11, 2026 — 02:00 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png\" alt=\"Barcelona\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Barcelona                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '126891319')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png\" alt=\"Real Madrid\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Real Madrid                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.5                                                                        <small>0.79</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -0.5                                                                        <small>-0.89</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                ENGLISH PREMIER LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 9, 2026 — 21:00 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png\" alt=\"Brighton &amp; Hove Albion\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Brighton &amp; Hove Albion                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217197')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/5759932ca2512c6701d86dfbd58380a7.png\" alt=\"Wolverhampton Wanderers\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Wolverhampton Wanderers                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        1.5                                                                        <small>0.78</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -1.5                                                                        <small>-0.88</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                UEFA EUROPA LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 8, 2026 — 02:00 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/6508946c9a5fe22a8784b905b25e8c79.png\" alt=\"SC Freiburg\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        SC Freiburg                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '128176938')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/1fe75f826dab40e6e89cbe961c7e9116.png\" alt=\"Sporting Braga\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Sporting Braga                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.5                                                                        <small>0.75</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        -0.5                                                                        <small>-0.85</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                            </div>\n                                        </div>\n                                                                            <div class=\"carousel-item \">\n                                            <div class=\"row g-3\">\n                                                                                                    <div class=\"col-12 col-md-6 col-lg-4\">\n                                                        <div class=\"match-card h-100\">\n                                                            <div class=\"league-name\">\n                                                                ENGLISH PREMIER LEAGUE                                                            </div>\n\n                                                            <div class=\"kickoff-time\">\n                                                                May 9, 2026 — 21:00 WIB                                                            </div>\n\n                                                            <div class=\"match-main-row\">\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png\" alt=\"Fulham\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Fulham                                                                    </div>\n                                                                </div>\n\n                                                                <div class=\"score-col\">\n                                                                    <div class=\"score-value\">\n                                                                        0 : 0                                                                    </div>\n\n                                                                    <a href=\"javascript:void(0)\" class=\"bet-btn\" onclick=\"scrollToLoginForm('sbo', '125217203')\">\n                                                                        BET NOW\n                                                                    </a>\n                                                                </div>\n\n                                                                <div class=\"team-col\">\n                                                                    <img src=\"https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png\" alt=\"Bournemouth AFC\" class=\"team-logo\">\n                                                                    <div class=\"team-name\">\n                                                                        Bournemouth AFC                                                                    </div>\n                                                                </div>\n                                                            </div>\n\n                                                            <div class=\"match-odds-row\">\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.00                                                                        <small>-0.92</small>\n                                                                    </span>\n                                                                </div>\n\n                                                                <div class=\"odds-spacer\"></div>\n\n                                                                <div class=\"odds-col\">\n                                                                    <span>\n                                                                        0.00                                                                        <small>0.82</small>\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                                                            </div>\n                                        </div>\n                                                                    </div>\n\n                                                                    <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#sboMatchCarouselDesktop\" data-bs-slide=\"prev\">\n                                        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                                        <span class=\"visually-hidden\">Previous</span>\n                                    </button>\n\n                                    <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#sboMatchCarouselDesktop\" data-bs-slide=\"next\">\n                                        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                                        <span class=\"visually-hidden\">Next</span>\n                                    </button>\n                                                            </div>\n                                            </div>\n                    <!-- BANNER SBO DESKTOP END -->\n                    <!-- Banner Telegram -->\n                    \n                                        \n                    <style>\n                    .telegram-bet-title {\n                      font-size: 1.3rem;\n                      font-weight: 800;\n                      letter-spacing: 1px;\n                      text-transform: uppercase;\n                      color: #ffffff;\n                    \n                      /* NEON TELEGRAM GLOW */\n                      text-shadow:\n                        /* inner white core */\n                        0 0 2px rgba(255,255,255,0.9),\n                    \n                        /* tight Telegram glow */\n                        0 0 6px rgba(0,136,204,0.9),\n                        0 0 12px rgba(0,136,204,0.8),\n                    \n                        /* outer neon halo */\n                        0 0 22px rgba(0,136,204,0.6),\n                        0 0 38px rgba(0,136,204,0.45),\n                        0 0 60px rgba(0,136,204,0.3);\n                    }\n                    </style>\n                    \n                    <style>\n                    .btn-telegram-neon {\n                      font-weight: 600;\n                      padding: 10px 16px;\n                      border-radius: 10px;\n                      letter-spacing: 0.3px;\n                    \n                      background: #0088cc;\n                      border: none;\n                      color: #ffffff;\n                    \n                      /* clean Telegram neon */\n                      box-shadow:\n                        0 2px 6px rgba(0,136,204,0.35),\n                        0 0 10px rgba(0,136,204,0.25);\n                    \n                      transition: box-shadow 0.25s ease, transform 0.2s ease;\n                    }\n                    \n                    /* hover: slight lift + glow */\n                    .btn-telegram-neon:hover {\n                      box-shadow:\n                        0 4px 10px rgba(0,136,204,0.45),\n                        0 0 16px rgba(0,136,204,0.35);\n                      transform: translateY(-1px);\n                    }\n                    \n                    /* active */\n                    .btn-telegram-neon:active {\n                      transform: translateY(0);\n                      box-shadow:\n                        0 2px 5px rgba(0,136,204,0.35);\n                    }\n                    </style>\n                    \n                    <style>\n                        .telegram-float {\n                          animation: telegramFloat 3.5s ease-in-out infinite;\n                        }\n                        \n                        @keyframes telegramFloat {\n                          0%, 100% {\n                            transform: translateY(0);\n                          }\n                          50% {\n                            transform: translateY(-8px);\n                          }\n                        }\n                    </style>\n                    \n                    <div class=\"mb-lg-3\" style=\"width: 100%; position: relative; display: flex; align-items: center\">\n                        <div style=\"z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px\">\n                            <div class=\"d-flex gap-4\">\n                                <img src=\"https://img.viva88athenae.com//banner-telegram-icon.png\" class=\"telegram-float\">\n                                <div class=\"d-flex flex-column justify-content-center gap-1\">\n                                    <strong class=\"telegram-bet-title\">TELEGRAM BET</strong>\n                                    \n                                    <div class=\"d-flex gap-3\">\n                                        <div class=\"d-flex gap-1\"><i class=\"bi bi-check2-circle text-success\"></i><em class=\"text-white\">Daftar</em></div>\n                                        <div class=\"d-flex gap-1\"><i class=\"bi bi-check2-circle text-success\"></i><em class=\"text-white\">Login</em></div>\n                                        <div class=\"d-flex gap-1\"><i class=\"bi bi-check2-circle text-success\"></i><em class=\"text-white\">Deposit</em></div>\n                                        <div class=\"d-flex gap-1\"><i class=\"bi bi-check2-circle text-success\"></i><em class=\"text-white\">Withdraw</em></div>\n                                        <div class=\"d-flex gap-1\"><i class=\"bi bi-check2-circle text-success\"></i><em class=\"text-white\">Bet</em></div>\n                                    </div>\n                                </div>\n                            </div>\n                            \n                            <button class=\"btn-telegram-neon rounded-pill\" onclick=\"window.open('https://t.me/Loyal4D_bot', '_blank')\">Mainkan Sekarang</button>\n                            \n                        </div>\n                        <div style=\"position: absolute; width: 100%; background: gray\">\n                            <img src=\"https://img.viva88athenae.com//banner-telegram.jpg\">\n                        </div>\n                        \n                    </div>\n                    \n                    \n                    \n                    <div class=\"transaksi-kontak\">\n                        \n                        <div class=\"d-flex flex-column w-100\">\n                            <div class=\"transaksi-content\">\n                                <!-- Bank -->\n                                \n<style>\n    /* ====== LAYOUT KESELURUHAN ====== */\n\n    .transaksi-layout {\n        display: flex;\n        justify-content: center;\n        gap: 16px;\n        align-items: center;\n    }\n\n    .transaksi-left-inner {\n        width: 100%;\n    }\n\n    .transaksi-left-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    .transaksi-right-box {\n        flex: 1;\n        display: flex;\n        justify-content: flex-start;\n    }\n\n    .transaksi-group {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        width: 100%;\n        grid-template-areas:\n            \"transaksi-bank transaksi-other transaksi-crypto\";\n    }\n\n    .transaksi-bank {\n        grid-area: transaksi-bank;\n        display: grid;\n        place-items: center;\n        justify-content: flex-start;\n    }\n\n    .transaksi-other {\n        grid-area: transaksi-other;\n        display: flex;\n        justify-content: flex-start;\n        width: 100%;\n    }\n\n    .transaksi-crypto {\n        grid-area: transaksi-crypto;\n        display: flex;\n        justify-content: flex-start;\n        width: 100%;\n    }\n\n    .transaksi-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: .5rem;\n        align-items: flex-start;\n    }\n\n    .transaksi-name {\n        font-size: 1.1rem;\n        font-weight: bold;\n        line-height: 1.5rem;\n    }\n\n    /* ====== GRID LIST ====== */\n\n    .transaksi-list-bank,\n    .transaksi-list-other {\n        height: fit-content;\n        display: grid;\n        grid-template-columns: repeat(5, minmax(80px, 1fr));\n        gap: 4px 6px;\n    }\n\n    .transaksi-list-crypto {\n        height: fit-content;\n        display: flex;\n        align-items: center;\n        gap: 24px;\n        width: 100%;\n        justify-content: flex-start;\n    }\n\n    .icon-crypto {\n        width: 24px;\n        height: 24px;\n    }\n\n    /* ====== ITEM BANK / EMONEY ====== */\n\n    .transaksi-item {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n\n    .transaksi-header {\n        height: 30px;\n        border-radius: 5px;\n        font-weight: bold;\n        border: 2px solid rgba(108,108,108,1);\n        background: rgba(54,54,54,1);\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0 12px 0 22px; /* extra space kiri buat dot */\n        font-size: 0.9rem;\n        white-space: nowrap;\n    }\n\n    /* strip bawah lama dimatikan */\n    .transaksi-status {\n        display: none;\n    }\n\n    /* ====== ONLINE / OFFLINE DOT ====== */\n\n    /* ONLINE: tambahkan class is-online di PHP */\n    .transaksi-header.is-online::before {\n        content: \"\";\n        position: absolute;\n        left: 8px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        background-color: #00ff66;\n        box-shadow: 0 0 6px rgba(0, 255, 102, .85);\n    }\n\n    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */\n    .transaksi-header.is-offline {\n        background: #2e2e2e;\n        border-color: #555;\n        opacity: .4;\n    }\n\n    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */\n    .transaksi-header:not(.is-online):not(.is-offline) {\n        background: #2e2e2e;\n        border-color: #555;\n        opacity: .4;\n    }\n\n    @media only screen and (max-width: 768px) {\n\n        .transaksi-layout {\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .transaksi-group {\n            display: grid;\n            grid-template-columns: 1fr;\n            grid-template-areas:\n                \"transaksi-bank\"\n                \"transaksi-other\"\n                \"transaksi-crypto\";\n            gap: 32px;\n            margin-bottom: 8px;\n        }\n\n        .transaksi-header {\n            font-size: 1.1rem;\n            height: 36px;\n        }\n\n        .transaksi-list-bank {\n            grid-template-columns: repeat(4, 1fr);\n        }\n\n        .transaksi-list-other {\n            grid-template-columns: repeat(4, 1fr);\n        }\n\n        .transaksi-list-crypto {\n            width: 86%;\n            margin: auto;\n            flex-wrap: wrap;\n        }\n\n        .transaksi-item {\n            width: 100%;\n        }\n\n        .transaksi-name {\n            font-size: 1.3rem;\n            text-align: center;\n            line-height: 1.8rem;\n        }\n\n        .transaksi-wrapper {\n            width: 100%;\n            max-width: 100%!important;\n            gap: 1rem;\n            align-items: center;\n        }\n\n        .icon-crypto {\n            width: 28px;\n            height: 28px;\n        }\n    }\n\n    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */\n    .transaksi-header {\n        height: 34px;\n        border-radius: 6px;\n        font-weight: bold;\n        border: 2px solid rgba(108,108,108,1);\n        background: rgba(54,54,54,1);\n        color: white;\n\n        /* Tambahan baru */\n        min-width: 110px;       /* Lebarin biar semua rata */\n        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n\n        white-space: nowrap;\n    }\n\n    /* DOT ONLINE */\n    .transaksi-header.is-online::before {\n        content: \"\";\n        position: absolute;\n        left: 10px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background-color: #00ff66;\n        box-shadow: 0 0 6px rgba(0, 255, 102, .85);\n    }\n\n    /* OFFLINE (DISABLED) */\n    .transaksi-header.is-offline {\n        padding: 0 16px;         \n        background: #2e2e2e;\n        border-color: #555;\n        opacity: .35;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n    }\n\n    /* GRID-nya sedikit dilebarin biar simetris */\n    .transaksi-list-bank,\n    .transaksi-list-other {\n        grid-template-columns: repeat(4, minmax(110px, 1fr));\n        gap: 8px 10px;\n    }\n\n</style>\n\n<div class=\"transaksi-layout\">\n    <div class=\"transaksi-left-box\">\n        <div class=\"transaksi-left-inner\">\n            <img src=\"/images/transaksi.png\" class=\"transaksi-left-img\">\n        </div>\n    </div>\n\n    <div class=\"transaksi-right-box\">\n        <div class=\"transaksi-group\">\n\n            <!-- BANK LOKAL -->\n            <div class=\"transaksi-bank\">\n                <div class=\"transaksi-wrapper\">\n                                            <div class=\"transaksi-name\">Bank Lokal</div>\n                                        <div id=\"transaksi-bank-indicators\" class=\"carousel slide\" data-bs-ride=\"carousel\">\n                        <div class=\"carousel-indicators\" style=\"bottom: -32px; margin-bottom: 0px\">\n                                                    </div>\n\n                        <div class=\"carousel-inner\">\n                                                            <div class=\"carousel-item active\">\n                                    <div class=\"transaksi-list-bank\">\n                                                                                    <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    BCA                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    Mandiri                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    BNI                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    BRI                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    CIMB                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-offline\">\n                                                    OCBC                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    JAGO                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                </div>\n                                </div>\n                                                    </div>\n                    </div>\n\n                </div>\n            </div>\n\n            <!-- E MONEY & PULSA -->\n            <div class=\"transaksi-other\">\n                <div class=\"transaksi-wrapper\">\n                                            <div class=\"transaksi-name\">E Money &amp; Pulsa</div>\n                    \n                    <div id=\"transaksi-other-indicators\" class=\"carousel slide\" data-bs-ride=\"carousel\">\n                        <div class=\"carousel-indicators\" style=\"bottom: -32px; margin-bottom: 0px\">\n                                                    </div>\n\n                        <div class=\"carousel-inner\">\n                                                            <div class=\"carousel-item active\">\n                                    <div class=\"transaksi-list-other\">\n                                                                                    <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    DANA                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    OVO                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    GOPAY                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    LinkAja                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    QRIS                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    AntarBank                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    Telkomsel                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                        <div class=\"transaksi-item\">\n                                                <div class=\"transaksi-header is-online\">\n                                                    Axiata                                                </div>\n                                                <div class=\"transaksi-status\"></div>\n                                            </div>\n                                                                                </div>\n                                </div>\n                                                    </div>\n                    </div>\n\n                </div>\n            </div>\n\n            <!-- CRYPTO -->\n            <div class=\"transaksi-crypto\">\n                <div class=\"transaksi-wrapper\">\n                    \n                    <div id=\"transaksi-crypto-indicators\" class=\"carousel slide\" data-bs-ride=\"carousel\">\n                        <div class=\"carousel-indicators\" style=\"bottom: -32px; margin-bottom: 0px\">\n                                                    </div>\n\n                        <div class=\"carousel-inner\">\n                                                    </div>\n\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </div>\n</div>\n                            </div>\n                            \n                            \n                        </div>\n                        \n                        <!--<div class=\"d-flex flex-column desktop-only\" style=\"width: 180px\">-->\n                            \n                        <!--    <div class=\"transaksi-title\">-->\n                        <!--        <div class=\"transaksi-title-group\">-->\n                        <!--            <div class=\"fitur-header\">Kontak Kami</div>-->\n                        <!--        </div>-->\n                                \n                        <!--        <div class=\"devider desktop-only\"></div>-->\n                        <!--    </div>-->\n                            \n    \n                        <!--    \n<div id=\"kontak-kami-indicators\" class=\"carousel slide\" data-bs-ride=\"carousel\" style=\"padding-top: 14px\">\n    <div class=\"carousel-indicators\" style=\"bottom: -33px; margin-bottom: 0px\">\n        \n                \n    </div>\n      <div class=\"carousel-inner\" style=\"height: 164px\">\n                    <div class=\"carousel-item active\">\n                <div>\n                \n                                \n                                        \n                    <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 12px\">\n                       <img src=\"https://img.viva88athenae.com/kontak/whatsapp.png\" width=\"20\"/>\n\n                                                            <a class=\"d-flex flex-column\" href=\"https://wa.me/+6287875927430\" target='_blank'>\n                                       <div style=\"color: #888888;\">WHATSAPP</div>\n                                       <div style=\"line-height: .9rem; color: var(--primary-text-color)\">+6287875927430</div>\n                                    </a>\n                                \n                                \n                    </div>\n                                \n                                        \n                    <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 12px\">\n                       <img src=\"https://img.viva88athenae.com/kontak/telegram.png\" width=\"20\"/>\n\n                                                            <a class=\"d-flex flex-column\" href=\"https://t.me/Loyal4dresmi\" target='_blank'>\n                                       <div style=\"color: #888888;\">TELEGRAM</div>\n                                       <div style=\"line-height: .9rem; color: var(--primary-text-color)\">Loyal4dresmi</div>\n                                    </a>\n                                \n                                \n                    </div>\n                                \n                                    \n                </div>\n            </div>\n        \n         \n         \n    </div>\n</div>\n-->\n                                    \n                        <!--</div>-->\n                    </div>\n                </div>\n            </div>\n\n\n            <div class=\"bantuan\">\n                \n                                <ul class=\"bantuan-content justify-content-center\">\n                    <li class=\"bantuan-item\" onclick=\"showInformasi('tentang')\">TENTANG KAMI</li>\n                    <div class=\"bantuan-devider desktop-only\">|</div>\n                    <li class=\"bantuan-item\" onclick=\"showInformasi('bantuan')\">BANTUAN</li>\n                    <div class=\"bantuan-devider desktop-only\">|</div>\n                    <li class=\"bantuan-item\" onclick=\"showInformasi('peraturan')\">PERATURAN</li>\n                    <div class=\"bantuan-devider desktop-only\">|</div>\n                    <li class=\"bantuan-item\" onclick=\"showInformasi('bank')\">INFORMASI BANK</li>\n                    <div class=\"bantuan-devider desktop-only\">|</div>\n                    <li class=\"bantuan-item\" onclick=\"showInformasi('hubungi')\">HUBUNGI KAMI</li>\n                    <div class=\"bantuan-devider desktop-only\">|</div>\n                    <li class=\"bantuan-item\" onclick=\"showInformasi('privasi')\">KEBIJAKAN PRIVASI</li>\n                    <div class=\"bantuan-devider desktop-only\">|</div>\n                    <li class=\"bantuan-item\" onclick=\"showInformasi('cookies')\">PERSETUJUAN COOKIES</li>\n                </ul>\n                            </div>\n        \n            \n            <footer class=\"footer\">\n                \n                <div class=\"guidelines\">\n                    <div class=\"desktop-only\">\n                        <div class=\"guidelines-content d-flex justify-content-center\">\n                            <img src=\"https://img.viva88athenae.com/assets/guidelines.png\" style=\"width: 640px\">\n                        </div>\n                    </div>\n                </div>\n                \n                <div class=\"provider d-none d-lg-block\">\n                    <div class=\"provider-group\">\n                        <img src=\"https://img.viva88athenae.com/assets/provider.png\" class=\"desktop-only\" alt=\"\">\n                    </div>\n                </div>\n                \n                <div>\n                    <h1 style=\"text-align: center; font-size:26px; color: white;\">Platform situs premium terbaik</h1>        \n<p style=\"text-align: justify; font-size: 11pt; color: white;\">Loyal4d adalah&nbsp;<a href=\"https://loyal4d-setia12.online/?content=register\">Situs Favorit</a>&nbsp;yang telah memberikan dalam hal kepuasan semua member dan Loyal4D selalu terus berusaha meningkatkan kepercayaan semua para member setia Loyal4d. Pusat Loyal4d selalu memberikan pelayanan yang sangat memuaskan dan terbaik dijamin pasti sangat nyaman dan terpercaya.</p>\n        \n<h2 style=\"text-align: center; font-size:26px; color: white;\">Fitur terbaik layanan online</h2>        \n<p style=\"text-align: justify; font-size: 11pt; color: white;\">Loyal4d merupakan&nbsp;<a href=\"https://heylink.me/loyal4d-\">Fitur</a>&nbsp;Terbaik dan Terpercaya Di Indonesia, Loyal4d selalu dan siap terus meningkatkan pelayanan dalam hal permainan seperti <a href=\"https://ryts3.com/\">tembak ikan</a>. kami selalu memberikan semua yang member inginkan termasuk situs pulsa favorit yang memiliki jutaan sampai ratusan jutaan peminat yang sangat diminati semua orang.</p>\n        \n<h3 style=\"text-align: center; font-size:26px; color: white;\">Kenyamanan Dan Rahasia terjamin</h3>        \n<p style=\"text-align: justify; font-size: 11pt; color: white;\">Situs Terpercaya adalah <a href=\"https://loyal4d-setia12.online/\">loyal4d </a> yang Terpercaya Di Indonesia, sudah memiliki ribuan member setia telah bergabung dengan kami, jadi jangan ragu lagi untuk bergabung dengan kami karena kami menyediakan cashback sebesar 5% kepada member yang belum beruntung dalam hal permainan <a href=\"https://loyal4d-setia12.online/\">situs pulsa</a> seperti <a href=\"https://loyal4d-setia12.online/\">Situs Online Terbaik</a>. Jangan pernah lupakan kami loyal4d selalu memberikan promo dan bonus yang sangat menarik dan kami juga menjaga semua kerahasiaan data member setia kami.</p>\n\n<h4 style=\"text-align: center; font-size:26px; color: white;\">Menerima semua metode deposit  </h4>\n<p style=\"text-align: justify; font-size: 11pt; color: white;\">Loyal4d <a href=\"https://loyal4d-setia12.online/\"> menerima semua metode deposit dalam berupa bank,ewallet,qris,pulsa dan paylater yang sangat disukai semua member setia kami dan kami memberikan cicilan 0% dengan bangga hanya untuk member setia kami. </a></p><a href=\"https://loyal4d-setia12.online/\">\n\n\n<style>\nbody {\n  margin: 0;\n  min-height: 2000px;\n  font-family: Arial, sans-serif;\n}\n\n/* WRAPPER */\n.floating-wrapper {\n  position: fixed;\n  left: 5px;\n  bottom: 70px;\n  z-index: 9999;\n}\n\n/* MENU */\n.floating-options {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  transition: 0.3s ease;\n}\n\n.floating-options.hide {\n  opacity: 0;\n  transform: translateY(20px);\n  pointer-events: none;\n}\n\n/* TOMBOL GAMBAR */\n.float-btn {\n  width: 78px;\n  height: 78px;\n  border-radius: 14px;\n  overflow: hidden;\n  box-shadow: 0 6px 18px rgba(0,0,0,0.4);\n  transition: 0.25s;\n}\n\n.float-btn img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.float-btn:hover {\n  transform: scale(1.08);\n}\n\n/* TOMBOL TUTUP */\n.close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 78px;\n  height: 50px;\n  border-radius: 10px;\n  border: none;\n  background: linear-gradient(135deg, #0000ff, #0000ff);\n  color: #fff;\n  font-weight: bold;\n  font-size: 14px;\n  cursor: pointer;\n}\n\n/* TOMBOL BUKA */\n.open-btn {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  padding: 15px 10px ;\n  border-radius: 12px;\n  border: none;\n  background: linear-gradient(135deg, #0000ff, #0000ff);\n  color: #fff;\n  font-size: 14px;\n  font-weight: bold;\n  cursor: pointer;\n  box-shadow: 0 6px 18px rgba(0,0,0,0.4);\n  animation: menuPulse 1.3s infinite;\n}\n\n/* ICON ANIMASI */\n.menu-icon {\n  display: inline-block;\n  animation: menuShake 0.9s infinite;\n}\n\n/* ANIMASI */\n@keyframes menuPulse {\n  0% { transform: scale(1); }\n  50% { transform: scale(1.07); }\n  100% { transform: scale(1); }\n}\n\n@keyframes menuShake {\n  0% { transform: rotate(0deg); }\n  25% { transform: rotate(-8deg); }\n  50% { transform: rotate(8deg); }\n  75% { transform: rotate(-5deg); }\n  100% { transform: rotate(0deg); }\n}\n\n/* RESPONSIVE */\n@media (max-width: 480px) {\n  .float-btn {\n    width: 70px;\n    height: 70px;\n  }\n}\n</style>\n\n\n\n\n\n\n</a><div class=\"floating-wrapper\"><a href=\"https://loyal4d-setia12.online/\">\n\n  </a><div class=\"floating-options\" id=\"menu\"><a href=\"https://loyal4d-setia12.online/\">\n\n    <!-- GANTI GAMBAR -->\n    </a><a href=\"https://thr07.senampikiran.xyz/\" target=\"_blank\" class=\"float-btn\">\n<img src=\"https://chiolink.xyz/img/loyal4drtp.gif\">\n</a>\n\n<a href=\"https://wa.me/+6287875927430\" target=\"_blank\" class=\"float-btn\">\n<img src=\"https://chiolink.xyz/img/loyal4dwa.gif\">\n</a>\n\n<a href=\"https://apk-loyal4d.xyz/downloads/app/Loyal4D.apk\" target=\"_blank\" class=\"float-btn\">\n<img src=\"https://chiolink.xyz/img/loyal4dapk.gif\">\n</a>\n\n<a href=\"https://pusat24jam.com/\" target=\"_blank\" class=\"float-btn\">\n<img src=\"https://chiolink.xyz/img/pusat24jamloyal4d.gif\">\n</a>\n\n    <!-- TOMBOL TUTUP -->\n    <button class=\"close-btn\" onclick=\"closeMenu()\">\n       ?  Tutup\n    </button>\n\n  </div>\n\n  <!-- TOMBOL BUKA -->\n  <button class=\"open-btn\" id=\"openBtn\" onclick=\"openMenu()\">\n    <span class=\"menu-icon\">?</span>\n    <span>Menu</span>\n  </button>\n\n</div>\n\n<script>\nfunction closeMenu() {\n  document.getElementById(\"menu\").classList.add(\"hide\");\n  document.getElementById(\"openBtn\").style.display = \"flex\";\n}\n\nfunction openMenu() {\n  document.getElementById(\"menu\").classList.remove(\"hide\");\n  document.getElementById(\"openBtn\").style.display = \"none\";\n}\n</script>\n\n<script defer=\"\" src=\"https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516\" integrity=\"sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==\" data-cf-beacon=\"{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;960a7c05856a49fa886af47f10e75d7d&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}\" crossorigin=\"anonymous\"></script>\n\n\n\n\n<style>\n.btn-aduan {\ndisplay: none!important;\n}\n</style>\n\n\n                </div>\n                \n                \n                <div class=\"footer-group\">\n                    <div class=\"copyright\">\n                        <div style=\"white-space: nowrap\">© 2015 - 2026 Copyright LOYAL4D.</div>\n                        <div>All Rights Reserved.</div>\n                    </div>\n                    <div class=\"desktop-only\">\n                        <div class=\"d-flex gap-1\">\n                                                            <div class=\"btn-footer\" onclick=\"window.location.href=&quot;/?mobile&quot;\">MOBILE</div>\n                                                        <div class=\"btn-footer\" onclick=\"window.location.href=&quot;/wap&quot;\">WAP</div>\n                        </div>\n                    </div>\n                    <img class=\"mobile-only\" style=\"width: 100%\" src=\"https://img.viva88athenae.com/assets/guidelines.png\" alt=\"\">\n                    \n                    <button class=\"btn btn-aduan ms-lg-auto py-1 px-2\" style=\"border: 2px solid #b08432;\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Aduan Pelanggan\" onclick=\"javascript:window.open ('https://ares88access.com/?token=XZDi5y6qg33vhGq9kfn9rRtNATv75k_NCqZ5tRg8TjA.','mywindow','menubar=1,resizable=1,width=430 ,height=880');\">\n                        <i class=\"bi bi-shield-fill-exclamation\"></i>\n                        <strong class=\"ms-1\">LAPOR PUSAT</strong>\n                    </button>\n                </div>\n            </footer>\n            \n            \n            \n            \n            \n            <!-- SIDENAV -->\n            <div id=\"mySidenav\" class=\"sidenav desktop-only\">\n                <div id=\"nav\">\n                    <div style=\"display: flex; align-items: start;\">\n                        <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;\">\n                            \n                            <img src=\"/assets/hubungi.png?11\">\n                            \n                        </div>\n                        <!--<img id=\"about\" src=\"/images/kontak.png?4\">-->\n                    </div>\n                    <div class=\"ptsans\" style=\"font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px\">\n                       <div id=\"\" style=\"padding: 4px\">\n                       <img src=\"/assets/24h.png\" style=\"width: 100%\">\n                        </div>\n                    \n                        <div id=\"kontak-content\" style=\"display: flex; flex-direction: column; width: 100%; font-size: .8rem\">\n                            <div style=\"display: grid; place-items: center; font-weight: bold; font-size: 1rem\">MEMBER SERVICE</div>\n                            \n                                                                \n                                                                                \n                                            <a href=\"https://wa.me/+6287875927430\" target=\"_blank\" style=\"padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0\">\n                                                <img src=\"https://img.viva88athenae.com/kontak/whatsapp.png\" width=\"20\"><span>+6287875927430</span>\n                                            </a>\n                                            \n                                            \n                                    \n                                                                        \n                                                                                \n                                            <a href=\"https://t.me/Loyal4dresmi\" target=\"_blank\" style=\"padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0\">\n                                                <img src=\"https://img.viva88athenae.com/kontak/telegram.png\" width=\"20\"><span>Loyal4dresmi</span>\n                                            </a>\n                                            \n                                            \n                                    \n                                                                \n    \n                        </div>\n                            <div style=\"margin: 8px\">\n                                <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>\n                            </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n                \n        <!--POP UP -->\n        \n        <style>\n        \n                    \n            .modal-dialog {\n                max-width: max-content; \n                margin-top: 180px\n            }\n            \n            .imgpop {\n                width: 600px; \n                aspect-ratio: 2;\n                object-fit: cover;\n            }\n\n            \n            @media only screen and (max-width: 768px) { \n                \n                .modal-dialog {\n                    margin-top: 98px\n                }\n                \n                .imgpop {\n                    width: 100%; \n                }\n                \n            }\n            \n            \n            \n        </style>\n\n\n        <!-- Modal -->\n        <div class=\"modal fade show\" id=\"promo\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-modal=\"true\" role=\"dialog\" style=\"display: block;\">\n          <div class=\"modal-dialog\" style=\"\">\n            <div class=\"modal-content\" style=\"background-color: transparent\">\n              <div class=\"modal-body\" style=\"padding: 0px\">\n                <img src=\"images/upload-Popup-20241223192459.jpg\" alt=\"Situs Loyal4D\" class=\"imgpop\">\n              </div>\n            </div>\n          </div>\n        </div>\n\n\n        \n        <!-- LIVE CHAT -->\n        <!-- Start of LiveChat (www.livechatinc.com) code -->\n<script>\n    window.__lc = window.__lc || {};\n    window.__lc.license = 12454182;\n    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:\"2.0\",on:function(){i([\"on\",c.call(arguments)])},once:function(){i([\"once\",c.call(arguments)])},off:function(){i([\"off\",c.call(arguments)])},get:function(){if(!e._h)throw new Error(\"[LiveChatWidget] You can't use getters before load.\");return i([\"get\",c.call(arguments)])},call:function(){i([\"call\",c.call(arguments)])},init:function(){var n=t.createElement(\"script\");n.async=!0,n.type=\"text/javascript\",n.src=\"https://cdn.livechatinc.com/tracking.js\",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))\n</script>\n<noscript><a href=\"https://www.livechatinc.com/chat-with/12454182/\" rel=\"nofollow\">Chat with us</a>, powered by <a href=\"https://www.livechatinc.com/?welcome\" rel=\"noopener nofollow\" target=\"_blank\">LiveChat</a></noscript>\n<!-- End of LiveChat code -->\n        \n        <!-- LiveChat Internal -->\n                   \n\n        <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe\" crossorigin=\"anonymous\"></script>\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                setTimeout(function() {\n                    const mobileForm = document.querySelector('#mobilelogin form') || \n                                      document.querySelector('#mobilelogin .login-form') ||\n                                      document.querySelector('.mobile-only form');\n                    \n                    if (!mobileForm) {\n                        return;\n                    }\n                    \n                    const username = mobileForm.querySelector('input[name=\"username\"]');\n                    const password = mobileForm.querySelector('input[name=\"password\"]');\n                    const remember = document.querySelector('#rememberMe') || \n                                    document.querySelector('input[type=\"checkbox\"]');\n                    \n                    if (!username || !password || !remember) {\n                        return;\n                    }\n                    \n                    try {\n                        localStorage.setItem('test', 'working');\n                        if (localStorage.getItem('test') === 'working') {\n                            localStorage.removeItem('test');\n                        } else {\n                            return;\n                        }\n                    } catch(e) {\n                        return;\n                    }\n                    \n                    initializeRememberMe();\n                    loadSavedData();\n                    \n                    mobileForm.addEventListener('submit', handleSave);\n                    mobileForm.addEventListener('click', function(e) {\n                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {\n                            handleSave();\n                        }\n                    });\n                    remember.addEventListener('change', function() {\n                        if (!this.checked) {\n                            clearSavedData();\n                            localStorage.setItem('mobile_remember_unchecked', 'true');\n                        } else {\n                            localStorage.removeItem('mobile_remember_unchecked');\n                        }\n                    });\n    \n                    function initializeRememberMe() {\n                        try {\n                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');\n                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');\n                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {\n                                remember.checked = false;\n                            } else {\n                                remember.checked = true;\n                            }\n                        } catch(e) {\n                            remember.checked = true;\n                        }\n                    }\n                    \n                    function loadSavedData() {\n                        try {\n                            const savedUsername = localStorage.getItem('mobile_username');\n                            const savedPassword = localStorage.getItem('mobile_password');\n                            const rememberChecked = localStorage.getItem('mobile_remember');\n                            if (rememberChecked === 'true' && savedUsername && savedPassword) {\n                                username.value = savedUsername;\n                                password.value = savedPassword;\n                            }\n                        } catch(e) {\n                            // console.log('Error loading data:', e);\n                        }\n                    }\n                    \n                    function handleSave() {\n                        if (remember.checked) {\n                            const usernameVal = username.value.trim();\n                            const passwordVal = password.value.trim();\n                            \n                            if (usernameVal && passwordVal) {\n                                try {\n                                    localStorage.setItem('mobile_username', usernameVal);\n                                    localStorage.setItem('mobile_password', passwordVal);\n                                    localStorage.setItem('mobile_remember', 'true');\n                                    localStorage.setItem('mobile_login_success', 'true');\n                                } catch(e) {\n                                    // console.log('Error saving data:', e);\n                                }\n                            }\n                        } else {\n                            clearSavedData();\n                            localStorage.setItem('mobile_login_success', 'true');\n                        }\n                    }\n                    \n                    function clearSavedData() {\n                        try {\n                            localStorage.removeItem('mobile_username');\n                            localStorage.removeItem('mobile_password');\n                            localStorage.removeItem('mobile_remember');\n                        } catch(e) {\n                            // console.log('Error clearing data:', e);\n                        }\n                    }\n                }, 100); // Wait 100ms\n                \n                function initBroadcastMarquee() {\n                $('.mobile-broadcast, #marquee .broadcast').each(function () {\n                    const el = $(this);\n            \n                    if ($.trim(el.text()) === '') return;\n                    if (!el.is(':visible')) return;\n            \n                    try {\n                        el.marquee('destroy');\n                    } catch (e) {}\n            \n                    el.marquee({\n                        speed: 30,\n                        gap: 80,\n                        delayBeforeStart: 0,\n                        direction: 'left',\n                        duplicated: true,\n                        pauseOnHover: true,\n                        startVisible: true\n                    });\n                });\n            }\n            \n            $(window).on('load', function () {\n                setTimeout(function () {\n                    initBroadcastMarquee();\n                }, 300);\n            });\n            \n            $(window).on('resize orientationchange', function () {\n                clearTimeout(window.broadcastResizeTimer);\n                window.broadcastResizeTimer = setTimeout(function () {\n                    initBroadcastMarquee();\n                }, 400);\n            });\n                                                \n                // document.querySelectorAll(\"marquee\").forEach(function(marquee){\n\n                // let speed = 0.5; // smaller = slower\n                // let position = marquee.offsetWidth;\n            \n                // function animate(){\n                //     position--;\n            \n                //     if(position < -marquee.scrollWidth){\n                //         position = marquee.offsetWidth;\n                //     }\n            \n                //     marquee.style.transform = \"translateX(\" + position + \"px)\";\n                //     requestAnimationFrame(animate);\n                // }\n            \n                // animate();\n            \n                // // pause on hover\n                // marquee.addEventListener(\"mouseenter\", function(){\n                //     speed = 0;\n                // });\n            \n                // marquee.addEventListener(\"mouseleave\", function(){\n                //     speed = 0.5;\n                // });\n            \n            // });\n                \n                \n            });\n        </script>\n\n        <script>\n                            if(document.getElementById(\"promo\")) {\n                    var myModal = new bootstrap.Modal(document.getElementById(\"promo\"), {});\n                    window.onload = () => {\n                        myModal.show();\n                    }\n                }\n                    \n            var mobileurl = 'm/';\n            \t\n\n\n            var showIDs = [];\n            \n            function showProducts(hoverID) {\n                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = \"none\";\n\n                // document.getElementById('hover').classList.add(\"hover-show\");\n                document.getElementById('hover').style.transitionDelay = \"0s\";\n                document.getElementById('hover').style.visibility = \"visible\";\n                document.getElementById('hover').style.opacity = \"1\";\n                document.getElementById(hoverID).style.display = \"flex\";\n\n                showIDs.push(hoverID);\n\n            }\n\n            function hideProducts(hoverID) {\n                // document.getElementById('hover').classList.remove(\"hover-show\");\n                document.getElementById('hover').style.visibility = \"hidden\";\n                document.getElementById('hover').style.opacity = \"0\";\n                document.getElementById('hover').style.transitionDelay = \"1s\";\n                \n            }\n\n            var mobileDaftarForm = document.getElementById('mobile-daftar-form');\n            var marquee = document.getElementById('marquee');\n            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');\n            var mobileLoginBox = document.getElementById('mobilelogin');\n\n            function closeContent() {\n                $('#main-content').html(\"\"); \n            }\n\n\n            function openDaftar() {\n                closeContent();\n\n                if (mobileLoginBox)          mobileLoginBox.style.display = \"none\";\n                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = \"none\";\n\n                mobileDaftarForm.style.display = \"block\";\n                mobileDaftarForm.scrollIntoView();\n            }\n\n            function closeDaftar() {\n                mobileDaftarForm.style.display = \"none\";\n                marquee.scrollIntoView();\n            }\n            \n            \n            function showProvider(type) {\n                $('#main-content').html(\"<div style='padding: 24px'><img src=\\\"/images/loading.gif\\\" width=\\\"36px\\\"><div>\");\n                $('#main-content').load(\"/new-showprovider.php?type=\" + type); \n            }\n            \n            function toggleInformasi(item) {\n                page(item);\n            }\n            \n            function showInformasi(item) {\n                document.getElementById('modal-wrapper').style.display='block';\n                toggleInformasi(item);\n            }\n\n            function openChangePasswordMobile() {\n                closeContent();\n\n                if (mobileLoginBox) mobileLoginBox.style.display = \"none\";\n                if (mobileDaftarForm) mobileDaftarForm.style.display = \"none\";\n\n                if (mobileChangePasswordForm) {\n                    mobileChangePasswordForm.style.display = \"block\";\n                    mobileChangePasswordForm.scrollIntoView();\n                }\n            }\n\n            function closeChangePasswordMobile() {\n                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = \"none\";\n                if (mobileDaftarForm) mobileDaftarForm.style.display = \"none\";\n                if (mobileLoginBox) mobileLoginBox.style.display = \"block\";\n\n                marquee.scrollIntoView();\n            }\n            \n            \n\n                    \n        </script>\n        <script src=\"/js/old/new2-webduo35.js?v=1778065925\"></script>\n \n        <script>\n            function scrollToLoginForm(launchType, matchId) {\n                sessionStorage.setItem('launch', launchType);\n                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);\n                else sessionStorage.removeItem('sbo_matchId');\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n                setTimeout(function() {\n                    var isMobile = window.innerWidth <= 1000;\n                    var loginSelector = isMobile\n                        ? '#mobilelogin input[name=\"username\"]'\n                        : '#desktoplogin form';\n                    var el = document.querySelector(loginSelector);\n                    if (!el) return;\n                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name=\"username\"]' : '#desktoplogin input[name=\"username\"]');\n                    if (usernameEl && !isMobile) usernameEl.focus();\n                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });\n                    const driver = window.driver.js.driver({\n                        popoverClass: 'driverjs-theme',\n                        showProgress: false,\n                        showButtons: [],\n                        overlayOpacity: 0.3,\n                        steps: [\n                            {\n                                element: loginSelector,\n                                popover: {\n                                    title: 'Harap Login',\n                                    description: 'Silakan masukkan username Anda',\n                                    side: 'bottom',\n                                    align: 'start',\n                                    showButtons: [],\n                                    nextBtnText: '',\n                                    prevBtnText: '',\n                                    doneBtnText: ''\n                                }\n                            }\n                        ],\n                        onDestroyStarted: () => driver.destroy(),\n                    });\n                    driver.drive();\n                    if (usernameEl) {\n                        function destroyDriver() {\n                            driver.destroy();\n                            window.scrollTo({ top: 0 });\n                            usernameEl.removeEventListener('input', destroyDriver);\n                            usernameEl.removeEventListener('click', destroyDriver);\n                            usernameEl.removeEventListener('focus', destroyDriver);\n                        }\n                        usernameEl.addEventListener('input', destroyDriver, { once: true });\n                        usernameEl.addEventListener('click', destroyDriver, { once: true });\n                        usernameEl.addEventListener('focus', destroyDriver, { once: true });\n                    }\n                }, 500);\n            }\n        </script>\n        <script>\n            window.addEventListener(\"message\", function(e) {\n                if (e.origin !== \"https://fkupon.com\") return;\n                if (e.data && e.data.action === \"resize\" && e.data.height) {\n                    var iframes = document.querySelectorAll(\".iframe-kupon\");\n                    iframes.forEach(function(iframe) {\n                        iframe.style.height = Math.max(100, e.data.height - 16) + \"px\";\n                    });\n                }\n            });\n        </script>\n\n\n        <!-- POP UP COOKIES -->\n        \n<style>\n    \n        \n    .kebijakan-privasi, .kebijakan-cookies {\n        color: white;\n        text-decoration: underline;\n    }\n    \n        \n</style>\n\n\n<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\">\n  <div style=\"margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem\">\n        <div>\n    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>  \n  </div>\n  <div>\n     <div onclick=\"document.getElementById('boxprivacy').style.display='none'\" class=\"closebox\" title=\"Close Box\" style=\"margin-right: 10px;\">×</div>\n  </div>\n</div>\n<script>\n    $( \"#boxprivacy\" ).blur(function() {\n    alert( \"Handler for .blur() called.\" );\n});\n</script>   \n\n        \n    \n<div id=\"chat-widget-container\" style=\"opacity: 1; visibility: visible; z-index: 2147483639; position: fixed; bottom: 0px; width: 281px; height: 63px; max-width: 100%; max-height: calc(100% - 0px); min-height: 0px; min-width: 0px; background-color: transparent; border: 0px; overflow: hidden; right: 0px; transition: none 0s ease 0s;\"><iframe allow=\"clipboard-read; clipboard-write; autoplay; display-capture *;\" src=\"https://secure.livechatinc.com/customer/action/open_chat?license_id=12454182&amp;group=0&amp;embedded=1&amp;widget_version=3&amp;unique_groups=0&amp;organization_id=512e3e24-957e-45fa-ae65-3c121654054e&amp;use_parent_storage=1&amp;x-region=us-south1\" id=\"chat-widget\" name=\"chat-widget\" title=\"LiveChat chat widget\" scrolling=\"no\" style=\"width: 100%; height: 100%; min-height: 0px; min-width: 0px; margin: 0px; padding: 0px; background-image: none; background-position: 0% 0%; background-size: initial; background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: rgba(0, 0, 0, 0); border-width: 0px; float: none; color-scheme: light; position: absolute; inset: 0px; transition: none 0s ease 0s !important; display: none; visibility: hidden;\"></iframe><iframe id=\"chat-widget-minimized\" name=\"chat-widget-minimized\" title=\"LiveChat chat widget\" scrolling=\"no\" style=\"width: 100%; height: 100%; min-height: 0px; min-width: 0px; margin: 0px; padding: 0px; background-image: none; background-position: 0% 0%; background-size: initial; background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: rgba(0, 0, 0, 0); border-width: 0px; float: none; color-scheme: light; display: block;\"></iframe><div aria-live=\"polite\" id=\"lc-aria-announcer-polite\" tabindex=\"-1\" style=\"height: 1px; width: 1px; margin: -1px; overflow: hidden; white-space: nowrap; border: 0px; padding: 0px; position: absolute;\"></div><div aria-live=\"assertive\" id=\"lc-aria-announcer-assertive\" tabindex=\"-1\" style=\"height: 1px; width: 1px; margin: -1px; overflow: hidden; white-space: nowrap; border: 0px; padding: 0px; position: absolute;\"></div></div><div class=\"modal-backdrop fade show\"></div></body></html>"}