PageSourceSearch

https://bonbon777.team/

html bonbon777.team collected 2026-10-05 04:34:21 UTC 345,333 bytes, 6,123 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="id">
4    <head>
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <title>BONBON777 | Situs Hiburan Online Terpercaya dengan Informasi Terbaru</title>
7        
8                <meta name="viewport" content="width=1200, initial-scale=1">
9        
10        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
11        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
12        <link rel="preload" href="/style.scss" as="style" onload="this.onload=null;this.rel='stylesheet'">
13
14
15        <!--<link rel="stylesheet" href="/css/old/template/ST.css">-->
16        <link rel="stylesheet" href="/css/old/template/ST.css">
17        <link rel="stylesheet" href="/css/old/variable.css">
18        
19                <link rel="stylesheet" href="/css/old/light.css">
20                
21        <link rel="stylesheet" href="/css/old/new2-style.css?1790436668">
22        <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css">
23        <link rel="icon" type="image/png" href="/favicon.png">
24
25        <!-- Driver.js start -->
26        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/>
27        
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
27
28        <style>
29        @media (max-width: 768px) {
30            .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
31            .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
32            .driver-popover-description { font-size: 12px !important; }
33        }
34        </style>
35        <!--  Driver.js end -->
36        
37        
37<script src="/js/old/jquery-3.6.4.min.js"></script>
37
38        
38<script src="/js/old/jquery.marquee.min.js"></script>
38
39
40        <!-- RECAPTCHA -->
41                
42        <meta charset="utf-8">
43<meta name="viewport" content="width=device-width, initial-scale=1.0">
44
45<link rel="canonical" href="https://bonbon777.team/">
46<link rel="amphtml" href="https://bonbon777amp2.xyz/">
47
48<link rel="icon" type="image/webp" sizes="48x48" href="https://bonbon777img.xyz/images/favicon-bonbon777-48x48.webp">
49<link rel="icon" type="image/webp" sizes="32x32" href="https://bonbon777img.xyz/images/favicon-bonbon777-48x48.webp">
50<link rel="icon" type="image/webp" sizes="16x16" href="https://bonbon777img.xyz/images/favicon-bonbon777-48x48.webp">
51<link rel="apple-touch-icon" sizes="180x180" href="https://bonbon777img.xyz/images/logo.png">
52
53<meta name="description" content="Temukan informasi terbaru seputar BONBON777, promo menarik, panduan lengkap, dan berbagai update terkini. Akses cepat, mudah, dan nyaman untuk semua pengguna.">
54<meta name="keywords" content="bonbon777, bonbon777 login, bonbon777 slot, bonbon777 alternatif, bonbon777 resmi, bonbon 777">
55
56<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
57<meta name="googlebot" content="index, follow">
58<meta name="revisit-after" content="1 days">
59
60<meta name="author" content="BONBON777">
61<meta name="publisher" content="BONBON777">
62<meta name="language" content="id">
63
64<!-- Geo -->
65<meta name="geo.region" content="ID">
66<meta name="geo.country" content="ID">
67<meta name="geo.placename" content="Indonesia">
68
69<!-- Open Graph -->
70<meta property="og:type" content="website">
71<meta property="og:title" content="BONBON777 | Login Situs Bonbon777 Resmi">
72<meta property="og:description" content="Akses login BONBON777 resmi dan link alternatif terbaru. Daftar cepat dan nikmati berbagai permainan menarik.">
73<meta property="og:url" content="https://bonbon777.team/">
74<meta property="og:image" content="https://bonbon777img.xyz/images/logo.png">
75<meta property="og:site_name" content="BONBON777">
76
77<!-- Twitter Card -->
78<meta name="twitter:card" content="summary_large_image">
79<meta name="twitter:title" content="BONBON777 Situs Resmi Login">
80<meta name="twitter:description" content="Login BONBON777 resmi dan nikmati berbagai permainan seru dengan sistem cepat dan aman.">
81<meta name="twitter:image" content="https://bonbon777img.xyz/images/logo.png">
82
83<!-- Speed Optimization -->
84<link rel="preconnect" href="https://bonbon777img.xyz">
85<link rel="dns-prefetch" href="//bonbon777img.xyz">
86
87<!-- Sitemap -->
88<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
89
90<!-- Schema Website -->
91<script type="application/ld+json">
92{
93 "@context":"https://schema.org",
94 "@type":"WebSite",
95 "name":"BONBON777",
96 "url":"https://bonbon777.team/",
97 "potentialAction":{
98   "@type":"SearchAction",
99   "target":"https://bonbon777.team/?s={search_term_string}",
100   "query-input":"required name=search_term_string"
101 }
102}
103</script>
103
104
105<!-- Schema Organization -->
106<script type="application/ld+json">
107{
108 "@context":"https://schema.org",
109 "@type":"Organization",
110 "name":"BONBON777",
111 "url":"https://bonbon777.team/",
112 "logo":"https://bonbon777img.xyz/images/logo.png"
113}
114</script>
114
115
116<meta name="google-site-verification" content="mm8obMehrueDOi758zGslBf1J43Y6-AP-gU_ahTUT1s" />
117<meta name="google-site-verification" content="Upm0ukk8ofgOfs6UwQj98SCGAHVvVBb1LDtoo_-w7ZQ" />
118<meta name="google-site-verification" content="Er8QsCzVGOKrB9lnYIBFnU5klOkDR69N5qI-aIsunls" />
119<meta name="google-site-verification" content="NzakfHvAXEd9WiJn5c2WI6oFeqQMaM4-9ZOV2TiNfz4" />
120<meta name="google-site-verification" content="Rs3Osa9JvuoXHqso9y6qVGWEASxImqC19k_kaPm4P2k" />
121<meta name="google-site-verification" content="PRxmt6sVTe4Loh9gszWdKmsWEGj8h6MeB1QFpkZfbNw" />
122<meta name="google-site-verification" content="w5ywz17JndLOpRVWHk3sg3foFVyWJt-QWB4bu75465E" />
123<meta name="google-site-verification" content="PcNZErIfWCiagNgajyUYEgrxTWVSpx5tiPri195uTao" />
124<meta name="google-site-verification" content="u9n_YBSDoDAKRaXdFoE0_IA87xZjvUUYso7IRjYw25Y" />
125<meta name="google-site-verification" content="kzZ7D5V7PkWN1HvSP1ZkUycKoFvNqkMWRgBAlLIynGE" />
126<meta name="google-site-verification" content="UlvoO41_n1yt0MrnRpcdWe8ttUBoO5RKTJVMSsJloaE" />
127<meta name="google-site-verification" content="94RavQkq5_iweudLYeg2maVTrOIRaQzR1_OslmTmGr8" />
128<meta name="google-site-verification" content="SqNblMmdrzpG0A_AhUeJxkU8vDjsNJsCzVKQfHJbZNA" />
129<meta name="google-site-verification" content="RrV9o_UJ5sgpSkil41IXdGUMsUc2L3eNaWa2PwdER-Y" />
130<meta name="google-site-verification" content="98165mdTkdHkKFZ3riyOOzO8rxtZDOe3onw-ms_DxWc" />
131<meta name="google-site-verification" content="MktQ2OqCQXUU0LwrjMWq-9nkWy-fFV4SW8ZG_MbfBsU" />
132<meta name="google-site-verification" content="GF28WKVL80JZZCbm_Eve8n4652f_PkxTo3y0XErTmJ0" />
133
134<!-- Meta Pixel Code -->
135<script>
vendor: 408 bytes, lines 135-144
135
136!function(f,b,e,v,n,t,s)
137{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
138n.callMethod.apply(n,arguments):n.queue.push(arguments)};
139if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
140n.queue=[];t=b.createElement(e);t.async=!0;
141t.src=v;s=b.getElementsByTagName(e)[0];
142s.parentNode.insertBefore(t,s)}(window, document,'script',
143'https://connect.facebook.net/en_US/fbevents.js');
144fbq('init', '
1441447197243718339
vendor: 32 bytes, lines 144-145
144');
145fbq('track', 'PageView');
146</script>
146
147<noscript><img height="1" width="1" style="display:none"
148src="https://www.facebook.com/tr?id=1447197243718339&ev=PageView&noscript=1"
149/></noscript>
150<!-- End Meta Pixel Code -->
151        <style>
152        
153        .wrapper {
154            display: grid;
155            grid-template-columns: 1fr;
156            grid-template-areas:
157            "marquee"
158            "header"
159            "devider"
160            "contentdata"
161            "togel-desktop"
162            "widget-kupon"
163            "widget-sbo"
164            "provider"
165            "transaksi"
166            "guidelines"
167            "bantuan"
168            "footer"
169        }
170        
171        .widget-kupon {
172            grid-area: widget-kupon;
173            padding-top: 20px;
174            background: var(--footer-background);
175            display: flex;
176            align-items: center;
177            position: relative;
178        }
179
180        .widget-sbo {
181            grid-area: widget-sbo;
182            padding-top: 20px;
183            display: flex;
184            align-items: center;
185            position: relative;
186        }
187        
188            .iframe-kupon {
189                width: 1000px;
190                height: 200px;
191                display: block;
192                vertical-align: bottom;
193            }
194                    
195            .login-input-field {
196                font-size: 1rem;
197            }
198            
199            .btn-aduan2 {
200                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
201                -webkit-background-clip: text;
202                -webkit-text-fill-color: transparent;
203                background-size: 300% 300%;
204                animation: gradient 2s ease infinite;
205            }
206            
207            .transaksi-title {
208                place-items: start;
209            }
210            
211            .btn-tele {
212                font-size: 1.2rem;
213                text-shadow: 1px 1px #000000;
214                height: 36px!important;
215                border-radius: 8px;
216                background: #28323C;
217                color: white;
218            }
219            
220            #marquee-mobile {
221                width: 100%;
222                overflow: hidden;
223            }
224            
225            #marquee-mobile .marquee-content {
226                display: flex;
227                align-items: center;
228                width: 100%;
229                overflow: hidden;
230            }
231            
232            #marquee-mobile .running {
233                position: relative;
234                flex: 1 1 auto;
235                min-width: 0;
236                overflow: hidden;
237            }
238            
239            #marquee-mobile .broadcast {
240                display: inline-block;
241                white-space: nowrap;
242            }
243                        
244            #marquee {
245                overflow: hidden;
246            }
247            
248            #marquee .running {
249                overflow: hidden;
250            }
251            
252            #marquee .broadcast {
253                white-space: nowrap;
254            }
255            
256            body {
257                overflow-x: hidden;
258            }
259            
260            .btn-google {
261                width: 30px;
262                height: 30px;
263                background: #fff;
264                border: 1px solid #ddd;
265                border-radius: 3px;
266                display: inline-flex;
267                align-items: center;
268                justify-content: center;
269            }
270            
271            .btn-google:hover {
272                background: #f5f5f5;
273            }
274            
275            .btn-google-mobile {
276                background: #fff;
277                color: #3c4043;
278                border: 1px solid #dadce0;
279                border-radius: 3px;
280                height: 36px;
281                padding: 0 12px;
282                font-weight: 600;
283                font-size: 1.2rem;
284            
285                align-items: center;
286                justify-content: center;
287                gap: 8px;
288            }
289            
290            .btn-google-mobile:hover {
291                background: #f8f9fa;
292                color: #202124;
293            }
294
295            
296            @media only screen and (max-width: 1000px) {
297                
298            .wrapper {
299                display: grid;
300                grid-template-columns: 1fr;
301                grid-template-areas:
302                "appbar"
303                "marquee"
304                "header"
305                "contentdata"
306                "togel-mobile"
307                "widget-kupon"
308                "widget-sbo"
309                "devider"
310                "provider"
311                "transaksi"
312                "bantuan"
313                "footer"
314                "guidelines";
315            }
316            
317            .widget-kupon {
318                margin: 0px 20px;
319            }
320
321          
322                        
323                .iframe-kupon {
324                    padding: 0px;
325                    height: 262px;
326                    width: 100%;
327                    display: block;
328                    vertical-align: bottom;
329                }
330                
331            .transaksi-title {
332                place-items: center;
333            }
334                
335                .login-input-field {
336                    font-size: 1.2rem;
337                }      
338            }
339            
340            .grecaptcha-badge {
341                display: none !important;
342            }
343            
344        </style>
345
346    </head>
347    
348    
349
350    <body id="desktop">
351        
352        
353<div id="hover" class="hover desktop-only">
354
355    <div id="hover-togel" class="hover-menu">
356        <a href="/register" class="hover-item">
357            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
358            <figcaption>TOGEL</figcaption>
359        </a> 
360        
361        <a href="/register" class="hover-item">
362            <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure>
363            <figcaption>KUPON</figcaption>
364        </a> 
365    </div>
366
367    <div id="hover-slot" class="hover-menu">
368        <a href="/slot/pp" class="hover-item">
369            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
370            <figcaption>PRAGMATIC PLAY</figcaption>
371        </a>
372
373        <a href="/slot/pg" class="hover-item">
374            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
375            <figcaption>PG SOFT</figcaption>
376        </a>
377
378        <a href="/slot/jl" class="hover-item">
379            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
380            <figcaption>JILI</figcaption>
381        </a> 
382
383        <a href="/slot/mgw" class="hover-item">
384            <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
385            <figcaption>MEGAWIN</figcaption>
386        </a>
387
388        <a href="/slot/atg" class="hover-item">
389            <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure>
390            <figcaption>ATG Games</figcaption>
391        </a>
392
393        <a href="/slot/pok" class="hover-item">
394            <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure>
395            <figcaption>PopOK Gaming</figcaption>
396        </a>
397
398        <a href="/slot/ams" class="hover-item">
399            <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure>
400            <figcaption>ASKMESLOT</figcaption>
401        </a>
402
403        <a href="/slot/sdl" class="hover-item">
404            <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
405            <figcaption>SHADY LADY</figcaption>
406        </a>
407
408        <a href="/slot/hb" class="hover-item">
409            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
410            <figcaption>HABANERO</figcaption>
411        </a>
412        
413        <a href="/slot/sg" class="hover-item">
414            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
415            <figcaption>SPADEGAMING</figcaption>
416        </a>
417
418        <a href="/slot/nlc" class="hover-item">
419            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
420            <figcaption>NOLIMIT CITY</figcaption>
421        </a>
422
423        <a href="/slot/fs" class="hover-item">
424            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
425            <figcaption>FASTSPIN</figcaption>
426        </a>
427
428        <a href="/slot/jg" class="hover-item">
429            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
430            <figcaption>JOKER</figcaption>
431        </a> 
432
433        <a href="/slot/mg" class="hover-item">
434            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
435            <figcaption>MICROGAMING</figcaption>
436        </a>
437
438        <a href="/slot/fgs" class="hover-item">
439            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
440            <figcaption>5G GAMES</figcaption>
441        </a>
442
443        <a href="/slot/hks" class="hover-item">
444            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
445            <figcaption>HACKSAW GAMING</figcaption>
446        </a>
447
448        <a href="/slot/nxt" class="hover-item">
449            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
450            <figcaption>NEXTSPIN</figcaption>
451        </a>
452
453        <a href="/slot/ps" class="hover-item">
454            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
455            <figcaption>PLAYSTAR</figcaption>
456        </a>
457
458        <a href="/slot/pt" class="hover-item">
459            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
460            <figcaption>PLAYTECH</figcaption>
461        </a>
462
463        <a href="/slot/av" class="hover-item">
464            <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
465            <figcaption>ADVANT PLAY</figcaption>
466        </a>
467
468        <a href="/slot/cmp" class="hover-item">
469            <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
470            <figcaption>COSMOPLAY</figcaption>
471        </a> 
472
473        <a href="/slot/cq9" class="hover-item">
474            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
475            <figcaption>CQ9</figcaption>
476        </a>    
477
478        <a href="/slot/wow" class="hover-item">
479            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
480            <figcaption>WOW GAMING</figcaption>
481        </a>
482
483        <a href="/slot/l22" class="hover-item">
484            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
485            <figcaption>LIVE22</figcaption>
486        </a> 
487
488        <a href="/slot/ss" class="hover-item">
489            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
490            <figcaption>SBO SLOT</figcaption>
491        </a>
492        
493        <!-- <a href="/slot/nte" class="hover-item">
494            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
495            <figcaption>NETENT</figcaption>
496        </a> --> 
497      
498        <!-- <a href="/slot/ttg" class="hover-item">
499            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
500            <figcaption>TOPTREND GAMING</figcaption>
501        </a> -->
502    </div>
503
504    <div id="hover-live" class="hover-menu" >
505        <a href="/casino/pplc" class="hover-item">
506            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
507            <figcaption>PRAGMATIC PLAY</figcaption>
508        </a>
509
510        <a href="/casino/evo" class="hover-item">
511            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
512            <figcaption>EVOLUTION</figcaption>
513        </a>
514
515        <a href="/casino/mglc" class="hover-item">
516            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
517            <figcaption>MICROGAMING</figcaption>
518        </a>
519
520        <a href="/casino/ptg" class="hover-item">
521            <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure>
522            <figcaption>PRETTY GAMING</figcaption>
523        </a>
524
525        <a href="/casino/ion" class="hover-item">
526            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
527            <figcaption>ION CASINO</figcaption>
528        </a>
529
530        <a href="/casino/sx" class="hover-item">
531            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
532            <figcaption>SEXY GAMING</figcaption>
533        </a>
534
535        <a href="/casino/sa" class="hover-item">
536            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
537            <figcaption>SA GAMING</figcaption>
538        </a>   
539
540        <a href="/casino/ab" class="hover-item">
541            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
542            <figcaption>ALLBET</figcaption>
543        </a> 
544
545        <a href="/casino/ptlc" class="hover-item">
546            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
547            <figcaption>PLAYTECH LIVE</figcaption>
548        </a>
549
550        <!-- <a href="/casino/gmnl" class="hover-item">
551            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
552            <figcaption>GEMINI LIVE</figcaption>
553        </a> -->
554
555        <a href="/casino/og" class="hover-item">
556            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
557            <figcaption>OPUS PLUS</figcaption>
558        </a>
559
560        <a href="/casino/sbol" class="hover-item">
561            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
562            <figcaption>SBOBET CASINO</figcaption>
563        </a>    
564    </div>
565
566    <div id="hover-sport" class="hover-menu">
567        <a href="/register" class="hover-item">
568            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
569            <figcaption>SABA</figcaption>
570        </a>
571
572        <a href="/register" class="hover-item">
573            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
574            <figcaption>SBOBET</figcaption>
575        </a>
576        
577        <a href="/register" class="hover-item">
578            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
579            <figcaption>CMD368</figcaption>
580        </a>  
581
582        <!-- <a href="/register" class="hover-item">
583            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
584            <figcaption>PINNACLE</figcaption>
585        </a>   -->
586	
587	    <a href="/register" class="hover-item">
588            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
589            <figcaption>TFGAMING</figcaption>
590        </a>        
591    </div>
592
593    <div id="hover-fishing" class="hover-menu">
594        <a href="/arcade/jl" class="hover-item">
595            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
596            <figcaption>JILI</figcaption>
597        </a>
598    
599        <a href="/arcade/sg" class="hover-item">
600            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
601            <figcaption>SPADE GAMING</figcaption>
602        </a>
603
604        <a href="/arcade/fs" class="hover-item">
605            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
606            <figcaption>FASTSPIN</figcaption>
607        </a>
608
609        <a href="/arcade/ams" class="hover-item">
610            <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure>
611            <figcaption>ASKMESLOT</figcaption>
612        </a>
613
614        <!-- <a href="/arcade/ps" class="hover-item">
615            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
616            <figcaption>PLAYSTAR</figcaption>
617        </a>
618
619	    <a href="/arcade/l22" class="hover-item">
620            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
621            <figcaption>LIVE22</figcaption>
622        </a>  -->
623
624    </div>
625
626    <div id="hover-sabung" class="hover-menu">
627        <a href="/sabung/ws" class="hover-item">
628            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
629            <figcaption>WS168</figcaption>
630        </a>
631
632        <a href="/sabung/sv" class="hover-item">
633            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
634            <figcaption>SV388</figcaption>
635        </a> 
636    </div>
637    
638    <div id="hover-interactive" class="hover-menu">
639        <a href="/interactive/pp" class="hover-item">
640            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
641            <figcaption>PRAGMATIC PLAY</figcaption>
642        </a> 
643        
644        <a href="/interactive/gmn" class="hover-item">
645            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
646            <figcaption>GEMINI</figcaption>
647        </a> 
648
649        <a href="/interactive/jl" class="hover-item">
650            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
651            <figcaption>JILI</figcaption>
652        </a> 
653
654        <a href="/interactive/jg" class="hover-item">
655            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
656            <figcaption>JOKER</figcaption>
657        </a>
658
659        <a href="/interactive/atg" class="hover-item">
660            <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure>
661            <figcaption>ATG Games</figcaption>
662        </a>
663
664        <a href="/interactive/pok" class="hover-item">
665            <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure>
666            <figcaption>PopOK Gaming</figcaption>
667        </a>
668
669        <a href="/interactive/ams" class="hover-item">
670            <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure>
671            <figcaption>ASKMESLOT</figcaption>
672        </a>
673
674        <a href="/interactive/mg" class="hover-item">
675            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
676            <figcaption>MICRO GAMING</figcaption>
677        </a>
678
679        <a href="/interactive/hks" class="hover-item">
680            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
681            <figcaption>HACKSAW GAMING</figcaption>
682        </a>
683
684        <a href="/interactive/pt" class="hover-item">
685            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
686            <figcaption>PLAYTECH</figcaption>
687        </a> 
688        
689        <a href="/interactive/wow" class="hover-item">
690            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
691            <figcaption>WOW GAMING</figcaption>
692        </a> 
693
694        <!-- <a href="/interactive/ps" class="hover-item">
695            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
696            <figcaption>PLAYSTAR</figcaption>
697        </a>  -->
698    </div>
699
700
701
702</div>
703<style>
704    .my-navbar {
705        height: 44px; 
706        padding: 0px; 
707        width: 100%; 
708        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
709        position: fixed; 
710        bottom: 0; 
711        color: white; 
712        z-index: 1100; 
713        display: flex; 
714        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
715    }
716    
717    .navbar-item {
718        height: 100%; 
719        width: 100%; 
720        display: flex;
721        flex-direction: column;
722        align-items: center;
723        justify-content: center;
724    }
725    
726    .navbar-item-content {
727        display: flex;
728        flex-direction: column;
729        justify-content: center;
730        align-items: center;
731        position: absolute; 
732        top: -16px
733    }
734    
735    .navbar-item-content>i {
736         font-size: 20px;
737         line-height: 22px;
738         color: white;
739         padding-bottom: 4px;
740    }
741    
742    .navbar-item-content>img {
743         height: 28px; 
744         width: 28px;
745    }
746    
747    .navbar-item-content>label {
748        white-space: nowrap; 
749        margin-top: 4px; 
750        font-weight: bold; 
751        font-size: var(--text-size-default); 
752        color: white
753    }
754    
755    .speed-dial-item {
756        opacity: 0;
757        visibility: hidden;
758        transform: translateY(10px);
759        transition: opacity 0.3s ease, transform 0.3s ease;
760    }
761    
762    .speed-dial-active .speed-dial-item {
763        opacity: 1;
764        visibility: visible;
765        transform: translateY(0);
766    }
767    
768    /* Delay each item’s appearance */
769    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
770    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
771    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
772    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
773    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       
774
775    
776</style>
777
778
779<div class="mobile-only" >
780        <div class="my-navbar">
781            <a href="/" class="navbar-item" style="position: relative">
782                <div class="navbar-item-content">
783                    <img src="https://img.viva88athenae.com//beranda.png"/>
784                    <label>BERANDA</label>
785                </div>
786            </a>
787            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
788            <a href="/m/promosi"  class="navbar-item">
789                <div class="navbar-item-content">
790                    <img src="https://img.viva88athenae.com//promosi.png"/>
791                    <label>PROMOSI</label>
792                </div>
793            </a>
794            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
795            <a href="/m/event"  class="navbar-item">
796                <div class="navbar-item-content">
797                    <img src="https://img.viva88athenae.com//events.png"/>
798                    <label>EVENT</label>
799                </div>
800            </a>
801            
802                            
803                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
804                    <div class="navbar-item">
805                        <div class="navbar-item-content speed-dial-btn">
806                            <img src="https://img.viva88athenae.com//chat.png"/>
807                            <label>CHAT</label>
808                        </div>
809                        
810                                                    
811                                <a href="https://wa.me/+6282160545224" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px">
812                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
813                                </a>
814                            
815                                                        
816                                <a href="https://t.me/+0eNnZxwYe3RkNjRl" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px">
817                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
818                                </a>
819                            
820                                                    
821                    </div>
822                
823                
824                                        
825            
826            
827            
828            
829                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
830                <a href="https://tawk.to/chat/648b43bfcc26a871b022c74b/1h3001a2r"  target="_blank" class="navbar-item">
831                <div class="navbar-item-content">
832                    <img src="https://img.viva88athenae.com//livechat.png"/>
833                    <label>LIVECHAT</label>
834                </div>
835                </a>
836            
837        </div>
838</div>
839
840<script>
841    document.addEventListener("DOMContentLoaded", function () {
842    const speedDialBtn = document.querySelector(".speed-dial-btn");
843    const speedDialItems = document.querySelectorAll(".speed-dial-item");
844    let isOpen = false;
845
846    speedDialBtn.addEventListener("click", function () {
847        isOpen = !isOpen;
848
849        speedDialItems.forEach((item, index) => {
850            if (isOpen) {
851                item.style.opacity = "1";
852                item.style.visibility = "visible";
853                item.style.transform = "translateY(0)";
854                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
855            } else {
856                item.style.opacity = "0";
857                item.style.visibility = "hidden";
858                item.style.transform = "translateY(10px)";
859                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
860            }
861        });
862    });
863});
864</script>
864        
865        
866        
867        <div id="top" class="wrapper">
868
869            
870                
871            <header class="header">
872                <div class="header-content">
873                    <div class="logo" href="/">
874                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
875                    </div>
876                    
877                    <div id="marquee-mobile" class="marquee mobile-only">
878                        <div class="marquee-content">
879                            <div class="d-flex align-items-center gap-2 flex-shrink-0">
880                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
881                            </div>
882                    
883                            <div class="running">
884                                <div class="marquee-shadow"></div>
885                                <div class="broadcast mobile-broadcast">diharapkan untuk melakukan deposit melalui payment gateway,, dikarenakan depo / wd manual akan mengalami keterlambatan approve..</div>
886                            </div>
887                    
888                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
889                        </div>
890                    </div>
891                    
892                    <div class="mslider mobile-only">
893                                            </div>
894                    
895                    <div class="login mobile-only">
896                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
897                                <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form">
898                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
899                                    <div class="input-group login-field">
900                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
901                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
902                                    </div>
903                                    <div class="input-group login-field">
904                                        <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>
905                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
906                                    </div>
907                                    
908                                    <!-- captcha -->
909                                   
910                                    <div id="mverifikasiform" class="w-100" style=" ">
911                                        
912                                        <span id="verifikasi"><img src="/m/capimg.php?7296" width="100%" height="36" style="border-radius: 5px;"></span>
913                                        <div class="input-group login-field mt-1">
914                                            <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>
915                                            <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
916                                        </div>
917                                    </div>
918
919                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
920                    
921                                    <!-- end captcha -->
922                                    
923                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
924                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
925                                    </label>
926        
927                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
928                                    <button type="button" class="btn btn-daftar bt
928n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
929                                    
930                                                                            <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/BONBON777_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
931                                                                        
932                                    
933                                    <input type="hidden" name="task" value="login">    
934                                    <input type="hidden" name="iscaptchalogin" value="1">
935                                    <input type="hidden" name="loginmobile" value="+h6hobV832ZXbNCoTuTHQtJyXHbzT5fzKC6iO7YhVZA=">
936                                    <input type="hidden" name="isrecaptchalogin" value="0">
937                                </form>
938                            </div>
939
940                                                        
941                            <!-- Change Password Mobile -->
942                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
943                                <div id="mobilechangepassword">
944                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
945                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
946                                        <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">
947                                            <span>GANTI PASSWORD</span>
948                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
949                                                                                            </span>
950                                        </div>
951                                        
952                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
953                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
954                                        </div>
955                                        
956                                        <!-- <div class="input-group login-field">
957                                            <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>
958                                            <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
959                                        </div>
960                                        <div class="error-msg" id="err_old_password_mobile"></div> -->
961                                        
962                                        <div class="input-group login-field">
963                                            <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>
964                                            <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
965                                        </div>
966                                        <div class="error-msg" id="err_new_password_mobile"></div>
967                                        
968                                        <div class="input-group login-field">
969                                            <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>
970                                            <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
971                                        </div>
972                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
973                                        
974                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
975                                            <strong style="color: #856404;">Persyaratan Password:</strong>
976                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
977                                                <li>Minimal 6 karakter</li>
978						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
979                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
980                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
981                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
982                                                <li>Hindari password yang mudah ditebak</li>
983                                            </ul>
984                                        </div>
985                                        
986                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
987                                        <input type="hidden" name="task" value="change_password">
988                                    </form>
989                                </div>
990                                
991                                
991<script>
992                                $(document).ready(function(){
993                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
994                                        var newPass = $('#cp_new_password_mobile').val();
995                                        var confirmPass = $('#cp_confirm_password_mobile').val();
996                                        var currentField = $(this);
997                                        
998                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
999                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
1000                                        $('#err_new_password_mobile').hide();
1001                                        $('#err_confirm_password_mobile').hide();
1002                                        
1003                                        if (newPass.length > 0 && confirmPass.length > 0) {
1004                                            if (newPass === confirmPass) {
1005                                                $('#cp_new_password_mobile').addClass('valid-border');
1006                                                $('#cp_confirm_password_mobile').addClass('valid-border');
1007                                            } else {
1008                                                $('#cp_new_password_mobile').addClass('error-border');
1009                                                $('#cp_confirm_password_mobile').addClass('error-border');
1010                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
1011                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
1012                                                } else {
1013                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
1014                                                }
1015                                            }
1016                                        }
1017                                    });
1018                                });
1019                                </script>
1019
1020                            </div>
1021                            
1022                            <!-- Register Mobile -->
1023                            <style>
1024                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
1025                              .error-border { border-color: red !important; }
1026                              .valid-border { border-color: green !important; }
1027                            </style>
1028                            <div id="mobile-daftar-form" style="width: 100%; display: none">
1029                                    <div id="mobileregister">
1030                                	   <form id="formRegister" class="login-form  p-0 pt-4">
1031                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
1032                                            <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>
1033                                            <div class="input-group login-field">
1034                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1035                                                <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">
1036                                            </div>
1037                                            <div class="error-msg" id="err_username"></div>
1038                                            <div class="input-group login-field">
1039                                                <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>
1040                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
1041                                            </div>
1042                                                <div class="error-msg" id="err_password"></div>
1043                                            <div class="input-group login-field">
1044                                                <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>
1045                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
1046                                            </div>
1047                                                <div class="error-msg" id="err_passcon"></div>
1048                                            <div class="input-group login-field">
1049                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
1050                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
1051                                            </div>
1052                                                <div class="error-msg" id="err_email"></div>
1053                                            <div class="input-group login-field">
1054                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
1055                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
1056                                            </div>
1057                                                <div class="error-msg" id="err_telpon"></div>
1058                                            
1059                                            <div class="input-group login-field">
1060                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
1061                                            		<option value="">Pilih Bank</option>
1062                            						 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='DBS'>DBS</option><option value='NOBU'>NOBU</option><option value='Maybank'>Maybank</option><option value='Mestika'>Mestika</option><option value='Mega'>Mega</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>
1062GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='AstraPay'>AstraPay</option><option value='BluBCA'>BluBCA</option><option value='Superbank'>Superbank</option><option value='Allobank'>Allobank</option><option value='SAQU'>SAQU</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
1063                                            </div>
1064                                                <div class="error-msg" id="err_bank"></div>
1065                        
1066                                            <div class="input-group login-field">
1067                                                <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>
1068                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
1069                                            </div>
1070                                                <div class="error-msg" id="err_rek"></div>
1071                                            <div class="input-group login-field">
1072                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
1073                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
1074                                            </div>
1075                                                <div class="error-msg" id="err_nama"></div>
1076                                            <div class="input-group login-field">
1077                                                <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>
1078                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
1079                                            </div>
1080                                            <div class="error-msg" id="err_ref"></div>
1081                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
1082                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
1083                                            
1084                                                                                                
1085                                                <div class="w-100 my-1">
1086                                                    <div id="capverifikasi">
1087                                                        <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
1088                                                    </div>
1089                                                    
1090                                                    <div class="input-group login-field mt-1">
1091                                                        <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>
1092                                                    <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
1093                                                    </div>
1094                                                    <div class="error-msg" id="err_verifikasi"></div>
1095                                                    
1096                                                </div>
1097
1098                                                                                            
1099                                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
1100                                                <input type="hidden" name="task" value="register">
1101                                                <input type="hidden" name="regmobile" value="vCDr0EEr6sNaZIY0WxTpmE0AbnbQLYe4O+5eUwzjktQ=">
1102                                                <input type="hidden" name="iscaptcharegister" value="1">
1103                                                <input type="hidden" name="isrecaptcha" value="
11030">
1104                                                <input type="hidden" name="isrecaptcharegister" value="0">
1105                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
1106                                    </form>
1107                                </div> 
1108                                                                
1108<script>
1109                                const WEBNAME = 'BonBon777';
1110                                const USE_STRONG_VALIDATION = false;
1111                                (function(){
1112                                  function root(){ return document.getElementById('mobileregister'); }
1113                                  function q(id){ return root()?.querySelector('#'+id) || null; }
1114                                  function qe(sel){ return root()?.querySelector(sel) || null; }
1115                                
1116                                  function showError(field,msg){
1117                                    const err = qe('#err_'+field);
1118                                    const inp = q('reg_'+field);
1119                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
1120                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
1121                                  }
1122                                  function clearError(field){
1123                                    const err = qe('#err_'+field);
1124                                    const inp = q('reg_'+field);
1125                                    if (err) err.style.display = 'none';
1126                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
1127                                  }
1128  
1129                                    function checkPasswordStrengthJS(username, password) {
1130                                        const min_length = 6;
1131                                        const length = password.length;
1132                                        if (length < min_length) {
1133                                        return "Password harus minimal " + min_length + " karakter";
1134                                        }
1135                                        const hasLower = /[a-z]/.test(password);
1136                                        const hasUpper = /[A-Z]/.test(password);
1137                                        if (!(hasLower && hasUpper)) {
1138                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
1139                                        }
1140                                        if (!/[0-9]/.test(password)) {
1141                                        return "Password harus mengandung angka";
1142                                        }
1143                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
1144                                        return "Password tidak boleh mengandung username";
1145                                        }
1146                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
1147                                        if (numSeq.test(password)) {
1148                                        return "Password tidak boleh mengandung angka berurutan";
1149                                        }
1150                                        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|"
1151                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
1152                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
1153                                        const letterSequences = new RegExp(letterSeqStr, "i");
1154                                        if (letterSequences.test(password)) {
1155                                        return "Password tidak boleh mengandung huruf berurutan";
1156                                        }
1157                                        return null;
1158                                    }
1159                                
1160                                  function vUsername(){
1161                                    const v = (q('reg_username')?.value || '').trim();
1162                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
1163                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
1164                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
1165                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
1166                                    clearError('username'); return true;
1167                                  }
1168                                function vPass(){
1169                                    const v = q('reg_pass')?.value || '';
1170                                    if(!v) {
1171                                        showError('password','Password tidak boleh kosong');
1172                                        return false;
1173                                    }
1174                                    if (USE_STRONG_VALIDATION) {
1175                                        const username = (q('reg_username')?.value || '').trim();
1176                                        const err = checkPasswordStrengthJS(username, v);
1177                                        if (err) {
1178                                            showError('password', err);
1179                                            return false;
1180                                        }
1181                                        clearError('password');
1182                                        if (q('reg_passcon')?.value) {
1183                                            vPasscon();
1184                                        }
1185                                        return true;
1186                                    }
1187                                    
1188                                    if (v.length < 6) {
1189                                        showError('password','Password minimal 6 karakter');
1190                                        return false;
1191                                    }
1192                                    
1193                                    clearError('password');
1194                                    return true;
1195                                }
1196                                function vPasscon() {
1197                                    const p1 = q('reg_pass')?.value || '';
1198                                    const p2 = q('reg_passcon')?.value || '';
1199                                    if (!p2) {
1200                                        showError('passcon', 'Konfirmasi password kosong');
1201                                        return false;
1202                                    }
1203                                    if (USE_STRONG_VALIDATION) {
1204                                        const username = (q('reg_username')?.value || '').trim();
1205                                        const err = checkPasswordStrengthJS(username, p1);
1206                                        if (err) {
1207                                            showError('passcon', err);
1208                                            return false;
1209                                        }
1210                                    }
1211                                    
1212                                    if (p1 !== p2) {
1213                                        showError('passcon', 'Konfirmasi tidak sama');
1214                                        return false;
1215                                    }
1216                                    
1217                                    clearError('passcon');
1218                                    return true;
1219                                }
1220                                //   function vPass(){
1221                                //     const v = q('reg_pass')?.value || '';
1222                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
1223                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
1224                                //     clearError('password'); return true;
1225                                //   }
1226                                //   function vPasscon(){
1227                                //     const p1 = q('reg_pass')?.value || '';
1228                                //     const p2 = q('reg_passcon')?.value || '';
1229                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
1230                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
1231                                //     clearError('passcon'); return true;
1232                                //   }
1233                                  function vEmail(){
1234                                    const v = (q('reg_email')?.value || '').trim();
1235                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
1236                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
1237                                    clearError('email'); return true;
1238                                  }
1239                                  function vTelp(){
1240                                    const el = q('reg_telpon'); if (!el) return true;
1241                                    el.value = (el.value || '').replace(/\D/g,'');
1242                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
1243                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
1244                                    clearError('telpon'); return true;
1245                                  }
1246                                  function vBank(){
1247                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
1248                                    clearError('bank'); return true;
1249                                  }
1250                                  function vRek(){
1251                                    const el = q('reg_rek'); if (!el) return true;
1252                                    el.value = (el.value || '').replace(/\D/g,'');
1253                                    if (!el.value) return showError('rek','Rekening kosong'), false;
1254                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
1255                                    clearError('rek'); return true;
1256                                  }
1257                                  function vNama(){
1258                                    const v = (q('reg_nama')?.value || '').trim();
1259                                    if (!v) return showError('nama','Nama kosong'), false;
1260                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
1261                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
1262                                    clearError('nama'); return true;
1263                                  }
1264                                  function vRefOpt(){
1265                                    const el = q('reg_ref'); if (!el) return true;
1266                                    const v = (el.value || '').trim();
1267                                    if (!v) return clearError('ref'), true;
1268                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
1269                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
1270                                    clearError('ref'); return true;
1271                                  }
1272                                  function vVerifOpt(){
1273                                    const el = q('reg_verifikasi'); if (!el) return true;
1274                                    const v = (el.value || '').trim();
1275                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
1276                                    clearError('verifikasi'); return true;
1277                                  }
1278                                
1279                                  function validateAll(){
1280                                    const ok =
1281                                      vUsername() & vPass() & vPasscon() & vEmail() &
1282                                      vTelp() & vBank() & vRek() & vNama() &
1283                                      vRefOpt() & vVerifOpt();
1284                                    return !!ok;
1285                                  }
1286                                  
1287                                  function attach(id, validator, opts){
1288                                    const el = q(id); if (!el) return;
1289                                    const run = () => validator();
1290                                    el.addEventListener('focus', run);
1291                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
1292                                    el.addEventListener('blur', run);
1293                                    if (opts && opts.change) el.addEventListener('change', run);
1294                                  }
1295                                
1296                                  document.addEventListener('DOMContentLoaded', function(){
1297                                    attach('reg_username',   vUsername);
1298                                    attach('reg_pass',       vPass);
1299                                    attach('reg_passcon',    vPasscon);
1300                                    attach('reg_email',      vEmail);
1301                                    attach('reg_telpon',     vTelp);
1302                                    attach('reg_bank',       vBank, { input
1302:false, change:true });
1303                                    attach('reg_rek',        vRek);
1304                                    attach('reg_nama',       vNama);
1305                                    attach('reg_ref',        vRefOpt);
1306                                    attach('reg_verifikasi', vVerifOpt);
1307                                
1308                                    const f = q('formRegister');
1309                                    if (f) {
1310                                      f.addEventListener('submit', function(e){
1311                                        if (!validateAll()) {
1312                                          e.preventDefault();
1313                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
1314                                          if (firstErr && firstErr.focus) firstErr.focus();
1315                                        }
1316                                      });
1317                                    }
1318                                  });
1319                                })();
1320                                </script>
1320
1321                        </div>                 
1322                    </div>
1323    
1324                    <div class="menu">
1325                        <style>
1326    .menu-item {
1327        display: flex;
1328        flex-direction: column;
1329        align-items: center;
1330        justify-content: center;
1331        gap: 12px;
1332        min-width: 72px;
1333        padding: 8px;
1334        height: 100%;
1335    }
1336    
1337    .menu-item:hover {
1338        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1339    }
1340    
1341    .menu-item.active {
1342        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1343    }
1344    
1345    .menu-item-img {
1346        height: 28px;
1347    }
1348    
1349    .menu-item-icon {
1350        font-size: 28px;
1351        color: var(--menu-item-color)
1352    }
1353    
1354    .menu-item:hover>.menu-item-icon {
1355        color: var(--primary-color);
1356    }
1357</style>
1358
1359
1360<a href="/" class="menu-item active">
1361    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1362    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
1363    <label>HOME</label>
1364</a>
1365
1366    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
1367        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
1368        <!--<img src="https://img.viva88athenae.com//icons/lottery_w.png?1790436668" alt="TOGEL" class="menu-item-img">-->
1369        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
1370        <label>TOGEL</label>
1371    </a>
1372    
1373
1374
1375<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
1376    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1377    <i class="menu-item-icon icon-slots"></i>
1378    <label>SLOT</label>
1379</a>
1380<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
1381    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
1382    <i class="menu-item-icon icon-casino"></i>
1383    <label>LIVE CASINO</label>
1384</a>
1385<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
1386    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
1387    <i class="menu-item-icon icon-sports"></i>
1388    <label>SPORT</label>
1389</a>
1390<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
1391<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
1392    <i class="menu-item-icon icon-sabung"></i>
1393    <label>SABUNG</label>
1394</a>
1395<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
1396    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
1397    <i class="menu-item-icon icon-arcade"></i>
1398    <label>ARCADE</label>
1399</a>
1400<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
1401    <i class="menu-item-icon icon-interactive"></i>
1402    <label>INTERACTIVE</label>
1403</a>
1404                    </div>
1405                                        
1406
1407
1408                    <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)">
1409                        
1410                        
1411        <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)">
1412            <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1413        </div>
1414        
1415        <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)">
1416            <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1417        </div>
1418    
1419    
1420    <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)">
1421    
1422    
1423        <div style="white-space: nowrap; height: 100%; font-size: 0px">
1424                                        
1425                        <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;">
1426                        <div style="display: grid; place-items: center; height: 100%">
1427                            <div class="menu-item" style="gap: 8px">
1428                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
1429                                <label class="text-white">TOGEL</label>
1430                            </div>
1431                        </div>
1432                    </a>
1433                        
1434                                <div style="height: 100%; width: 74px; display: inline-block;">
1435                    <div style="display: grid; place-items: center; height: 100%">
1436                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
1437                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
1438                            <label class="text-white">SLOT</label>
1439                        </div>
1440                    </div>
1441                </div>
1442                <div style="height: 100%; width: 74px; display: inline-block;">
1443                    <div style="display: grid; place-items: center; height: 100%">
1444                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
1445                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
1446                            <label class="text-white">LIVE CASINO</label>
1447                        </div>
1448                    </div>
1449                </div>
1450                <div style="height: 100%; width: 74px; display: inline-block;">
1451                    <div style="display: grid; place-items: center; height: 100%">
1452                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
1453                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1453orts.png" alt="">
1454                            <label class="text-white">SPORT</label>
1455                        </div>
1456                    </div>
1457                </div>
1458                <div style="height: 100%; width: 74px; display: inline-block;">
1459                    <div style="display: grid; place-items: center; height: 100%">
1460                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
1461                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
1462                        <label class="text-white">ARCADE</label>
1463                    </div>
1464                    </div>
1465                </div>
1466                <div style="height: 100%; width: 74px; display: inline-block;">
1467                    <div style="display: grid; place-items: center; height: 100%">
1468                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
1469                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
1470                            <label class="text-white">SABUNG</label>
1471                        </div>
1472                    </div>
1473                </div>
1474                
1475                <div style="height: 100%; width: 74px; display: inline-block;">
1476                    <div style="display: grid; place-items: center; height: 100%">
1477                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
1478                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
1479                            <label class="text-white">INTERACTIVE</label>
1480                        </div>
1481                    </div>
1482                </div>
1483        </div>
1484    </div>                                                                                                                        
1485</div>                    
1486                    
1487                    <div class="menu-content mobile-only">
1488                            <div id="main-content" style="background: var(--content-box-background)">
1489                                                        </div>
1490                    </div>
1491                    
1492                    
1493                    <!-- Banner SBO -->
1494                        
1495                        <style>
1496                            .match-slider-wrap {
1497                                max-width: 1200px;
1498                                margin: 16px auto;
1499                                margin-bottom: 24px;
1500                                padding: 0 12px;
1501                            }
1502
1503                            .match-card {
1504                                position: relative;
1505                                overflow: hidden;
1506                                min-height: 180px;
1507                                border-radius: 16px;
1508                                background:
1509                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
1510                                linear-gradient(180deg, #232323 0%, #161616 100%);
1511                                color: #fff;
1512                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
1513                                padding: 14px 14px 16px;
1514                            }
1515
1516                            .match-card::before {
1517                                content: "";
1518                                position: absolute;
1519                                inset: 0;
1520                                background: repeating-linear-gradient(
1521                                    -35deg,
1522                                    rgba(255,255,255,.04),
1523                                    rgba(255,255,255,.04) 8px,
1524                                    transparent 8px,
1525                                    transparent 18px
1526                                );
1527                                pointer-events: none;
1528                                opacity: .35;
1529                            }
1530
1531                            .match-card > * {
1532                                position: relative;
1533                                z-index: 1;
1534                            }
1535
1536                            .league-name {
1537                                font-size: 14px;
1538                                font-weight: 700;
1539                                letter-spacing: .4px;
1540                                text-transform: uppercase;
1541                                text-align: center;
1542                                margin-bottom: 2px;
1543                                color: #ffffff;
1544                            }
1545
1546                            .kickoff-time {
1547                                font-size: 14px;
1548                                font-weight: 800;
1549                                text-align: center;
1550                                color: #ffd23c;
1551                                margin-bottom: 12px;
1552                            }
1553
1554                            .match-main-row,
1555                            .match-odds-row {
1556                                display: flex;
1557                                align-items: flex-start;
1558                                justify-content: space-between;
1559                                gap: 0;
1560                            }
1561
1562                            .match-odds-row {
1563                                align-items: center;
1564                                margin-top: 12px;
1565                            }
1566
1567                            .team-col {
1568                                width: 30%;
1569                                text-align: center;
1570                                display: flex;
1571                                flex-direction: column;
1572                                align-items: center;
1573                            }
1574
1575                            .score-col {
1576                                width: 40%;
1577                                text-align: center;
1578                                display: flex;
1579                                flex-direction: column;
1580                                align-items: center;
1581                                justify-content: center;
1582                            }
1583
1584                            .team-logo {
1585                                width: 46px;
1586                                height: 46px;
1587                                object-fit: contain;
1588                                margin-bottom: 6px;
1589                            }
1590
1591                            .team-name {
1592                                font-size: 14px;
1593                                line-height: 1.15;
1594                                min-height: 34px;
1595                                display: flex;
1596                                align-items: center;
1597                                justify-content: center;
1598                                text-align: center;
1599                            }
1600
1601                            .score-value {
1602                                font-size: 28px;
1603                                font-weight: 800;
1604                                line-height: 1;
1605                                margin-bottom: 10px;
1606                            }
1607
1608                            .bet-btn {
1609                                display: inline-block;
1610                                min-width: 95px;
1611                                border-radius: 8px;
1612                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
1613                                color: #1d1d1d;
1614                                font-size: 14px;
1615                                font-weight: 800;
1616                                text-decoration: none;
1617                                padding: 10px 16px;
1618                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
1619                            }
1620
1621                            .bet-btn:hover {
1622                                color: #1d1d1d;
1623                                filter: brightness(1.03);
1624                            }
1625
1626                            .odds-col {
1627                                width: 30%;
1628                                text-align: center;
1629                                font-size: 12px;
1630                                font-weight: 700;
1631                                color: #ffd23c;
1632                                display: flex;
1633                                align-items: center;
1634                                justify-content: center;
1635                                min-height: 18px;
1636                            }
1637
1638                            .odds-col small {
1639                                font-size: 12px;
1640                                font-weight: 600;
1641                                color: #ffffff;
1642                                opacity: .95;
1643                            }
1644
1645                            .odds-spacer {
1646                                width: 40%;
1647                            }
1648
1649                            .carousel-control-prev,
1650                            .carousel-control-next {
1651                                width: 48px;
1652                            }
1653
1654                            .carousel-control-prev-icon,
1655                            .carousel-control-next-icon {
1656                                width: 2.5rem;
1657                                height: 2.5rem;
1658                                border-radius: 50%;
1659                                background-color: rgba(255,255,255,.15);
1660                                background-size: 55% 55%;
1661                            }
1662
1663                            .carousel-indicators [data-bs-target] {
1664                                width: 8px;
1665                                height: 8px;
1666                                border-radius: 50%;
1667                            }
1668
1669                            @media (max-width: 991.98px) {
1670                                .match-card {
1671                                    min-height: 170px;
1672                                }
1673                            }
1674
1675                           @media (max-width: 767.98px) {
1676                                .match-slider-wrap {
1677                                    max-width: 100%;
1678                                    padding: 0 20px;
1679                                    margin: 20px 0;
1680                                }
1681
1682                                .match-slider-wrap .carousel-inner {
1683                                    padding: 0;
1684                                }
1685
1686                                .match-slider-wrap .carousel-item .row {
1687                                    margin: 0;
1688                                }
1689
1690                                .match-slider-wrap .carousel-item .col-12 {
1691                                    padding: 0;
1692                                }
1693
1694                                .match-card {
1695                                    width: 100%;
1696                                    border-radius: 16px;
1697                                }
1698
1699                                .league-name {
1700                                    font-size: 13px;
1701                                    margin-bottom: 2px;
1702                                }
1703
1704                                .kickoff-time {
1705                                    font-size: 13px;
1706                                    margin-bottom: 10px;
1707                                }
1708
1709                                .team-col {
1710                                    width: 30%;
1711                                }
1712
1713                                .score-col {
1714                                    width: 40%;
1715                                }
1716
1717                                .team-logo {
1718                                    width: 42px;
1719                                    height: 42px;
1720                                    margin-bottom: 4px;
1721                                }
1722
1723                                .team-name {
1724                                    font-size: 12px;
1725                                    line-height: 1.15;
1726                                    min-height: 30px;
1727                                }
1728
1729                                .score-value {
1730                                    font-size: 22px;
1731                                    margin-bottom: 8px;
1732                                }
1733
1734                                .bet-btn {
1735                                    min-width: 88px;
1736                                    font-size: 13px;
1737                                    padding: 8px 14px;
1738                                    border-radius: 8px;
1739                                }
1740
1741                                .match-odds-row {
1742                                    margin-top: 10px;
1743                                }
1744
1745                                .odds-col,
1746                                .odds-col small {
1747                                    font-size: 11px;
1748                                }
1749
1750                                .carousel-control-prev,
1751                                .carousel-control-next {
1752                                    width: 34px;
1753                                }
1754
1755                                .carousel-control-prev-icon,
1756                                .carousel-control-next-icon {
1757                                    width: 2rem;
1758                                    height: 2rem;
1759                                    background-size: 50% 50%;
1760                                }
1761
1762                                .carousel-indicators {
1763                                    margin-bottom: -2px;
1764                                }
1765
1766                                .carousel-indicators [data-bs-target] {
1767                                    width: 7px;
1768                                    height: 7px;
1769                                    margin: 0 3px;
1770                                }
1771                        }
1772                        </style>
1773                    <!-- Banner SBO End -->
1774        
1775                    <div class="promosi">
1776                        
1777                        <!-- Desktop -->
1778                        <div class="desktop-only h-100">                        
1779                            <div class="d-flex align-items-center h-100">
1780                                <a href="/promosi" class="menu-item">
1781                                    <i class="menu-item-icon icon-promotion"></i>
1782                                    <label>PROMOSI</label>
1783                                </a>
1784                                
1785                                <a href="/event" class="menu-item">
1786                                    <i class="menu-item-icon icon-event"></i>
1787                                    <label>EVENT</label>
1788                                </a>
1789                            </div>
1790                        </div>
1791                        
1792
1793
1794                        
1795                        <!--<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>-->
1796                        
1797                        <!-- Mobile -->
1798                                                 
1799                        <div class="mobile-only" style="padding-top: 24px">
1800                            
1801                            <div class="d-flex gap-3 justify-content-center align-items-center">
1802                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
1803                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
1804                                        
1805                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
1806                            </div>
1807
1808                            
1809                        </div>
1810                                            </div>
1811
1812                </div>
1813                
1814            </header>
1815                
1816    
1817    
1818            <div id="marquee" class="marquee desktop-only">
1819                <div class="marquee-content py-2">
1820                    <div class="d-flex 
1820align-items-center gap-2">
1821                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
1822                        <i class="bi bi-megaphone-fill desktop-only"></i>
1823                    </div>
1824                    <div class="running" style="padding-left: 8px; padding-right: 32px">
1825                        <div class="broadcast" style="width: 100%">diharapkan untuk melakukan deposit melalui payment gateway,, dikarenakan depo / wd manual akan mengalami keterlambatan approve..</div>
1826                    </div>
1827                    <div class="d-flex align-items-center gap-2">
1828                        <div id="desktoplogin" class="desktop-only">
1829                            <form class="login-form form" role="form">
1830                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
1831                                <div class="input-group login-field">
1832                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1833                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
1834                                </div>
1835                                
1836                                
1837                                
1838                                <div class="input-group login-field">
1839                                    <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>
1840                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
1841                                </div>
1842                                
1843                                <!-- captcha -->
1844                         
1845                                    <div class="verifikasiform" style=" ">
1846                                        <div style="display: flex; gap: 2px;">
1847                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
1848                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
1849                                        </div>
1850
1851                                    </div>
1852                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1853                              
1854                                <!-- end captcha -->
1855    
1856    
1857                                <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
1858                                <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>
1859                                
1860                                
1861                                <input type="hidden" name="task" value="login">
1862                                <input type="hidden" name="iscaptchalogin" value="1">
1863                                <input type="hidden" name="logindesktop" value="+h6hobV832ZXbNCoTuTHQtJyXHbzT5fzKC6iO7YhVZA=">
1864                                <input type="hidden" name="isrecaptchalogin" value="0">
1865                            </form>
1866
1867                                                    </div>
1868                    
1869                        
1870                        <!--<a href="/event">-->
1871                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
1872                        <!--</a>-->
1873                    </div>
1874                </div>
1875            </div>
1876            
1877            
1878            
1879            <!--Informasi Modal -->
1880            <div id="modal-wrapper" class="modal" style=" background:none;">
1881            
1882                <div class="slideDown" id="informasi-menu">
1883                  <div class="row">
1884                    <div class="col-xs-3" style="padding-right:0px; width:164px">
1885                        <div id="informasi-logo">
1886                            <img src="/images/logoweb.png" width="120px"/>
1887                        </div>
1888                        <div class="menuleft">
1889
1890                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
1891                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
1892                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
1893                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
1894                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
1895                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
1896                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
1897
1898                        </div>
1899                   </div>    
1900                   <div class="col-xs-9" id="informasi-content" style="position: relative">
1901                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
1902                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
1903                        </div>
1904                    </div>
1905                    
1906                </div>
1907              </div>
1908            </div>
1909            
1910
1911            
1912    
1913            <div class="contentdata">
1914                <div id="content-primary" class="p-0">
1915                   
1916                                            <div class="desktop-only">
1917<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
1918  <div class="carousel-indicators">
1919                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
1920                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
1921                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
1922                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
1923                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
1924                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
1925                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
1926                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
1927              </div>
1928  <div class="carousel-inner" style="height: 100%">
1929            <div class="carousel-item active" style="height: 100%">
1930          <img src="/images/upload-Slides-20241003155742.jpg" class="d-block w-100 banner" alt="VPN Bonbon777.us  bonbon777.pw bonbon777.online bonbon777" style="height: 100%">
1931        </div>
1932            <div class="carousel-item " style="height: 100%">
1933          <img src="/images/upload-Slides-20250107153650.jpg" class="d-block w-100 banner" alt="aman dan terpercaya bonbon777" style="height: 100%">
1934        </div>
1935            <div class="carousel-item " style="height: 100%">
1936          <img src="/images/upload-Slides-20241003155753.jpg" class="d-block w-100 banner" alt="Selamat Datang di bonbon777 Bonbon777.us  bonbon777.pw bonbon777.online bonbon777" style="height: 100%">
1937        </div>
1938            <div class="carousel-item " style="height: 100%">
1939          <img src="/images/upload-Slides-20241003155814.jpg" class="d-block w-100 banner" alt="Bonbon777 Deposit Bonbon777.us  bonbon777.pw bonbon777.online bonbon777" style="height: 100%">
1940        </div>
1941            <div class="carousel-item " style="height: 100%">
1942          <img src="/images/upload-Slides-20241003155828.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
1943        </div>
1944            <div class="carousel-item " style="height: 100%">
1945          <img src="/images/upload-Slides-20241003155846.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
1946        </div>
1947            <div class="carousel-item " style="height: 100%">
1948          <img src="https://img.viva88athenae.com/banner/mgl-25.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
1949        </div>
1950            <div class="carousel-item " style="height: 100%">
1951          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
1952        </div>
1953      </div>
1954</div>
1955
1956</div>
1957                        <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;">
1958     <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;">
1959</div></div>
1960                        
1961                                    </div>
1962            </div>
1963
1964            
1965            
1966                       <div class="widget-kupon">
1967                <!-- <div style="position:relative; width:100%;"> -->
1968                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
1969                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
1970                <!-- </div> -->
1971            </div>
1972            
1973            <!-- BANNER SBO MOBILE -->
1974            <div class="widget-sbo mobile-only">
1975               <div class="match-slider-wrap">
1976                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
1977
1978                                                    <div class="carousel-indicators">
1979                                                                    <button
1980                                    type="button"
1981                                    data-bs-target="#sboMatchCarouselMobile"
1982                                    data-bs-slide-to="0"
1983                                    class="active"
1984                                    aria-current="true"                                    aria-label="Slide 1">
1985                                </button>
1986                                                                <button
1987                                    type="button"
1988                                    data-bs-target="#sboMatchCarouselMobile"
1989                                    data-bs-slide-to="1"
1990                                    class=""
1991                                                                        aria-label="Slide 2">
1992                                </button>
1993                                                                <button
1994                                    type="button"
1995                                    data-bs-target="#sboMatchCarouselMobile"
1996                                    data-bs-slide-to="2"
1997                                    class=""
1998                                                                        aria-label="Slide 3">
1999                                </button>
2000                                                                <button
2001                                    type="button"
2002                                    data-bs-target="#sboMatchCarouselMobile"
2003                                    data-bs-slide-to="3"
2004                                    class=""
2005                                                                        aria-label="Slide 4">
2006                                </button>
2007                                                                <button
2008                                    type="button"
2009                                    data-bs-target="#sboMatchCarouselMobile"
2010                                    data-bs-slide-to="4"
2011                                    class=""
2012                                                                        aria-label="Slide 5">
2013                                </button>
2014                                                                <button
2015                                    type="button"
2016                                    data-bs-target="#sboMatchCarouselMobile"
2017                                    data-bs-slide-to="5"
2018                                    class=""
2019                                                                        aria-label="Slide 6">
2020                                </button>
2021                                                                <button
2022                                    type="button"
2023                                    data-bs-target="#sboMatchCarouselMobile"
2024                                    data-bs-slide-to="6"
2025                                    class=""
2026                                                                        aria-label="Slide 7">
2027                                </button>
2028                                                                <button
2029                                    type="button"
2030                                    data-bs-target="#sboMatchCarouselMobile"
2031                                    data-bs-slide-to="7"
2032                                    class=""
2033                                                                        aria-label="Slide 8">
2034                                </button>
2035                                                                <button
2036                                    type="button"
2037                                    data-bs-target="#sboMatchCarouselMobile"
2038                                    data-bs-slide-to="8"
2039                                    class=""
2040                                                                        aria-label="Slide 9">
2041                                </button>
2042                                                                <button
2043                                    type="button"
2044                                    data-bs-target="#sboMatchCarouselMobile"
2045                                    data-bs-slide-to="9"
2046                                    class=""
2047                                                                        aria-label="Slide 10">
2048                                </button>
2049                                                    </div>
2050                    
2051                    <div class="carousel-inner">
2052                                                    <div class="carousel-item active">
2053                                <div class="row g-3">
2054                                                                            <div class="col-12">
2055                                            <div class="match-card h-100">
2056                                                <div class="league-name">
2057                                                    ENGLISH PREMIER LEAGUE                                                </div>
2058
2059                                                <div class="kickoff-time">
2060                                                    October 10, 2026 — 18:30 WIB                                                </div>
2061
2062                                                <div class="match-main-row">
2063                                                    <div class="team-col">
2064                                                        <img
2065                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
2066                                                        alt="Arsenal"
2067                                                    
2067    class="team-logo"
2068                                                        >
2069                                                        <div class="team-name">
2070                                                            Arsenal                                                        </div>
2071                                                    </div>
2072
2073                                                    <div class="score-col">
2074                                                        <div class="score-value">
2075                                                            0 : 0                                                        </div>
2076
2077                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
2078                                                            BET NOW
2079                                                        </a>
2080                                                    </div>
2081
2082                                                    <div class="team-col">
2083                                                        <img
2084                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48ce556.png"
2085                                                        alt="Leeds United"
2086                                                        class="team-logo"
2087                                                        >
2088                                                        <div class="team-name">
2089                                                            Leeds United                                                        </div>
2090                                                    </div>
2091                                                </div>
2092
2093                                                <div class="match-odds-row">
2094                                                    <div class="odds-col">
2095                                                        <span>
2096                                                            1.25                                                            <small>0.88</small>
2097                                                        </span>
2098                                                    </div>
2099
2100                                                    <div class="odds-spacer"></div>
2101
2102                                                    <div class="odds-col">
2103                                                        <span>
2104                                                            -1.25                                                            <small>-0.98</small>
2105                                                        </span>
2106                                                    </div>
2107                                                </div>
2108                                            </div>
2109                                        </div>
2110                                                                    </div>
2111                            </div>
2112                                                    <div class="carousel-item ">
2113                                <div class="row g-3">
2114                                                                            <div class="col-12">
2115                                            <div class="match-card h-100">
2116                                                <div class="league-name">
2117                                                    ENGLISH PREMIER LEAGUE                                                </div>
2118
2119                                                <div class="kickoff-time">
2120                                                    October 10, 2026 — 21:00 WIB                                                </div>
2121
2122                                                <div class="match-main-row">
2123                                                    <div class="team-col">
2124                                                        <img
2125                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
2126                                                        alt="Chelsea"
2127                                                        class="team-logo"
2128                                                        >
2129                                                        <div class="team-name">
2130                                                            Chelsea                                                        </div>
2131                                                    </div>
2132
2133                                                    <div class="score-col">
2134                                                        <div class="score-value">
2135                                                            0 : 0                                                        </div>
2136
2137                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
2138                                                            BET NOW
2139                                                        </a>
2140                                                    </div>
2141
2142                                                    <div class="team-col">
2143                                                        <img
2144                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
2145                                                        alt="Bournemouth AFC"
2146                                                        class="team-logo"
2147                                                        >
2148                                                        <div class="team-name">
2149                                                            Bournemouth AFC                                                        </div>
2150                                                    </div>
2151                                                </div>
2152
2153                                                <div class="match-odds-row">
2154                                                    <div class="odds-col">
2155                                                        <span>
2156                                                            0.75                                                            <small>0.91</small>
2157                                                        </span>
2158                                                    </div>
2159
2160                                                    <div class="odds-spacer"></div>
2161
2162                                                    <div class="odds-col">
2163                                                        <span>
2164                                                            -0.75                                                            <small>0.99</small>
2165                                                        </span>
2166                                                    </div>
2167                                                </div>
2168                                            </div>
2169                                        </div>
2170                                                                    </div>
2171                            </div>
2172                                                    <div class="carousel-item ">
2173                                <div class="row g-3">
2174                                                                            <div class="col-12">
2175                                            <div class="match-card h-100">
2176                                                <div class="league-name">
2177                                                    SPAIN LA LIGA                                                </div>
2178
2179                                                <div class="kickoff-time">
2180                                                    October 10, 2026 — 23:30 WIB                                                </div>
2181
2182                                                <div class="match-main-row">
2183                                                    <div class="team-col">
2184                                                        <img
2185                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
2186                                                        alt="Barcelona"
2187                                                        class="team-logo"
2188                                                        >
2189                                                        <div class="team-name">
2190                                                            Barcelona                                                        </div>
2191                                                    </div>
2192
2193                                                    <div class="score-col">
2194                                                        <div class="score-value">
2195                                                            0 : 0                                                        </div>
2196
2197                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
2198                                                            BET NOW
2199                                                        </a>
2200                                                    </div>
2201
2202                                                    <div class="team-col">
2203                                                        <img
2204                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
2205                                                        alt="Getafe"
2206                                                        class="team-logo"
2207                                                        >
2208                                                        <div class="team-name">
2209                                                            Getafe                                                        </div>
2210                                                    </div>
2211                                                </div>
2212
2213                                                <div class="match-odds-row">
2214                                                    <div class="odds-col">
2215                                                        <span>
2216                                                            2.75                                                            <small>0.83</small>
2217                                                        </span>
2218                                                    </div>
2219
2220                                                    <div class="odds-spacer"></div>
2221
2222                                                    <div class="odds-col">
2223                                                        <span>
2224                                                            -2.75                                                            <small>-0.93</small>
2225                                                        </span>
2226                                                    </div>
2227                                                </div>
2228                                            </div>
2229                                        </div>
2230                                                                    </div>
2231                            </div>
2232                                                    <div class="carousel-item ">
2233                                <div class="row g-3">
2234                                                                            <div class="col-12">
2235                                            <div class="match-card h-100">
2236                                                <div class="league-name">
2237                                                    ENGLISH PREMIER LEAGUE                                                </div>
2238
2239                                                <div class="kickoff-time">
2240                                                    October 10, 2026 — 21:00 WIB                                                </div>
2241
2242                                                <div class="match-main-row">
2243                                                    <div class="team-col">
2244                                                        <img
2245                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
2246                                                        alt="Sunderland"
2247                                                        class="team-logo"
2248                                                        >
2249                                                        <div class="team-name">
2250                                                            Sunderland                                                        </div>
2251                                                    </div>
2252
2253                                                    <div class="score-col">
2254                                                        <div class="score-value">
2255                                                            0 : 0                                                        </div>
2256
2257                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
2258                                                            BET NOW
2259                                                        </a>
2260                                                    </div>
2261
2262                                                    <div class="team-col">
2263                                                        <img
2264                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
2265                                                        alt="Brighton &amp; Hove Albion"
2266                                                        class="team-logo"
2267                                                        >
2268                                                        <div class="team-name">
2269                                                            Brighton &amp; Hove Albion                                                        </div>
2270                                                    </div>
2271                                                </div>
2272
2273                                                <div class="match-odds-row">
2274                                                    <div class="odds-col">
2275                                                        <span>
2276                                                            0.00                                                            <small>-0.82</small>
2277                                                        </span>
2278                                                    </div>
2279
2280                                                    <div class="odds-spacer"></div>
2281
2282                                                    <div class="odds-col">
2283                                                        <span>
2284                                                            0.00                                                            <small>0.72</small>
2285                                                        </span>
2286                                                    </div>
2287                                                </div>
2288                                            </div>
2289                                        </div>
2290                                                                    </div>
2291                            </div>
2292                                                    <div class="carousel-item ">
2293                                <div class="row g-3">
2294                                                                            <div class="col-12">
2295                                            <div class="match-card h-100">
2296                                                <div class="league-name">
2297                                                    SPAIN LA LIGA                                                </div>
2298
2299                                                <div class="kickoff-time">
2300                                                    October 11, 2026 — 02:00 WIB                                                </div>
2301
2302                                                <div class="match-main-row">
2303                                                    <div class="team-col">
2304                                                        <img
2305                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
2306                                                        alt="Real Madrid"
2307                                                        class="team-logo"
2308                                                        >
2309                                                        <div class="team-name">
2310                                                            Real Madrid                                                        </div>
2311                                                    </div>
2312
2313                                                    <div class="score-col">
2314                                                        <div class="score-value">
2315                                                            0 : 0                                                        </div>
2316
2317                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
2318                                                            BET NOW
2319                                                        </a>
2320                                                    </div>
2321
2322                                                    <div class="team-col">
2323                                                        <img
2324                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
2325                                                        alt="Villarreal"
2326                                                        class="team-logo"
2327                                                        >
2328                                                        <div class="team-name">
2329                                                            Villarreal                                                        </div>
2330                                                    </div>
2331                                                </div>
2332
2333                                                <div class="match-odds-row">
2334                                                    <div class="odds-col">
2335                                                        <span>
2336                                                            1.5                                                            <small>0.93</small>
2337                                                        </span>
2338                                                    </div>
2339
2340                                                    <div class="odds-spacer"></div>
2341
2342                                                    <div class="odds-col">
2343                                                        <span>
2344                                                            -1.5                                                            <small>0.97</small>
2345                                                        </span>
2346                                                    </div>
2347                                                </div>
2348                                            </div>
2349                                        </div>
2350                                                                    </div>
2351                            </div>
2352                                                    <div class="carousel-item ">
2353                                <div class="row g-3">
2354                                                                            <div class="col-12">
2355                                            <div class="match-card h-100">
2356                                                <div class="league-name">
2357                                                    ENGLISH PREMIER LEAGUE                                                </div>
2358
2359                                                <div class="kickoff-time">
2360                                                    October 10, 2026 — 23:30 WIB                                                </div>
2361
2362                                                <div class="match-main-row">
2363                                                    <div class="team-col">
2364                                                        <img
2365                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
2366                                                        alt="Manchester United"
2367                                                        class="team-logo"
2368                                                        >
2369                                                        <div class="team-name">
2370                                                            Manchester United                                                        </div>
2371                                                    </div>
2372
2373                                                    <div class="score-col">
2374                                                        <div class="score-value">
2375                                                            0 : 0                                                        </div>
2376
2377                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
2378                                                            BET NOW
2379                                                        </a>
2380                                                    </div>
2381
2382                                                    <div class="team-col">
2383                                                        <img
2384                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
2385                                                        alt="Tottenham Hotspur"
2386                                                        class="team-logo"
2387                                                        >
2388                                                        <div class="team-name">
2389                                                            Tottenham Hotspur                                                        </div>
2390                                                    </div>
2391                                                </div>
2392
2393                                                <div class="match-odds-row">
2394                                                    <div class="odds-col">
2395                                                        <span>
2396                                                            0.75                                                            <small>0.92</small>
2397                                                        </span>
2398                                                    </div>
2399
2400                                                    <div class="odds-spacer"></div>
2401
2402                                                    <div class="odds-col">
2403                                                        <span>
2404                                                            -0.75                                                            <small>0.98</small>
2405                                                        </span>
2406                                                    </div>
2407                                                </div>
2408                                            </div>
2409                                        </div>
2410                                                                    </div>
2411                            </div>
2412                                                    <div class="carousel-item ">
2413                                <div class="row g-3">
2414                                                                            <div class="col-12">
2415                                            <div class="match-card h-100">
2416                                                <div class="league-name">
2417                                                    ENGLISH PREMIER LEAGUE                                                </div>
2418
2419                                                <div class="kickoff-time">
2420                                                    October 11, 2026 — 22:30 WIB                                                </div>
2421
2422                                                <div class="match-main-row">
2423                                                    <div class="team-col">
2424                                                        <img
2425                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
2426                                                        alt="Liverpool"
2427                                                        class="team-logo"
2428                                                        >
2429                                                        <div class="team-name">
2430                                                            Liverpool                                                        </div>
2431                                                    </div>
2432
2433                                                    <div class="score-col">
2434                                                        <div class="score-value">
2435                                                            0 : 0                                                        </div>
2436
2437                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
2438                                                            BET NOW
2439                                                        </a>
2440                                                    </div>
2441
2442                                                    <div class="team-col">
2443                                                        <img
2444                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
2445                                                        alt="Manchester City"
2446                                                        class="team-logo"
2447                                                        >
2448                                                        <div class="team-name">
2449                                                            Manchester City                                                        </div>
2450                                                    </div>
2451                                                </div>
2452
2453                                                <div class="match-odds-row">
2454                                                    <div class="odds-col">
2455                                                        <span>
2456                                                            0.00                                                            <small>0.91</small>
2457                                                        </span>
2458                                                    </div>
2459
2460                                                    <div class="odds-spacer"></div>
2461
2462                                                    <div class="odds-col">
2463                                                        <span>
2464                                                            0.00                                                            <small>0.99</small>
2465                                                        </span>
2466                                                    </div>
2467                                                </div>
2468                                            </div>
2469                                        </div>
2470                                                                    </div>
2471                            </div>
2472                                                    <div class="carousel-item ">
2473                                <div class="row g-3">
2474                                                                            <div class="col-12">
2475                                            <div class="match-card h-100">
2476                                                <div class="league-name">
2477                                                    ENGLISH PREMIER LEAGUE                                                </div>
2478
2479                                                <div class="kickoff-time">
2480                                                    October 10, 2026 — 21:00 WIB                                                </div>
2481
2482                                                <div class="match-main-row">
2483                                                    <div class="team-col">
2484                                                        <img
2485                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
2486                                                        alt="Aston Villa"
2487                                                        class="team-logo"
2488                                                        >
2489                                                        <div class="team-name">
2490                                                            Aston Villa                                                        </div>
2491                                                    </div>
2492
2493                                                    <div class="score-col">
2494                                                        <div class="score-value">
2495                                                            0 : 0                                                        </div>
2496
2497                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
2498                                                            BET NOW
2499                                                        </a>
2500                                                    </div>
2501
2502                                                    <div class="team-col">
2503                                                        <img
2504                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
2505                                                        alt="Brentford"
2506                                                        class="team-logo"
2507                                                        >
2508                                                        <div class="team-name">
2509                                                            Brentford                                                        </div>
2510                                                    </div>
2511                                                </div>
2512
2513                                                <div class="match-odds-row">
2514                                                    <div class="odds-col">
2515                                                        <span>
2516                                                            0.00                                                            <small>-0.99</small>
2517                                                        </span>
2518                                                    </div>
2519
2520                                                    <div class="odds-spacer"></div>
2521
2522                                                    <div class="odds-col">
2523                                                        <span>
2524                                                            0.00                                                            <small>0.89</small>
2525                                                        </span>
2526                                                    </div>
2527                                                </div>
2528                                            </div>
2529                                        </div>
2530                                                                    </div>
2531                            </div>
2532                                                    <div class="carousel-item ">
2533                                <div class="row g-3">
2534                                                                            <div class="col-12">
2535                                            <div class="match-card h-100">
2536                                                <div class="league-name">
2537                                                    ENGLISH PREMIER LEAGUE                                                </div>
2538
2539                                                <div class="kickoff-time">
2540                                                    October 10, 2026 — 21:00 WIB                                                </div>
2541
2542                                                <div class="match-main-row">
2543                                                    <div class="team-col">
2544                                                        <img
2545                                                        src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png"
2546                                                        alt="Ipswich Town"
2547                                                        class="team-logo"
2548                                                        >
2549                                                        <div class="team-name">
2550                                                            Ipswich Town                                                        </div>
2551                                                    </div>
2552
2553                                                    <div class="score-col">
2554                                                        <div class="score-value">
2555                                                            0 : 0                                                        </div>
2556
2557                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')">
2558                                                            BET NOW
2559                                                        </a>
2560                                                    </div>
2561
2562                                                    <div class="team-col">
2563                                                        <img
2564                                                        src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png"
2565                                                        alt="Fulham"
2566                                                        class="team-logo"
2567                                                        >
2568                                                        <div class="team-name">
2569                                                            Fulham                                                        </div>
2570                                                    </div>
2571                                                </div>
2572
2573                                                <div class="match-odds-row">
2574                                                    <div class="odds-col">
2575                                                        <span>
2576                                                            0.00                                                            <small>-0.95</small>
2577                                                        </span>
2578                                                    </div>
2579
2580                                                    <div class="odds-spacer"></div>
2581
2582                                                    <div class="odds-col">
2583                                                        <span>
2584                                                            0.00                                                            <small>0.85</small>
2585                                                        </span>
2586                                                    </div>
2587                                                </div>
2588                                            </div>
2589                                        </div>
2590                                                                    </div>
2591                            </div>
2592                                                    <div class="carousel-item ">
2593                                <div class="row g-3">
2594                                                                            <div class="col-12">
2595                                            <div class="match-card h-100">
2596                                                <div class="league-name">
2597                                                    ENGLISH PREMIER LEAGUE                                                </div>
2598
2599                                                <div class="kickoff-time">
2600                                                    October 11, 2026 — 20:00 WIB                                                </div>
2601
2602                                                <div class="match-main-row">
2603                                                    <div class="team-col">
2604                                                        <img
2605                                                        src="https://cdn.sportnanoapi.com/football/team/42396d18444156e640c37476c2b41b93.png"
2606                                                        alt="Crystal Palace"
2607                                                        class="team-logo"
2608                                                        >
2609                                                        <div class="team-name">
2610                                                            Crystal Palace                                                        </div>
2611                                                    </div>
2612
2613                                                    <div class="score-col">
2614                                                        <div class="score-value">
2615                                                            0 : 0                                                        </div>
2616
2617                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100635')">
2618                                                            BET NOW
2619                                                        </a>
2620                                                    </div>
2621
2622                                                    <div class="team-col">
2623                                                        <img
2624                                                        src="https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png"
2625                                                        alt="Nottingham Forest"
2626                                                        class="team-logo"
2627                                                        >
2628                                                        <div class="team-name">
2629                                                            Nottingham Forest                                                        </div>
2630                                                    </div>
2631                                                </div>
2632
2633                                                <div class="match-odds-row">
2634                                                    <div class="odds-col">
2635                                                        <span>
2636                                                            0.00                                                            <small>0.92</small>
2637                                                        </span>
2638                                                    </div>
2639
2640                                                    <div class="odds-spacer"></div>
2641
2642                                                    <div class="odds-col">
2643                                                        <span>
2644                                                            0.00                                                            <small>0.98</small>
2645                                                        </span>
2646                                                    </div>
2647                                                </div>
2648                                            </div>
2649                                        </div>
2650                                                                    </div>
2651                            </div>
2652                                            </div>
2653
2654                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
2655                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2656                            <span class="visually-hidden">Previous</span>
2657                        </button>
2658
2659                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
2660                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
2661                            <span class="visually-hidden">Next</span>
2662                        </button>
2663                                    </div>
2664                                </div>
2665            </div>
2666            <!-- BANNER SBO MOBILE END -->
2667            
2668            
2669            <!-- Togel -->    
2670            	
2671	<style>
2672	    .togel-desktop {
2673            /*background: var(--togel-background);*/
2674            background: var(--footer-background);
2675            grid-area: togel-desktop;
2676            position: relative;
2677        }
2678        
2679        .togel-mobile {
2680            display: none;
2681        }
2682
2683        .show-more {
2684            position: absolute; 
2685        
2686            z-index: 999; 
2687            bottom: 0px;
2688            width: 100%;
2689            
2690            /* 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)); */
2691        }
2692        
2693        .show-more-content {
2694            background: var(--secondary-background);
2695            opacity: .7;
2696            display: grid; 
2697            place-items: center; 
2698            height: 32px
2699        }
2700        
2701        .togel-content {    
2702            position: relative;  
2703            display: flex;
2704            flex-wrap: wrap;
2705            justify-content: center;
2706            /*display: grid;*/
2707            /*grid-template-columns: repeat(10, 1fr);*/
2708            gap: 8px 4px;
2709            padding: 16px 0;
2710        }
2711        
2712        .see-more {
2713            padding: 16px 0 48px 0;
2714            max-height: 162px;
2715            transition: max-height .75s ease-out;
2716            transition-delay: .1s;
2717            overflow: hidden;
2718        }
2719        
2720        .togel-content:hover{
2721            max-height: 1000px;
2722            transition: max-height 0.25s ease-in;
2723        }
2724        
2725        .result {
2726            height: 110px;
2727            width: 96px;
2728            border-radius: 10px;
2729            background: var(--result-background);
2730            border: var(--result-border);
2731            
2732            display: grid;
2733            grid-template-rows: 0px 20px 1fr 28px;
2734            grid-template-areas:
2735            "badge"
2736            "pasaran"
2737            "keluaran"
2738            "tanggal"
2739            ;
2740        
2741            /* display: flex;
2742            flex-direction: column;
2743            justify-content: space-between; */
2744        
2745            overflow: hidden;
2746        }
2747        
2748        .badge {
2749            grid-area: badge;
2750            display: grid;
2751            place-items: center;
2752        }
2753        
2754        .result>.pasaran {
2755        
2756            grid-area: pasaran;
2757        
2758            padding-top: 8px;
2759            white-space: nowrap;
2760            font-size: .7rem;
2761            line-height: .7rem;
2762        
2763            color: var(--result-pasaran-color);
2764            display: grid;
2765            place-items: center;
2766        }
2767        
2768        .result>.keluaran {
2769        
2770            grid-area: keluaran;
2771            padding-bottom: 8px;
2772            font-family: 'Oswald', sans-serif;
2773            line-height: 40px;
2774            font-size: 40px;
2775            color: var(--result-keluaran-color);
2776            display: grid;
2777            place-items: center;
2778        }
2779        
2780        .result>.tanggal {
2781        
2782            grid-area: tanggal;
2783        
2784            width: 100%;
2785            height: 100%;
2786            /* background: rgb(40,0,0);
2787            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
2788            background: var(--result-tanggal-background);
2789            white-space: nowarp;
2790            font-size: .79rem;
2791            display: grid;
2792            place-items: center;
2793            font-family: 'Abel', sans-serif;
2794            color: var(--result-tanggal-color);
2795        }
2796        
2797        @media only screen and (max-width: 1000px) {
2798            
2799            .togel-desktop {
2800                display: none;
2801            }
2802            
2803            .togel-mobile {
2804
2805                background: var(--secondary-background);
2806                grid-area: togel-mobile;
2807                padding: 24px;
2808                padding-bottom: 12px;
2809                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
2810            }
2811        
2812            .togel-title {
2813                padding: 0px;
2814                padding-bottom: 20px;
2815                font-size: 1.4rem;
2816                font-weight: bold;
2817                color: var(--primary-text-color);
2818            }
2819        
2820            .togel-content {
2821                max-height: fit-content;
2822                display: grid;
2823                grid-template-columns: 1fr;
2824                gap: 0;
2825                border-radius: 8px;
2826            }
2827            
2828
2829        
2830            .provider-group {
2831                padding: var(--mobile-padding-horizontal);
2832            }
2833        
2834            .badge {
2835                display: none;
2836            }
2837        
2838            .result {
2839                height: auto;
2840                width: 100%;
2841                display: grid;
2842                grid-template-rows: 1fr;
2843                grid-template-columns: 1fr 1fr 80px;
2844                grid-template-areas: "pasaran tanggal keluaran";
2845                border-radius: 0;
2846                border: none;
2847                background: transparent;
2848                padding: 4px 12px;
2849                color: var(--primary-text-color);
2850                font-family: 'Abel', sans-serif;
2851                
2852            }
2853            
2854                        
2855            .result-data:nth-child(odd) {
2856                background: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%), var(--secondary-background);
2857            }
2858            
2859                        
2860            .accordion-item {
2861                background-color: transparent;
2862                border: 0px;
2863            }
2864            
2865            .accordion-button:not(.collapsed) {
2866                color: inherit;
2867                background-color: transparent;
2868                box-shadow: none;
2869            }
2870            
2871            .accordion-button::after {
2872                height: 0px;
2873            }
2874        
2875            .result>* {
2876                padding: 0px!important;
2877                margin: 0px!important;
2878                font-size: 1.4rem!important;
2879                line-height: auto!important;
2880                font-weight: normal!important;
2881            }
2882        
2883            .result>.pasaran {
2884                display: flex;
2885                justify-content: start;
2886                color: var(--primary-text-color)!important;
2887                opacity: .7;
2888            }
2889        
2890            .result>.tanggal {        
2891                display: flex;
2892                justify-content: center;
2893                background: transparent;
2894                color: var(--primary-text-color)!important;
2895                opacity: .7;
2896            }
2897        
2898            .result>.keluaran {
2899                display: flex;
2900                justify-content: end;
2901                /*color: var(--primary-text-color)!important;*/
2902                font-family: 'Abel', sans-serif;
2903                color: var(--highlight-text-color);
2904            }
2905            
2906        }
2907	</style>
2908	
2909	
2910	
2911	<div id="togel-desktop" class="togel-desktop desktop-only">
2912	    
2913	            	<div class="show-more desktop-only">
2914                <div class="show-more-content">
2915                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
2916                </div>
2917            </div>
2918            
2919        
2920    
2921        <div class="togel-content see-more">
2922                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
2923                <a href="/hasil/HKD" class="result">
2924                    
2925                    <div class="badge">
2926                                            </div>
2927                    
2928                    <div class="pasaran">HK SIANG&nbsp</div>
2929                    <div class="keluaran">0870</div>
2930                    <div class="tanggal"> 5/10/2026</div>
2931                </a>
2932                            <!-- <a href="/?content=hasil&pid=SGM" class="result"> -->
2933                <a href="/hasil/SGM" class="result">
2934                    
2935                    <div class="badge">
2936                                            </div>
2937                    
2938                    <div class="pasaran">SG METRO&nbsp</div>
2939                    <div class="keluaran">8676</div>
2940                    <div class="tanggal"> 4/10/2026</div>
2941                </a>
2942                            <!-- <a href="/?content=hasil&pid=SY" class="result"> -->
2943                <a href="/hasil/SY" class="result">
2944                    
2945                    <div class="badge">
2946                                            </div>
2947                    
2948                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
2949                    <div class="keluaran">0111</div>
2950                    <div class="tanggal"> 4/10/2026</div>
2951                </a>
2952                            <!-- <a href="/?content=hasil&pid=MYD" class="result"> -->
2953                <a href="/hasil/MYD" class="result">
2954                    
2955                    <div class="badge">
2956                                            </div>
2957                    
2958                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
2959                    <div class="keluaran">6932</div>
2960                    <div class="tanggal"> 4/10/2026</div>
2961                </a>
2962                            <!-- <a href="/?content=hasil&pid=SG" class="result"> -->
2963                <a href="/hasil/SG" class="result">
2964                    
2965                    <div class="badge">
2966                                            </div>
2967                    
2968                    <div class="pasaran">SINGAPORE&nbsp</div>
2969                    <div class="keluaran">2812</div>
2970                    <div class="tanggal"> 4/10/2026</div>
2971                </a>
2972                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
2973                <a href="/hasil/MY" class="result">
2974                    
2975                    <div class="badge">
2976                                            </div>
2977                    
2978                    <div class="pasaran">MALAYSIA&nbsp</div>
2979                    <div class="keluaran">4920</div>
2980                    <div class="tanggal"> 4/10/2026</div>
2981                </a>
2982                            <!-- <a href="/?content=hasil&pid=MC" class="result"> -->
2983                <a href="/hasil/MC" class="result">
2984                    
2985                    <div class="badge">
2986                                            </div>
2987                    
2988                    <div class="pasaran">MACAU&nbsp</div>
2989                    <div class="keluaran">1662</div>
2990                    <div class="tanggal"> 4/10/2026</div>
2991                </a>
2992                            <!-- <a href="/?content=hasil&pid=HK" class="result"> -->
2993                <a href="/hasil/HK" class="result">
2994                    
2995                    <div class="badge">
2996                                            </div>
2997                    
2998                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
2999                    <div class="keluaran">0416</div>
3000                    <div class="tanggal"> 4/10/2026</div>
3001                </a>
3002                            <!-- <a href="/?content=hasil&pid=QTR" class="result"> -->
3003                <a href="/hasil/QTR" class="result">
3004                    
3005                    <div class="badge">
3006                                            </div>
3007                    
3008                    <div class="pasaran">QATAR&nbsp</div>
3009                    <div class="keluaran">0646</div>
3010                    <div class="tanggal"> 4/10/2026</div>
3011                </a>
3012                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
3013                <a href="/hasil/TWH" class="result">
3014                    
3015                    <div class="badge">
3016                                            </div>
3017                    
3018                    <div class="pasaran">
3018TOTO WUHAN&nbsp</div>
3019                    <div class="keluaran">1083</div>
3020                    <div class="tanggal"> 29/8/2026</div>
3021                </a>
3022                            <!-- <a href="/?content=hasil&pid=HKP" class="result"> -->
3023                <a href="/hasil/HKP" class="result">
3024                    
3025                    <div class="badge">
3026                                            </div>
3027                    
3028                    <div class="pasaran">HONGKONG POOLS&nbsp</div>
3029                    <div class="keluaran">7176</div>
3030                    <div class="tanggal"> 4/10/2026</div>
3031                </a>
3032                            <!-- <a href="/?content=hasil&pid=SYDP" class="result"> -->
3033                <a href="/hasil/SYDP" class="result">
3034                    
3035                    <div class="badge">
3036                                            </div>
3037                    
3038                    <div class="pasaran">SYDNEY POOLS&nbsp</div>
3039                    <div class="keluaran">7933</div>
3040                    <div class="tanggal"> 4/10/2026</div>
3041                </a>
3042                        
3043        </div>
3044    </div>
3045    
3046    <div id="togel-mobile" class="togel-mobile mobile-only">
3047    	    
3048    	    <div class="togel-title">Togel Result</div>
3049    	    
3050            	    
3051	    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
3052          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
3053              
3054                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
3055                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
3056                                                              
3057          </div>
3058          <div class="carousel-inner">
3059
3060            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
3061                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
3062                                    <div class="badge">
3063                                                                            </div>
3064                                    <div class="pasaran">HK SIANG&nbsp</div>
3065                                    <div class="keluaran">0870</div>
3066                                    <div class="tanggal">05-10-2026</div>
3067                              </button>
3068                                                                <div id="paito-HKD" class="accordion-collapse collapse">
3069                                         
3070                                                <div class="result">
3071                                                    <div class="pasaran"></div>
3072                                                    <div class="keluaran">3772</div>
3073                                                    <div class="tanggal">04-10-2026</div>
3074                                                </div>
3075                                             
3076                                                <div class="result">
3077                                                    <div class="pasaran"></div>
3078                                                    <div class="keluaran">0546</div>
3079                                                    <div class="tanggal">03-10-2026</div>
3080                                                </div>
3081                                             
3082                                                <div class="result">
3083                                                    <div class="pasaran"></div>
3084                                                    <div class="keluaran">7631</div>
3085                                                    <div class="tanggal">02-10-2026</div>
3086                                                </div>
3087                                             
3088                                                <div class="result">
3089                                                    <div class="pasaran"></div>
3090                                                    <div class="keluaran">4300</div>
3091                                                    <div class="tanggal">01-10-2026</div>
3092                                                </div>
3093                                             
3094                                                <div class="result">
3095                                                    <div class="pasaran"></div>
3096                                                    <div class="keluaran">0507</div>
3097                                                    <div class="tanggal">30-09-2026</div>
3098                                                </div>
3099                                             
3100                                                <div class="result">
3101                                                    <div class="pasaran"></div>
3102                                                    <div class="keluaran">0453</div>
3103                                                    <div class="tanggal">29-09-2026</div>
3104                                                </div>
3105                                             
3106                                                <div class="result">
3107                                                    <div class="pasaran"></div>
3108                                                    <div class="keluaran">8455</div>
3109                                                    <div class="tanggal">28-09-2026</div>
3110                                                </div>
3111                                                                                </div>
3112                                                            </div>
3113                            
3114                                                    <div class="result-data accordion-item">
3115                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
3116                                    <div class="badge">
3117                                                                            </div>
3118                                    <div class="pasaran">SG METRO&nbsp</div>
3119                                    <div class="keluaran">8676</div>
3120                                    <div class="tanggal">04-10-2026</div>
3121                              </button>
3122                                                                <div id="paito-SGM" class="accordion-collapse collapse">
3123                                         
3124                                                <div class="result">
3125                                                    <div class="pasaran"></div>
3126                                                    <div class="keluaran">9340</div>
3127                                                    <div class="tanggal">03-10-2026</div>
3128                                                </div>
3129                                             
3130                                                <div class="result">
3131                                                    <div class="pasaran"></div>
3132                                                    <div class="keluaran">2649</div>
3133                                                    <div class="tanggal">02-10-2026</div>
3134                                                </div>
3135                                             
3136                                                <div class="result">
3137                                                    <div class="pasaran"></div>
3138                                                    <div class="keluaran">4307</div>
3139                                                    <div class="tanggal">01-10-2026</div>
3140                                                </div>
3141                                             
3142                                                <div class="result">
3143                                                    <div class="pasaran"></div>
3144                                                    <div class="keluaran">1367</div>
3145                                                    <div class="tanggal">30-09-2026</div>
3146                                                </div>
3147                                             
3148                                                <div class="result">
3149                                                    <div class="pasaran"></div>
3150                                                    <div class="keluaran">6117</div>
3151                                                    <div class="tanggal">29-09-2026</div>
3152                                                </div>
3153                                             
3154                                                <div class="result">
3155                                                    <div class="pasaran"></div>
3156                                                    <div class="keluaran">7322</div>
3157                                                    <div class="tanggal">28-09-2026</div>
3158                                                </div>
3159                                             
3160                                                <div class="result">
3161                                                    <div class="pasaran"></div>
3162                                                    <div class="keluaran">3209</div>
3163                                                    <div class="tanggal">27-09-2026</div>
3164                                                </div>
3165                                                                                </div>
3166                                                            </div>
3167                            
3168                                                    <div class="result-data accordion-item">
3169                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
3170                                    <div class="badge">
3171                                                                            </div>
3172                                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
3173                                    <div class="keluaran">0111</div>
3174                                    <div class="tanggal">04-10-2026</div>
3175                              </button>
3176                                                                <div id="paito-SY" class="accordion-collapse collapse">
3177                                         
3178                                                <div class="result">
3179                                                    <div class="pasaran"></div>
3180                                                    <div class="keluaran">2503</div>
3181                                                    <div class="tanggal">03-10-2026</div>
3182                                                </div>
3183                                             
3184                                                <div class="result">
3185                                                    <div class="pasaran"></div>
3186                                                    <div class="keluaran">2958</div>
3187                                                    <div class="tanggal">02-10-2026</div>
3188                                                </div>
3189                                             
3190                                                <div class="result">
3191                                                    <div class="pasaran"></div>
3192                                                    <div class="keluaran">2639</div>
3193                                                    <div class="tanggal">01-10-2026</div>
3194                                                </div>
3195                                             
3196                                                <div class="result">
3197                                                    <div class="pasaran"></div>
3198                                                    <div class="keluaran">2761</div>
3199                                                    <div class="tanggal">30-09-2026</div>
3200                                                </div>
3201                                             
3202                                                <div class="result">
3203                                                    <div class="pasaran"></div>
3204                                                    <div class="keluaran">3723</div>
3205                                                    <div class="tanggal">29-09-2026</div>
3206                                                </div>
3207                                             
3208                                                <div class="result">
3209                                                    <div class="pasaran"></div>
3210                                                    <div class="keluaran">9661</div>
3211                                                    <div class="tanggal">28-09-2026</div>
3212                                                </div>
3213                                             
3214                                                <div class="result">
3215                                                    <div class="pasaran"></div>
3216                                                    <div class="keluaran">7066</div>
3217                                                    <div class="tanggal">27-09-2026</div>
3218                                                </div>
3219                                                                                </div>
3220                                                            </div>
3221                            
3222                                                    <div class="result-data accordion-item">
3223                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
3224                                    <div class="badge">
3225                                                                            </div>
3226                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3227                                    <div class="keluaran">6932</div>
3228                                    <div class="tanggal">04-10-2026</div>
3229                              </button>
3230                                                                <div id="paito-MYD" class="accordion-collapse collapse">
3231                                         
3232                                                <div class="result">
3233                                                    <div class="pasaran"></div>
3234                                                    <div class="keluaran">5590</div>
3235                                                    <div class="tanggal">03-10-2026</div>
3236                                                </div>
3237                                             
3238                                                <div class="result">
3239                                                    <div class="pasaran"></div>
3240                                                    <div class="keluaran">7799</div>
3241                                                    <div class="tanggal">02-10-2026</div>
3242                                                </div>
3243                                             
3244                                                <div class="result">
3245                                                    <div class="pasaran"></div>
3246                                                    <div class="keluaran">6065</div>
3247                                                    <div class="tanggal">01-10-2026</div>
3248                                                </div>
3249                                             
3250                                                <div class="result">
3251                                                    <div class="pasaran"></div>
3252                                                    <div class="keluaran">9677</div>
3253                                                 
3253   <div class="tanggal">30-09-2026</div>
3254                                                </div>
3255                                             
3256                                                <div class="result">
3257                                                    <div class="pasaran"></div>
3258                                                    <div class="keluaran">7041</div>
3259                                                    <div class="tanggal">29-09-2026</div>
3260                                                </div>
3261                                             
3262                                                <div class="result">
3263                                                    <div class="pasaran"></div>
3264                                                    <div class="keluaran">3071</div>
3265                                                    <div class="tanggal">28-09-2026</div>
3266                                                </div>
3267                                             
3268                                                <div class="result">
3269                                                    <div class="pasaran"></div>
3270                                                    <div class="keluaran">1755</div>
3271                                                    <div class="tanggal">27-09-2026</div>
3272                                                </div>
3273                                                                                </div>
3274                                                            </div>
3275                            
3276                                                    <div class="result-data accordion-item">
3277                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
3278                                    <div class="badge">
3279                                                                            </div>
3280                                    <div class="pasaran">SINGAPORE&nbsp</div>
3281                                    <div class="keluaran">2812</div>
3282                                    <div class="tanggal">04-10-2026</div>
3283                              </button>
3284                                                                <div id="paito-SG" class="accordion-collapse collapse">
3285                                         
3286                                                <div class="result">
3287                                                    <div class="pasaran"></div>
3288                                                    <div class="keluaran">3670</div>
3289                                                    <div class="tanggal">03-10-2026</div>
3290                                                </div>
3291                                             
3292                                                <div class="result">
3293                                                    <div class="pasaran"></div>
3294                                                    <div class="keluaran">9006</div>
3295                                                    <div class="tanggal">01-10-2026</div>
3296                                                </div>
3297                                             
3298                                                <div class="result">
3299                                                    <div class="pasaran"></div>
3300                                                    <div class="keluaran">3096</div>
3301                                                    <div class="tanggal">30-09-2026</div>
3302                                                </div>
3303                                             
3304                                                <div class="result">
3305                                                    <div class="pasaran"></div>
3306                                                    <div class="keluaran">7185</div>
3307                                                    <div class="tanggal">28-09-2026</div>
3308                                                </div>
3309                                             
3310                                                <div class="result">
3311                                                    <div class="pasaran"></div>
3312                                                    <div class="keluaran">8791</div>
3313                                                    <div class="tanggal">27-09-2026</div>
3314                                                </div>
3315                                             
3316                                                <div class="result">
3317                                                    <div class="pasaran"></div>
3318                                                    <div class="keluaran">6999</div>
3319                                                    <div class="tanggal">26-09-2026</div>
3320                                                </div>
3321                                             
3322                                                <div class="result">
3323                                                    <div class="pasaran"></div>
3324                                                    <div class="keluaran">2958</div>
3325                                                    <div class="tanggal">24-09-2026</div>
3326                                                </div>
3327                                                                                </div>
3328                                                            </div>
3329                            
3330                                                    <div class="result-data accordion-item">
3331                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3332                                    <div class="badge">
3333                                                                            </div>
3334                                    <div class="pasaran">MALAYSIA&nbsp</div>
3335                                    <div class="keluaran">4920</div>
3336                                    <div class="tanggal">04-10-2026</div>
3337                              </button>
3338                                                                <div id="paito-MY" class="accordion-collapse collapse">
3339                                         
3340                                                <div class="result">
3341                                                    <div class="pasaran"></div>
3342                                                    <div class="keluaran">8849</div>
3343                                                    <div class="tanggal">03-10-2026</div>
3344                                                </div>
3345                                             
3346                                                <div class="result">
3347                                                    <div class="pasaran"></div>
3348                                                    <div class="keluaran">
33487141</div>
3349                                                    <div class="tanggal">02-10-2026</div>
3350                                                </div>
3351                                             
3352                                                <div class="result">
3353                                                    <div class="pasaran"></div>
3354                                                    <div class="keluaran">4558</div>
3355                                                    <div class="tanggal">01-10-2026</div>
3356                                                </div>
3357                                             
3358                                                <div class="result">
3359                                                    <div class="pasaran"></div>
3360                                                    <div class="keluaran">1915</div>
3361                                                    <div class="tanggal">30-09-2026</div>
3362                                                </div>
3363                                             
3364                                                <div class="result">
3365                                                    <div class="pasaran"></div>
3366                                                    <div class="keluaran">6751</div>
3367                                                    <div class="tanggal">29-09-2026</div>
3368                                                </div>
3369                                             
3370                                                <div class="result">
3371                                                    <div class="pasaran"></div>
3372                                                    <div class="keluaran">7020</div>
3373                                                    <div class="tanggal">28-09-2026</div>
3374                                                </div>
3375                                             
3376                                                <div class="result">
3377                                                    <div class="pasaran"></div>
3378                                                    <div class="keluaran">7225</div>
3379                                                    <div class="tanggal">27-09-2026</div>
3380                                                </div>
3381                                                                                </div>
3382                                                            </div>
3383                            
3384                                                    <div class="result-data accordion-item">
3385                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC">
3386                                    <div class="badge">
3387                                                                            </div>
3388                                    <div class="pasaran">MACAU&nbsp</div>
3389                                    <div class="keluaran">1662</div>
3390                                    <div class="tanggal">04-10-2026</div>
3391                              </button>
3392                                                                <div id="paito-MC" class="accordion-collapse collapse">
3393                                         
3394                                                <div class="result">
3395                                                    <div class="pasaran"></div>
3396                                                    <div class="keluaran">2898</div>
3397                                                    <div class="tanggal">03-10-2026</div>
3398                                                </div>
3399                                             
3400                                                <div class="result">
3401                                                    <div class="pasaran"></div>
3402                                                    <div class="keluaran">8307</div>
3403                                                    <div class="tanggal">02-10-2026</div>
3404                                                </div>
3405                                             
3406                                                <div class="result">
3407                                                    <div class="pasaran"></div>
3408                                                    <div class="keluaran">6388</div>
3409                                                    <div class="tanggal">01-10-2026</div>
3410                                                </div>
3411                                             
3412                                                <div class="result">
3413                                                    <div class="pasaran"></div>
3414                                                    <div class="keluaran">7205</div>
3415                                                    <div class="tanggal">30-09-2026</div>
3416                                                </div>
3417                                             
3418                                                <div class="result">
3419                                                    <div class="pasaran"></div>
3420                                                    <div class="keluaran">4353</div>
3421                                                    <div class="tanggal">29-09-2026</div>
3422                                                </div>
3423                                             
3424                                                <div class="result">
3425                                                    <div class="pasaran"></div>
3426                                                    <div class="keluaran">6129</div>
3427                                                    <div class="tanggal">28-09-2026</div>
3428                                                </div>
3429                                             
3430                                                <div class="result">
3431                                                    <div class="pasaran"></div>
3432                                                    <div class="keluaran">8638</div>
3433                                                    <div class="tanggal">27-09-2026</div>
3434                                                </div>
3435                                                                                </div>
3436                                                            </div>
3437                            
3438                                                    <div class="result-data accordion-item">
3439                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
3440                                    <div class="badge">
3441                                                                            </div>
3442                                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
3443                                    <div class="keluaran">0416</div>
3444                                    <div class="tanggal">04-10-2026</div>
3445                              </button>
3446                                                                <div id="paito-HK" class="accordion-collapse collapse">
3447                                         
3448                                                <div class="result">
3449                                                    <div class="pasaran"></div>
3450                                                    <div class="keluaran">2510</div>
3451                                                    <div class="tanggal">03-10-2026</div>
3452                                                </div>
3453                                             
3454                                                <div class="result">
3455                                                    <div class="pasaran"></div>
3456                                                    <div class="keluaran">1561</div>
3457                                                    <div class="tanggal">02-10-2026</div>
3458                                                </div>
3459                                             
3460                                                <div class="result">
3461                                                    <div class="pasaran"></div>
3462                                                    <div class="keluaran">9736</div>
3463                                                    <div class="tanggal">01-10-2026</div>
3464                                                </div>
3465                                             
3466                                                <div class="result">
3467                                                    <div class="pasaran"></div>
3468                                                    <div class="keluaran">0566</div>
3469                                                    <div class="tanggal">30-09-2026</div>
3470                                                </div>
3471                                             
3472                                                <div class="result">
3473                                                    <div class="pasaran"></div>
3474                                                    <div class="keluaran">1320</div>
3475                                                    <div class="tanggal">29-09-2026</div>
3476                                                </div>
3477                                             
3478                                                <div class="result">
3479                                                    <div class="pasaran"></div>
3480                                                    <div class="keluaran">2049</div>
3481                                                    <div class="tanggal">28-09-2026</div>
3482                                                </div>
3483                                             
3484                                                <div class="result">
3485                                                    <div class="pasaran"></div>
3486                                                    <div class="keluaran">8506</div>
3487                                                    <div class="tanggal">27-09-2026</div>
3488                                                </div>
3489                                                                                </div>
3490                                                            </div>
3491                            
3492                                                    <div class="result-data accordion-item">
3493                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
3494                                    <div class="badge">
3495                                                                            </div>
3496                                    <div class="pasaran">QATAR&nbsp</div>
3497                                    <div class="keluaran">0646</div>
3498                                    <div class="tanggal">04-10-2026</div>
3499                              </button>
3500                                                                <div id="paito-QTR" class="accordion-collapse collapse">
3501                                         
3502                                                <div class="result">
3503                                                    <div class="pasaran"></div>
3504                                                    <div class="keluaran">7691</div>
3505                                                    <div class="tanggal">03-10-2026</div>
3506                                                </div>
3507                                             
3508                                                <div class="result">
3509                                                    <div class="pasaran"></div>
3510                                                    <div class="keluaran">3505</div>
3511                                                    <div class="tanggal">02-10-2026</div>
3512                                                </div>
3513                                             
3514                                                <div class="result">
3515                                                    <div class="pasaran"></div>
3516                                                    <div class="keluaran">4757</div>
3517                                                    <div class="tanggal">01-10-2026</div>
3518                                                </div>
3519                                             
3520                                                <div class="result">
3521                                                    <div class="pasaran"></div>
3522                                                    <div class="keluaran">4561</div>
3523                                                    <div class="tanggal">30-09-2026</div>
3524                                                </div>
3525                                             
3526                                                <div class="result">
3527                                                    <div class="pasaran"></div>
3528                                                    <div class="keluaran">3480</div>
3529                                                    <div class="tanggal">29-09-2026</div>
3530                                                </div>
3531                                             
3532                                                <div class="result">
3533                                                    <div class="pasaran"></div>
3534                                                    <div class="keluaran">8546</div>
3535                                                    <div class="tanggal">28-09-2026</div>
3536                                                </div>
3537                                             
3538                                                <div class="result">
3539                                                    <div class="pasaran"></div>
3540                                                    <div class="keluaran">5413</div>
3541                                                    <div class="tanggal">27-09-2026</div>
3542                                                </div>
3543                                                                                </div>
3544                                                            </div>
3545                            
3546                                                    <div class="result-data accordion-item">
3547                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
3548                                    <div class="badge">
3549                                                                            </div>
3550                                    <div class="pasaran">
3550TOTO WUHAN&nbsp</div>
3551                                    <div class="keluaran">1083</div>
3552                                    <div class="tanggal">29-08-2026</div>
3553                              </button>
3554                                                                <div id="paito-TWH" class="accordion-collapse collapse">
3555                                         
3556                                                <div class="result">
3557                                                    <div class="pasaran"></div>
3558                                                    <div class="keluaran">0306</div>
3559                                                    <div class="tanggal">29-08-2026</div>
3560                                                </div>
3561                                             
3562                                                <div class="result">
3563                                                    <div class="pasaran"></div>
3564                                                    <div class="keluaran">4200</div>
3565                                                    <div class="tanggal">29-08-2026</div>
3566                                                </div>
3567                                             
3568                                                <div class="result">
3569                                                    <div class="pasaran"></div>
3570                                                    <div class="keluaran">5717</div>
3571                                                    <div class="tanggal">29-08-2026</div>
3572                                                </div>
3573                                             
3574                                                <div class="result">
3575                                                    <div class="pasaran"></div>
3576                                                    <div class="keluaran">1752</div>
3577                                                    <div class="tanggal">29-08-2026</div>
3578                                                </div>
3579                                             
3580                                                <div class="result">
3581                                                    <div class="pasaran"></div>
3582                                                    <div class="keluaran">4014</div>
3583                                                    <div class="tanggal">29-08-2026</div>
3584                                                </div>
3585                                             
3586                                                <div class="result">
3587                                                    <div class="pasaran"></div>
3588                                                    <div class="keluaran">1787</div>
3589                                                    <div class="tanggal">28-08-2026</div>
3590                                                </div>
3591                                             
3592                                                <div class="result">
3593                                                    <div class="pasaran"></div>
3594                                                    <div class="keluaran">6451</div>
3595                                                    <div class="tanggal">28-08-2026</div>
3596                                                </div>
3597                                                                                </div>
3598                                                            </div>
3599                            
3600                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
3601                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKP">
3602                                    <div class="badge">
3603                                                                            </div>
3604                                    <div class="pasaran">HONGKONG POOLS&nbsp</div>
3605                                    <div class="keluaran">7176</div>
3606                                    <div class="tanggal">04-10-2026</div>
3607                              </button>
3608                                                                <div id="paito-HKP" class="accordion-collapse collapse">
3609                                         
3610                                                <div class="result">
3611                                                    <div class="pasaran"></div>
3612                                                    <div class="keluaran">6962</div>
3613                                                    <div class="tanggal">03-10-2026</div>
3614                                                </div>
3615                                             
3616                                                <div class="result">
3617                                                    <div class="pasaran"></div>
3618                                                    <div class="keluaran">3686</div>
3619                                                    <div class="tanggal">02-10-2026</div>
3620                                                </div>
3621                                             
3622                                                <div class="result">
3623                                                    <div class="pasaran"></div>
3624                                                    <div class="keluaran">
36242164</div>
3625                                                    <div class="tanggal">01-10-2026</div>
3626                                                </div>
3627                                             
3628                                                <div class="result">
3629                                                    <div class="pasaran"></div>
3630                                                    <div class="keluaran">6987</div>
3631                                                    <div class="tanggal">30-09-2026</div>
3632                                                </div>
3633                                             
3634                                                <div class="result">
3635                                                    <div class="pasaran"></div>
3636                                                    <div class="keluaran">1320</div>
3637                                                    <div class="tanggal">29-09-2026</div>
3638                                                </div>
3639                                             
3640                                                <div class="result">
3641                                                    <div class="pasaran"></div>
3642                                                    <div class="keluaran">5232</div>
3643                                                    <div class="tanggal">29-09-2026</div>
3644                                                </div>
3645                                             
3646                                                <div class="result">
3647                                                    <div class="pasaran"></div>
3648                                                    <div class="keluaran">3159</div>
3649                                                    <div class="tanggal">28-09-2026</div>
3650                                                </div>
3651                                                                                </div>
3652                                                            </div>
3653                            
3654                                                    <div class="result-data accordion-item">
3655                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYDP">
3656                                    <div class="badge">
3657                                                                            </div>
3658                                    <div class="pasaran">SYDNEY POOLS&nbsp</div>
3659                                    <div class="keluaran">7933</div>
3660                                    <div class="tanggal">04-10-2026</div>
3661                              </button>
3662                                                                <div id="paito-SYDP" class="accordion-collapse collapse">
3663                                         
3664                                                <div class="result">
3665                                                    <div class="pasaran"></div>
3666                                                    <div class="keluaran">5604</div>
3667                                                    <div class="tanggal">03-10-2026</div>
3668                                                </div>
3669                                             
3670                                                <div class="result">
3671                                                    <div class="pasaran"></div>
3672                                                    <div class="keluaran">5392</div>
3673                                                    <div class="tanggal">02-10-2026</div>
3674                                                </div>
3675                                             
3676                                                <div class="result">
3677                                                    <div class="pasaran"></div>
3678                                                    <div class="keluaran">5493</div>
3679                                                    <div class="tanggal">01-10-2026</div>
3680                                                </div>
3681                                             
3682                                                <div class="result">
3683                                                    <div class="pasaran"></div>
3684                                                    <div class="keluaran">6079</div>
3685                                                    <div class="tanggal">30-09-2026</div>
3686                                                </div>
3687                                             
3688                                                <div class="result">
3689                                                    <div class="pasaran"></div>
3690                                                    <div class="keluaran">2953</div>
3691                                                    <div class="tanggal">29-09-2026</div>
3692                                                </div>
3693                                             
3694                                                <div class="result">
3695                                                    <div class="pasaran"></div>
3696                                                    <div class="keluaran">9267</div>
3697                                                    <div class="tanggal">28-09-2026</div>
3698                                                </div>
3699                                             
3700                                                <div class="result">
3701                                                    <div class="pasaran"></div>
3702                                                    <div class="keluaran">5241</div>
3703                                                    <div class="tanggal">27-09-2026</div>
3704                                                </div>
3705                                                                                </div>
3706                                                            </div>
3707                            
3708                        </div>              
3709              
3710          </div>
3711        </div>
3712    </div>
3713    
3714    
3714<script>
3715        
3716        function togglePaito(paitoid) {
3717            let paito = document.getElementById(paitoid);
3718            paito.classList.add("open");
3719        }
3720        
3721        
3722    </script>
3722
3723
3724            <div class="transaksi p-0 py-lg-4">
3725                <div class="d-none d-lg-block">
3726                    <!-- BANNER SBO DESKTOP -->
3727                    <div class="match-slider-wrap">
3728                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
3729
3730                                                                    <div class="carousel-indicators">
3731                                                                                    <button
3732                                                type="button"
3733                                                data-bs-target="#sboMatchCarouselDesktop"
3734                                                data-bs-slide-to="0"
3735                                                class="active"
3736                                                aria-current="true"                                                aria-label="Slide 1">
3737                                            </button>
3738                                                                                    <button
3739                                                type="button"
3740                                                data-bs-target="#sboMatchCarouselDesktop"
3741                                                data-bs-slide-to="1"
3742                                                class=""
3743                                                                                                aria-label="Slide 2">
3744                                            </button>
3745                                                                                    <button
3746                                                type="button"
3747                                                data-bs-target="#sboMatchCarouselDesktop"
3748                                                data-bs-slide-to="2"
3749                                                class=""
3750                                                                                                aria-label="Slide 3">
3751                                            </button>
3752                                                                                    <button
3753                                                type="button"
3754                                                data-bs-target="#sboMatchCarouselDesktop"
3755                                                data-bs-slide-to="3"
3756                                                class=""
3757                                                                                                aria-label="Slide 4">
3758                                            </button>
3759                                                                            </div>
3760                                
3761                                <div class="carousel-inner">
3762                                                                            <div class="carousel-item active">
3763                                            <div class="row g-3">
3764                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3765                                                        <div class="match-card h-100">
3766                                                            <div class="league-name">
3767                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3768
3769                                                            <div class="kickoff-time">
3770                                                                October 10, 2026 — 18:30 WIB                                                            </div>
3771
3772                                                            <div class="match-main-row">
3773                                                                <div class="team-col">
3774                                                                    <img
3775                                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
3776                                                                        alt="Arsenal"
3777                                                                        class="team-logo"
3778                                                                    >
3779                                                                    <div class="team-name">
3780                                                                        Arsenal                                                                    </div>
3781                                                                </div>
3782
3783                                                                <div class="score-col">
3784                                                                    <div class="score-value">
3785                                                                        0 : 0                                                                    </div>
3786
3787                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
3788                                                                        BET NOW
3789                                                                    </a>
3790                                                                </div>
3791
3792                                                                <div class="team-col">
3793                                                                    <img
3794                                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
3794ce556.png"
3795                                                                        alt="Leeds United"
3796                                                                        class="team-logo"
3797                                                                    >
3798                                                                    <div class="team-name">
3799                                                                        Leeds United                                                                    </div>
3800                                                                </div>
3801                                                            </div>
3802
3803                                                            <div class="match-odds-row">
3804                                                                <div class="odds-col">
3805                                                                    <span>
3806                                                                        1.25                                                                        <small>0.88</small>
3807                                                                    </span>
3808                                                                </div>
3809
3810                                                                <div class="odds-spacer"></div>
3811
3812                                                                <div class="odds-col">
3813                                                                    <span>
3814                                                                        -1.25                                                                        <small>-0.98</small>
3815                                                                    </span>
3816                                                                </div>
3817                                                            </div>
3818                                                        </div>
3819                                                    </div>
3820                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3821                                                        <div class="match-card h-100">
3822                                                            <div class="league-name">
3823                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3824
3825                                                            <div class="kickoff-time">
3826                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3827
3828                                                            <div class="match-main-row">
3829                                                                <div class="team-col">
3830                                                                    <img
3831                                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
3832                                                                        alt="Chelsea"
3833                                                                        class="team-logo"
3834                                                                    >
3835                                                                    <div class="team-name">
3836                                                                        Chelsea                                                                    </div>
3837                                                                </div>
3838
3839                                                                <div class="score-col">
3840                                                                    <div class="score-value">
3841                                                                        0 : 0                                                                    </div>
3842
3843                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
3844                                                                        BET NOW
3845                                                                    </a>
3846                                                                </div>
3847
3848                                                                <div class="team-col">
3849                                                                    <img
3850                                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
3851                                                                        alt="Bournemouth AFC"
3852                                                                        class="team-logo"
3853                                                                    >
3854                                                                    <div class="team-name">
3855                                                                        Bournemouth AFC                                                                    </div>
3856                                                                </div>
3857                                                            </div>
3858
3859                                                            <div class="match-odds-row">
3860                                                                <div class="odds-col">
3861                                                                    <sp
3861an>
3862                                                                        0.75                                                                        <small>0.91</small>
3863                                                                    </span>
3864                                                                </div>
3865
3866                                                                <div class="odds-spacer"></div>
3867
3868                                                                <div class="odds-col">
3869                                                                    <span>
3870                                                                        -0.75                                                                        <small>0.99</small>
3871                                                                    </span>
3872                                                                </div>
3873                                                            </div>
3874                                                        </div>
3875                                                    </div>
3876                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3877                                                        <div class="match-card h-100">
3878                                                            <div class="league-name">
3879                                                                SPAIN LA LIGA                                                            </div>
3880
3881                                                            <div class="kickoff-time">
3882                                                                October 10, 2026 — 23:30 WIB                                                            </div>
3883
3884                                                            <div class="match-main-row">
3885                                                                <div class="team-col">
3886                                                                    <img
3887                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
3888                                                                        alt="Barcelona"
3889                                                                        class="team-logo"
3890                                                                    >
3891                                                                    <div class="team-name">
3892                                                                        Barcelona                                                                    </div>
3893                                                                </div>
3894
3895                                                                <div class="score-col">
3896                                                                    <div class="score-value">
3897                                                                        0 : 0                                                                    </div>
3898
3899                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
3900                                                                        BET NOW
3901                                                                    </a>
3902                                                                </div>
3903
3904                                                                <div class="team-col">
3905                                                                    <img
3906                                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
3907                                                                        alt="Getafe"
3908                                                                        class="team-logo"
3909                                                                    >
3910                                                                    <div class="team-name">
3911                                                                        Getafe                                                                    </div>
3912                                                                </div>
3913                                                            </div>
3914
3915                                                            <div class="match-odds-row">
3916                                                                <div class="odds-col">
3917                                                                    <sp
3917an>
3918                                                                        2.75                                                                        <small>0.83</small>
3919                                                                    </span>
3920                                                                </div>
3921
3922                                                                <div class="odds-spacer"></div>
3923
3924                                                                <div class="odds-col">
3925                                                                    <span>
3926                                                                        -2.75                                                                        <small>-0.93</small>
3927                                                                    </span>
3928                                                                </div>
3929                                                            </div>
3930                                                        </div>
3931                                                    </div>
3932                                                                                            </div>
3933                                        </div>
3934                                                                            <div class="carousel-item ">
3935                                            <div class="row g-3">
3936                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3937                                                        <div class="match-card h-100">
3938                                                            <div class="league-name">
3939                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3940
3941                                                            <div class="kickoff-time">
3942                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3943
3944                                                            <div class="match-main-row">
3945                                                                <div class="team-col">
3946                                                                    <img
3947                                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
3948                                                                        alt="Sunderland"
3949                                                                        class="team-logo"
3950                                                                    >
3951                                                                    <div class="team-name">
3952                                                                        Sunderland                                                                    </div>
3953                                                                </div>
3954
3955                                                                <div class="score-col">
3956                                                                    <div class="score-value">
3957                                                                        0 : 0                                                                    </div>
3958
3959                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
3960                                                                        BET NOW
3961                                                                    </a>
3962                                                                </div>
3963
3964                                                                <div class="team-col">
3965                                                                    <img
3966                                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
3967                                                                        alt="Brighton &amp; Hove Albion"
3968                                                                        class="team-logo"
3969                                                                    >
3970                                                                    <div class="team-name">
3971                                                                        Brighton &amp; Hove Albion                                                                    </div>
3972                                                                </div>
3973                                                            </div>
3974
3975                                                            <div class="match-odds-row">
3976                                                                <div class="odds-col">
3977                                                                    <sp
3977an>
3978                                                                        0.00                                                                        <small>-0.82</small>
3979                                                                    </span>
3980                                                                </div>
3981
3982                                                                <div class="odds-spacer"></div>
3983
3984                                                                <div class="odds-col">
3985                                                                    <span>
3986                                                                        0.00                                                                        <small>0.72</small>
3987                                                                    </span>
3988                                                                </div>
3989                                                            </div>
3990                                                        </div>
3991                                                    </div>
3992                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3993                                                        <div class="match-card h-100">
3994                                                            <div class="league-name">
3995                                                                SPAIN LA LIGA                                                            </div>
3996
3997                                                            <div class="kickoff-time">
3998                                                                October 11, 2026 — 02:00 WIB                                                            </div>
3999
4000                                                            <div class="match-main-row">
4001                                                                <div class="team-col">
4002                                                                    <img
4003                                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
4004                                                                        alt="Real Madrid"
4005                                                                        class="team-logo"
4006                                                                    >
4007                                                                    <div class="team-name">
4008                                                                        Real Madrid                                                                    </div>
4009                                                                </div>
4010
4011                                                                <div class="score-col">
4012                                                                    <div class="score-value">
4013                                                                        0 : 0                                                                    </div>
4014
4015                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
4016                                                                        BET NOW
4017                                                                    </a>
4018                                                                </div>
4019
4020                                                                <div class="team-col">
4021                                                                    <img
4022                                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
4023                                                                        alt="Villarreal"
4024                                                                        class="team-logo"
4025                                                                    >
4026                                                                    <div class="team-name">
4027                                                                        Villarreal                                                                    </div>
4028                                                                </div>
4029                                                            </div>
4030
4031                                                            <div class="match-odds-row">
4032                                                                <div class="odds-col">
4033                                                                    <sp
4033an>
4034                                                                        1.5                                                                        <small>0.93</small>
4035                                                                    </span>
4036                                                                </div>
4037
4038                                                                <div class="odds-spacer"></div>
4039
4040                                                                <div class="odds-col">
4041                                                                    <span>
4042                                                                        -1.5                                                                        <small>0.97</small>
4043                                                                    </span>
4044                                                                </div>
4045                                                            </div>
4046                                                        </div>
4047                                                    </div>
4048                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4049                                                        <div class="match-card h-100">
4050                                                            <div class="league-name">
4051                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4052
4053                                                            <div class="kickoff-time">
4054                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4055
4056                                                            <div class="match-main-row">
4057                                                                <div class="team-col">
4058                                                                    <img
4059                                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
4060                                                                        alt="Manchester United"
4061                                                                        class="team-logo"
4062                                                                    >
4063                                                                    <div class="team-name">
4064                                                                        Manchester United                                                                    </div>
4065                                                                </div>
4066
4067                                                                <div class="score-col">
4068                                                                    <div class="score-value">
4069                                                                        0 : 0                                                                    </div>
4070
4071                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
4072                                                                        BET NOW
4073                                                                    </a>
4074                                                                </div>
4075
4076                                                                <div class="team-col">
4077                                                                    <img
4078                                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
4079                                                                        alt="Tottenham Hotspur"
4080                                                                        class="team-logo"
4081                                                                    >
4082                                                                    <div class="team-name">
4083                                                                        Tottenham Hotspur                                                                    </div>
4084                                                                </div>
4085                                                            </div>
4086
4087                                                            <div class="match-odds-row">
4088                                                                <div class="odds-col">
4089                                                                    <sp
4089an>
4090                                                                        0.75                                                                        <small>0.92</small>
4091                                                                    </span>
4092                                                                </div>
4093
4094                                                                <div class="odds-spacer"></div>
4095
4096                                                                <div class="odds-col">
4097                                                                    <span>
4098                                                                        -0.75                                                                        <small>0.98</small>
4099                                                                    </span>
4100                                                                </div>
4101                                                            </div>
4102                                                        </div>
4103                                                    </div>
4104                                                                                            </div>
4105                                        </div>
4106                                                                            <div class="carousel-item ">
4107                                            <div class="row g-3">
4108                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4109                                                        <div class="match-card h-100">
4110                                                            <div class="league-name">
4111                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4112
4113                                                            <div class="kickoff-time">
4114                                                                October 11, 2026 — 22:30 WIB                                                            </div>
4115
4116                                                            <div class="match-main-row">
4117                                                                <div class="team-col">
4118                                                                    <img
4119                                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
4120                                                                        alt="Liverpool"
4121                                                                        class="team-logo"
4122                                                                    >
4123                                                                    <div class="team-name">
4124                                                                        Liverpool                                                                    </div>
4125                                                                </div>
4126
4127                                                                <div class="score-col">
4128                                                                    <div class="score-value">
4129                                                                        0 : 0                                                                    </div>
4130
4131                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
4132                                                                        BET NOW
4133                                                                    </a>
4134                                                                </div>
4135
4136                                                                <div class="team-col">
4137                                                                    <img
4138                                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
4139                                                                        alt="Manchester City"
4140                                                                        class="team-logo"
4141                                                                    >
4142                                                                    <div class="team-name">
4143                                                                        Manchester City                                                                    </div>
4144                                                                </div>
4145                                                            </div>
4146
4147                                                            <div class="match-odds-row">
4148                                                                <div class="odds-col">
4149                                                                    <sp
4149an>
4150                                                                        0.00                                                                        <small>0.91</small>
4151                                                                    </span>
4152                                                                </div>
4153
4154                                                                <div class="odds-spacer"></div>
4155
4156                                                                <div class="odds-col">
4157                                                                    <span>
4158                                                                        0.00                                                                        <small>0.99</small>
4159                                                                    </span>
4160                                                                </div>
4161                                                            </div>
4162                                                        </div>
4163                                                    </div>
4164                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4165                                                        <div class="match-card h-100">
4166                                                            <div class="league-name">
4167                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4168
4169                                                            <div class="kickoff-time">
4170                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4171
4172                                                            <div class="match-main-row">
4173                                                                <div class="team-col">
4174                                                                    <img
4175                                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
4176                                                                        alt="Aston Villa"
4177                                                                        class="team-logo"
4178                                                                    >
4179                                                                    <div class="team-name">
4180                                                                        Aston Villa                                                                    </div>
4181                                                                </div>
4182
4183                                                                <div class="score-col">
4184                                                                    <div class="score-value">
4185                                                                        0 : 0                                                                    </div>
4186
4187                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
4188                                                                        BET NOW
4189                                                                    </a>
4190                                                                </div>
4191
4192                                                                <div class="team-col">
4193                                                                    <img
4194                                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
4195                                                                        alt="Brentford"
4196                                                                        class="team-logo"
4197                                                                    >
4198                                                                    <div class="team-name">
4199                                                                        Brentford                                                                    </div>
4200                                                                </div>
4201                                                            </div>
4202
4203                                                            <div class="match-odds-row">
4204                                                                <div class="odds-col">
4205                                                                    <sp
4205an>
4206                                                                        0.00                                                                        <small>-0.99</small>
4207                                                                    </span>
4208                                                                </div>
4209
4210                                                                <div class="odds-spacer"></div>
4211
4212                                                                <div class="odds-col">
4213                                                                    <span>
4214                                                                        0.00                                                                        <small>0.89</small>
4215                                                                    </span>
4216                                                                </div>
4217                                                            </div>
4218                                                        </div>
4219                                                    </div>
4220                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4221                                                        <div class="match-card h-100">
4222                                                            <div class="league-name">
4223                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4224
4225                                                            <div class="kickoff-time">
4226                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4227
4228                                                            <div class="match-main-row">
4229                                                                <div class="team-col">
4230                                                                    <img
4231                                                                        src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png"
4232                                                                        alt="Ipswich Town"
4233                                                                        class="team-logo"
4234                                                                    >
4235                                                                    <div class="team-name">
4236                                                                        Ipswich Town                                                                    </div>
4237                                                                </div>
4238
4239                                                                <div class="score-col">
4240                                                                    <div class="score-value">
4241                                                                        0 : 0                                                                    </div>
4242
4243                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')">
4244                                                                        BET NOW
4245                                                                    </a>
4246                                                                </div>
4247
4248                                                                <div class="team-col">
4249                                                                    <img
4250                                                                        src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png"
4251                                                                        alt="Fulham"
4252                                                                        class="team-logo"
4253                                                                    >
4254                                                                    <div class="team-name">
4255                                                                        Fulham                                                                    </div>
4256                                                                </div>
4257                                                            </div>
4258
4259                                                            <div class="match-odds-row">
4260                                                                <div class="odds-col">
4261                                                                    <sp
4261an>
4262                                                                        0.00                                                                        <small>-0.95</small>
4263                                                                    </span>
4264                                                                </div>
4265
4266                                                                <div class="odds-spacer"></div>
4267
4268                                                                <div class="odds-col">
4269                                                                    <span>
4270                                                                        0.00                                                                        <small>0.85</small>
4271                                                                    </span>
4272                                                                </div>
4273                                                            </div>
4274                                                        </div>
4275                                                    </div>
4276                                                                                            </div>
4277                                        </div>
4278                                                                            <div class="carousel-item ">
4279                                            <div class="row g-3">
4280                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4281                                                        <div class="match-card h-100">
4282                                                            <div class="league-name">
4283                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4284
4285                                                            <div class="kickoff-time">
4286                                                                October 11, 2026 — 20:00 WIB                                                            </div>
4287
4288                                                            <div class="match-main-row">
4289                                                                <div class="team-col">
4290                                                                    <img
4291                                                                        src="https://cdn.sportnanoapi.com/football/team/42396d18444156e640c37476c2b41b93.png"
4292                                                                        alt="Crystal Palace"
4293                                                                        class="team-logo"
4294                                                                    >
4295                                                                    <div class="team-name">
4296                                                                        Crystal Palace                                                                    </div>
4297                                                                </div>
4298
4299                                                                <div class="score-col">
4300                                                                    <div class="score-value">
4301                                                                        0 : 0                                                                    </div>
4302
4303                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100635')">
4304                                                                        BET NOW
4305                                                                    </a>
4306                                                                </div>
4307
4308                                                                <div class="team-col">
4309                                                                    <img
4310                                                                        src="https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png"
4311                                                                        alt="Nottingham Forest"
4312                                                                        class="team-logo"
4313                                                                    >
4314                                                                    <div class="team-name">
4315                                                                        Nottingham Forest                                                                    </div>
4316                                                                </div>
4317                                                            </div>
4318
4319                                                            <div class="match-odds-row">
4320                                                                <div class="odds-col">
4321                                                                    <sp
4321an>
4322                                                                        0.00                                                                        <small>0.92</small>
4323                                                                    </span>
4324                                                                </div>
4325
4326                                                                <div class="odds-spacer"></div>
4327
4328                                                                <div class="odds-col">
4329                                                                    <span>
4330                                                                        0.00                                                                        <small>0.98</small>
4331                                                                    </span>
4332                                                                </div>
4333                                                            </div>
4334                                                        </div>
4335                                                    </div>
4336                                                                                            </div>
4337                                        </div>
4338                                                                    </div>
4339
4340                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
4341                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
4342                                        <span class="visually-hidden">Previous</span>
4343                                    </button>
4344
4345                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
4346                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
4347                                        <span class="visually-hidden">Next</span>
4348                                    </button>
4349                                                            </div>
4350                                            </div>
4351                    <!-- BANNER SBO DESKTOP END -->
4352                    <!-- Banner Telegram -->
4353                    
4354                                        
4355                    <style>
4356                    .telegram-bet-title {
4357                      font-size: 1.3rem;
4358                      font-weight: 800;
4359                      letter-spacing: 1px;
4360                      text-transform: uppercase;
4361                      color: #ffffff;
4362                    
4363                      /* NEON TELEGRAM GLOW */
4364                      text-shadow:
4365                        /* inner white core */
4366                        0 0 2px rgba(255,255,255,0.9),
4367                    
4368                        /* tight Telegram glow */
4369                        0 0 6px rgba(0,136,204,0.9),
4370                        0 0 12px rgba(0,136,204,0.8),
4371                    
4372                        /* outer neon halo */
4373                        0 0 22px rgba(0,136,204,0.6),
4374                        0 0 38px rgba(0,136,204,0.45),
4375                        0 0 60px rgba(0,136,204,0.3);
4376                    }
4377                    </style>
4378                    
4379                    <style>
4380                    .btn-telegram-neon {
4381                      font-weight: 600;
4382                      padding: 10px 16px;
4383                      border-radius: 10px;
4384                      letter-spacing: 0.3px;
4385                    
4386                      background: #0088cc;
4387                      border: none;
4388                      color: #ffffff;
4389                    
4390                      /* clean Telegram neon */
4391                      box-shadow:
4392                        0 2px 6px rgba(0,136,204,0.35),
4393                        0 0 10px rgba(0,136,204,0.25);
4394                    
4395                      transition: box-shadow 0.25s ease, transform 0.2s ease;
4396                    }
4397                    
4398                    /* hover: slight lift + glow */
4399                    .btn-telegram-neon:hover {
4400                      box-shadow:
4401                        0 4px 10px rgba(0,136,204,0.45),
4402                        0 0 16px rgba(0,136,204,0.35);
4403                      transform: translateY(-1px);
4404                    }
4405                    
4406                    /* active */
4407                    .btn-telegram-neon:active {
4408                      transform: translateY(0);
4409                      box-shadow:
4410                        0 2px 5px rgba(0,136,204,0.35);
4411                    }
4412                    </style>
4413                    
4414                    <style>
4415                        .telegram-float {
4416                          animation: telegramFloat 3.5s ease-in-out infinite;
4417                        }
4418                        
4419                        @keyframes telegramFloat {
4420                          0%, 100% {
4421                            transform: translateY(0);
4422                          }
4423                          50% {
4424                            transform: translateY(-8px);
4425                          }
4426                        }
4427                    </style>
4428                    
4429                    <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center">
4430                        <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px">
4431                            <div class="d-flex gap-4">
4432                                <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/>
4433                                <div class="d-flex flex-column justify-content-center gap-1">
4434                                    <strong class="telegram-bet-title">TELEGRAM BET</strong>
4435                                    
4436                                    <div class="d-flex gap-3">
4437                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div>
4438                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div>
4439                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div>
4440                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div>
4441                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div>
4442                                    </div>
4443                                </div>
4444                            </div>
4445                            
4446                            <button class="btn-telegram-neon rounded-pill"  onclick="window.open('https://telegram.me/BONBON777_bot', '_blank')">Mainkan Sekarang</button>
4447                            
4448                        </div>
4449                        <div style="position: absolute; width: 100%; background: gray">
4450                            <img src="https://img.viva88athenae.com//banner-telegram.jpg" />
4451                        </div>
4452                        
4453                    </div>
4454                    
4455                    
4456                    
4457                    <div class="transaksi-kontak">
4458                        
4459                        <div class="d-flex flex-column w-100">
4460                            <div class="transaksi-content">
4461                                <!-- Bank -->
4462                                
4463<style>
4464    /* ====== LAYOUT KESELURUHAN ====== */
4465
4466    .transaksi-layout {
4467        display: flex;
4468        justify-content: center;
4469        gap: 16px;
4470        align-items: center;
4471    }
4472
4473    .transaksi-left-inner {
4474        width: 100%;
4475    }
4476
4477    .transaksi-left-img {
4478        width: 100%;
4479        height: auto;
4480        display: block;
4481        object-fit: cover;
4482    }
4483
4484    .transaksi-right-box {
4485        flex: 1;
4486        display: flex;
4487        justify-content: flex-start;
4488    }
4489
4490    .transaksi-group {
4491        display: flex;
4492        flex-direction: column;
4493        gap: 16px;
4494        width: 100%;
4495        grid-template-areas:
4496            "transaksi-bank transaksi-other transaksi-crypto";
4497    }
4498
4499    .transaksi-bank {
4500        grid-area: transaksi-bank;
4501        display: grid;
4502        place-items: center;
4503        justify-content: flex-start;
4504    }
4505
4506    .transaksi-other {
4507        grid-area: transaksi-other;
4508        display: flex;
4509        justify-content: flex-start;
4510        width: 100%;
4511    }
4512
4513    .transaksi-crypto {
4514        grid-area: transaksi-crypto;
4515        display: flex;
4516        justify-content: flex-start;
4517        width: 100%;
4518    }
4519
4520    .transaksi-wrapper {
4521        display: flex;
4522        flex-direction: column;
4523        gap: .5rem;
4524        align-items: flex-start;
4525    }
4526
4527    .transaksi-name {
4528        font-size: 1.1rem;
4529        font-weight: bold;
4530        line-height: 1.5rem;
4531    }
4532
4533    /* ====== GRID LIST ====== */
4534
4535    .transaksi-list-bank,
4536    .transaksi-list-other {
4537        height: fit-content;
4538        display: grid;
4539        grid-template-columns: repeat(5, minmax(80px, 1fr));
4540        gap: 4px 6px;
4541    }
4542
4543    .transaksi-list-crypto {
4544        height: fit-content;
4545        display: flex;
4546        align-items: center;
4547        gap: 24px;
4548        width: 100%;
4549        justify-content: flex-start;
4550    }
4551
4552    .icon-crypto {
4553        width: 24px;
4554        height: 24px;
4555    }
4556
4557    /* ====== ITEM BANK / EMONEY ====== */
4558
4559    .transaksi-item {
4560        display: flex;
4561        flex-direction: column;
4562        position: relative;
4563    }
4564
4565    .transaksi-header {
4566        height: 30px;
4567        border-radius: 5px;
4568        font-weight: bold;
4569        border: 2px solid rgba(108,108,108,1);
4570        background: rgba(54,54,54,1);
4571        color: white;
4572        display: flex;
4573        align-items: center;
4574        justify-content: center;
4575        padding: 0 12px 0 22px; /* extra space kiri buat dot */
4576        font-size: 0.9rem;
4577        white-space: nowrap;
4578    }
4579
4580    /* strip bawah lama dimatikan */
4581    .transaksi-status {
4582        display: none;
4583    }
4584
4585    /* ====== ONLINE / OFFLINE DOT ====== */
4586
4587    /* ONLINE: tambahkan class is-online di PHP */
4588    .transaksi-header.is-online::before {
4589        content: "";
4590        position: absolute;
4591        left: 8px;
4592        top: 50%;
4593        transform: translateY(-50%);
4594        width: 9px;
4595        height: 9px;
4596        border-radius: 50%;
4597        background-color: #00ff66;
4598        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4599    }
4600
4601    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
4602    .transaksi-header.is-offline {
4603        background: #2e2e2e;
4604        border-color: #555;
4605        opacity: .4;
4606    }
4607
4608    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
4609    .transaksi-header:not(.is-online):not(.is-offline) {
4610        background: #2e2e2e;
4611        border-color: #555;
4612        opacity: .4;
4613    }
4614
4615    @media only screen and (max-width: 768px) {
4616
4617        .transaksi-layout {
4618            flex-direction: column;
4619            align-items: center;
4620        }
4621
4622        .transaksi-group {
4623            display: grid;
4624            grid-template-columns: 1fr;
4625            grid-template-areas:
4626                "transaksi-bank"
4627                "transaksi-other"
4628                "transaksi-crypto";
4629            gap: 32px;
4630            margin-bottom: 8px;
4631        }
4632
4633        .transaksi-header {
4634            font-size: 1.1rem;
4635            height: 36px;
4636        }
4637
4638        .transaksi-list-bank {
4639            grid-template-columns: repeat(4, 1fr);
4640        }
4641
4642        .transaksi-list-other {
4643            grid-template-columns: repeat(4, 1fr);
4644        }
4645
4646        .transaksi-list-crypto {
4647            width: 86%;
4648            margin: auto;
4649            flex-wrap: wrap;
4650        }
4651
4652        .transaksi-item {
4653            width: 100%;
4654        }
4655
4656        .transaksi-name {
4657            font-size: 1.3rem;
4658            text-align: center;
4659            line-height: 1.8rem;
4660        }
4661
4662        .transaksi-wrapper {
4663            width: 100%;
4664            max-width: 100%!important;
4665            gap: 1rem;
4666            align-items: center;
4667        }
4668
4669        .icon-crypto {
4670            width: 28px;
4671            height: 28px;
4672        }
4673    }
4674
4675    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
4676    .transaksi-header {
4677        height: 34px;
4678        border-radius: 6px;
4679        font-weight: bold;
4680        border: 2px solid rgba(108,108,108,1);
4681        background: rgba(54,54,54,1);
4682        color: white;
4683
4684        /* Tambahan baru */
4685        min-width: 110px;       /* Lebarin biar semua rata */
4686        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
4687        display: flex;
4688        align-items: center;
4689        justify-content: center;
4690        text-align: center;
4691
4692        white-space: nowrap;
4693    }
4694
4695    /* DOT ONLINE */
4696    .transaksi-header.is-online::before {
4697        content: "";
4698        position: absolute;
4699        left: 10px;
4700        top: 50%;
4701        transform: translateY(-50%);
4702        width: 10px;
4703        height: 10px;
4704        border-radius: 50%;
4705        background-color: #00ff66;
4706        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4707    }
4708
4709    /* OFFLINE (DISABLED) */
4710    .transaksi-header.is-offline {
4711        padding: 0 16px;         
4712        background: #2e2e2e;
4713        border-color: #555;
4714        opacity: .35;
4715        align-items: center;
4716        justify-content: center;
4717        text-align: center;
4718    }
4719
4720    /* GRID-nya sedikit dilebarin biar simetris */
4721    .transaksi-list-bank,
4722    .transaksi-list-other {
4723        grid-template-columns: repeat(4, minmax(110px, 1fr));
4724        gap: 8px 10px;
4725    }
4726
4727</style>
4728
4729<div class="transaksi-layout">
4730    <div class="transaksi-left-box">
4731        <div class="transaksi-left-inner">
4732            <img src="/images/transaksi.png" class="transaksi-left-img">
4733        </div>
4734    </div>
4735
4736    <div class="transaksi-right-box">
4737        <div class="transaksi-group">
4738
4739            <!-- BANK LOKAL -->
4740            <div class="transaksi-bank">
4741                <div class="transaksi-wrapper">
4742                                            <div class="transaksi-name">Bank Lokal</div>
4743                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
4744                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4745                                                                    <button type="button" data-bs-target="#transaksi-bank-indicators"
4746                                                data-bs-slide-to="0" class="active" aria-current="true"
4747                                                aria-label="Slide 1"></button>
4748                                                                            <button type="button" data-bs-target="#transaksi-bank-indicators"
4749                                                data-bs-slide-to="1" aria-label="Slide 2"></button>
4750                                                            </div>
4751
4752                        <div class="carousel-inner" style="min-height: 144px">
4753                                                            <div class="carousel-item active">
4754                                    <div class="transaksi-list-bank">
4755                                                                                    <div class="transaksi-item">
4756                                                <div class="transaksi-header is-online">
4757                                                    BCA                                                </div>
4758                                                <div class="transaksi-status"></div>
4759                                            </div>
4760                                                                                        <div class="transaksi-item">
4761                                                <div class="tran
4761saksi-header is-online">
4762                                                    Mandiri                                                </div>
4763                                                <div class="transaksi-status"></div>
4764                                            </div>
4765                                                                                        <div class="transaksi-item">
4766                                                <div class="transaksi-header is-online">
4767                                                    BNI                                                </div>
4768                                                <div class="transaksi-status"></div>
4769                                            </div>
4770                                                                                        <div class="transaksi-item">
4771                                                <div class="transaksi-header is-online">
4772                                                    BRI                                                </div>
4773                                                <div class="transaksi-status"></div>
4774                                            </div>
4775                                                                                        <div class="transaksi-item">
4776                                                <div class="transaksi-header is-online">
4777                                                    CIMB                                                </div>
4778                                                <div class="transaksi-status"></div>
4779                                            </div>
4780                                                                                        <div class="transaksi-item">
4781                                                <div class="transaksi-header is-online">
4782                                                    Danamon                                                </div>
4783                                                <div class="transaksi-status"></div>
4784                                            </div>
4785                                                                                        <div class="transaksi-item">
4786                                                <div class="transaksi-header is-online">
4787                                                    Permata                                                </div>
4788                                                <div class="transaksi-status"></div>
4789                                            </div>
4790                                                                                        <div class="transaksi-item">
4791                                                <div class="transaksi-header is-online">
4792                                                    BJB                                                </div>
4793                                                <div class="transaksi-status"></div>
4794                                            </div>
4795                                                                                        <div class="transaksi-item">
4796                                                <div class="transaksi-header is-online">
4797                                                    PANIN                                                </div>
4798                                                <div class="transaksi-status"></div>
4799                                            </div>
4800                                                                                        <div class="transaksi-item">
4801                                                <div class="transaksi-header is-online">
4802                                                    OCBC                                                </div>
4803                                                <div class="transaksi-status"></div>
4804                                            </div>
4805                                                                                        <div class="transaksi-item">
4806                                                <div class="transaksi-header is-online">
4807                                                    DKI                                                </div>
4808                                                <div class="transaksi-status"></div>
4809                                            </div>
4810                                                                                        <div class="transaksi-item">
4811                                                <div class="transaksi-header is-online">
4812                                                    BSI                                                </div>
4813                                                <div class="transaksi-status"></div>
4814                                            </div>
4815                                                                                        <div class="transaksi-item">
4816                                                <div class="transaksi-header is-online">
4817                                                    NEO                                                </div>
4818                                                <div class="transaksi-status"></div>
4819                                            </div>
4820                                                                                        <div class="transaksi-item">
4821                                                <div class="transaksi-header is-online">
4822                                                    JAGO                                                </div>
4823                                                <div class="transaksi-status"></div>
4824                                            </div>
4825                                                                                        <div class="transaksi-item">
4826                                                <div class="transaksi-header is-offline">
4827                                                    SeaBank                                                </div>
4828                                                <div class="transaksi-status"></div>
4829                                            </div>
4830                                                                                        <div class="transaksi-item">
4831                                                <div class="transaksi-header is-online">
4832                                                    DBS                                                </div>
4833                                                <div class="transaksi-status"></div>
4834                                            </div>
4835                                                                                </div>
4836                                </div>
4837                                                            <div class="carousel-item ">
4838                                    <div class="transaksi-list-bank">
4839                                                                                    <div class="transaksi-item">
4840                                                <div class="transaksi-header is-online">
4841                                                    NOBU                                                </div>
4842                                                <div class="transaksi-status"></div>
4843                                            </div>
4844                                                                                        <div class="transaksi-item">
4845                                                <div class="transaksi-header is-online">
4846                                                    Maybank                                                </div>
4847                                                <div class="transaksi-status"></div>
4848                                            </div>
4849                                                                                        <div class="transaksi-item">
4850                                                <div class="transaksi-header is-online">
4851                                                    Mestika                                                </div>
4852                                                <div class="transaksi-status"></div>
4853                                            </div>
4854                                                                                        <div class="transaksi-item">
4855                                                <div class="transaksi-header is-online">
4856                                                    Mega                                                </div>
4857                                                <div class="transaksi-status"></div>
4858                                            </div>
4859                                                                                        <div class="transaksi-item">
4860                                                <div class="transaksi-header is-online">
4861                                                    BluBCA                                                </div>
4862                                                <div class="transaksi-status"></div>
4863                                            </div>
4864                                                                                        <div class="transaksi-item">
4865                                                <div class="transaksi-header is-online">
4866                                                    Superbank                                                </div>
4867                                                <div class="transaksi-status"></div>
4868                                            </div>
4869                                                                                        <div class="transaksi-item">
4870                                                <div class="transaksi-header is-online">
4871                                                    Allobank                                                </div>
4872                                                <div class="transaksi-status"></div>
4873                                            </div>
4874                                                                                        <div class="transaksi-item">
4875                                                <div class="transaksi-header is-online">
4876                                                    SAQU                                                </div>
4877                                                <div class="transaksi-status"></div>
4878                                            </div>
4879                                                                                </div>
4880                                </div>
4881                                                    </div>
4882                    </div>
4883
4884                </div>
4885            </div>
4886
4887            <!-- E MONEY & PULSA -->
4888            <div class="transaksi-other">
4889                <div class="transaksi-wrapper">
4890                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
4891                    
4892                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
4893                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4894                                                    </div>
4895
4896                        <div class="carousel-inner" >
4897                                                            <div class="carousel-item active">
4898                                    <div class="transaksi-list-other">
4899                                                                                    <div class="transaksi-item">
4900                                                <div class="transaksi-header is-online">
4901                                                    Jenius                                                </div>
4902                                                <div class="transaksi-status"></div>
4903                                            </div>
4904                                                                                        <div class="transaksi-item">
4905                                                <div class="transaksi-header is-online">
4906                                                    DANA                                                </div>
4907                                                <div class="transaksi-status"></div>
4908                                            </div>
4909                                                                                        <div class="transaksi-item">
4910                                                <div class="transaksi-header is-online">
4911                                                    OVO                                                </div>
4912                                                <div class="transaksi-status"></div>
4913                                            </div>
4914                                                                                        <div class="transaksi-item">
4915                                                <div class="transaksi-header is-online">
4916                                                    ShopeePay                                                </div>
4917                                                <div class="transaksi-status"></div>
4918                                            </div>
4919                                                                                        <div class="transaksi-item">
4920                                                <div class="transaksi-header is-online">
4921                                                    GOPAY                                                </div>
4922                                                <div class="transaksi-status"></div>
4923                                            </div>
4924                                                                                        <div class="transaksi-item">
4925                                                <div class="transaksi-header is-online">
4926                                                    LinkAja                                                </div>
4927                                                <div class="transaksi-status"></div>
4928                                            </div>
4929                                                                                        <div class="transaksi-item">
4930                                                <div class="transaksi-header is-online">
4931                                                    Sakuku                                                </div>
4932                                                <div class="transaksi-status"></div>
4933                                            </div>
4934                                                                                        <div class="transaksi-item">
4935                                                <div class="transaksi-header is-online">
4936                                                    AstraPay                                                </div>
4937                                                <div class="transaksi-status"></div>
4938                                            </div>
4939                                                                                        <div class="transaksi-item">
4940                                                <div class="transaksi-header is-online">
4941                                                    Lain-lain                                                </div>
4942                                                <div class="transaksi-status"></div>
4943                                            </div>
4944                                                                                        <div class="transaksi-item">
4945                                                <div class="transaksi-header is-online">
4946                                                    AntarBank                                                </div>
4947                                                <div class="transaksi-status"></div>
4948                                            </div>
4949                                                                                </div>
4950                          
4950      </div>
4951                                                    </div>
4952                    </div>
4953
4954                </div>
4955            </div>
4956
4957            <!-- CRYPTO -->
4958            <div class="transaksi-crypto">
4959                <div class="transaksi-wrapper">
4960                                            <div class="transaksi-name mb-1">Crypto Currency</div>
4961                    
4962                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
4963                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4964                                                    </div>
4965
4966                        <div class="carousel-inner" >
4967                                                            <div class="carousel-item active">
4968                                    <div class="transaksi-list-crypto">
4969                                                                                    <div class="d-flex gap-2">
4970                                                <img src="https://img.viva88athenae.com/USDT.png"
4971                                                     class="icon-crypto" alt="USDT">
4972                                                <strong class="transaksi-name">USDT</strong>
4973                                            </div>
4974                                                                                </div>
4975                                </div>
4976                                                    </div>
4977
4978                    </div>
4979                </div>
4980            </div>
4981
4982        </div>
4983    </div>
4984</div>
4985                            </div>
4986                            
4987                            
4988                        </div>
4989                        
4990                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
4991                            
4992                        <!--    <div class="transaksi-title">-->
4993                        <!--        <div class="transaksi-title-group">-->
4994                        <!--            <div class="fitur-header">Kontak Kami</div>-->
4995                        <!--        </div>-->
4996                                
4997                        <!--        <div class="devider desktop-only"></div>-->
4998                        <!--    </div>-->
4999                            
5000    
5001                        <!--    
5002<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
5003    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
5004        
5005                
5006    </div>
5007      <div class="carousel-inner" style="height: 164px">
5008                    <div class="carousel-item active">
5009                <div>
5010                
5011                                
5012                                        
5013                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5014                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
5015
5016                                                            <a class="d-flex flex-column" href="https://t.me/+0eNnZxwYe3RkNjRl" target='_blank'>
5017                                       <div style="color: #888888;">TELEGRAM</div>
5018                                       <div style="line-height: .9rem; color: var(--primary-text-color)">https://t.me/+0eNnZxwYe3RkNjRl</div>
5019                                    </a>
5020                                
5021                                
5022                    </div>
5023                                
5024                                        
5025                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5026                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
5027
5028                                                            <a class="d-flex flex-column" href="https://wa.me/+6282160545224" target='_blank'>
5029                                       <div style="color: #888888;">WHATSAPP</div>
5030                                       <div style="line-height: .9rem; color: var(--primary-text-color)">+6282160545224</div>
5031                                    </a>
5032                                
5033                                
5034                    </div>
5035                                
5036                                    
5037                </div>
5038            </div>
5039        
5040         
5041         
5042    </div>
5043</div>
5044-->
5045                                    
5046                        <!--</div>-->
5047                    </div>
5048                </div>
5049            </div>
5050
5051
5052            <div class="bantuan">
5053                
5054                                <ul class="bantuan-content justify-content-center">
5055                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
5056                    <div class="bantuan-devider desktop-only">|</div>
5057                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
5058                    <div class="bantuan-devider desktop-only">|</div>
5059                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
5060                    <div class="bantuan-devider desktop-only">|</div>
5061                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
5062                    <div class="bantuan-devider desktop-only">|</div>
5063                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
5064                    <div class="bantuan-devider desktop-only">|</div>
5065                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
5066                    <div class="bantuan-devider desktop-only">|</div>
5067                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
5068                </ul>
5069                            </div>
5070        
5071            
5072            <footer class="footer">
5073                
5074                <div class="guidelines">
5075                    <div class="desktop-only">
5076                        <div class="guidelines-content d-flex justify-content-center">
5077                            <img src="https://img.viva88athenae.com/assets/guidelines_w.png" style="width: 640px" />
5078                        </div>
5079                    </div>
5080                </div>
5081                
5082                <div class="provider d-none d-lg-block">
5083                    <div class="provider-group">
5084                        <img src="https://img.viva88athenae.com/assets/provider_w.png" class="desktop-only" alt="">
5085                    </div>
5086                </div>
5087                
5088                <div>
5089                    <style>
5090    /*Change Image*/
5091button.btn-aduan2 {
5092    display: none !important;
5093}
5094
5095</style>
5096<style>
5097        .transaksi-name {
5098            display: none; 
5099        }
5100    </style>
5101<!--<div style="position: fixed; bottom: 200px; right: 5px;index:5;capacity:0.98;">
5102  <a href="" download target="_blank"><img src= ""   alt="BONBON777-APK" width="90" height="90"></a>
5103</div>-->
5104
5105<style>
5106        #snackbar {
5107                visibility: visible;
5108                min-width: 20px;
5109                height: 70px;
5110                background-color: #ffff00;
5111                color: black;
5112                border-radius: 8px;
5113                border-style: solid;
5114                border-color: black;
5115                box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
5116                padding: 5px;
5117                position: fixed;
5118                z-index: 1;
5119                bottom: 60px;
5120				left: 5px;
5121                font-family: calibri;
5122        }
5123
5124        #snackbar.show {
5125                visibility: visible;
5126                
5127        }
5128
5129        
5130
5131       
5132</style>
5133<div id="snackbar" class="">
5134<h3 style="text-align: center";><b>WD SUKSES :</b></h3>
5135<p  style="text-align: center"; id="withdraw"></p>
5136
5137</div>
5138<script>
5139        function loadlink(){
5140            var angka_acak = Math.floor(Math.random() * (10001-50)+50);
5141    
5142            function maketextnumber(n) {
5143                for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "1", "2", "3", "4", "5", "6", "7", "8", "9"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
5144                    t[a] = r[parseInt(Math.random() * r.length)];
5145                    t = t;
5146                    randomtextnumber = t.join("")
5147                }
5148            }
5149    
5150            var huruf_acak = (maketextnumber(8), randomtextnumber);
5151            var huruf_belakang = huruf_acak.substring(6);
5152            var huruf_depan = huruf_acak.substring(0, 2);
5153    
5154            const rupiah = (number)=>{
5155                return new Intl.NumberFormat("id-ID", {
5156                    style: "currency",
5157                    currency: "IDR"
5158                }).format(number);
5159            }
5160    
5161            var nominal = rupiah(angka_acak+"000");
5162    
5163            var baris = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal;
5164    
5165            var x = document.getElementById("snackbar");
5166            x.className = "show";
5167            setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
5168            
5169            document.getElementById("withdraw").innerHTML = huruf_depan+"****"+" - "+nominal;
5170           
5171        }
5172        loadlink();
5173        setInterval(function(){
5174        loadlink() 
5175    }, 5000);
5176    
5177</script>
5177
5178
5179<!--end here-->
5180<div style="position: fixed; bottom: 270px; left: 5px;index:5;capacity:0.98;">
5181  <a href="https://Rtp29bonbon777.xyz"  target="_blank" rel="noopener noreferrer"><img src= "https://bonbon777img.xyz/images/RG.gif"   alt="RTP-BONBON777" width="90" height="90"></a>
5182</div>
5183<div style="position: fixed; bottom: 170px; left: 5px;index:5;capacity:0.98;">
5184  <a href="https://t.me/+0eNnZxwYe3RkNjRl"  target="_blank" rel="noopener noreferrer"><img src= "https://bonbon777img.xyz/images/tele128.png"   alt="Telegram bonbon777" width="90" height="90"></a>
5185</div>
5186<!--p
5187<style>
5188    #pop-up-container {
5189        display: flex;
5190        align-items: center;
5191        justify-content: space-evenly;
5192        position: fixed;
5193        z-index: 11;
5194        top: 0;
5195        left: 0;
5196        right: 0;
5197        bottom: 0;
5198    }
5199.marquee {
5200color: black
5201}
5202    #pop-up-wrapper {
5203        width: 85%;
5204        min-width: 215px;
5205        max-width: 380px;
5206        min-height: 160px;
5207        position: relative;
5208        z-index: 11;
5209        overflow: visible;
5210        border-radius: 5px;
5211    }
5212    #pop-up-wrapper img {
5213        width: 100%;
5214        border-radius: 5px 5px 0 0;
5215    }
5216    #pop-up-wrapper button {
5217        width: 100%;
5218        padding: 0.75rem;
5219        font-size: 0.90rem;
5220        font-weight: 800;
5221        border: none;
5222        border-radius: 0 0 5px 5px;
5223        margin: 0;
5224        background-color: #FF00C7;
5225    }
5226    .gray-bg {
5227        background: #00000000 no-repeat;
5228    }
5229    .swirl-in-fwd {
5230        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
5231        animation: swirl-in-fwd 0.6s ease-out both;
5232    }
5233    .x-mark-container {
5234        position: absolute;
5235        top: 5px;
5236        right: 5px;
5237        background-color: black;
5238        border-radius: 50%;
5239        width: 8%;
5240    }
5241    #bg-black {
5242        background-color: #ffffffd1;
5243        position: fixed;
5244        z-index: 10;
5245        top: 0;
5246        left: 0;
5247        right: 0;
5248        bottom: 0;
5249    }
5250    @-webkit-keyframes swirl-in-fwd {
5251        0% {
5252            -webkit-transform: rotate(-540deg) scale(0);
5253            transform: rotate(-540deg) scale(0);
5254            opacity: 0;
5255        }
5256        100% {
5257            -webkit-transform: rotate(0) scale(1);
5258            transform: rotate(0) scale(1);
5259            opacity: 1;
5260        }
5261    }
5262    @keyframes swirl-in-fwd {
5263        0% {
5264            -webkit-transform: rotate(-540deg) scale(0);
5265            transform: rotate(-540deg) scale(0);
5266            opacity: 0;
5267        }
5268        100% {
5269            -webkit-transform: rotate(0) scale(1);
5270            transform: rotate(0) scale(1);
5271            opacity: 1;
5272        }
5273    }
5274    .swirl-out-bck {
5275        -webkit-animation: swirl-out-bck 0.6s ease-in both;
5276        animation: swirl-out-bck 0.6s ease-in both;
5277    }
5278    @-webkit-keyframes swirl-out-bck {
5279        0% {
5280            -webkit-transform: rotate(0) scale(1);
5281            transform: rotate(0) scale(1);
5282            opacity: 1;
5283        }
5284        100% {
5285            -webkit-transform: rotate(-540deg) scale(0);
5286            transform: rotate(-540deg) scale(0);
5287            opacity: 0;
5288        }
5289    }
5290    @keyframes swirl-out-bck {
5291        0% {
5292            -webkit-transform: rotate(0) scale(1);
5293            transform: rotate(0) scale(1);
5294            opacity: 1;
5295        }
5296        100% {
5297            -webkit-transform: rotate(-540deg) scale(0);
5298            transform: rotate(-540deg) scale(0);
5299            opacity: 0;
5300        }
5301    }
5302    .fade-in {
5303        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
5304        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
5305    }
5306    @-webkit-keyframes fade-in {
5307        0% {
5308            opacity: 0;
5309        }
5310        100% {
5311            opacity: 1;
5312        }
5313    }
5314    @keyframes fade-in {
5315        0% {
5316            opacity: 0;
5317        }
5318        100% {
5319            opacity: 1;
5320        }
5321    }
5322    .fade-out {
5323        -webkit-animation: fade-out 1s ease-out both;
5324        animation: fade-out 1s ease-out both;
5325    }
5326    @-webkit-keyframes fade-out {
5327        0% {
5328            opacity: 1;
5329        }
5330        100% {
5331            opacity: 0;
5332        }
5333    }
5334    @keyframes fade-out {
5335        0% {
5336            opacity: 1;
5337        }
5338        100% {
5339            opacity: 0;
5340        }
5341    }
5342</style>
5343<script>
5344    window.addEventListener("DOMContentLoaded", () => {
5345        if (window.location.pathname === "/" || window.location.pathname === "/") {
5346            $("body").append(`
5347                <div id="pop-up-container" onclick="close_pop_up()">
5348                <div id="bg-black" class="fade-in"></div>
5349        
5350                <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
5351                    <img src="https://bonbon777img.xyz/bb400.jpg"alt="link bonbon777"/>
5352
5353                    <button onclick="close_pop_up()" style="color: #fff">SAYA SUDAH INGAT, LANJUT MAIN</button>
5354                </div>
5355                </div>
5356            `);
5357
5358            document.getElementById("pop-up-wrapper").addEventListener("click", (e) => {
5359                e.stopPropagation();
5360            });
5361        }
5362    });
5363
5364    const close_pop_up = () => {
5365        document.getElementById("pop-up-wrapper")?.classList.replace("swirl-in-fwd", "swirl-out-bck");
5366        document.getElementById("bg-black")?.classList.replace("fade-in", "fade-out");
5367
5368        setTimeout(() => {
5369            const pop_up_container = document.getElementById("pop-up-container");
5370            pop_up_container?.parentElement.removeChild(pop_up_container);
5371        }, 1000);
5372    };
5373</script>
5373-->
5374
5375<style>
5376        * {
5377            margin: 0;
5378            padding: 0;
5379            box-sizing: border-box;
5380            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
5381        }
5382        
5383        .article-footer {
5384            background: rgba(13, 27, 42, 0.8);
5385            border-radius: 15px;
5386            padding: 30px;
5387            margin-top: 40px;
5388            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
5389            border: 1px solid #2a4365;
5390        }
5391        
5392        h1 {
5393            color: #ffcc00;
5394            font-size: 2.5rem;
5395            margin-bottom: 25px;
5396            text-align: center;
5397            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
5398            border-bottom: 2px solid #2a4365;
5399            padding-bottom: 15px;
5400        }
5401        
5402        h2 {
5403            color: #4fd1c5;
5404            font-size: 2rem;
5405            margin: 30px 0 20px 0;
5406            padding-bottom: 10px;
5407            border-bottom: 1px solid #2a4365;
5408        }
5409        
5410        h3 {
5411            color: #63b3ed;
5412            font-size: 1.6rem;
5413            margin: 25px 0 15px 0;
5414        }
5415        
5416        h4 {
5417            color: #68d391;
5418            font-size: 1.4rem;
5419            margin: 20px 0 12px 0;
5420        }
5421        
5422        h5 {
5423            color: #fbb6ce;
5424            font-size: 1.2rem;
5425            margin: 15px 0 10px 0;
5426        }
5427        
5428        h6 {
5429            color: #b794f4;
5430            font-size: 1.1rem;
5431            margin: 12px 0 8px 0;
5432            font-style: italic;
5433        }
5434        
5435        p {
5436            margin-bottom: 18px;
5437            color: #000000;
5438            font-size: 1.1rem;
5439            text-align: justify;
5440        }
5441        
5442        .highlight {
5443            background: rgba(255, 204, 0, 0.1);
5444            border-left: 4px solid #ffcc00;
5445            padding: 15px 20px;
5446            margin: 20px 0;
5447            border-radius: 0 8px 8px 0;
5448        }
5449        
5450        .cta-button {
5451            display: inline-block;
5452            background: linear-gradient(to right, #ffcc00, #ffaa00);
5453            color: #1a202c;
5454            padding: 14px 30px;
5455            border-radius: 50px;
5456            text-decoration: none;
5457            font-weight: bold;
5458            font-size: 1.2rem;
5459            margin: 25px 0;
5460            text-align: center;
5461            transition: all 0.3s ease;
5462            box-shadow: 0 4px 15px rgba(255, 204, 0, 0.3);
5463        }
5464        
5465        .cta-button:hover {
5466            transform: translateY(-3px);
5467            box-shadow: 0 6px 20px rgba(255, 204, 0, 0.5);
5468        }
5469
5470            
5471            h1 {
5472                font-size: 2rem;
5473            }
5474            
5475            h2 {
5476                font-size: 1.7rem;
5477            }
5478            
5479            h3 {
5480                font-size: 1.4rem;
5481            }
5482            
5483            .article-footer {
5484                padding: 20px;
5485            }
5486        }
5487    </style>
5488
5489<div class="article-footer">
5490        <h1>Bonbon777: Sebuah Revolusi dalam Pengalaman Bermain Game Online</h1>
5491        
5492        <h2>Bonbon777: Lebih dari Sekadar Platform, Sebuah Komunitas Eksklusif</h2>
5493        <p>Di tengah maraknya platform game online yang serupa, Bonbon777 hadir dengan sebuah filosofi berbeda. Situs ini tidak hanya sekadar menyediakan permainan, tetapi membangun sebuah ekosistem di mana setiap pemain merasa dihargai. Dari antarmuka yang terinspirasi oleh seni kontemporer hingga soundtrack orisinal yang dapat dinikmati di dalam platform, setiap detail dirancang untuk menciptakan sensasi "kembali ke rumah" bagi para enthusiast. Inilah yang membedakannya dari platform lain yang hanya berfokus pada transaksi.</p>
5494        
5495        <h3>Menghidupkan Kembali Cerita di Setiap Permainan</h3>
5496        <h4>Koleksi Permainan yang Sulit Ditandingi</h4>
5497        <h5>Dari Slot Hingga Live Casino Semua Ada di Sini</h5>
5498        <p>Berbeda dengan situs yang hanya mengandalkan RTP (Return to Player), Bonbon777 membangun narasi. Setiap slot dan permainan meja dilengkapi dengan lore dan karakter latar yang dikembangkan oleh tim kreatif dalam negeri. Saat Anda memutar gulungan di "Petualangan Nusantara", Anda bukan hanya mengejar jackpot, tetapi juga menyusuri cerita tentang keberanian seorang laskar. Pendekatan storytelling ini menambahkan lapisan kedalaman emosional, mengubah sesi bermain biasa menjadi sebuah perjalanan yang immersive dan personal.</p>
5499        <h6>Inilah yang membuat Bonbon777 unggul dari situs sejenis.</h6>
5500        
5501        <div class="section-divider"></div>
5502        
5503        <h3>Keamanan dan Layanan yang Menjadi Prioritas</h3>
5504        <h4>Antarmuka yang Beradaptasi dengan Gaya Bermain Anda</h4>
5505        <h5>Bonbon777 Memastikan Setiap Transaksi Anda Aman dan Cepat</h5>
5506        <p>
5506Bayangkan sebuah platform yang justru menjadi lebih sederhana seiring dengan meningkatnya pengalaman Anda. Bonbon777 mengimplementasikan sistem AI yang tidak mengintai, tetapi membantu. Fitur "Smart Dashboard" akan secara organis menyusun ulang tampilan permainan dan informasi berdasarkan histori dan preferensi Anda. Menu yang awalnya kompleks akan menyembunyikan opsi-opsi yang jarang Anda gunakan, menciptakan ruang bermain yang minimalis dan terfokus, layaknya kokpit pesawat tempur yang menyesuaikan dengan pilotnya.</p>
5507        <h6>Dengan reputasi terpercaya, Bonbon777 menjadi pilihan yang aman.</h6>
5508        
5509        <div class="section-divider"></div>
5510        
5511        <h2>Jadilah Bagian dari Generasi Baru Pemain Cerdas Bersama Bonbon777</h2>
5512        <p>Memilih sebuah platform game online hari ini bukan lagi sekadar memilih permainan dengan pembayaran tertinggi. Ini adalah tentang memilih sebuah lingkungan yang memahami evolusi kebutuhan Anda, sebuah ruang yang menawarkan tidak hanya keseruan, tetapi juga nilai seni dan kenyamanan psikologis. Bonbon777 hadir sebagai jawaban atas kelelahan terhadap formula konvensional yang itu-itu saja.</p>
5513        
5514        <div class="highlight">
5515            <h4>Akses Vault Permainan Eksklusif dan Mulai Perjalanan Unik Anda</h4>
5516            <h5>Bonbon777 adalah destinasi terbaik untuk keseruan tanpa henti.</h5>
5517            <p>Jangan biarkan momen inspirasi ini berlalu. Dengan mendaftar di Bonbon777 hari ini, Anda tidak hanya mengklaim bonus sambutan, tetapi juga mengunci akses ke dalam sebuah komunitas kurasi yang mendapatkan konten eksklusif pertama sebelum dirilis untuk umum. Isi formulir pendaftaran singkat itu dan lihat sendiri bagaimana sebuah platform dapat menghargai waktu dan selera bermain Anda yang semakin matang. Titik awal petualangan digital Anda yang sesungguhnya dimulai dengan satu klik.</p>
5518            <h6>Jangan lewatkan kesempatan emas ini. Klik dan buktikan sendiri!</h6>
5519            
5520            <a href="https://bonbon777.team/register" class="cta-button">DAFTAR SEKARANG DI BONBON777</a>
5521        </div>
5522    </div>                </div>
5523                
5524                
5525                <div class="footer-group">
5526                    <div class="copyright">
5527                        <div style="white-space: nowrap">
5527© 2015 - 2026 Copyright BONBON777.</div>
5528                        <div>All Rights Reserved.</div>
5529                    </div>
5530                    <div class="desktop-only">
5531                        <div class="d-flex gap-1">
5532                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
5533                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
5534                        </div>
5535                    </div>
5536                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines_w.png" alt="">
5537                    
5538                    <button class="btn btn-aduan2 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=dy-sCc8ZCYPk-6JdXmkBTzoVAeCAiwUqbDAQZrZ5MdE.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
5539                        <i class="bi bi-shield-fill-exclamation"></i>
5540                        <strong class="ms-1">LAPOR PUSAT</strong>
5541                    </button>
5542                </div>
5543            </footer>
5544            
5545            
5546            
5547            
5548            
5549            <!-- SIDENAV -->
5550            <div id="mySidenav" class="sidenav desktop-only">
5551                <div id="nav">
5552                    <div style="display: flex; align-items: start;">
5553                        <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;">
5554                            
5555                            <img src="/assets/hubungi.png?11">
5556                            
5557                        </div>
5558                        <!--<img id="about" src="/images/kontak.png?4">-->
5559                    </div>
5560                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
5561                       <div id="" style="padding: 4px">
5562                       <img src="/assets/24h.png" style="width: 100%"></img>
5563                        </div>
5564                    
5565                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
5566                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
5567                            
5568                                                                
5569                                                                                
5570                                            <a href="https://t.me/+0eNnZxwYe3RkNjRl" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
5571                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>https://t.me/+0eNnZxwYe3RkNjRl</span>
5572                                            </a>
5573                                            
5574                                            
5575                                    
5576                                                                        
5577                                                                                
5578                                            <a href="https://wa.me/+6282160545224" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
5579                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>+6282160545224</span>
5580                                            </a>
5581                                            
5582                                            
5583                                    
5584                                                                
5585    
5586                        </div>
5587                            <div style="margin: 8px">
5588                                <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>
5589                            </div>
5590                    </div>
5591                </div>
5592            </div>
5593        </div>
5594
5595                
5596        <!--POP UP -->
5597                
5598        <!-- LIVE CHAT -->
5599        
5600        
5601        <!-- LiveChat Internal -->
5602            <style id="cs-embed-custom-styles">
5603    /* Generated widget appearance — theme: dark */
5604.cs-embed {
5605  --cs-primary: #4f46e5;
5606  --cs-secondary: #94a3b8;
5607  --cs-panel-width: 360px;
5608  --cs-panel-height: 520px;
5609  --cs-footer-bg: #1e293b;
5610  --cs-footer-border: #334155;
5611  --cs-input-row-bg: #0f172a;
5612  --cs-input-text: #e2e8f0;
5613  --cs-input-muted: #94a3b8;
5614  --cs-upload-bg: #334155;
5615  --cs-upload-border: #475569;
5616  --cs-upload-icon: #e2e8f0;
5617  --cs-image-preview-bg: #1e293b;
5618  --cs-image-preview-border: #334155;
5619  --cs-closed-notice: #94a3b8;
5620  --cs-scrollbar-track: #0f172a;
5621  --cs-scrollbar-thumb: #475569;
5622  --cs-scrollbar-thumb-hover: #64748b;
5623  --cs-messages-bg: #0f172a;
5624  --cs-sticky-banner-bg: #422006;
5625  --cs-sticky-banner-border: #78350f;
5626  --cs-sticky-banner-inner-bg: #1c1917;
5627  --cs-sticky-banner-inner-border: #92400e;
5628  --cs-sticky-banner-text: #fcd34d;
5629  right: 24px; left: auto; align-items: flex-end;
5630}
5631
5632.cs-embed .cs-panel {
5633  background: #0f172a;
5634  color: #e2e8f0;
5635}
5636
5637.cs-embed .cs-messages {
5638  background: var(--cs-messages-bg);
5639  scrollbar-color: var(--cs-scrollbar-thumb) var(--cs-scrollbar-track);
5640}
5641
5642.cs-embed .cs-footer,
5643.cs-embed .cs-footer--demo,
5644.cs-embed .cs-footer--intake {
5645  background: var(--cs-footer-bg);
5646  border-top-color: var(--cs-footer-border);
5647}
5648
5649.cs-embed .cs-input-row {
5650  background: var(--cs-input-row-bg);
5651}
5652
5653.cs-embed .cs-intake-label {
5654  color: var(--cs-input-text);
5655}
5656
5657.cs-embed .cs-intake-intro {
5658  color: var(--cs-closed-notice);
5659}
5660
5661.cs-embed .cs-intake-input {
5662  background: var(--cs-upload-bg);
5663  border-color: var(--cs-upload-border);
5664  color: var(--cs-input-text);
5665}
5666
5667.cs-embed .cs-intake-input::placeholder {
5668  color: var(--cs-input-muted);
5669}
5670
5671.cs-embed .cs-intake-skip {
5672  background: var(--cs-upload-bg);
5673  border-color: var(--cs-upload-border);
5674  color: var(--cs-input-muted);
5675}
5676
5677.cs-embed .cs-bubble--agent {
5678  background: #1e293b;
5679  color: #e2e8f0;
5680  border-color: #334155;
5681}
5682
5683.cs-embed .cs-sender-label {
5684  color: #94a3b8;
5685}
5686
5687.cs-embed .cs-time,
5688.cs-embed .cs-msg-event__time {
5689  color: #64748b;
5690}
5691
5692.cs-embed .cs-ai-typing__dot {
5693  background: #64748b;
5694}
5695
5696.cs-embed .cs-ai-typing__label {
5697  color: #94a3b8;
5698}
5699
5700.cs-toggle:not(.cs-toggle--banner) {
5701  background: var(--cs-primary);
5702  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
5703}
5704
5705.cs-header {
5706  background: linear-gradient(135deg, #4f46e5, #94a3b8);
5707}
5708
5709.cs-bubble--customer {
5710  background: #4f46e5;
5711  color: #ffffff;
5712}    </style>
5713    
5713<script src="https://service.lc1001ai.com/embed.js"></script>
5713
5714    
5714<script>
5715                (function () {
5716            var chatServiceUrl = "https://service.lc1001ai.com";
5717            var channelId = "6a9e864b2e9cde11cc6ad08a";
5718            var credentials = "";
5719            var showWidget = true;
5720            window.CsChatEmbed
5721            .init({
5722                chatServiceUrl: chatServiceUrl,
5723                channelId: channelId,
5724                credentials: credentials,
5725                createWidget: true,
5726                showWidget: showWidget,
5727                fetchAppearance: false,
5728            })
5729            .then(function (result) {
5730                console.log("Chat connected, sessionId:", result.sessionId);
5731            })
5732            .catch(function (err) {
5733                console.error("Chat init failed:", err);
5734            });
5735        })();
5736    </script>
5736
5737        <style>
5738        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
5739        body.modal-open .cs-embed { z-index: 1049 !important; }
5740        </style>
5741           
5742
5743        
5743<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5743
5744        
5744<script>
5745            document.addEventListener('DOMContentLoaded', function() {
5746                setTimeout(function() {
5747                    const mobileForm = document.querySelector('#mobilelogin form') || 
5748                                      document.querySelector('#mobilelogin .login-form') ||
5749                                      document.querySelector('.mobile-only form');
5750                    
5751                    if (!mobileForm) {
5752                        return;
5753                    }
5754                    
5755                    const username = mobileForm.querySelector('input[name="username"]');
5756                    const password = mobileForm.querySelector('input[name="password"]');
5757                    const remember = document.querySelector('#rememberMe') || 
5758                                    document.querySelector('input[type="checkbox"]');
5759                    
5760                    if (!username || !password || !remember) {
5761                        return;
5762                    }
5763                    
5764                    try {
5765                        localStorage.setItem('test', 'working');
5766                        if (localStorage.getItem('test') === 'working') {
5767                            localStorage.removeItem('test');
5768                        } else {
5769                            return;
5770                        }
5771                    } catch(e) {
5772                        return;
5773                    }
5774                    
5775                    initializeRememberMe();
5776                    loadSavedData();
5777                    
5778                    mobileForm.addEventListener('submit', handleSave);
5779                    mobileForm.addEventListener('click', function(e) {
5780                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
5781                            handleSave();
5782                        }
5783                    });
5784                    remember.addEventListener('change', function() {
5785                        if (!this.checked) {
5786                            clearSavedData();
5787                            localStorage.setItem('mobile_remember_unchecked', 'true');
5788                        } else {
5789                            localStorage.removeItem('mobile_remember_unchecked');
5790                        }
5791                    });
5792    
5793                    function initializeRememberMe() {
5794                        try {
5795                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
5796                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
5797                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
5798                                remember.checked = false;
5799                            } else {
5800                                remember.checked = true;
5801                            }
5802                        } catch(e) {
5803                            remember.checked = true;
5804                        }
5805                    }
5806                    
5807                    function loadSavedData() {
5808                        try {
5809                            const savedUsername = localStorage.getItem('mobile_username');
5810                            const savedPassword = localStorage.getItem('mobile_password');
5811                            const rememberChecked = localStorage.getItem('mobile_remember');
5812                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
5813                                username.value = savedUsername;
5814                                password.value = savedPassword;
5815                            }
5816                        } catch(e) {
5817                            // console.log('Error loading data:', e);
5818                        }
5819                    }
5820                    
5821                    function handleSave() {
5822                        if (remember.checked) {
5823                            const usernameVal = username.value.trim();
5824                            const passwordVal = password.value.trim();
5825                            
5826                            if (usernameVal && passwordVal) {
5827                                try {
5828                                    localStorage.setItem('mobile_username', usernameVal);
5829                                    localStorage.setItem('mobile_password', passwordVal);
5830                                    localStorage.setItem('mobile_remember', 'true');
5831                                    localStorage.setItem('mobile_login_success', 'true');
5832                                } catch(e) {
5833                                    // console.log('Error saving data:', e);
5834                                }
5835                            }
5836                        } else {
5837                            clearSavedData();
5838                            localStorage.setItem('mobile_login_success', 'true');
5839                        }
5840                    }
5841                    
5842                    function clearSavedData() {
5843                        try {
5844                            localStorage.removeItem('mobile_username');
5845                            localStorage.removeItem('mobile_password');
5846                            localStorage.removeItem('mobile_remember');
5847                        } catch(e) {
5848                            // console.log('Error clearing data:', e);
5849                        }
5850                    }
5851                }, 100); // Wait 100ms
5852                
5853                function initBroadcastMarquee() {
5854                $('.mobile-broadcast, #marquee .broadcast').each(function () {
5855                    const el = $(this);
5856            
5857                    if ($.trim(el.text()) === '') return;
5858                    if (!el.is(':visible')) return;
5859            
5860                    try {
5861                        el.marquee('destroy');
5862                    } catch (e) {}
5863            
5864                    el.marquee({
5865                        speed: 30,
5866                        gap: 80,
5867                        delayBeforeStart: 0,
5868                        direction: 'left',
5869                        duplicated: true,
5870                        pauseOnHover: true,
5871                        startVisible: true
5872                    });
5873                });
5874            }
5875            
5876            $(window).on('load', function () {
5877                setTimeout(function () {
5878                    initBroadcastMarquee();
5879                }, 300);
5880            });
5881            
5882            $(window).on('resize orientationchange', function () {
5883                clearTimeout(window.broadcastResizeTimer);
5884                window.broadcastResizeTimer = setTimeout(function () {
5885                    initBroadcastMarquee();
5886                }, 400);
5887            });
5888                                                
5889                // document.querySelectorAll("marquee").forEach(function(marquee){
5890
5891                // let speed = 0.5; // smaller = slower
5892                // let position = marquee.offsetWidth;
5893            
5894                // function animate(){
5895                //     position--;
5896            
5897                //     if(position < -marquee.scrollWidth){
5898                //         position = marquee.offsetWidth;
5899                //     }
5900            
5901                //     marquee.style.transform = "translateX(" + position + "px)";
5902                //     requestAnimationFrame(animate);
5903                // }
5904            
5905                // animate();
5906            
5907                // // pause on hover
5908                // marquee.addEventListener("mouseenter", function(){
5909                //     speed = 0;
5910                // });
5911            
5912                // marquee.addEventListener("mouseleave", function(){
5913                //     speed = 0.5;
5914                // });
5915            
5916            // });
5917                
5918                
5919            });
5920        </script>
5920
5921
5922        
5922<script>
5923                            if(document.getElementById("promo")) {
5924                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
5925                    window.onload = () => {
5926                        myModal.show();
5927                    }
5928                }
5929                    
5930            var mobileurl = 'm/';
5931            	
5932
5933
5934            var showIDs = [];
5935            
5936            function showProducts(hoverID) {
5937                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
5938
5939                // document.getElementById('hover').classList.add("hover-show");
5940                document.getElementById('hover').style.transitionDelay = "0s";
5941                document.getElementById('hover').style.visibility = "visible";
5942                document.getElementById('hover').style.opacity = "1";
5943                document.getElementById(hoverID).style.display = "flex";
5944
5945                showIDs.push(hoverID);
5946
5947            }
5948
5949            function hideProducts(hoverID) {
5950                // document.getElementById('hover').classList.remove("hover-show");
5951                document.getElementById('hover').style.visibility = "hidden";
5952                document.getElementById('hover').style.opacity = "0";
5953                document.getElementById('hover').style.transitionDelay = "1s";
5954                
5955            }
5956
5957            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
5958            var marquee = document.getElementById('marquee');
5959            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
5960            var mobileLoginBox = document.getElementById('mobilelogin');
5961
5962            function closeContent() {
5963                $('#main-content').html(""); 
5964            }
5965
5966
5967            function openDaftar() {
5968                closeContent();
5969
5970                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
5971                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
5972
5973                mobileDaftarForm.style.display = "block";
5974                mobileDaftarForm.scrollIntoView();
5975            }
5976
5977            function closeDaftar() {
5978                mobileDaftarForm.style.display = "none";
5979                marquee.scrollIntoView();
5980            }
5981            
5982            
5983            function showProvider(type) {
5984                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
5985                $('#main-content').load("/new-showprovider.php?type=" + type); 
5986            }
5987            
5988            function toggleInformasi(item) {
5989                page(item);
5990            }
5991            
5992            function showInformasi(item) {
5993                document.getElementById('modal-wrapper').style.display='block';
5994                toggleInformasi(item);
5995            }
5996
5997            function openChangePasswordMobile() {
5998                closeContent();
5999
6000                if (mobileLoginBox) mobileLoginBox.style.display = "none";
6001                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6002
6003                if (mobileChangePasswordForm) {
6004                    mobileChangePasswordForm.style.display = "block";
6005                    mobileChangePasswordForm.scrollIntoView();
6006                }
6007            }
6008
6009            function closeChangePasswordMobile() {
6010                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6011                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6012                if (mobileLoginBox) mobileLoginBox.style.display = "block";
6013
6014                marquee.scrollIntoView();
6015            }
6016            
6017            
6018
6019                    
6020        </script>
6020
6021        
6021<script src="/js/old/new2-webduo35.js?v=1790436668"></script>
6021
6022 
6023        
6023<script>
6024            function scrollToLoginForm(launchType, matchId) {
6025                sessionStorage.setItem('launch', launchType);
6026                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
6027                else sessionStorage.removeItem('sbo_matchId');
6028                window.scrollTo({ top: 0, behavior: 'smooth' });
6029                setTimeout(function() {
6030                    var isMobile = window.innerWidth <= 1000;
6031                    var loginSelector = isMobile
6032                        ? '#mobilelogin input[name="username"]'
6033                        : '#desktoplogin form';
6034                    var el = document.querySelector(loginSelector);
6035                    if (!el) return;
6036                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
6037                    if (usernameEl && !isMobile) usernameEl.focus();
6038                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
6039                    const driver = window.driver.js.driver({
6040                        popoverClass: 'driverjs-theme',
6041                        showProgress: false,
6042                        showButtons: [],
6043                        overlayOpacity: 0.3,
6044                        steps: [
6045                            {
6046                                element: loginSelector,
6047                                popover: {
6048                                    title: 'Harap Login',
6049                                    description: 'Silakan masukkan username Anda',
6050                                    side: 'bottom',
6051                                    align: 'start',
6052                                    showButtons: [],
6053                                    nextBtnText: '',
6054                                    prevBtnText: '',
6055                                    doneBtnText: ''
6056                                }
6057                            }
6058                        ],
6059                        onDestroyStarted: () => driver.destroy(),
6060                    });
6061                    driver.drive();
6062                    if (usernameEl) {
6063                        function destroyDriver() {
6064                            driver.destroy();
6065                            window.scrollTo({ top: 0 });
6066                            usernameEl.removeEventListener('input', destroyDriver);
6067                            usernameEl.removeEventListener('click', destroyDriver);
6068                            usernameEl.removeEventListener('focus', destroyDriver);
6069                        }
6070                        usernameEl.addEventListener('input', destroyDriver, { once: true });
6071                        usernameEl.addEventListener('click', destroyDriver, { once: true });
6072                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
6073                    }
6074                }, 500);
6075            }
6076        </script>
6076
6077        
6077<script>
6078            window.addEventListener("message", function(e) {
6079                if (e.origin !== "https://fkupon.com") return;
6080                if (e.data && e.data.action === "resize" && e.data.height) {
6081                    var iframes = document.querySelectorAll(".iframe-kupon");
6082                    iframes.forEach(function(iframe) {
6083                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
6084                    });
6085                }
6086            });
6087        </script>
6087
6088
6089
6090        <!-- POP UP COOKIES -->
6091        
6092<style>
6093    
6094        
6095    .kebijakan-privasi, .kebijakan-cookies {
6096        color: var(--primary-color);
6097        text-decoration: underline;
6098    }
6099    
6100    
6101        
6102</style>
6103
6104
6105<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #FFF; box-shadow:rgba(0,0,0,0.6) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #333">
6106  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #DDD; font-size: 1rem">
6107        <div>
6108    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>  
6109  </div>
6110  <div>
6111     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
6112  </div>
6113</div>
6114<script>
6115    $( "#boxprivacy" ).blur(function() {
6116    alert( "Handler for .blur() called." );
6117});
6118</script>
6118   
6119
6120        
6121    
6121<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d02c29cbfdbc471888c13cb5f4267768","r":1,"spa":2}' crossorigin="anonymous"></script>
6121
6122</body>
6123</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.