PageSourceSearch

https://bonbon777.team/slot/pg

html bonbon777.team collected 2026-10-05 04:34:26 UTC 383,420 bytes, 6,245 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?4483" 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="TRTjx88X3KDmPOjE1jhh9952s4uVYNi+mt9CXi9jMsc=">
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="WBMc1/UPHHj6AEQO3OiT9NkMU4pEhPWXrc/9oBOEEJs=">
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="TRT
1863jx88X3KDmPOjE1jhh9952s4uVYNi+mt9CXi9jMsc=">
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                                        
1917                        <div class="content-body" style="position: relative">
1918                                <div class="content-area">
1919                                    <div id="content" class="content-box">
1920                                        
1921                                        	
1922	<style>
1923	.panelbg h2
1924	{
1925		color:#000;	
1926	}
1927	</style>
1928        <div class="panel panelbg">
1929       <div class="desktop-only"><h3 class="pb-4">Slot</h3></div>
1930           <div class="panel-body">
1931           
1932            <div style="margin-top: 10px">
1933            
1934            <style>
1935    
1936    .slotarea {
1937        height: 800px;
1938         overflow:auto;
1939        width: 100%; 
1940        display: grid; 
1941        grid-template-columns: repeat(5, 1fr);
1942        gap-y: 25px;
1943        margin-bottom: 40px;
1944    }
1945    
1946    .casinoarea {
1947        overflow:auto;
1948        width: 100%; 
1949        display: grid; 
1950        grid-template-columns: repeat(4, 1fr);
1951        gap-y: 25px;
1952        margin-bottom: 24px;
1953    }
1954    
1955    .interactivearea {
1956        height: 800px;
1957         overflow:auto;
1958        width: 100%; 
1959        display: grid; 
1960        grid-template-columns: repeat(5, 1fr);
1961        gap-y: 25px;
1962        margin-bottom: 40px;
1963    }
1964    
1965    .five {
1966        grid-template-columns: repeat(5, 1fr);
1967    }
1968    
1969    .gameitem {
1970        padding: 20px;
1971        padding-top: 0px;
1972        position: relative;
1973    }
1974    
1975    .gameitem>img {
1976        width: 200px;
1977        max-width: 200px;
1978        object-fit: contain;
1979    }
1980    
1981    .gameitem>figcaption {
1982        overflow-wrap: break-word;
1983    }
1984    
1985    .casinoimg {
1986        border-radius: 10px;
1987        border: 1px solid #000; 
1988        box-shadow:rgba(0,0,0,.1) 0px 2px 5px 5px;
1989    }
1990    
1991    @media only screen and (max-width: 768px) {
1992        
1993        .slotarea, .casinoarea, .interactivearea{
1994            height: 100%;
1995            grid-template-columns: repeat(3, 1fr)!important;
1996            gap: 6px;
1997            padding: 8px;
1998            box-sizing: border-box;
1999        }
2000        
2001        .gameitem {
2002            padding: 2px;
2003        }
2004        
2005        .gameitem .casinoimg {
2006            width: 100%!important;
2007            max-width: 100%!important;
2008            height: auto;
2009        }
2010
2011        .slotarea .gameitem>img,
2012        .interactivearea .gameitem>img {
2013            width: auto !important;
2014            max-width: 100px !important;
2015            height: auto;
2016            margin: 0 auto;
2017            display: block;
2018        }
2019        
2020        .gameitem>figcaption {
2021            font-size: 10px;
2022            line-height: 1.2;
2023        }
2024
2025        /* PP - NEW */
2026        .gameitem img[alt="NEW"][src*="icon-pp-new"] {
2027            top: 2px !important;
2028            left: 7px !important;
2029            max-width: 35px !important;
2030            height: auto !important;
2031        }
2032
2033        /* PP - TOP */
2034        .gameitem img[alt="TOP"][src*="icon-pp-top"] {
2035            top: 2px !important;
2036            left: 8px !important;
2037            max-width: 34px !important;
2038            height: auto !important;
2039        }
2040
2041        /* PG - NEW */
2042        .gameitem img[alt="NEW"][src*="icon-pg-new"] {
2043            top: 2px !important;
2044            left: 7px !important;
2045            max-width: 40px !important;
2046            height: auto !important;
2047        }
2048
2049        /* PG - TOP */
2050        .gameitem img[alt="TOP"][src*="icon-pg-top"] {
2051            top: 2px !important;
2052            left: 7px !important;
2053            max-width: 30px !important;
2054            height: auto !important;
2055        }
2056
2057        /* JL/JILI - NEW */
2058        .gameitem img[alt="NEW"][src*="icon-jili-new"] {
2059            top: 2px !important;
2060            left: 7px !important;
2061            max-width: 55px !important;
2062            height: auto !important;
2063        }
2064
2065        /* JL/JILI - TOP */
2066        .gameitem img[alt="TOP"][src*="icon-jili-top"] {
2067            top: 2px !important;
2068            left: 7px !important;
2069            max-width: 40px !important;
2070            height: auto !important;
2071        }
2072    }
2073    
2074</style>
2075
2076
2077<h2 style="margin-bottom:30px; "><img src="https://img.viva88athenae.com/pg.png"  alt="" style="margin-top:-20px; height: 40px"/>PGSoft</h2><div class="slotarea"><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-mischief.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Lucky Mischief</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-lanterns.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Prosperity Lanterns</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/touchdown-wins.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-new.png" alt="NEW" style="position:absolute; top:0px; left:17px; max-width:55px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Touchdown Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mahjong-ways.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top1.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Mahjong Ways</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mahjong-ways2.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top2.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Mahjong Ways 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-bounty-showdown.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top3.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Wild Bounty Showdown</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-bandito.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top4.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Wild Bandito </figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-neko.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top5.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Lucky Neko</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/treasures-aztec.png" style="width:150px"><img src="https://img.viva88athenae.com/icon-pg-top6.png" alt="TOP" style="position:absolute; top:0px; left:17px; max-width:45px; height:auto; z-index:2;"><figcaption style="text-align:center; margin-top:5px;">Treasures of Aztec</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-ape.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Ape #3258</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ways-of-qilin.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ways of the Qilin</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gemstone-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gemstones Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/pinata-wins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Pinata Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/geishas-revenge.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Geisha's Revenge</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/anubis-wrath.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Anubis Wrath</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mafia-mayhem.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mafia Mayhem</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cocktail-nite.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cocktail Nights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mr-treasures-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mr Treasures Fortune</figcaption></figure><figure class="gameitem">
2077<img src = "https://img.viva88athenae.com/pg/images/dragon-hatch2.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Hatch 2</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/queen-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Queen of Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/the-great-icescape.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">The Great Icescape</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jurassic-kdm.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jurassic Kingdom</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/yakuza-honor.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Yakuza Honor</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/speed-winner.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Speed Winner</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/farmstead-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Farmstead Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/tornado-rampage.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tornado Rampage</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/zombie-blasters.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Zombie Blasters</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/monkeys-wild-party.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Monkeys Wild Party</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/super-wildrix.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Super Wildrix</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/reel-royale-showdown.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Reel Royale Showdown</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mighty-mania.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mighty Mania</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/funky-fortunez.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Funky Fortunez</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/perfect-strike.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Perfect Strike</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mayan-destiny.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mayan Destiny</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/inferno-mayhem.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Inferno Mayhem</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-horse.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Horse</figcaption></figure><figure class="gameitem">
2077<img src = "https://img.viva88athenae.com/pg/images/forbidden-alchemy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Forbidden Alchemy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mythical-guardians.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mythical Guardians</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/poker-kingdom-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Poker Kingdom Win</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/alibabas-cave-of-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Alibabas Cave of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/skylight-wonders.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Skylight Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/pharaoh-royals.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Pharaoh Royals</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/kraken-gold-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Kraken Gold Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/majestic-empire.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Majestic Empire</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/grimms-bounty-hansel-gretel.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Grimms Bounty: Hansel & Gretel</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/galaxy-miner.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Galaxy Miner</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragons-treasure-quest.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragons Treasure Quest</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diner-frenzy-spins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Diner Frenzy Spins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jack-the-giant-hunter.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jack the Giant Hunter</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dead-mans-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dead Mans Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/knockout-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Knockout Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/doomsday-rampage.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Doomsday Rampage</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/graffiti-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Graffiti Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/incan-wonder.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Incan Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-snake.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Snake</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/chocolate-deluxe.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2077Chocolate Deluxe</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rio-fantasia.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rio Fantasia</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/museum-mystery.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Museum Mystery</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/oishi-delights.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Oishi Delights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/three-crazy-piggies.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Three Crazy Piggies</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wings-of-iguazu.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wings of Iguazu</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/shark-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Shark Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/zombie-outbreak.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Zombie Outbreak</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/futebol-fever.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Futebol Fever</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/chicky-run.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Chicky Run</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mystic-potions.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mystic Potion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cash-mania.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cash Mania</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-dragon.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Dragon</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/werewolfs-hunt.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Werewolf's Hunt</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/tsar-treasures.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tsar Treasures</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/forge-of-wealth.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Forge of Wealth</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-heist-cashout.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Heist Cashout</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ultimate-striker.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ultimate Striker</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ninja-raccoon-frenzy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ninja Raccoon Frenzy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gladiators-glory.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gladiator's Glory</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/safari-wilds.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Safari Wilds</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cruise-royale.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cruise Royale</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fruity-candy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fruity Candy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-clover-lady.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Lucky Clover Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-rabbit.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Rabbit</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/super-golf-drive.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Super Golf Drive</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bakery-bonanza.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bakery Bonanza</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rave-party-fever.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rave Party Fever</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/midas-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Midas Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/asgardian-rising.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Asgardian Rising</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diner-delights.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Diner Delights</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/alchemy-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Alchemy Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/totem-wonders.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Totem Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-fortune-tree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Prosperity Fortune Tree</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-coaster.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Coaster</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/legend-of-perseus.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legend of Perseus</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lucky-piggy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Lucky Piggy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dreams-of-macau.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2077Dreams of Macau</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ganesha-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ganesha Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/cai-shen-wins.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Cai Shen Wins</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-hatch.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Hatch</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/lgd-monkey-kg.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legendary Monkey King</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour-sword.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour Sword</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-legend.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Legend</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-gods.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Gods</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/prosperity-lion.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Prosperity Lion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mystical-spirits.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mystical Spirits</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/songkran-splash.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Songkran Splash</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hawaiian-tiki.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hawaiian Tiki</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fish-prawn-crab.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fish Prawn Crab</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/battleground-royale.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Battleground Royale</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/the-queens-banquet.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">The Queen's Banquet</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rooster-rumble.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rooster Rumble</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/butterfly-blossom.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Butterfly Blossom</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/destiny-sun-moon.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Destiny of Sun & Moon</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/garuda-gems.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Garuda Gems</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-tiger.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Tiger</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/oriental-pros.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Oriental Prosperity</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mask-carnival.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mask Carnival</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/emoji-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Emoji Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/spirit-wonder.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Spirited Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/buffalo-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Buffalo Win</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/sprmkt-spree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Supermarket Spree</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/crypt-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Raider Jane Crypt of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mermaid-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mermaid Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/rise-of-apollo.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Rise of Apollo</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/heist-stakes.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Heist  Stakes</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/candy-bonanza.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Candy Bonanza</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/majestic-ts.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Majestic Treasures</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/crypto-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Crypto Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-ox.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Ox</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jack-frosts.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jack Frosts Winter</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bali-vacation.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bali Vacation</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/opera-dynasty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Opera Dynasty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/thai-river.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Thai River Wonders</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gdn-ice-fire.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Guardians of Ice & Fire</figcaption></figure><figure class="gameitem">
2077<img src = "https://img.viva88athenae.com/pg/images/sct-cleopatra.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Secrets of Cleopatra</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jewels-prosper.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jewels of Prosperity</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/galactic-gems.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Galactic Gems</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/genies-wishes.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Genies 3 Wishes</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/wild-fireworks.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Wild Fireworks</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/phoenix-rises.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Phoenix Rises</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/circus-delight.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Circus Delight</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/egypts-book-mystery.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Egypts Book of Mystery</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/candy-burst.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Candy Burst</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/bikini-paradise.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Bikini Paradise</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-mouse.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Fortune Mouse</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/shaolin-soccer.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Shaolin Soccer</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/muay-thai-champion.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Muay Thai Champion</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/dragon-tiger-luck.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Dragon Tiger Luck</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour-conquest.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour Conquest</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/flirting-scholar.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Flirting Scholar</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/leprechaun-riches.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Leprechaun Riches</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ninja-vs-samurai.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ninja vs Samurai</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/vampires-charm.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Vampires Charm</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/captains-bounty.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Captains Bounty</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/journey-to-the-wealth.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Journey to the Wealth</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/double-fortune.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Double Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/emperors-favour.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">
2077Emperors Favour</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/ganesha-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Ganesha Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/symbols-of-egypt.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Symbols Of Egypt</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/jungle-delight.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Jungle Delight</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/piggy-gold.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Piggy Gold</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/santas-gift-rush.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Santas Gift Rush</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/mr-hallow-win.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Mr. Hallow-Win!</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/legend-of-hou-yi.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Legend of Hou Yi</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hip-hop-panda.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hip Hop Panda</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hotpot.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hotpot</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/fortune-tree.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Tree of Fortune</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/plushie-frenzy.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Plushie Frenzy</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/win-win-won.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Win Win Won</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/reel-love.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Reel Love</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/hood-wolf.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Hood vs Wolf</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/medusa.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Medusa 1: the Curse of Athena</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/medusa2.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Medusa 2: the Quest of Perseus</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/gem-saviour.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Gem Saviour</figcaption></figure><figure class="gameitem"><img src = "https://img.viva88athenae.com/pg/images/diaochan.png" style="width:150px"><figcaption style="text-align:center; margin-top:5px;">Honey Trap of Diao Chan</figcaption></figure></div><div style="clear:both"></div>            
2078            
2079            
2080      		</div>
2081    	</div>
2082    </div>
2083                                            
2084                                    </div>
2085                                </div>
2086                        </div>
2087                    
2088
2089                                    </div>
2090            </div>
2091
2092            
2093            
2094                       <div class="widget-kupon">
2095                <!-- <div style="position:relative; width:100%;"> -->
2096                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
2097                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
2098                <!-- </div> -->
2099            </div>
2100            
2101            <!-- BANNER SBO MOBILE -->
2102            <div class="widget-sbo mobile-only">
2103               <div class="match-slider-wrap">
2104                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
2105
2106                                                    <div class="carousel-indicators">
2107                                                                    <button
2108                                    type="button"
2109                                    data-bs-target="#sboMatchCarouselMobile"
2110                                    data-bs-slide-to="0"
2111                                    class="active"
2112                                    aria-current="true"                                    aria-label="Slide 1">
2113                                </button>
2114                                                                <button
2115                                    type="button"
2116                                    data-bs-target="#sboMatchCarouselMobile"
2117                                    data-bs-slide-to="1"
2118                                    class=""
2119                                                                        aria-label="Slide 2">
2120                                </button>
2121                                                                <button
2122                                    type="button"
2123                                    data-bs-target="#sboMatchCarouselMobile"
2124                                    data-bs-slide-to="2"
2125                                    class=""
2126                                                                        aria-label="Slide 3">
2127                                </button>
2128                                                                <button
2129                                    type="button"
2130                                    data-bs-target="#sboMatchCarouselMobile"
2131                                    data-bs-slide-to="3"
2132                                    class=""
2133                                                                        aria-label="Slide 4">
2134                                </button>
2135                                                                <button
2136                                    type="button"
2137                                    data-bs-target="#sboMatchCarouselMobile"
2138                                    data-bs-slide-to="4"
2139                                    class=""
2140                                                                        aria-label="Slide 5">
2141                                </button>
2142                                                                <button
2143                                    type="button"
2144                                    data-bs-target="#sboMatchCarouselMobile"
2145                                    data-bs-slide-to="5"
2146                                    class=""
2147                                                                        aria-label="Slide 6">
2148                                </button>
2149                                                                <button
2150                                    type="button"
2151                                    data-bs-target="#sboMatchCarouselMobile"
2152                                    data-bs-slide-to="6"
2153                                    class=""
2154                                                                        aria-label="Slide 7">
2155                                </button>
2156                                                                <button
2157                                    type="button"
2158                                    data-bs-target="#sboMatchCarouselMobile"
2159                                    data-bs-slide-to="7"
2160                                    class=""
2161                                                                        aria-label="Slide 8">
2162                                </button>
2163                                                                <button
2164                                    type="button"
2165                                    data-bs-target="#sboMatchCarouselMobile"
2166                                    data-bs-slide-to="8"
2167                                    class=""
2168                                                                        aria-label="Slide 9">
2169                                </button>
2170                                                                <button
2171                                    type="button"
2172                                    data-bs-target="#sboMatchCarouselMobile"
2173                                    data-bs-slide-to="9"
2174                                    class=""
2175                                                                        aria-label="Slide 10">
2176                                </button>
2177                                                    </div>
2178                    
2179                    <div class="carousel-inner">
2180                                                    <div class="carousel-item active">
2181                                <div class="row g-3">
2182                                                                            <div class="col-12">
2183                                            <div class="match-card h-100">
2184                                                <div class="league-name">
2185                                                    ENGLISH PREMIER LEAGUE                                                </div>
2186
2187                                                <div class="kickoff-time">
2188                                                    October 10, 2026 — 18:30 WIB                                                </div>
2189
2190                                                <div class="match-main-row">
2191                                                    <div class="team-col">
2192                                                        <img
2193                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
2194                                                        alt="Arsenal"
2195                                                        class="team-logo"
2196                                                        >
2197                                                        <div class="team-name">
2198                                                            Arsenal                                                        </div>
2199                                                    </div>
2200
2201                                                    <div class="score-col">
2202                                                        <div class="score-value">
2203                                                            0 : 0                                                        </div>
2204
2205                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
2206                                                            BET NOW
2207                                                        </a>
2208                                                    </div>
2209
2210                                                    <div class="team-col">
2211                                                        <img
2212                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2212ce556.png"
2213                                                        alt="Leeds United"
2214                                                        class="team-logo"
2215                                                        >
2216                                                        <div class="team-name">
2217                                                            Leeds United                                                        </div>
2218                                                    </div>
2219                                                </div>
2220
2221                                                <div class="match-odds-row">
2222                                                    <div class="odds-col">
2223                                                        <span>
2224                                                            1.25                                                            <small>0.88</small>
2225                                                        </span>
2226                                                    </div>
2227
2228                                                    <div class="odds-spacer"></div>
2229
2230                                                    <div class="odds-col">
2231                                                        <span>
2232                                                            -1.25                                                            <small>-0.98</small>
2233                                                        </span>
2234                                                    </div>
2235                                                </div>
2236                                            </div>
2237                                        </div>
2238                                                                    </div>
2239                            </div>
2240                                                    <div class="carousel-item ">
2241                                <div class="row g-3">
2242                                                                            <div class="col-12">
2243                                            <div class="match-card h-100">
2244                                                <div class="league-name">
2245                                                    ENGLISH PREMIER LEAGUE                                                </div>
2246
2247                                                <div class="kickoff-time">
2248                                                    October 10, 2026 — 21:00 WIB                                                </div>
2249
2250                                                <div class="match-main-row">
2251                                                    <div class="team-col">
2252                                                        <img
2253                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
2254                                                        alt="Chelsea"
2255                                                        class="team-logo"
2256                                                        >
2257                                                        <div class="team-name">
2258                                                            Chelsea                                                        </div>
2259                                                    </div>
2260
2261                                                    <div class="score-col">
2262                                                        <div class="score-value">
2263                                                            0 : 0                                                        </div>
2264
2265                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
2266                                                            BET NOW
2267                                                        </a>
2268                                                    </div>
2269
2270                                                    <div class="team-col">
2271                                                        <img
2272                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
2273                                                        alt="Bournemouth AFC"
2274                                                        class="team-logo"
2275                                                        >
2276                                                        <div class="team-name">
2277                                                            Bournemouth AFC                                                        </div>
2278                                                    </div>
2279                                                </div>
2280
2281                                                <div class="match-odds-row">
2282                                                    <div class="odds-col">
2283                                                        <span>
2284                                                            0.75                                                            <small>0.91</small>
2285                                                        </span>
2286                                                    </div>
2287
2288                                                    <div class="odds-spacer"></div>
2289
2290                                                    <div class="odds-col">
2291                                                        <span>
2292                                                            -0.75                                                            <small>0.99</small>
2293                                                        </span>
2294                                                    </div>
2295                                                </div>
2296                                            </div>
2297                                        </div>
2298                                                                    </div>
2299                            </div>
2300                                                    <div class="carousel-item ">
2301                                <div class="row g-3">
2302                                                                            <div class="col-12">
2303                                            <div class="match-card h-100">
2304                                                <div class="league-name">
2305                                                    SPAIN LA LIGA                                                </div>
2306
2307                                                <div class="kickoff-time">
2308                                                    October 10, 2026 — 23:30 WIB                                                </div>
2309
2310                                                <div class="match-main-row">
2311                                                    <div class="team-col">
2312                                                        <img
2313                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
2314                                                        alt="Barcelona"
2315                                                        class="team-logo"
2316                                                        >
2317                                                        <div class="team-name">
2318                                                            Barcelona                                                        </div>
2319                                                    </div>
2320
2321                                                    <div class="score-col">
2322                                                        <div class="score-value">
2323                                                            0 : 0                                                        </div>
2324
2325                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
2326                                                            BET NOW
2327                                                        </a>
2328                                                    </div>
2329
2330                                                    <div class="team-col">
2331                                                        <img
2332                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
2333                                                        alt="Getafe"
2334                                                        class="team-logo"
2335                                                        >
2336                                                        <div class="team-name">
2337                                                            Getafe                                                        </div>
2338                                                    </div>
2339                                                </div>
2340
2341                                                <div class="match-odds-row">
2342                                                    <div class="odds-col">
2343                                                        <span>
2344                                                            2.75                                                            <small>0.83</small>
2345                                                        </span>
2346                                                    </div>
2347
2348                                                    <div class="odds-spacer"></div>
2349
2350                                                    <div class="odds-col">
2351                                                        <span>
2352                                                            -2.75                                                            <small>-0.93</small>
2353                                                        </span>
2354                                                    </div>
2355                                                </div>
2356                                            </div>
2357                                        </div>
2358                                                                    </div>
2359                            </div>
2360                                                    <div class="carousel-item ">
2361                                <div class="row g-3">
2362                                                                            <div class="col-12">
2363                                            <div class="match-card h-100">
2364                                                <div class="league-name">
2365                                                    ENGLISH PREMIER LEAGUE                                                </div>
2366
2367                                                <div class="kickoff-time">
2368                                                    October 10, 2026 — 21:00 WIB                                                </div>
2369
2370                                                <div class="match-main-row">
2371                                                    <div class="team-col">
2372                                                        <img
2373                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
2374                                                        alt="Sunderland"
2375                                                        class="team-logo"
2376                                                        >
2377                                                        <div class="team-name">
2378                                                            Sunderland                                                        </div>
2379                                                    </div>
2380
2381                                                    <div class="score-col">
2382                                                        <div class="score-value">
2383                                                            0 : 0                                                        </div>
2384
2385                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
2386                                                            BET NOW
2387                                                        </a>
2388                                                    </div>
2389
2390                                                    <div class="team-col">
2391                                                        <img
2392                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
2393                                                        alt="Brighton &amp; Hove Albion"
2394                                                        class="team-logo"
2395                                                        >
2396                                                        <div class="team-name">
2397                                                            Brighton &amp; Hove Albion                                                        </div>
2398                                                    </div>
2399                                                </div>
2400
2401                                                <div class="match-odds-row">
2402                                                    <div class="odds-col">
2403                                                        <span>
2404                                                            0.00                                                            <small>-0.82</small>
2405                                                        </span>
2406                                                    </div>
2407
2408                                                    <div class="odds-spacer"></div>
2409
2410                                                    <div class="odds-col">
2411                                                        <span>
2412                                                            0.00                                                            <small>0.72</small>
2413                                                        </span>
2414                                                    </div>
2415                                                </div>
2416                                            </div>
2417                                        </div>
2418                                                                    </div>
2419                            </div>
2420                                                    <div class="carousel-item ">
2421                                <div class="row g-3">
2422                                                                            <div class="col-12">
2423                                            <div class="match-card h-100">
2424                                                <div class="league-name">
2425                                                    SPAIN LA LIGA                                                </div>
2426
2427                                                <div class="kickoff-time">
2428                                                    October 11, 2026 — 02:00 WIB                                                </div>
2429
2430                                                <div class="match-main-row">
2431                                                    <div class="team-col">
2432                                                        <img
2433                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
2434                                                        alt="Real Madrid"
2435                                                        class="team-logo"
2436                                                        >
2437                                                        <div class="team-name">
2438                                                            Real Madrid                                                        </div>
2439                                                    </div>
2440
2441                                                    <div class="score-col">
2442                                                        <div class="score-value">
2443                                                            0 : 0                                                        </div>
2444
2445                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
2446                                                            BET NOW
2447                                                        </a>
2448                                                    </div>
2449
2450                                                    <div class="team-col">
2451                                                        <img
2452                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
2453                                                        alt="Villarreal"
2454                                                        class="team-logo"
2455                                                        >
2456                                                        <div class="team-name">
2457                                                            Villarreal                                                        </div>
2458                                                    </div>
2459                                                </div>
2460
2461                                                <div class="match-odds-row">
2462                                                    <div class="odds-col">
2463                                                        <span>
2464                                                            1.5                                                            <small>0.93</small>
2465                                                        </span>
2466                                                    </div>
2467
2468                                                    <div class="odds-spacer"></div>
2469
2470                                                    <div class="odds-col">
2471                                                        <span>
2472                                                            -1.5                                                            <small>0.97</small>
2473                                                        </span>
2474                                                    </div>
2475                                                </div>
2476                                            </div>
2477                                        </div>
2478                                                                    </div>
2479                            </div>
2480                                                    <div class="carousel-item ">
2481                                <div class="row g-3">
2482                                                                            <div class="col-12">
2483                                            <div class="match-card h-100">
2484                                                <div class="league-name">
2485                                                    ENGLISH PREMIER LEAGUE                                                </div>
2486
2487                                                <div class="kickoff-time">
2488                                                    October 10, 2026 — 23:30 WIB                                                </div>
2489
2490                                                <div class="match-main-row">
2491                                                    <div class="team-col">
2492                                                        <img
2493                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
2494                                                        alt="Manchester United"
2495                                                        class="team-logo"
2496                                                        >
2497                                                        <div class="team-name">
2498                                                            Manchester United                                                        </div>
2499                                                    </div>
2500
2501                                                    <div class="score-col">
2502                                                        <div class="score-value">
2503                                                            0 : 0                                                        </div>
2504
2505                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
2506                                                            BET NOW
2507                                                        </a>
2508                                                    </div>
2509
2510                                                    <div class="team-col">
2511                                                        <img
2512                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
2513                                                        alt="Tottenham Hotspur"
2514                                                        class="team-logo"
2515                                                        >
2516                                                        <div class="team-name">
2517                                                            Tottenham Hotspur                                                        </div>
2518                                                    </div>
2519                                                </div>
2520
2521                                                <div class="match-odds-row">
2522                                                    <div class="odds-col">
2523                                                        <span>
2524                                                            0.75                                                            <small>0.92</small>
2525                                                        </span>
2526                                                    </div>
2527
2528                                                    <div class="odds-spacer"></div>
2529
2530                                                    <div class="odds-col">
2531                                                        <span>
2532                                                            -0.75                                                            <small>0.98</small>
2533                                                        </span>
2534                                                    </div>
2535                                                </div>
2536                                            </div>
2537                                        </div>
2538                                                                    </div>
2539                            </div>
2540                                                    <div class="carousel-item ">
2541                                <div class="row g-3">
2542                                                                            <div class="col-12">
2543                                            <div class="match-card h-100">
2544                                                <div class="league-name">
2545                                                    ENGLISH PREMIER LEAGUE                                                </div>
2546
2547                                                <div class="kickoff-time">
2548                                                    October 11, 2026 — 22:30 WIB                                                </div>
2549
2550                                                <div class="match-main-row">
2551                                                    <div class="team-col">
2552                                                        <img
2553                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
2554                                                        alt="Liverpool"
2555                                                        class="team-logo"
2556                                                        >
2557                                                        <div class="team-name">
2558                                                            Liverpool                                                        </div>
2559                                                    </div>
2560
2561                                                    <div class="score-col">
2562                                                        <div class="score-value">
2563                                                            0 : 0                                                        </div>
2564
2565                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
2566                                                            BET NOW
2567                                                        </a>
2568                                                    </div>
2569
2570                                                    <div class="team-col">
2571                                                        <img
2572                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
2573                                                        alt="Manchester City"
2574                                                        class="team-logo"
2575                                                        >
2576                                                        <div class="team-name">
2577                                                            Manchester City                                                        </div>
2578                                                    </div>
2579                                                </div>
2580
2581                                                <div class="match-odds-row">
2582                                                    <div class="odds-col">
2583                                                        <span>
2584                                                            0.00                                                            <small>0.91</small>
2585                                                        </span>
2586                                                    </div>
2587
2588                                                    <div class="odds-spacer"></div>
2589
2590                                                    <div class="odds-col">
2591                                                        <span>
2592                                                            0.00                                                            <small>0.99</small>
2593                                                        </span>
2594                                                    </div>
2595                                                </div>
2596                                            </div>
2597                                        </div>
2598                                                                    </div>
2599                            </div>
2600                                                    <div class="carousel-item ">
2601                                <div class="row g-3">
2602                                                                            <div class="col-12">
2603                                            <div class="match-card h-100">
2604                                                <div class="league-name">
2605                                                    ENGLISH PREMIER LEAGUE                                                </div>
2606
2607                                                <div class="kickoff-time">
2608                                                    October 10, 2026 — 21:00 WIB                                                </div>
2609
2610                                                <div class="match-main-row">
2611                                                    <div class="team-col">
2612                                                        <img
2613                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
2614                                                        alt="Aston Villa"
2615                                                        class="team-logo"
2616                                                        >
2617                                                        <div class="team-name">
2618                                                            Aston Villa                                                        </div>
2619                                                    </div>
2620
2621                                                    <div class="score-col">
2622                                                        <div class="score-value">
2623                                                            0 : 0                                                        </div>
2624
2625                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
2626                                                            BET NOW
2627                                                        </a>
2628                                                    </div>
2629
2630                                                    <div class="team-col">
2631                                                        <img
2632                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
2633                                                        alt="Brentford"
2634                                                        class="team-logo"
2635                                                        >
2636                                                        <div class="team-name">
2637                                                            Brentford                                                        </div>
2638                                                    </div>
2639                                                </div>
2640
2641                                                <div class="match-odds-row">
2642                                                    <div class="odds-col">
2643                                                        <span>
2644                                                            0.00                                                            <small>-0.99</small>
2645                                                        </span>
2646                                                    </div>
2647
2648                                                    <div class="odds-spacer"></div>
2649
2650                                                    <div class="odds-col">
2651                                                        <span>
2652                                                            0.00                                                            <small>0.89</small>
2653                                                        </span>
2654                                                    </div>
2655                                                </div>
2656                                            </div>
2657                                        </div>
2658                                                                    </div>
2659                            </div>
2660                                                    <div class="carousel-item ">
2661                                <div class="row g-3">
2662                                                                            <div class="col-12">
2663                                            <div class="match-card h-100">
2664                                                <div class="league-name">
2665                                                    ENGLISH PREMIER LEAGUE                                                </div>
2666
2667                                                <div class="kickoff-time">
2668                                                    October 10, 2026 — 21:00 WIB                                                </div>
2669
2670                                                <div class="match-main-row">
2671                                                    <div class="team-col">
2672                                                        <img
2673                                                        src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png"
2674                                                        alt="Ipswich Town"
2675                                                        class="team-logo"
2676                                                        >
2677                                                        <div class="team-name">
2678                                                            Ipswich Town                                                        </div>
2679                                                    </div>
2680
2681                                                    <div class="score-col">
2682                                                        <div class="score-value">
2683                                                            0 : 0                                                        </div>
2684
2685                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')">
2686                                                            BET NOW
2687                                                        </a>
2688                                                    </div>
2689
2690                                                    <div class="team-col">
2691                                                        <img
2692                                                        src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png"
2693                                                        alt="Fulham"
2694                                                        class="team-logo"
2695                                                        >
2696                                                        <div class="team-name">
2697                                                            Fulham                                                        </div>
2698                                                    </div>
2699                                                </div>
2700
2701                                                <div class="match-odds-row">
2702                                                    <div class="odds-col">
2703                                                        <span>
2704                                                            0.00                                                            <small>-0.95</small>
2705                                                        </span>
2706                                                    </div>
2707
2708                                                    <div class="odds-spacer"></div>
2709
2710                                                    <div class="odds-col">
2711                                                        <span>
2712                                                            0.00                                                            <small>0.85</small>
2713                                                        </span>
2714                                                    </div>
2715                                                </div>
2716                                            </div>
2717                                        </div>
2718                                                                    </div>
2719                            </div>
2720                                                    <div class="carousel-item ">
2721                                <div class="row g-3">
2722                                                                            <div class="col-12">
2723                                            <div class="match-card h-100">
2724                                                <div class="league-name">
2725                                                    ENGLISH PREMIER LEAGUE                                                </div>
2726
2727                                                <div class="kickoff-time">
2728                                                    October 11, 2026 — 20:00 WIB                                                </div>
2729
2730                                                <div class="match-main-row">
2731                                                    <div class="team-col">
2732                                                        <img
2733                                                        src="https://cdn.sportnanoapi.com/football/team/42396d18444156e640c37476c2b41b93.png"
2734                                                        alt="Crystal Palace"
2735                                                        class="team-logo"
2736                                                        >
2737                                                        <div class="team-name">
2738                                                            Crystal Palace                                                        </div>
2739                                                    </div>
2740
2741                                                    <div class="score-col">
2742                                                        <div class="score-value">
2743                                                            0 : 0                                                        </div>
2744
2745                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100635')">
2746                                                            BET NOW
2747                                                        </a>
2748                                                    </div>
2749
2750                                                    <div class="team-col">
2751                                                        <img
2752                                                        src="https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png"
2753                                                        alt="Nottingham Forest"
2754                                                        class="team-logo"
2755                                                        >
2756                                                        <div class="team-name">
2757                                                            Nottingham Forest                                                        </div>
2758                                                    </div>
2759                                                </div>
2760
2761                                                <div class="match-odds-row">
2762                                                    <div class="odds-col">
2763                                                        <span>
2764                                                            0.00                                                            <small>0.92</small>
2765                                                        </span>
2766                                                    </div>
2767
2768                                                    <div class="odds-spacer"></div>
2769
2770                                                    <div class="odds-col">
2771                                                        <span>
2772                                                            0.00                                                            <small>0.98</small>
2773                                                        </span>
2774                                                    </div>
2775                                                </div>
2776                                            </div>
2777                                        </div>
2778                                                                    </div>
2779                            </div>
2780                                            </div>
2781
2782                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
2783                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2784                            <span class="visually-hidden">Previous</span>
2785                        </button>
2786
2787                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
2788                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
2789                            <span class="visually-hidden">Next</span>
2790                        </button>
2791                                    </div>
2792                                </div>
2793            </div>
2794            <!-- BANNER SBO MOBILE END -->
2795            
2796            
2797            <!-- Togel -->    
2798            	
2799	<style>
2800	    .togel-desktop {
2801            /*background: var(--togel-background);*/
2802            background: var(--footer-background);
2803            grid-area: togel-desktop;
2804            position: relative;
2805        }
2806        
2807        .togel-mobile {
2808            display: none;
2809        }
2810
2811        .show-more {
2812            position: absolute; 
2813        
2814            z-index: 999; 
2815            bottom: 0px;
2816            width: 100%;
2817            
2818            /* 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)); */
2819        }
2820        
2821        .show-more-content {
2822            background: var(--secondary-background);
2823            opacity: .7;
2824            display: grid; 
2825            place-items: center; 
2826            height: 32px
2827        }
2828        
2829        .togel-content {    
2830            position: relative;  
2831            display: flex;
2832            flex-wrap: wrap;
2833            justify-content: center;
2834            /*display: grid;*/
2835            /*grid-template-columns: repeat(10, 1fr);*/
2836            gap: 8px 4px;
2837            padding: 16px 0;
2838        }
2839        
2840        .see-more {
2841            padding: 16px 0 48px 0;
2842            max-height: 162px;
2843            transition: max-height .75s ease-out;
2844            transition-delay: .1s;
2845            overflow: hidden;
2846        }
2847        
2848        .togel-content:hover{
2849            max-height: 1000px;
2850            transition: max-height 0.25s ease-in;
2851        }
2852        
2853        .result {
2854            height: 110px;
2855            width: 96px;
2856            border-radius: 10px;
2857            background: var(--result-background);
2858            border: var(--result-border);
2859            
2860            display: grid;
2861            grid-template-rows: 0px 20px 1fr 28px;
2862            grid-template-areas:
2863            "badge"
2864            "pasaran"
2865            "keluaran"
2866            "tanggal"
2867            ;
2868        
2869            /* display: flex;
2870            flex-direction: column;
2871            justify-content: space-between; */
2872        
2873            overflow: hidden;
2874        }
2875        
2876        .badge {
2877            grid-area: badge;
2878            display: grid;
2879            place-items: center;
2880        }
2881        
2882        .result>.pasaran {
2883        
2884            grid-area: pasaran;
2885        
2886            padding-top: 8px;
2887            white-space: nowrap;
2888            font-size: .7rem;
2889            line-height: .7rem;
2890        
2891            color: var(--result-pasaran-color);
2892            display: grid;
2893            place-items: center;
2894        }
2895        
2896        .result>.keluaran {
2897        
2898            grid-area: keluaran;
2899            padding-bottom: 8px;
2900            font-family: 'Oswald', sans-serif;
2901            line-height: 40px;
2902            font-size: 40px;
2903            color: var(--result-keluaran-color);
2904            display: grid;
2905            place-items: center;
2906        }
2907        
2908        .result>.tanggal {
2909        
2910            grid-area: tanggal;
2911        
2912            width: 100%;
2913            height: 100%;
2914            /* background: rgb(40,0,0);
2915            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
2916            background: var(--result-tanggal-background);
2917            white-space: nowarp;
2918            font-size: .79rem;
2919            display: grid;
2920            place-items: center;
2921            font-family: 'Abel', sans-serif;
2922            color: var(--result-tanggal-color);
2923        }
2924        
2925        @media only screen and (max-width: 1000px) {
2926            
2927            .togel-desktop {
2928                display: none;
2929            }
2930            
2931            .togel-mobile {
2932
2933                background: var(--secondary-background);
2934                grid-area: togel-mobile;
2935                padding: 24px;
2936                padding-bottom: 12px;
2937                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
2938            }
2939        
2940            .togel-title {
2941                padding: 0px;
2942                padding-bottom: 20px;
2943                font-size: 1.4rem;
2944                font-weight: bold;
2945                color: var(--primary-text-color);
2946            }
2947        
2948            .togel-content {
2949                max-height: fit-content;
2950                display: grid;
2951                grid-template-columns: 1fr;
2952                gap: 0;
2953                border-radius: 8px;
2954            }
2955            
2956
2957        
2958            .provider-group {
2959                padding: var(--mobile-padding-horizontal);
2960            }
2961        
2962            .badge {
2963                display: none;
2964            }
2965        
2966            .result {
2967                height: auto;
2968                width: 100%;
2969                display: grid;
2970                grid-template-rows: 1fr;
2971                grid-template-columns: 1fr 1fr 80px;
2972                grid-template-areas: "pasaran tanggal keluaran";
2973                border-radius: 0;
2974                border: none;
2975                background: transparent;
2976                padding: 4px 12px;
2977                color: var(--primary-text-color);
2978                font-family: 'Abel', sans-serif;
2979                
2980            }
2981            
2982                        
2983            .result-data:nth-child(odd) {
2984                background: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%), var(--secondary-background);
2985            }
2986            
2987                        
2988            .accordion-item {
2989                background-color: transparent;
2990                border: 0px;
2991            }
2992            
2993            .accordion-button:not(.collapsed) {
2994                color: inherit;
2995                background-color: transparent;
2996                box-shadow: none;
2997            }
2998            
2999            .accordion-button::after {
3000                height: 0px;
3001            }
3002        
3003            .result>* {
3004                padding: 0px!important;
3005                margin: 0px!important;
3006                font-size: 1.4rem!important;
3007                line-height: auto!important;
3008                font-weight: normal!important;
3009            }
3010        
3011            .result>.pasaran {
3012                display: flex;
3013                justify-content: start;
3014                color: var(--primary-text-color)!important;
3015                opacity: .7;
3016            }
3017        
3018            .result>.tanggal {        
3019                display: flex;
3020                justify-content: center;
3021                background: transparent;
3022                color: var(--primary-text-color)!important;
3023                opacity: .7;
3024            }
3025        
3026            .result>.keluaran {
3027                display: flex;
3028                justify-content: end;
3029                /*color: var(--primary-text-color)!important;*/
3030                font-family: 'Abel', sans-serif;
3031                color: var(--highlight-text-color);
3032            }
3033            
3034        }
3035	</style>
3036	
3037	
3038	
3039	<div id="togel-desktop" class="togel-desktop desktop-only">
3040	    
3041	            	<div class="show-more desktop-only">
3042                <div class="show-more-content">
3043                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
3044                </div>
3045            </div>
3046            
3047        
3048    
3049        <div class="togel-content see-more">
3050                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
3051                <a href="/hasil/HKD" class="result">
3052                    
3053                    <div class="badge">
3054                                            </div>
3055                    
3056                    <div class="pasaran">HK SIANG&nbsp</div>
3057                    <div class="keluaran">0870</div>
3058                    <div class="tanggal"> 5/10/2026</div>
3059                </a>
3060                            <!-- <a href="/?content=hasil&pid=SGM" class="result"> -->
3061                <a href="/hasil/SGM" class="result">
3062                    
3063                    <div class="badge">
3064                                            </div>
3065                    
3066                    <div class="pasaran">SG METRO&nbsp</div>
3067                    <div class="keluaran">8676</div>
3068                    <div class="tanggal"> 4/10/2026</div>
3069                </a>
3070                            <!-- <a href="/?content=hasil&pid=SY" class="result"> -->
3071                <a href="/hasil/SY" class="result">
3072                    
3073                    <div class="badge">
3074                                            </div>
3075                    
3076                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
3077                    <div class="keluaran">0111</div>
3078                    <div class="tanggal"> 4/10/2026</div>
3079                </a>
3080                            <!-- <a href="/?content=hasil&pid=MYD" class="result"> -->
3081                <a href="/hasil/MYD" class="result">
3082                    
3083                    <div class="badge">
3084                                            </div>
3085                    
3086                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3087                    <div class="keluaran">6932</div>
3088                    <div class="tanggal"> 4/10/2026</div>
3089                </a>
3090                            <!-- <a href="/?content=hasil&pid=SG" class="result"> -->
3091                <a href="/hasil/SG" class="result">
3092                    
3093                    <div class="badge">
3094                                            </div>
3095                    
3096                    <div class="pasaran">SINGAPORE&nbsp</div>
3097                    <div class="keluaran">2812</div>
3098                    <div class="tanggal"> 4/10/2026</div>
3099                </a>
3100                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
3101                <a href="/hasil/MY" class="result">
3102                    
3103                    <div class="badge">
3104                                            </div>
3105                    
3106                    <div class="pasaran">MALAYSIA&nbsp</div>
3107                    <div class="keluaran">4920</div>
3108                    <div class="tanggal"> 4/10/2026</div>
3109                </a>
3110                            <!-- <a href="/?content=hasil&pid=MC" class="result"> -->
3111                <a href="/hasil/MC" class="result">
3112                    
3113                    <div class="badge">
3114                                            </div>
3115                    
3116                    <div class="pasaran">MACAU&nbsp</div>
3117                    <div class="keluaran">1662</div>
3118                    <div class="tanggal"> 4/10/2026</div>
3119                </a>
3120                            <!-- <a href="/?content=hasil&pid=HK" class="result"> -->
3121                <a href="/hasil/HK" class="result">
3122                    
3123                    <div class="badge">
3124                                            </div>
3125                    
3126                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
3127                    <div class="keluaran">0416</div>
3128                    <div class="tanggal"> 4/10/2026</div>
3129                </a>
3130                            <!-- <a href="/?content=hasil&pid=QTR" class="result"> -->
3131                <a href="/hasil/QTR" class="result">
3132                    
3133                    <div class="badge">
3134                                            </div>
3135                    
3136                    <div class="pasaran">QATAR&nbsp</div>
3137                    <div class="keluaran">0646</div>
3138                    <div class="tanggal"> 4/10/2026</div>
3139                </a>
3140                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
3141                <a href="/hasil/TWH" class="result">
3142                    
3143                    <div class="badge">
3144                                            </div>
3145                    
3146                    <div class="pasaran">
3146TOTO WUHAN&nbsp</div>
3147                    <div class="keluaran">1083</div>
3148                    <div class="tanggal"> 29/8/2026</div>
3149                </a>
3150                            <!-- <a href="/?content=hasil&pid=HKP" class="result"> -->
3151                <a href="/hasil/HKP" class="result">
3152                    
3153                    <div class="badge">
3154                                            </div>
3155                    
3156                    <div class="pasaran">HONGKONG POOLS&nbsp</div>
3157                    <div class="keluaran">7176</div>
3158                    <div class="tanggal"> 4/10/2026</div>
3159                </a>
3160                            <!-- <a href="/?content=hasil&pid=SYDP" class="result"> -->
3161                <a href="/hasil/SYDP" class="result">
3162                    
3163                    <div class="badge">
3164                                            </div>
3165                    
3166                    <div class="pasaran">SYDNEY POOLS&nbsp</div>
3167                    <div class="keluaran">7933</div>
3168                    <div class="tanggal"> 4/10/2026</div>
3169                </a>
3170                        
3171        </div>
3172    </div>
3173    
3174    <div id="togel-mobile" class="togel-mobile mobile-only">
3175    	    
3176    	    <div class="togel-title">Togel Result</div>
3177    	    
3178            	    
3179	    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
3180          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
3181              
3182                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
3183                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
3184                                                              
3185          </div>
3186          <div class="carousel-inner">
3187
3188            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
3189                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
3190                                    <div class="badge">
3191                                                                            </div>
3192                                    <div class="pasaran">HK SIANG&nbsp</div>
3193                                    <div class="keluaran">0870</div>
3194                                    <div class="tanggal">05-10-2026</div>
3195                              </button>
3196                                                                <div id="paito-HKD" class="accordion-collapse collapse">
3197                                         
3198                                                <div class="result">
3199                                                    <div class="pasaran"></div>
3200                                                    <div class="keluaran">3772</div>
3201                                                    <div class="tanggal">04-10-2026</div>
3202                                                </div>
3203                                             
3204                                                <div class="result">
3205                                                    <div class="pasaran"></div>
3206                                                    <div class="keluaran">0546</div>
3207                                                    <div class="tanggal">03-10-2026</div>
3208                                                </div>
3209                                             
3210                                                <div class="result">
3211                                                    <div class="pasaran"></div>
3212                                                    <div class="keluaran">7631</div>
3213                                                    <div class="tanggal">02-10-2026</div>
3214                                                </div>
3215                                             
3216                                                <div class="result">
3217                                                    <div class="pasaran"></div>
3218                                                    <div class="keluaran">4300</div>
3219                                                    <div class="tanggal">01-10-2026</div>
3220                                                </div>
3221                                             
3222                                                <div class="result">
3223                                                    <div class="pasaran"></div>
3224                                                    <div class="keluaran">0507</div>
3225                                                    <div class="tanggal">30-09-2026</div>
3226                                                </div>
3227                                             
3228                                                <div class="result">
3229                                                    <div class="pasaran"></div>
3230                                                    <div class="keluaran">0453</div>
3231                                                    <div class="tanggal">29-09-2026</div>
3232                                                </div>
3233                                             
3234                                                <div class="result">
3235                                                    <div class="pasaran"></div>
3236                                                    <div class="keluaran">8455</div>
3237                                                    <div class="tanggal">28-09-2026</div>
3238                                                </div>
3239                                                                                </div>
3240                                                            </div>
3241                            
3242                                                    <div class="result-data accordion-item">
3243                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
3244                                    <div class="badge">
3245                                                                            </div>
3246                                    <div class="pasaran">SG METRO&nbsp</div>
3247                                    <div class="keluaran">8676</div>
3248                                    <div class="tanggal">04-10-2026</div>
3249                              </button>
3250                                                                <div id="paito-SGM" class="accordion-collapse collapse">
3251                                         
3252                                                <div class="result">
3253                                                    <div class="pasaran"></div>
3254                                                    <div class="keluaran">9340</div>
3255                                                    <div class="tanggal">03-10-2026</div>
3256                                                </div>
3257                                             
3258                                                <div class="result">
3259                                                    <div class="pasaran"></div>
3260                                                    <div class="keluaran">2649</div>
3261                                                    <div class="tanggal">02-10-2026</div>
3262                                                </div>
3263                                             
3264                                                <div class="result">
3265                                                    <div class="pasaran"></div>
3266                                                    <div class="keluaran">4307</div>
3267                                                    <div class="tanggal">01-10-2026</div>
3268                                                </div>
3269                                             
3270                                                <div class="result">
3271                                                    <div class="pasaran"></div>
3272                                                    <div class="keluaran">1367</div>
3273                                                    <div class="tanggal">30-09-2026</div>
3274                                                </div>
3275                                             
3276                                                <div class="result">
3277                                                    <div class="pasaran"></div>
3278                                                    <div class="keluaran">6117</div>
3279                                                    <div class="tanggal">29-09-2026</div>
3280                                                </div>
3281                                             
3282                                                <div class="result">
3283                                                    <div class="pasaran"></div>
3284                                                    <div class="keluaran">7322</div>
3285                                                    <div class="tanggal">28-09-2026</div>
3286                                                </div>
3287                                             
3288                                                <div class="result">
3289                                                    <div class="pasaran"></div>
3290                                                    <div class="keluaran">3209</div>
3291                                                    <div class="tanggal">27-09-2026</div>
3292                                                </div>
3293                                                                                </div>
3294                                                            </div>
3295                            
3296                                                    <div class="result-data accordion-item">
3297                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
3298                                    <div class="badge">
3299                                                                            </div>
3300                                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
3301                                    <div class="keluaran">0111</div>
3302                                    <div class="tanggal">04-10-2026</div>
3303                              </button>
3304                                                                <div id="paito-SY" class="accordion-collapse collapse">
3305                                         
3306                                                <div class="result">
3307                                                    <div class="pasaran"></div>
3308                                                    <div class="keluaran">2503</div>
3309                                                    <div class="tanggal">03-10-2026</div>
3310                                                </div>
3311                                             
3312                                                <div class="result">
3313                                                    <div class="pasaran"></div>
3314                                                    <div class="keluaran">2958</div>
3315                                                    <div class="tanggal">02-10-2026</div>
3316                                                </div>
3317                                             
3318                                                <div class="result">
3319                                                    <div class="pasaran"></div>
3320                                                    <div class="keluaran">2639</div>
3321                                                    <div class="tanggal">01-10-2026</div>
3322                                                </div>
3323                                             
3324                                                <div class="result">
3325                                                    <div class="pasaran"></div>
3326                                                    <div class="keluaran">2761</div>
3327                                                    <div class="tanggal">30-09-2026</div>
3328                                                </div>
3329                                             
3330                                                <div class="result">
3331                                                    <div class="pasaran"></div>
3332                                                    <div class="keluaran">3723</div>
3333                                                    <div class="tanggal">29-09-2026</div>
3334                                                </div>
3335                                             
3336                                                <div class="result">
3337                                                    <div class="pasaran"></div>
3338                                                    <div class="keluaran">9661</div>
3339                                                    <div class="tanggal">28-09-2026</div>
3340                                                </div>
3341                                             
3342                                                <div class="result">
3343                                                    <div class="pasaran"></div>
3344                                                    <div class="keluaran">7066</div>
3345                                                    <div class="tanggal">27-09-2026</div>
3346                                                </div>
3347                                                                                </div>
3348                                                            </div>
3349                            
3350                                                    <div class="result-data accordion-item">
3351                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
3352                                    <div class="badge">
3353                                                                            </div>
3354                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3355                                    <div class="keluaran">6932</div>
3356                                    <div class="tanggal">04-10-2026</div>
3357                              </button>
3358                                                                <div id="paito-MYD" class="accordion-collapse collapse">
3359                                         
3360                                                <div class="result">
3361                                                    <div class="pasaran"></div>
3362                                                    <div class="keluaran">5590</div>
3363                                                    <div class="tanggal">03-10-2026</div>
3364                                                </div>
3365                                             
3366                                                <div class="result">
3367                                                    <div class="pasaran"></div>
3368                                                    <div class="keluaran">7799</div>
3369                                                    <div class="tanggal">02-10-2026</div>
3370                                                </div>
3371                                             
3372                                                <div class="result">
3373                                                    <div class="pasaran"></div>
3374                                                    <div class="keluaran">6065</div>
3375                                                    <div class="tanggal">01-10-2026</div>
3376                                                </div>
3377                                             
3378                                                <div class="result">
3379                                                    <div class="pasaran"></div>
3380                                                    <div class="keluaran">9677</div>
3381                                                 
3381   <div class="tanggal">30-09-2026</div>
3382                                                </div>
3383                                             
3384                                                <div class="result">
3385                                                    <div class="pasaran"></div>
3386                                                    <div class="keluaran">7041</div>
3387                                                    <div class="tanggal">29-09-2026</div>
3388                                                </div>
3389                                             
3390                                                <div class="result">
3391                                                    <div class="pasaran"></div>
3392                                                    <div class="keluaran">3071</div>
3393                                                    <div class="tanggal">28-09-2026</div>
3394                                                </div>
3395                                             
3396                                                <div class="result">
3397                                                    <div class="pasaran"></div>
3398                                                    <div class="keluaran">1755</div>
3399                                                    <div class="tanggal">27-09-2026</div>
3400                                                </div>
3401                                                                                </div>
3402                                                            </div>
3403                            
3404                                                    <div class="result-data accordion-item">
3405                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
3406                                    <div class="badge">
3407                                                                            </div>
3408                                    <div class="pasaran">SINGAPORE&nbsp</div>
3409                                    <div class="keluaran">2812</div>
3410                                    <div class="tanggal">04-10-2026</div>
3411                              </button>
3412                                                                <div id="paito-SG" class="accordion-collapse collapse">
3413                                         
3414                                                <div class="result">
3415                                                    <div class="pasaran"></div>
3416                                                    <div class="keluaran">3670</div>
3417                                                    <div class="tanggal">03-10-2026</div>
3418                                                </div>
3419                                             
3420                                                <div class="result">
3421                                                    <div class="pasaran"></div>
3422                                                    <div class="keluaran">9006</div>
3423                                                    <div class="tanggal">01-10-2026</div>
3424                                                </div>
3425                                             
3426                                                <div class="result">
3427                                                    <div class="pasaran"></div>
3428                                                    <div class="keluaran">3096</div>
3429                                                    <div class="tanggal">30-09-2026</div>
3430                                                </div>
3431                                             
3432                                                <div class="result">
3433                                                    <div class="pasaran"></div>
3434                                                    <div class="keluaran">7185</div>
3435                                                    <div class="tanggal">28-09-2026</div>
3436                                                </div>
3437                                             
3438                                                <div class="result">
3439                                                    <div class="pasaran"></div>
3440                                                    <div class="keluaran">8791</div>
3441                                                    <div class="tanggal">27-09-2026</div>
3442                                                </div>
3443                                             
3444                                                <div class="result">
3445                                                    <div class="pasaran"></div>
3446                                                    <div class="keluaran">6999</div>
3447                                                    <div class="tanggal">26-09-2026</div>
3448                                                </div>
3449                                             
3450                                                <div class="result">
3451                                                    <div class="pasaran"></div>
3452                                                    <div class="keluaran">2958</div>
3453                                                    <div class="tanggal">24-09-2026</div>
3454                                                </div>
3455                                                                                </div>
3456                                                            </div>
3457                            
3458                                                    <div class="result-data accordion-item">
3459                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3460                                    <div class="badge">
3461                                                                            </div>
3462                                    <div class="pasaran">MALAYSIA&nbsp</div>
3463                                    <div class="keluaran">4920</div>
3464                                    <div class="tanggal">04-10-2026</div>
3465                              </button>
3466                                                                <div id="paito-MY" class="accordion-collapse collapse">
3467                                         
3468                                                <div class="result">
3469                                                    <div class="pasaran"></div>
3470                                                    <div class="keluaran">8849</div>
3471                                                    <div class="tanggal">03-10-2026</div>
3472                                                </div>
3473                                             
3474                                                <div class="result">
3475                                                    <div class="pasaran"></div>
3476                                                    <div class="keluaran">
34767141</div>
3477                                                    <div class="tanggal">02-10-2026</div>
3478                                                </div>
3479                                             
3480                                                <div class="result">
3481                                                    <div class="pasaran"></div>
3482                                                    <div class="keluaran">4558</div>
3483                                                    <div class="tanggal">01-10-2026</div>
3484                                                </div>
3485                                             
3486                                                <div class="result">
3487                                                    <div class="pasaran"></div>
3488                                                    <div class="keluaran">1915</div>
3489                                                    <div class="tanggal">30-09-2026</div>
3490                                                </div>
3491                                             
3492                                                <div class="result">
3493                                                    <div class="pasaran"></div>
3494                                                    <div class="keluaran">6751</div>
3495                                                    <div class="tanggal">29-09-2026</div>
3496                                                </div>
3497                                             
3498                                                <div class="result">
3499                                                    <div class="pasaran"></div>
3500                                                    <div class="keluaran">7020</div>
3501                                                    <div class="tanggal">28-09-2026</div>
3502                                                </div>
3503                                             
3504                                                <div class="result">
3505                                                    <div class="pasaran"></div>
3506                                                    <div class="keluaran">7225</div>
3507                                                    <div class="tanggal">27-09-2026</div>
3508                                                </div>
3509                                                                                </div>
3510                                                            </div>
3511                            
3512                                                    <div class="result-data accordion-item">
3513                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC">
3514                                    <div class="badge">
3515                                                                            </div>
3516                                    <div class="pasaran">MACAU&nbsp</div>
3517                                    <div class="keluaran">1662</div>
3518                                    <div class="tanggal">04-10-2026</div>
3519                              </button>
3520                                                                <div id="paito-MC" class="accordion-collapse collapse">
3521                                         
3522                                                <div class="result">
3523                                                    <div class="pasaran"></div>
3524                                                    <div class="keluaran">2898</div>
3525                                                    <div class="tanggal">03-10-2026</div>
3526                                                </div>
3527                                             
3528                                                <div class="result">
3529                                                    <div class="pasaran"></div>
3530                                                    <div class="keluaran">8307</div>
3531                                                    <div class="tanggal">02-10-2026</div>
3532                                                </div>
3533                                             
3534                                                <div class="result">
3535                                                    <div class="pasaran"></div>
3536                                                    <div class="keluaran">6388</div>
3537                                                    <div class="tanggal">01-10-2026</div>
3538                                                </div>
3539                                             
3540                                                <div class="result">
3541                                                    <div class="pasaran"></div>
3542                                                    <div class="keluaran">7205</div>
3543                                                    <div class="tanggal">30-09-2026</div>
3544                                                </div>
3545                                             
3546                                                <div class="result">
3547                                                    <div class="pasaran"></div>
3548                                                    <div class="keluaran">4353</div>
3549                                                    <div class="tanggal">29-09-2026</div>
3550                                                </div>
3551                                             
3552                                                <div class="result">
3553                                                    <div class="pasaran"></div>
3554                                                    <div class="keluaran">6129</div>
3555                                                    <div class="tanggal">28-09-2026</div>
3556                                                </div>
3557                                             
3558                                                <div class="result">
3559                                                    <div class="pasaran"></div>
3560                                                    <div class="keluaran">8638</div>
3561                                                    <div class="tanggal">27-09-2026</div>
3562                                                </div>
3563                                                                                </div>
3564                                                            </div>
3565                            
3566                                                    <div class="result-data accordion-item">
3567                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
3568                                    <div class="badge">
3569                                                                            </div>
3570                                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
3571                                    <div class="keluaran">0416</div>
3572                                    <div class="tanggal">04-10-2026</div>
3573                              </button>
3574                                                                <div id="paito-HK" class="accordion-collapse collapse">
3575                                         
3576                                                <div class="result">
3577                                                    <div class="pasaran"></div>
3578                                                    <div class="keluaran">2510</div>
3579                                                    <div class="tanggal">03-10-2026</div>
3580                                                </div>
3581                                             
3582                                                <div class="result">
3583                                                    <div class="pasaran"></div>
3584                                                    <div class="keluaran">1561</div>
3585                                                    <div class="tanggal">02-10-2026</div>
3586                                                </div>
3587                                             
3588                                                <div class="result">
3589                                                    <div class="pasaran"></div>
3590                                                    <div class="keluaran">9736</div>
3591                                                    <div class="tanggal">01-10-2026</div>
3592                                                </div>
3593                                             
3594                                                <div class="result">
3595                                                    <div class="pasaran"></div>
3596                                                    <div class="keluaran">0566</div>
3597                                                    <div class="tanggal">30-09-2026</div>
3598                                                </div>
3599                                             
3600                                                <div class="result">
3601                                                    <div class="pasaran"></div>
3602                                                    <div class="keluaran">1320</div>
3603                                                    <div class="tanggal">29-09-2026</div>
3604                                                </div>
3605                                             
3606                                                <div class="result">
3607                                                    <div class="pasaran"></div>
3608                                                    <div class="keluaran">2049</div>
3609                                                    <div class="tanggal">28-09-2026</div>
3610                                                </div>
3611                                             
3612                                                <div class="result">
3613                                                    <div class="pasaran"></div>
3614                                                    <div class="keluaran">8506</div>
3615                                                    <div class="tanggal">27-09-2026</div>
3616                                                </div>
3617                                                                                </div>
3618                                                            </div>
3619                            
3620                                                    <div class="result-data accordion-item">
3621                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
3622                                    <div class="badge">
3623                                                                            </div>
3624                                    <div class="pasaran">QATAR&nbsp</div>
3625                                    <div class="keluaran">0646</div>
3626                                    <div class="tanggal">04-10-2026</div>
3627                              </button>
3628                                                                <div id="paito-QTR" class="accordion-collapse collapse">
3629                                         
3630                                                <div class="result">
3631                                                    <div class="pasaran"></div>
3632                                                    <div class="keluaran">7691</div>
3633                                                    <div class="tanggal">03-10-2026</div>
3634                                                </div>
3635                                             
3636                                                <div class="result">
3637                                                    <div class="pasaran"></div>
3638                                                    <div class="keluaran">3505</div>
3639                                                    <div class="tanggal">02-10-2026</div>
3640                                                </div>
3641                                             
3642                                                <div class="result">
3643                                                    <div class="pasaran"></div>
3644                                                    <div class="keluaran">4757</div>
3645                                                    <div class="tanggal">01-10-2026</div>
3646                                                </div>
3647                                             
3648                                                <div class="result">
3649                                                    <div class="pasaran"></div>
3650                                                    <div class="keluaran">4561</div>
3651                                                    <div class="tanggal">30-09-2026</div>
3652                                                </div>
3653                                             
3654                                                <div class="result">
3655                                                    <div class="pasaran"></div>
3656                                                    <div class="keluaran">3480</div>
3657                                                    <div class="tanggal">29-09-2026</div>
3658                                                </div>
3659                                             
3660                                                <div class="result">
3661                                                    <div class="pasaran"></div>
3662                                                    <div class="keluaran">8546</div>
3663                                                    <div class="tanggal">28-09-2026</div>
3664                                                </div>
3665                                             
3666                                                <div class="result">
3667                                                    <div class="pasaran"></div>
3668                                                    <div class="keluaran">5413</div>
3669                                                    <div class="tanggal">27-09-2026</div>
3670                                                </div>
3671                                                                                </div>
3672                                                            </div>
3673                            
3674                                                    <div class="result-data accordion-item">
3675                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
3676                                    <div class="badge">
3677                                                                            </div>
3678                                    <div class="pasaran">
3678TOTO WUHAN&nbsp</div>
3679                                    <div class="keluaran">1083</div>
3680                                    <div class="tanggal">29-08-2026</div>
3681                              </button>
3682                                                                <div id="paito-TWH" class="accordion-collapse collapse">
3683                                         
3684                                                <div class="result">
3685                                                    <div class="pasaran"></div>
3686                                                    <div class="keluaran">0306</div>
3687                                                    <div class="tanggal">29-08-2026</div>
3688                                                </div>
3689                                             
3690                                                <div class="result">
3691                                                    <div class="pasaran"></div>
3692                                                    <div class="keluaran">4200</div>
3693                                                    <div class="tanggal">29-08-2026</div>
3694                                                </div>
3695                                             
3696                                                <div class="result">
3697                                                    <div class="pasaran"></div>
3698                                                    <div class="keluaran">5717</div>
3699                                                    <div class="tanggal">29-08-2026</div>
3700                                                </div>
3701                                             
3702                                                <div class="result">
3703                                                    <div class="pasaran"></div>
3704                                                    <div class="keluaran">1752</div>
3705                                                    <div class="tanggal">29-08-2026</div>
3706                                                </div>
3707                                             
3708                                                <div class="result">
3709                                                    <div class="pasaran"></div>
3710                                                    <div class="keluaran">4014</div>
3711                                                    <div class="tanggal">29-08-2026</div>
3712                                                </div>
3713                                             
3714                                                <div class="result">
3715                                                    <div class="pasaran"></div>
3716                                                    <div class="keluaran">1787</div>
3717                                                    <div class="tanggal">28-08-2026</div>
3718                                                </div>
3719                                             
3720                                                <div class="result">
3721                                                    <div class="pasaran"></div>
3722                                                    <div class="keluaran">6451</div>
3723                                                    <div class="tanggal">28-08-2026</div>
3724                                                </div>
3725                                                                                </div>
3726                                                            </div>
3727                            
3728                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
3729                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKP">
3730                                    <div class="badge">
3731                                                                            </div>
3732                                    <div class="pasaran">HONGKONG POOLS&nbsp</div>
3733                                    <div class="keluaran">7176</div>
3734                                    <div class="tanggal">04-10-2026</div>
3735                              </button>
3736                                                                <div id="paito-HKP" class="accordion-collapse collapse">
3737                                         
3738                                                <div class="result">
3739                                                    <div class="pasaran"></div>
3740                                                    <div class="keluaran">6962</div>
3741                                                    <div class="tanggal">03-10-2026</div>
3742                                                </div>
3743                                             
3744                                                <div class="result">
3745                                                    <div class="pasaran"></div>
3746                                                    <div class="keluaran">3686</div>
3747                                                    <div class="tanggal">02-10-2026</div>
3748                                                </div>
3749                                             
3750                                                <div class="result">
3751                                                    <div class="pasaran"></div>
3752                                                    <div class="keluaran">
37522164</div>
3753                                                    <div class="tanggal">01-10-2026</div>
3754                                                </div>
3755                                             
3756                                                <div class="result">
3757                                                    <div class="pasaran"></div>
3758                                                    <div class="keluaran">6987</div>
3759                                                    <div class="tanggal">30-09-2026</div>
3760                                                </div>
3761                                             
3762                                                <div class="result">
3763                                                    <div class="pasaran"></div>
3764                                                    <div class="keluaran">1320</div>
3765                                                    <div class="tanggal">29-09-2026</div>
3766                                                </div>
3767                                             
3768                                                <div class="result">
3769                                                    <div class="pasaran"></div>
3770                                                    <div class="keluaran">5232</div>
3771                                                    <div class="tanggal">29-09-2026</div>
3772                                                </div>
3773                                             
3774                                                <div class="result">
3775                                                    <div class="pasaran"></div>
3776                                                    <div class="keluaran">3159</div>
3777                                                    <div class="tanggal">28-09-2026</div>
3778                                                </div>
3779                                                                                </div>
3780                                                            </div>
3781                            
3782                                                    <div class="result-data accordion-item">
3783                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYDP">
3784                                    <div class="badge">
3785                                                                            </div>
3786                                    <div class="pasaran">SYDNEY POOLS&nbsp</div>
3787                                    <div class="keluaran">7933</div>
3788                                    <div class="tanggal">04-10-2026</div>
3789                              </button>
3790                                                                <div id="paito-SYDP" class="accordion-collapse collapse">
3791                                         
3792                                                <div class="result">
3793                                                    <div class="pasaran"></div>
3794                                                    <div class="keluaran">5604</div>
3795                                                    <div class="tanggal">03-10-2026</div>
3796                                                </div>
3797                                             
3798                                                <div class="result">
3799                                                    <div class="pasaran"></div>
3800                                                    <div class="keluaran">5392</div>
3801                                                    <div class="tanggal">02-10-2026</div>
3802                                                </div>
3803                                             
3804                                                <div class="result">
3805                                                    <div class="pasaran"></div>
3806                                                    <div class="keluaran">5493</div>
3807                                                    <div class="tanggal">01-10-2026</div>
3808                                                </div>
3809                                             
3810                                                <div class="result">
3811                                                    <div class="pasaran"></div>
3812                                                    <div class="keluaran">6079</div>
3813                                                    <div class="tanggal">30-09-2026</div>
3814                                                </div>
3815                                             
3816                                                <div class="result">
3817                                                    <div class="pasaran"></div>
3818                                                    <div class="keluaran">2953</div>
3819                                                    <div class="tanggal">29-09-2026</div>
3820                                                </div>
3821                                             
3822                                                <div class="result">
3823                                                    <div class="pasaran"></div>
3824                                                    <div class="keluaran">9267</div>
3825                                                    <div class="tanggal">28-09-2026</div>
3826                                                </div>
3827                                             
3828                                                <div class="result">
3829                                                    <div class="pasaran"></div>
3830                                                    <div class="keluaran">5241</div>
3831                                                    <div class="tanggal">27-09-2026</div>
3832                                                </div>
3833                                                                                </div>
3834                                                            </div>
3835                            
3836                        </div>              
3837              
3838          </div>
3839        </div>
3840    </div>
3841    
3842    
3842<script>
3843        
3844        function togglePaito(paitoid) {
3845            let paito = document.getElementById(paitoid);
3846            paito.classList.add("open");
3847        }
3848        
3849        
3850    </script>
3850
3851
3852            <div class="transaksi p-0 py-lg-4">
3853                <div class="d-none d-lg-block">
3854                    <!-- BANNER SBO DESKTOP -->
3855                    <div class="match-slider-wrap">
3856                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
3857
3858                                                                    <div class="carousel-indicators">
3859                                                                                    <button
3860                                                type="button"
3861                                                data-bs-target="#sboMatchCarouselDesktop"
3862                                                data-bs-slide-to="0"
3863                                                class="active"
3864                                                aria-current="true"                                                aria-label="Slide 1">
3865                                            </button>
3866                                                                                    <button
3867                                                type="button"
3868                                                data-bs-target="#sboMatchCarouselDesktop"
3869                                                data-bs-slide-to="1"
3870                                                class=""
3871                                                                                                aria-label="Slide 2">
3872                                            </button>
3873                                                                                    <button
3874                                                type="button"
3875                                                data-bs-target="#sboMatchCarouselDesktop"
3876                                                data-bs-slide-to="2"
3877                                                class=""
3878                                                                                                aria-label="Slide 3">
3879                                            </button>
3880                                                                                    <button
3881                                                type="button"
3882                                                data-bs-target="#sboMatchCarouselDesktop"
3883                                                data-bs-slide-to="3"
3884                                                class=""
3885                                                                                                aria-label="Slide 4">
3886                                            </button>
3887                                                                            </div>
3888                                
3889                                <div class="carousel-inner">
3890                                                                            <div class="carousel-item active">
3891                                            <div class="row g-3">
3892                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3893                                                        <div class="match-card h-100">
3894                                                            <div class="league-name">
3895                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3896
3897                                                            <div class="kickoff-time">
3898                                                                October 10, 2026 — 18:30 WIB                                                            </div>
3899
3900                                                            <div class="match-main-row">
3901                                                                <div class="team-col">
3902                                                                    <img
3903                                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
3904                                                                        alt="Arsenal"
3905                                                                        class="team-logo"
3906                                                                    >
3907                                                                    <div class="team-name">
3908                                                                        Arsenal                                                                    </div>
3909                                                                </div>
3910
3911                                                                <div class="score-col">
3912                                                                    <div class="score-value">
3913                                                                        0 : 0                                                                    </div>
3914
3915                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
3916                                                                        BET NOW
3917                                                                    </a>
3918                                                                </div>
3919
3920                                                                <div class="team-col">
3921                                                                    <img
3922                                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
3922ce556.png"
3923                                                                        alt="Leeds United"
3924                                                                        class="team-logo"
3925                                                                    >
3926                                                                    <div class="team-name">
3927                                                                        Leeds United                                                                    </div>
3928                                                                </div>
3929                                                            </div>
3930
3931                                                            <div class="match-odds-row">
3932                                                                <div class="odds-col">
3933                                                                    <span>
3934                                                                        1.25                                                                        <small>0.88</small>
3935                                                                    </span>
3936                                                                </div>
3937
3938                                                                <div class="odds-spacer"></div>
3939
3940                                                                <div class="odds-col">
3941                                                                    <span>
3942                                                                        -1.25                                                                        <small>-0.98</small>
3943                                                                    </span>
3944                                                                </div>
3945                                                            </div>
3946                                                        </div>
3947                                                    </div>
3948                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3949                                                        <div class="match-card h-100">
3950                                                            <div class="league-name">
3951                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3952
3953                                                            <div class="kickoff-time">
3954                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3955
3956                                                            <div class="match-main-row">
3957                                                                <div class="team-col">
3958                                                                    <img
3959                                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
3960                                                                        alt="Chelsea"
3961                                                                        class="team-logo"
3962                                                                    >
3963                                                                    <div class="team-name">
3964                                                                        Chelsea                                                                    </div>
3965                                                                </div>
3966
3967                                                                <div class="score-col">
3968                                                                    <div class="score-value">
3969                                                                        0 : 0                                                                    </div>
3970
3971                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
3972                                                                        BET NOW
3973                                                                    </a>
3974                                                                </div>
3975
3976                                                                <div class="team-col">
3977                                                                    <img
3978                                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
3979                                                                        alt="Bournemouth AFC"
3980                                                                        class="team-logo"
3981                                                                    >
3982                                                                    <div class="team-name">
3983                                                                        Bournemouth AFC                                                                    </div>
3984                                                                </div>
3985                                                            </div>
3986
3987                                                            <div class="match-odds-row">
3988                                                                <div class="odds-col">
3989                                                                    <sp
3989an>
3990                                                                        0.75                                                                        <small>0.91</small>
3991                                                                    </span>
3992                                                                </div>
3993
3994                                                                <div class="odds-spacer"></div>
3995
3996                                                                <div class="odds-col">
3997                                                                    <span>
3998                                                                        -0.75                                                                        <small>0.99</small>
3999                                                                    </span>
4000                                                                </div>
4001                                                            </div>
4002                                                        </div>
4003                                                    </div>
4004                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4005                                                        <div class="match-card h-100">
4006                                                            <div class="league-name">
4007                                                                SPAIN LA LIGA                                                            </div>
4008
4009                                                            <div class="kickoff-time">
4010                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4011
4012                                                            <div class="match-main-row">
4013                                                                <div class="team-col">
4014                                                                    <img
4015                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
4016                                                                        alt="Barcelona"
4017                                                                        class="team-logo"
4018                                                                    >
4019                                                                    <div class="team-name">
4020                                                                        Barcelona                                                                    </div>
4021                                                                </div>
4022
4023                                                                <div class="score-col">
4024                                                                    <div class="score-value">
4025                                                                        0 : 0                                                                    </div>
4026
4027                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
4028                                                                        BET NOW
4029                                                                    </a>
4030                                                                </div>
4031
4032                                                                <div class="team-col">
4033                                                                    <img
4034                                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
4035                                                                        alt="Getafe"
4036                                                                        class="team-logo"
4037                                                                    >
4038                                                                    <div class="team-name">
4039                                                                        Getafe                                                                    </div>
4040                                                                </div>
4041                                                            </div>
4042
4043                                                            <div class="match-odds-row">
4044                                                                <div class="odds-col">
4045                                                                    <sp
4045an>
4046                                                                        2.75                                                                        <small>0.83</small>
4047                                                                    </span>
4048                                                                </div>
4049
4050                                                                <div class="odds-spacer"></div>
4051
4052                                                                <div class="odds-col">
4053                                                                    <span>
4054                                                                        -2.75                                                                        <small>-0.93</small>
4055                                                                    </span>
4056                                                                </div>
4057                                                            </div>
4058                                                        </div>
4059                                                    </div>
4060                                                                                            </div>
4061                                        </div>
4062                                                                            <div class="carousel-item ">
4063                                            <div class="row g-3">
4064                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4065                                                        <div class="match-card h-100">
4066                                                            <div class="league-name">
4067                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4068
4069                                                            <div class="kickoff-time">
4070                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4071
4072                                                            <div class="match-main-row">
4073                                                                <div class="team-col">
4074                                                                    <img
4075                                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
4076                                                                        alt="Sunderland"
4077                                                                        class="team-logo"
4078                                                                    >
4079                                                                    <div class="team-name">
4080                                                                        Sunderland                                                                    </div>
4081                                                                </div>
4082
4083                                                                <div class="score-col">
4084                                                                    <div class="score-value">
4085                                                                        0 : 0                                                                    </div>
4086
4087                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
4088                                                                        BET NOW
4089                                                                    </a>
4090                                                                </div>
4091
4092                                                                <div class="team-col">
4093                                                                    <img
4094                                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
4095                                                                        alt="Brighton &amp; Hove Albion"
4096                                                                        class="team-logo"
4097                                                                    >
4098                                                                    <div class="team-name">
4099                                                                        Brighton &amp; Hove Albion                                                                    </div>
4100                                                                </div>
4101                                                            </div>
4102
4103                                                            <div class="match-odds-row">
4104                                                                <div class="odds-col">
4105                                                                    <sp
4105an>
4106                                                                        0.00                                                                        <small>-0.82</small>
4107                                                                    </span>
4108                                                                </div>
4109
4110                                                                <div class="odds-spacer"></div>
4111
4112                                                                <div class="odds-col">
4113                                                                    <span>
4114                                                                        0.00                                                                        <small>0.72</small>
4115                                                                    </span>
4116                                                                </div>
4117                                                            </div>
4118                                                        </div>
4119                                                    </div>
4120                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4121                                                        <div class="match-card h-100">
4122                                                            <div class="league-name">
4123                                                                SPAIN LA LIGA                                                            </div>
4124
4125                                                            <div class="kickoff-time">
4126                                                                October 11, 2026 — 02:00 WIB                                                            </div>
4127
4128                                                            <div class="match-main-row">
4129                                                                <div class="team-col">
4130                                                                    <img
4131                                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
4132                                                                        alt="Real Madrid"
4133                                                                        class="team-logo"
4134                                                                    >
4135                                                                    <div class="team-name">
4136                                                                        Real Madrid                                                                    </div>
4137                                                                </div>
4138
4139                                                                <div class="score-col">
4140                                                                    <div class="score-value">
4141                                                                        0 : 0                                                                    </div>
4142
4143                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
4144                                                                        BET NOW
4145                                                                    </a>
4146                                                                </div>
4147
4148                                                                <div class="team-col">
4149                                                                    <img
4150                                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
4151                                                                        alt="Villarreal"
4152                                                                        class="team-logo"
4153                                                                    >
4154                                                                    <div class="team-name">
4155                                                                        Villarreal                                                                    </div>
4156                                                                </div>
4157                                                            </div>
4158
4159                                                            <div class="match-odds-row">
4160                                                                <div class="odds-col">
4161                                                                    <sp
4161an>
4162                                                                        1.5                                                                        <small>0.93</small>
4163                                                                    </span>
4164                                                                </div>
4165
4166                                                                <div class="odds-spacer"></div>
4167
4168                                                                <div class="odds-col">
4169                                                                    <span>
4170                                                                        -1.5                                                                        <small>0.97</small>
4171                                                                    </span>
4172                                                                </div>
4173                                                            </div>
4174                                                        </div>
4175                                                    </div>
4176                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4177                                                        <div class="match-card h-100">
4178                                                            <div class="league-name">
4179                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4180
4181                                                            <div class="kickoff-time">
4182                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4183
4184                                                            <div class="match-main-row">
4185                                                                <div class="team-col">
4186                                                                    <img
4187                                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
4188                                                                        alt="Manchester United"
4189                                                                        class="team-logo"
4190                                                                    >
4191                                                                    <div class="team-name">
4192                                                                        Manchester United                                                                    </div>
4193                                                                </div>
4194
4195                                                                <div class="score-col">
4196                                                                    <div class="score-value">
4197                                                                        0 : 0                                                                    </div>
4198
4199                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
4200                                                                        BET NOW
4201                                                                    </a>
4202                                                                </div>
4203
4204                                                                <div class="team-col">
4205                                                                    <img
4206                                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
4207                                                                        alt="Tottenham Hotspur"
4208                                                                        class="team-logo"
4209                                                                    >
4210                                                                    <div class="team-name">
4211                                                                        Tottenham Hotspur                                                                    </div>
4212                                                                </div>
4213                                                            </div>
4214
4215                                                            <div class="match-odds-row">
4216                                                                <div class="odds-col">
4217                                                                    <sp
4217an>
4218                                                                        0.75                                                                        <small>0.92</small>
4219                                                                    </span>
4220                                                                </div>
4221
4222                                                                <div class="odds-spacer"></div>
4223
4224                                                                <div class="odds-col">
4225                                                                    <span>
4226                                                                        -0.75                                                                        <small>0.98</small>
4227                                                                    </span>
4228                                                                </div>
4229                                                            </div>
4230                                                        </div>
4231                                                    </div>
4232                                                                                            </div>
4233                                        </div>
4234                                                                            <div class="carousel-item ">
4235                                            <div class="row g-3">
4236                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4237                                                        <div class="match-card h-100">
4238                                                            <div class="league-name">
4239                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4240
4241                                                            <div class="kickoff-time">
4242                                                                October 11, 2026 — 22:30 WIB                                                            </div>
4243
4244                                                            <div class="match-main-row">
4245                                                                <div class="team-col">
4246                                                                    <img
4247                                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
4248                                                                        alt="Liverpool"
4249                                                                        class="team-logo"
4250                                                                    >
4251                                                                    <div class="team-name">
4252                                                                        Liverpool                                                                    </div>
4253                                                                </div>
4254
4255                                                                <div class="score-col">
4256                                                                    <div class="score-value">
4257                                                                        0 : 0                                                                    </div>
4258
4259                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
4260                                                                        BET NOW
4261                                                                    </a>
4262                                                                </div>
4263
4264                                                                <div class="team-col">
4265                                                                    <img
4266                                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
4267                                                                        alt="Manchester City"
4268                                                                        class="team-logo"
4269                                                                    >
4270                                                                    <div class="team-name">
4271                                                                        Manchester City                                                                    </div>
4272                                                                </div>
4273                                                            </div>
4274
4275                                                            <div class="match-odds-row">
4276                                                                <div class="odds-col">
4277                                                                    <sp
4277an>
4278                                                                        0.00                                                                        <small>0.91</small>
4279                                                                    </span>
4280                                                                </div>
4281
4282                                                                <div class="odds-spacer"></div>
4283
4284                                                                <div class="odds-col">
4285                                                                    <span>
4286                                                                        0.00                                                                        <small>0.99</small>
4287                                                                    </span>
4288                                                                </div>
4289                                                            </div>
4290                                                        </div>
4291                                                    </div>
4292                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4293                                                        <div class="match-card h-100">
4294                                                            <div class="league-name">
4295                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4296
4297                                                            <div class="kickoff-time">
4298                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4299
4300                                                            <div class="match-main-row">
4301                                                                <div class="team-col">
4302                                                                    <img
4303                                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
4304                                                                        alt="Aston Villa"
4305                                                                        class="team-logo"
4306                                                                    >
4307                                                                    <div class="team-name">
4308                                                                        Aston Villa                                                                    </div>
4309                                                                </div>
4310
4311                                                                <div class="score-col">
4312                                                                    <div class="score-value">
4313                                                                        0 : 0                                                                    </div>
4314
4315                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
4316                                                                        BET NOW
4317                                                                    </a>
4318                                                                </div>
4319
4320                                                                <div class="team-col">
4321                                                                    <img
4322                                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
4323                                                                        alt="Brentford"
4324                                                                        class="team-logo"
4325                                                                    >
4326                                                                    <div class="team-name">
4327                                                                        Brentford                                                                    </div>
4328                                                                </div>
4329                                                            </div>
4330
4331                                                            <div class="match-odds-row">
4332                                                                <div class="odds-col">
4333                                                                    <sp
4333an>
4334                                                                        0.00                                                                        <small>-0.99</small>
4335                                                                    </span>
4336                                                                </div>
4337
4338                                                                <div class="odds-spacer"></div>
4339
4340                                                                <div class="odds-col">
4341                                                                    <span>
4342                                                                        0.00                                                                        <small>0.89</small>
4343                                                                    </span>
4344                                                                </div>
4345                                                            </div>
4346                                                        </div>
4347                                                    </div>
4348                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4349                                                        <div class="match-card h-100">
4350                                                            <div class="league-name">
4351                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4352
4353                                                            <div class="kickoff-time">
4354                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4355
4356                                                            <div class="match-main-row">
4357                                                                <div class="team-col">
4358                                                                    <img
4359                                                                        src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png"
4360                                                                        alt="Ipswich Town"
4361                                                                        class="team-logo"
4362                                                                    >
4363                                                                    <div class="team-name">
4364                                                                        Ipswich Town                                                                    </div>
4365                                                                </div>
4366
4367                                                                <div class="score-col">
4368                                                                    <div class="score-value">
4369                                                                        0 : 0                                                                    </div>
4370
4371                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')">
4372                                                                        BET NOW
4373                                                                    </a>
4374                                                                </div>
4375
4376                                                                <div class="team-col">
4377                                                                    <img
4378                                                                        src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png"
4379                                                                        alt="Fulham"
4380                                                                        class="team-logo"
4381                                                                    >
4382                                                                    <div class="team-name">
4383                                                                        Fulham                                                                    </div>
4384                                                                </div>
4385                                                            </div>
4386
4387                                                            <div class="match-odds-row">
4388                                                                <div class="odds-col">
4389                                                                    <sp
4389an>
4390                                                                        0.00                                                                        <small>-0.95</small>
4391                                                                    </span>
4392                                                                </div>
4393
4394                                                                <div class="odds-spacer"></div>
4395
4396                                                                <div class="odds-col">
4397                                                                    <span>
4398                                                                        0.00                                                                        <small>0.85</small>
4399                                                                    </span>
4400                                                                </div>
4401                                                            </div>
4402                                                        </div>
4403                                                    </div>
4404                                                                                            </div>
4405                                        </div>
4406                                                                            <div class="carousel-item ">
4407                                            <div class="row g-3">
4408                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4409                                                        <div class="match-card h-100">
4410                                                            <div class="league-name">
4411                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4412
4413                                                            <div class="kickoff-time">
4414                                                                October 11, 2026 — 20:00 WIB                                                            </div>
4415
4416                                                            <div class="match-main-row">
4417                                                                <div class="team-col">
4418                                                                    <img
4419                                                                        src="https://cdn.sportnanoapi.com/football/team/42396d18444156e640c37476c2b41b93.png"
4420                                                                        alt="Crystal Palace"
4421                                                                        class="team-logo"
4422                                                                    >
4423                                                                    <div class="team-name">
4424                                                                        Crystal Palace                                                                    </div>
4425                                                                </div>
4426
4427                                                                <div class="score-col">
4428                                                                    <div class="score-value">
4429                                                                        0 : 0                                                                    </div>
4430
4431                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100635')">
4432                                                                        BET NOW
4433                                                                    </a>
4434                                                                </div>
4435
4436                                                                <div class="team-col">
4437                                                                    <img
4438                                                                        src="https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png"
4439                                                                        alt="Nottingham Forest"
4440                                                                        class="team-logo"
4441                                                                    >
4442                                                                    <div class="team-name">
4443                                                                        Nottingham Forest                                                                    </div>
4444                                                                </div>
4445                                                            </div>
4446
4447                                                            <div class="match-odds-row">
4448                                                                <div class="odds-col">
4449                                                                    <sp
4449an>
4450                                                                        0.00                                                                        <small>0.92</small>
4451                                                                    </span>
4452                                                                </div>
4453
4454                                                                <div class="odds-spacer"></div>
4455
4456                                                                <div class="odds-col">
4457                                                                    <span>
4458                                                                        0.00                                                                        <small>0.98</small>
4459                                                                    </span>
4460                                                                </div>
4461                                                            </div>
4462                                                        </div>
4463                                                    </div>
4464                                                                                            </div>
4465                                        </div>
4466                                                                    </div>
4467
4468                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
4469                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
4470                                        <span class="visually-hidden">Previous</span>
4471                                    </button>
4472
4473                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
4474                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
4475                                        <span class="visually-hidden">Next</span>
4476                                    </button>
4477                                                            </div>
4478                                            </div>
4479                    <!-- BANNER SBO DESKTOP END -->
4480                    <!-- Banner Telegram -->
4481                    
4482                                        
4483                    <style>
4484                    .telegram-bet-title {
4485                      font-size: 1.3rem;
4486                      font-weight: 800;
4487                      letter-spacing: 1px;
4488                      text-transform: uppercase;
4489                      color: #ffffff;
4490                    
4491                      /* NEON TELEGRAM GLOW */
4492                      text-shadow:
4493                        /* inner white core */
4494                        0 0 2px rgba(255,255,255,0.9),
4495                    
4496                        /* tight Telegram glow */
4497                        0 0 6px rgba(0,136,204,0.9),
4498                        0 0 12px rgba(0,136,204,0.8),
4499                    
4500                        /* outer neon halo */
4501                        0 0 22px rgba(0,136,204,0.6),
4502                        0 0 38px rgba(0,136,204,0.45),
4503                        0 0 60px rgba(0,136,204,0.3);
4504                    }
4505                    </style>
4506                    
4507                    <style>
4508                    .btn-telegram-neon {
4509                      font-weight: 600;
4510                      padding: 10px 16px;
4511                      border-radius: 10px;
4512                      letter-spacing: 0.3px;
4513                    
4514                      background: #0088cc;
4515                      border: none;
4516                      color: #ffffff;
4517                    
4518                      /* clean Telegram neon */
4519                      box-shadow:
4520                        0 2px 6px rgba(0,136,204,0.35),
4521                        0 0 10px rgba(0,136,204,0.25);
4522                    
4523                      transition: box-shadow 0.25s ease, transform 0.2s ease;
4524                    }
4525                    
4526                    /* hover: slight lift + glow */
4527                    .btn-telegram-neon:hover {
4528                      box-shadow:
4529                        0 4px 10px rgba(0,136,204,0.45),
4530                        0 0 16px rgba(0,136,204,0.35);
4531                      transform: translateY(-1px);
4532                    }
4533                    
4534                    /* active */
4535                    .btn-telegram-neon:active {
4536                      transform: translateY(0);
4537                      box-shadow:
4538                        0 2px 5px rgba(0,136,204,0.35);
4539                    }
4540                    </style>
4541                    
4542                    <style>
4543                        .telegram-float {
4544                          animation: telegramFloat 3.5s ease-in-out infinite;
4545                        }
4546                        
4547                        @keyframes telegramFloat {
4548                          0%, 100% {
4549                            transform: translateY(0);
4550                          }
4551                          50% {
4552                            transform: translateY(-8px);
4553                          }
4554                        }
4555                    </style>
4556                    
4557                    <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center">
4558                        <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px">
4559                            <div class="d-flex gap-4">
4560                                <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/>
4561                                <div class="d-flex flex-column justify-content-center gap-1">
4562                                    <strong class="telegram-bet-title">TELEGRAM BET</strong>
4563                                    
4564                                    <div class="d-flex gap-3">
4565                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div>
4566                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div>
4567                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div>
4568                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div>
4569                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div>
4570                                    </div>
4571                                </div>
4572                            </div>
4573                            
4574                            <button class="btn-telegram-neon rounded-pill"  onclick="window.open('https://telegram.me/BONBON777_bot', '_blank')">Mainkan Sekarang</button>
4575                            
4576                        </div>
4577                        <div style="position: absolute; width: 100%; background: gray">
4578                            <img src="https://img.viva88athenae.com//banner-telegram.jpg" />
4579                        </div>
4580                        
4581                    </div>
4582                    
4583                    
4584                    
4585                    <div class="transaksi-kontak">
4586                        
4587                        <div class="d-flex flex-column w-100">
4588                            <div class="transaksi-content">
4589                                <!-- Bank -->
4590                                
4591<style>
4592    /* ====== LAYOUT KESELURUHAN ====== */
4593
4594    .transaksi-layout {
4595        display: flex;
4596        justify-content: center;
4597        gap: 16px;
4598        align-items: center;
4599    }
4600
4601    .transaksi-left-inner {
4602        width: 100%;
4603    }
4604
4605    .transaksi-left-img {
4606        width: 100%;
4607        height: auto;
4608        display: block;
4609        object-fit: cover;
4610    }
4611
4612    .transaksi-right-box {
4613        flex: 1;
4614        display: flex;
4615        justify-content: flex-start;
4616    }
4617
4618    .transaksi-group {
4619        display: flex;
4620        flex-direction: column;
4621        gap: 16px;
4622        width: 100%;
4623        grid-template-areas:
4624            "transaksi-bank transaksi-other transaksi-crypto";
4625    }
4626
4627    .transaksi-bank {
4628        grid-area: transaksi-bank;
4629        display: grid;
4630        place-items: center;
4631        justify-content: flex-start;
4632    }
4633
4634    .transaksi-other {
4635        grid-area: transaksi-other;
4636        display: flex;
4637        justify-content: flex-start;
4638        width: 100%;
4639    }
4640
4641    .transaksi-crypto {
4642        grid-area: transaksi-crypto;
4643        display: flex;
4644        justify-content: flex-start;
4645        width: 100%;
4646    }
4647
4648    .transaksi-wrapper {
4649        display: flex;
4650        flex-direction: column;
4651        gap: .5rem;
4652        align-items: flex-start;
4653    }
4654
4655    .transaksi-name {
4656        font-size: 1.1rem;
4657        font-weight: bold;
4658        line-height: 1.5rem;
4659    }
4660
4661    /* ====== GRID LIST ====== */
4662
4663    .transaksi-list-bank,
4664    .transaksi-list-other {
4665        height: fit-content;
4666        display: grid;
4667        grid-template-columns: repeat(5, minmax(80px, 1fr));
4668        gap: 4px 6px;
4669    }
4670
4671    .transaksi-list-crypto {
4672        height: fit-content;
4673        display: flex;
4674        align-items: center;
4675        gap: 24px;
4676        width: 100%;
4677        justify-content: flex-start;
4678    }
4679
4680    .icon-crypto {
4681        width: 24px;
4682        height: 24px;
4683    }
4684
4685    /* ====== ITEM BANK / EMONEY ====== */
4686
4687    .transaksi-item {
4688        display: flex;
4689        flex-direction: column;
4690        position: relative;
4691    }
4692
4693    .transaksi-header {
4694        height: 30px;
4695        border-radius: 5px;
4696        font-weight: bold;
4697        border: 2px solid rgba(108,108,108,1);
4698        background: rgba(54,54,54,1);
4699        color: white;
4700        display: flex;
4701        align-items: center;
4702        justify-content: center;
4703        padding: 0 12px 0 22px; /* extra space kiri buat dot */
4704        font-size: 0.9rem;
4705        white-space: nowrap;
4706    }
4707
4708    /* strip bawah lama dimatikan */
4709    .transaksi-status {
4710        display: none;
4711    }
4712
4713    /* ====== ONLINE / OFFLINE DOT ====== */
4714
4715    /* ONLINE: tambahkan class is-online di PHP */
4716    .transaksi-header.is-online::before {
4717        content: "";
4718        position: absolute;
4719        left: 8px;
4720        top: 50%;
4721        transform: translateY(-50%);
4722        width: 9px;
4723        height: 9px;
4724        border-radius: 50%;
4725        background-color: #00ff66;
4726        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4727    }
4728
4729    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
4730    .transaksi-header.is-offline {
4731        background: #2e2e2e;
4732        border-color: #555;
4733        opacity: .4;
4734    }
4735
4736    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
4737    .transaksi-header:not(.is-online):not(.is-offline) {
4738        background: #2e2e2e;
4739        border-color: #555;
4740        opacity: .4;
4741    }
4742
4743    @media only screen and (max-width: 768px) {
4744
4745        .transaksi-layout {
4746            flex-direction: column;
4747            align-items: center;
4748        }
4749
4750        .transaksi-group {
4751            display: grid;
4752            grid-template-columns: 1fr;
4753            grid-template-areas:
4754                "transaksi-bank"
4755                "transaksi-other"
4756                "transaksi-crypto";
4757            gap: 32px;
4758            margin-bottom: 8px;
4759        }
4760
4761        .transaksi-header {
4762            font-size: 1.1rem;
4763            height: 36px;
4764        }
4765
4766        .transaksi-list-bank {
4767            grid-template-columns: repeat(4, 1fr);
4768        }
4769
4770        .transaksi-list-other {
4771            grid-template-columns: repeat(4, 1fr);
4772        }
4773
4774        .transaksi-list-crypto {
4775            width: 86%;
4776            margin: auto;
4777            flex-wrap: wrap;
4778        }
4779
4780        .transaksi-item {
4781            width: 100%;
4782        }
4783
4784        .transaksi-name {
4785            font-size: 1.3rem;
4786            text-align: center;
4787            line-height: 1.8rem;
4788        }
4789
4790        .transaksi-wrapper {
4791            width: 100%;
4792            max-width: 100%!important;
4793            gap: 1rem;
4794            align-items: center;
4795        }
4796
4797        .icon-crypto {
4798            width: 28px;
4799            height: 28px;
4800        }
4801    }
4802
4803    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
4804    .transaksi-header {
4805        height: 34px;
4806        border-radius: 6px;
4807        font-weight: bold;
4808        border: 2px solid rgba(108,108,108,1);
4809        background: rgba(54,54,54,1);
4810        color: white;
4811
4812        /* Tambahan baru */
4813        min-width: 110px;       /* Lebarin biar semua rata */
4814        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
4815        display: flex;
4816        align-items: center;
4817        justify-content: center;
4818        text-align: center;
4819
4820        white-space: nowrap;
4821    }
4822
4823    /* DOT ONLINE */
4824    .transaksi-header.is-online::before {
4825        content: "";
4826        position: absolute;
4827        left: 10px;
4828        top: 50%;
4829        transform: translateY(-50%);
4830        width: 10px;
4831        height: 10px;
4832        border-radius: 50%;
4833        background-color: #00ff66;
4834        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4835    }
4836
4837    /* OFFLINE (DISABLED) */
4838    .transaksi-header.is-offline {
4839        padding: 0 16px;         
4840        background: #2e2e2e;
4841        border-color: #555;
4842        opacity: .35;
4843        align-items: center;
4844        justify-content: center;
4845        text-align: center;
4846    }
4847
4848    /* GRID-nya sedikit dilebarin biar simetris */
4849    .transaksi-list-bank,
4850    .transaksi-list-other {
4851        grid-template-columns: repeat(4, minmax(110px, 1fr));
4852        gap: 8px 10px;
4853    }
4854
4855</style>
4856
4857<div class="transaksi-layout">
4858    <div class="transaksi-left-box">
4859        <div class="transaksi-left-inner">
4860            <img src="/images/transaksi.png" class="transaksi-left-img">
4861        </div>
4862    </div>
4863
4864    <div class="transaksi-right-box">
4865        <div class="transaksi-group">
4866
4867            <!-- BANK LOKAL -->
4868            <div class="transaksi-bank">
4869                <div class="transaksi-wrapper">
4870                                            <div class="transaksi-name">Bank Lokal</div>
4871                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
4872                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4873                                                                    <button type="button" data-bs-target="#transaksi-bank-indicators"
4874                                                data-bs-slide-to="0" class="active" aria-current="true"
4875                                                aria-label="Slide 1"></button>
4876                                                                            <button type="button" data-bs-target="#transaksi-bank-indicators"
4877                                                data-bs-slide-to="1" aria-label="Slide 2"></button>
4878                                                            </div>
4879
4880                        <div class="carousel-inner" style="min-height: 144px">
4881                                                            <div class="carousel-item active">
4882                                    <div class="transaksi-list-bank">
4883                                                                                    <div class="transaksi-item">
4884                                                <div class="transaksi-header is-online">
4885                                                    BCA                                                </div>
4886                                                <div class="transaksi-status"></div>
4887                                            </div>
4888                                                                                        <div class="transaksi-item">
4889                                                <div class="tran
4889saksi-header is-online">
4890                                                    Mandiri                                                </div>
4891                                                <div class="transaksi-status"></div>
4892                                            </div>
4893                                                                                        <div class="transaksi-item">
4894                                                <div class="transaksi-header is-online">
4895                                                    BNI                                                </div>
4896                                                <div class="transaksi-status"></div>
4897                                            </div>
4898                                                                                        <div class="transaksi-item">
4899                                                <div class="transaksi-header is-online">
4900                                                    BRI                                                </div>
4901                                                <div class="transaksi-status"></div>
4902                                            </div>
4903                                                                                        <div class="transaksi-item">
4904                                                <div class="transaksi-header is-online">
4905                                                    CIMB                                                </div>
4906                                                <div class="transaksi-status"></div>
4907                                            </div>
4908                                                                                        <div class="transaksi-item">
4909                                                <div class="transaksi-header is-online">
4910                                                    Danamon                                                </div>
4911                                                <div class="transaksi-status"></div>
4912                                            </div>
4913                                                                                        <div class="transaksi-item">
4914                                                <div class="transaksi-header is-online">
4915                                                    Permata                                                </div>
4916                                                <div class="transaksi-status"></div>
4917                                            </div>
4918                                                                                        <div class="transaksi-item">
4919                                                <div class="transaksi-header is-online">
4920                                                    BJB                                                </div>
4921                                                <div class="transaksi-status"></div>
4922                                            </div>
4923                                                                                        <div class="transaksi-item">
4924                                                <div class="transaksi-header is-online">
4925                                                    PANIN                                                </div>
4926                                                <div class="transaksi-status"></div>
4927                                            </div>
4928                                                                                        <div class="transaksi-item">
4929                                                <div class="transaksi-header is-online">
4930                                                    OCBC                                                </div>
4931                                                <div class="transaksi-status"></div>
4932                                            </div>
4933                                                                                        <div class="transaksi-item">
4934                                                <div class="transaksi-header is-online">
4935                                                    DKI                                                </div>
4936                                                <div class="transaksi-status"></div>
4937                                            </div>
4938                                                                                        <div class="transaksi-item">
4939                                                <div class="transaksi-header is-online">
4940                                                    BSI                                                </div>
4941                                                <div class="transaksi-status"></div>
4942                                            </div>
4943                                                                                        <div class="transaksi-item">
4944                                                <div class="transaksi-header is-online">
4945                                                    NEO                                                </div>
4946                                                <div class="transaksi-status"></div>
4947                                            </div>
4948                                                                                        <div class="transaksi-item">
4949                                                <div class="transaksi-header is-online">
4950                                                    JAGO                                                </div>
4951                                                <div class="transaksi-status"></div>
4952                                            </div>
4953                                                                                        <div class="transaksi-item">
4954                                                <div class="transaksi-header is-offline">
4955                                                    SeaBank                                                </div>
4956                                                <div class="transaksi-status"></div>
4957                                            </div>
4958                                                                                        <div class="transaksi-item">
4959                                                <div class="transaksi-header is-online">
4960                                                    DBS                                                </div>
4961                                                <div class="transaksi-status"></div>
4962                                            </div>
4963                                                                                </div>
4964                                </div>
4965                                                            <div class="carousel-item ">
4966                                    <div class="transaksi-list-bank">
4967                                                                                    <div class="transaksi-item">
4968                                                <div class="transaksi-header is-online">
4969                                                    NOBU                                                </div>
4970                                                <div class="transaksi-status"></div>
4971                                            </div>
4972                                                                                        <div class="transaksi-item">
4973                                                <div class="transaksi-header is-online">
4974                                                    Maybank                                                </div>
4975                                                <div class="transaksi-status"></div>
4976                                            </div>
4977                                                                                        <div class="transaksi-item">
4978                                                <div class="transaksi-header is-online">
4979                                                    Mestika                                                </div>
4980                                                <div class="transaksi-status"></div>
4981                                            </div>
4982                                                                                        <div class="transaksi-item">
4983                                                <div class="transaksi-header is-online">
4984                                                    Mega                                                </div>
4985                                                <div class="transaksi-status"></div>
4986                                            </div>
4987                                                                                        <div class="transaksi-item">
4988                                                <div class="transaksi-header is-online">
4989                                                    BluBCA                                                </div>
4990                                                <div class="transaksi-status"></div>
4991                                            </div>
4992                                                                                        <div class="transaksi-item">
4993                                                <div class="transaksi-header is-online">
4994                                                    Superbank                                                </div>
4995                                                <div class="transaksi-status"></div>
4996                                            </div>
4997                                                                                        <div class="transaksi-item">
4998                                                <div class="transaksi-header is-online">
4999                                                    Allobank                                                </div>
5000                                                <div class="transaksi-status"></div>
5001                                            </div>
5002                                                                                        <div class="transaksi-item">
5003                                                <div class="transaksi-header is-online">
5004                                                    SAQU                                                </div>
5005                                                <div class="transaksi-status"></div>
5006                                            </div>
5007                                                                                </div>
5008                                </div>
5009                                                    </div>
5010                    </div>
5011
5012                </div>
5013            </div>
5014
5015            <!-- E MONEY & PULSA -->
5016            <div class="transaksi-other">
5017                <div class="transaksi-wrapper">
5018                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
5019                    
5020                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
5021                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5022                                                    </div>
5023
5024                        <div class="carousel-inner" >
5025                                                            <div class="carousel-item active">
5026                                    <div class="transaksi-list-other">
5027                                                                                    <div class="transaksi-item">
5028                                                <div class="transaksi-header is-online">
5029                                                    Jenius                                                </div>
5030                                                <div class="transaksi-status"></div>
5031                                            </div>
5032                                                                                        <div class="transaksi-item">
5033                                                <div class="transaksi-header is-online">
5034                                                    DANA                                                </div>
5035                                                <div class="transaksi-status"></div>
5036                                            </div>
5037                                                                                        <div class="transaksi-item">
5038                                                <div class="transaksi-header is-online">
5039                                                    OVO                                                </div>
5040                                                <div class="transaksi-status"></div>
5041                                            </div>
5042                                                                                        <div class="transaksi-item">
5043                                                <div class="transaksi-header is-online">
5044                                                    ShopeePay                                                </div>
5045                                                <div class="transaksi-status"></div>
5046                                            </div>
5047                                                                                        <div class="transaksi-item">
5048                                                <div class="transaksi-header is-online">
5049                                                    GOPAY                                                </div>
5050                                                <div class="transaksi-status"></div>
5051                                            </div>
5052                                                                                        <div class="transaksi-item">
5053                                                <div class="transaksi-header is-online">
5054                                                    LinkAja                                                </div>
5055                                                <div class="transaksi-status"></div>
5056                                            </div>
5057                                                                                        <div class="transaksi-item">
5058                                                <div class="transaksi-header is-online">
5059                                                    Sakuku                                                </div>
5060                                                <div class="transaksi-status"></div>
5061                                            </div>
5062                                                                                        <div class="transaksi-item">
5063                                                <div class="transaksi-header is-online">
5064                                                    AstraPay                                                </div>
5065                                                <div class="transaksi-status"></div>
5066                                            </div>
5067                                                                                        <div class="transaksi-item">
5068                                                <div class="transaksi-header is-online">
5069                                                    Lain-lain                                                </div>
5070                                                <div class="transaksi-status"></div>
5071                                            </div>
5072                                                                                        <div class="transaksi-item">
5073                                                <div class="transaksi-header is-online">
5074                                                    AntarBank                                                </div>
5075                                                <div class="transaksi-status"></div>
5076                                            </div>
5077                                                                                </div>
5078                          
5078      </div>
5079                                                    </div>
5080                    </div>
5081
5082                </div>
5083            </div>
5084
5085            <!-- CRYPTO -->
5086            <div class="transaksi-crypto">
5087                <div class="transaksi-wrapper">
5088                                            <div class="transaksi-name mb-1">Crypto Currency</div>
5089                    
5090                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
5091                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5092                                                    </div>
5093
5094                        <div class="carousel-inner" >
5095                                                            <div class="carousel-item active">
5096                                    <div class="transaksi-list-crypto">
5097                                                                                    <div class="d-flex gap-2">
5098                                                <img src="https://img.viva88athenae.com/USDT.png"
5099                                                     class="icon-crypto" alt="USDT">
5100                                                <strong class="transaksi-name">USDT</strong>
5101                                            </div>
5102                                                                                </div>
5103                                </div>
5104                                                    </div>
5105
5106                    </div>
5107                </div>
5108            </div>
5109
5110        </div>
5111    </div>
5112</div>
5113                            </div>
5114                            
5115                            
5116                        </div>
5117                        
5118                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
5119                            
5120                        <!--    <div class="transaksi-title">-->
5121                        <!--        <div class="transaksi-title-group">-->
5122                        <!--            <div class="fitur-header">Kontak Kami</div>-->
5123                        <!--        </div>-->
5124                                
5125                        <!--        <div class="devider desktop-only"></div>-->
5126                        <!--    </div>-->
5127                            
5128    
5129                        <!--    
5130<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
5131    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
5132        
5133                
5134    </div>
5135      <div class="carousel-inner" style="height: 164px">
5136                    <div class="carousel-item active">
5137                <div>
5138                
5139                                
5140                                        
5141                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5142                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
5143
5144                                                            <a class="d-flex flex-column" href="https://t.me/+0eNnZxwYe3RkNjRl" target='_blank'>
5145                                       <div style="color: #888888;">TELEGRAM</div>
5146                                       <div style="line-height: .9rem; color: var(--primary-text-color)">https://t.me/+0eNnZxwYe3RkNjRl</div>
5147                                    </a>
5148                                
5149                                
5150                    </div>
5151                                
5152                                        
5153                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5154                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
5155
5156                                                            <a class="d-flex flex-column" href="https://wa.me/+6282160545224" target='_blank'>
5157                                       <div style="color: #888888;">WHATSAPP</div>
5158                                       <div style="line-height: .9rem; color: var(--primary-text-color)">+6282160545224</div>
5159                                    </a>
5160                                
5161                                
5162                    </div>
5163                                
5164                                    
5165                </div>
5166            </div>
5167        
5168         
5169         
5170    </div>
5171</div>
5172-->
5173                                    
5174                        <!--</div>-->
5175                    </div>
5176                </div>
5177            </div>
5178
5179
5180            <div class="bantuan">
5181                
5182                                <ul class="bantuan-content justify-content-center">
5183                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
5184                    <div class="bantuan-devider desktop-only">|</div>
5185                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
5186                    <div class="bantuan-devider desktop-only">|</div>
5187                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
5188                    <div class="bantuan-devider desktop-only">|</div>
5189                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
5190                    <div class="bantuan-devider desktop-only">|</div>
5191                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
5192                    <div class="bantuan-devider desktop-only">|</div>
5193                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
5194                    <div class="bantuan-devider desktop-only">|</div>
5195                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
5196                </ul>
5197                            </div>
5198        
5199            
5200            <footer class="footer">
5201                
5202                <div class="guidelines">
5203                    <div class="desktop-only">
5204                        <div class="guidelines-content d-flex justify-content-center">
5205                            <img src="https://img.viva88athenae.com/assets/guidelines_w.png" style="width: 640px" />
5206                        </div>
5207                    </div>
5208                </div>
5209                
5210                <div class="provider d-none d-lg-block">
5211                    <div class="provider-group">
5212                        <img src="https://img.viva88athenae.com/assets/provider_w.png" class="desktop-only" alt="">
5213                    </div>
5214                </div>
5215                
5216                <div>
5217                    <style>
5218    /*Change Image*/
5219button.btn-aduan2 {
5220    display: none !important;
5221}
5222
5223</style>
5224<style>
5225        .transaksi-name {
5226            display: none; 
5227        }
5228    </style>
5229<!--<div style="position: fixed; bottom: 200px; right: 5px;index:5;capacity:0.98;">
5230  <a href="" download target="_blank"><img src= ""   alt="BONBON777-APK" width="90" height="90"></a>
5231</div>-->
5232
5233<style>
5234        #snackbar {
5235                visibility: visible;
5236                min-width: 20px;
5237                height: 70px;
5238                background-color: #ffff00;
5239                color: black;
5240                border-radius: 8px;
5241                border-style: solid;
5242                border-color: black;
5243                box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
5244                padding: 5px;
5245                position: fixed;
5246                z-index: 1;
5247                bottom: 60px;
5248				left: 5px;
5249                font-family: calibri;
5250        }
5251
5252        #snackbar.show {
5253                visibility: visible;
5254                
5255        }
5256
5257        
5258
5259       
5260</style>
5261<div id="snackbar" class="">
5262<h3 style="text-align: center";><b>WD SUKSES :</b></h3>
5263<p  style="text-align: center"; id="withdraw"></p>
5264
5265</div>
5266<script>
5267        function loadlink(){
5268            var angka_acak = Math.floor(Math.random() * (10001-50)+50);
5269    
5270            function maketextnumber(n) {
5271                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++) {
5272                    t[a] = r[parseInt(Math.random() * r.length)];
5273                    t = t;
5274                    randomtextnumber = t.join("")
5275                }
5276            }
5277    
5278            var huruf_acak = (maketextnumber(8), randomtextnumber);
5279            var huruf_belakang = huruf_acak.substring(6);
5280            var huruf_depan = huruf_acak.substring(0, 2);
5281    
5282            const rupiah = (number)=>{
5283                return new Intl.NumberFormat("id-ID", {
5284                    style: "currency",
5285                    currency: "IDR"
5286                }).format(number);
5287            }
5288    
5289            var nominal = rupiah(angka_acak+"000");
5290    
5291            var baris = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal;
5292    
5293            var x = document.getElementById("snackbar");
5294            x.className = "show";
5295            setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
5296            
5297            document.getElementById("withdraw").innerHTML = huruf_depan+"****"+" - "+nominal;
5298           
5299        }
5300        loadlink();
5301        setInterval(function(){
5302        loadlink() 
5303    }, 5000);
5304    
5305</script>
5305
5306
5307<!--end here-->
5308<div style="position: fixed; bottom: 270px; left: 5px;index:5;capacity:0.98;">
5309  <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>
5310</div>
5311<div style="position: fixed; bottom: 170px; left: 5px;index:5;capacity:0.98;">
5312  <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>
5313</div>
5314<!--p
5315<style>
5316    #pop-up-container {
5317        display: flex;
5318        align-items: center;
5319        justify-content: space-evenly;
5320        position: fixed;
5321        z-index: 11;
5322        top: 0;
5323        left: 0;
5324        right: 0;
5325        bottom: 0;
5326    }
5327.marquee {
5328color: black
5329}
5330    #pop-up-wrapper {
5331        width: 85%;
5332        min-width: 215px;
5333        max-width: 380px;
5334        min-height: 160px;
5335        position: relative;
5336        z-index: 11;
5337        overflow: visible;
5338        border-radius: 5px;
5339    }
5340    #pop-up-wrapper img {
5341        width: 100%;
5342        border-radius: 5px 5px 0 0;
5343    }
5344    #pop-up-wrapper button {
5345        width: 100%;
5346        padding: 0.75rem;
5347        font-size: 0.90rem;
5348        font-weight: 800;
5349        border: none;
5350        border-radius: 0 0 5px 5px;
5351        margin: 0;
5352        background-color: #FF00C7;
5353    }
5354    .gray-bg {
5355        background: #00000000 no-repeat;
5356    }
5357    .swirl-in-fwd {
5358        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
5359        animation: swirl-in-fwd 0.6s ease-out both;
5360    }
5361    .x-mark-container {
5362        position: absolute;
5363        top: 5px;
5364        right: 5px;
5365        background-color: black;
5366        border-radius: 50%;
5367        width: 8%;
5368    }
5369    #bg-black {
5370        background-color: #ffffffd1;
5371        position: fixed;
5372        z-index: 10;
5373        top: 0;
5374        left: 0;
5375        right: 0;
5376        bottom: 0;
5377    }
5378    @-webkit-keyframes swirl-in-fwd {
5379        0% {
5380            -webkit-transform: rotate(-540deg) scale(0);
5381            transform: rotate(-540deg) scale(0);
5382            opacity: 0;
5383        }
5384        100% {
5385            -webkit-transform: rotate(0) scale(1);
5386            transform: rotate(0) scale(1);
5387            opacity: 1;
5388        }
5389    }
5390    @keyframes swirl-in-fwd {
5391        0% {
5392            -webkit-transform: rotate(-540deg) scale(0);
5393            transform: rotate(-540deg) scale(0);
5394            opacity: 0;
5395        }
5396        100% {
5397            -webkit-transform: rotate(0) scale(1);
5398            transform: rotate(0) scale(1);
5399            opacity: 1;
5400        }
5401    }
5402    .swirl-out-bck {
5403        -webkit-animation: swirl-out-bck 0.6s ease-in both;
5404        animation: swirl-out-bck 0.6s ease-in both;
5405    }
5406    @-webkit-keyframes swirl-out-bck {
5407        0% {
5408            -webkit-transform: rotate(0) scale(1);
5409            transform: rotate(0) scale(1);
5410            opacity: 1;
5411        }
5412        100% {
5413            -webkit-transform: rotate(-540deg) scale(0);
5414            transform: rotate(-540deg) scale(0);
5415            opacity: 0;
5416        }
5417    }
5418    @keyframes swirl-out-bck {
5419        0% {
5420            -webkit-transform: rotate(0) scale(1);
5421            transform: rotate(0) scale(1);
5422            opacity: 1;
5423        }
5424        100% {
5425            -webkit-transform: rotate(-540deg) scale(0);
5426            transform: rotate(-540deg) scale(0);
5427            opacity: 0;
5428        }
5429    }
5430    .fade-in {
5431        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
5432        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
5433    }
5434    @-webkit-keyframes fade-in {
5435        0% {
5436            opacity: 0;
5437        }
5438        100% {
5439            opacity: 1;
5440        }
5441    }
5442    @keyframes fade-in {
5443        0% {
5444            opacity: 0;
5445        }
5446        100% {
5447            opacity: 1;
5448        }
5449    }
5450    .fade-out {
5451        -webkit-animation: fade-out 1s ease-out both;
5452        animation: fade-out 1s ease-out both;
5453    }
5454    @-webkit-keyframes fade-out {
5455        0% {
5456            opacity: 1;
5457        }
5458        100% {
5459            opacity: 0;
5460        }
5461    }
5462    @keyframes fade-out {
5463        0% {
5464            opacity: 1;
5465        }
5466        100% {
5467            opacity: 0;
5468        }
5469    }
5470</style>
5471<script>
5472    window.addEventListener("DOMContentLoaded", () => {
5473        if (window.location.pathname === "/" || window.location.pathname === "/") {
5474            $("body").append(`
5475                <div id="pop-up-container" onclick="close_pop_up()">
5476                <div id="bg-black" class="fade-in"></div>
5477        
5478                <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
5479                    <img src="https://bonbon777img.xyz/bb400.jpg"alt="link bonbon777"/>
5480
5481                    <button onclick="close_pop_up()" style="color: #fff">SAYA SUDAH INGAT, LANJUT MAIN</button>
5482                </div>
5483                </div>
5484            `);
5485
5486            document.getElementById("pop-up-wrapper").addEventListener("click", (e) => {
5487                e.stopPropagation();
5488            });
5489        }
5490    });
5491
5492    const close_pop_up = () => {
5493        document.getElementById("pop-up-wrapper")?.classList.replace("swirl-in-fwd", "swirl-out-bck");
5494        document.getElementById("bg-black")?.classList.replace("fade-in", "fade-out");
5495
5496        setTimeout(() => {
5497            const pop_up_container = document.getElementById("pop-up-container");
5498            pop_up_container?.parentElement.removeChild(pop_up_container);
5499        }, 1000);
5500    };
5501</script>
5501-->
5502
5503<style>
5504        * {
5505            margin: 0;
5506            padding: 0;
5507            box-sizing: border-box;
5508            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
5509        }
5510        
5511        .article-footer {
5512            background: rgba(13, 27, 42, 0.8);
5513            border-radius: 15px;
5514            padding: 30px;
5515            margin-top: 40px;
5516            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
5517            border: 1px solid #2a4365;
5518        }
5519        
5520        h1 {
5521            color: #ffcc00;
5522            font-size: 2.5rem;
5523            margin-bottom: 25px;
5524            text-align: center;
5525            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
5526            border-bottom: 2px solid #2a4365;
5527            padding-bottom: 15px;
5528        }
5529        
5530        h2 {
5531            color: #4fd1c5;
5532            font-size: 2rem;
5533            margin: 30px 0 20px 0;
5534            padding-bottom: 10px;
5535            border-bottom: 1px solid #2a4365;
5536        }
5537        
5538        h3 {
5539            color: #63b3ed;
5540            font-size: 1.6rem;
5541            margin: 25px 0 15px 0;
5542        }
5543        
5544        h4 {
5545            color: #68d391;
5546            font-size: 1.4rem;
5547            margin: 20px 0 12px 0;
5548        }
5549        
5550        h5 {
5551            color: #fbb6ce;
5552            font-size: 1.2rem;
5553            margin: 15px 0 10px 0;
5554        }
5555        
5556        h6 {
5557            color: #b794f4;
5558            font-size: 1.1rem;
5559            margin: 12px 0 8px 0;
5560            font-style: italic;
5561        }
5562        
5563        p {
5564            margin-bottom: 18px;
5565            color: #000000;
5566            font-size: 1.1rem;
5567            text-align: justify;
5568        }
5569        
5570        .highlight {
5571            background: rgba(255, 204, 0, 0.1);
5572            border-left: 4px solid #ffcc00;
5573            padding: 15px 20px;
5574            margin: 20px 0;
5575            border-radius: 0 8px 8px 0;
5576        }
5577        
5578        .cta-button {
5579            display: inline-block;
5580            background: linear-gradient(to right, #ffcc00, #ffaa00);
5581            color: #1a202c;
5582            padding: 14px 30px;
5583            border-radius: 50px;
5584            text-decoration: none;
5585            font-weight: bold;
5586            font-size: 1.2rem;
5587            margin: 25px 0;
5588            text-align: center;
5589            transition: all 0.3s ease;
5590            box-shadow: 0 4px 15px rgba(255, 204, 0, 0.3);
5591        }
5592        
5593        .cta-button:hover {
5594            transform: translateY(-3px);
5595            box-shadow: 0 6px 20px rgba(255, 204, 0, 0.5);
5596        }
5597
5598            
5599            h1 {
5600                font-size: 2rem;
5601            }
5602            
5603            h2 {
5604                font-size: 1.7rem;
5605            }
5606            
5607            h3 {
5608                font-size: 1.4rem;
5609            }
5610            
5611            .article-footer {
5612                padding: 20px;
5613            }
5614        }
5615    </style>
5616
5617<div class="article-footer">
5618        <h1>Bonbon777: Sebuah Revolusi dalam Pengalaman Bermain Game Online</h1>
5619        
5620        <h2>Bonbon777: Lebih dari Sekadar Platform, Sebuah Komunitas Eksklusif</h2>
5621        <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>
5622        
5623        <h3>Menghidupkan Kembali Cerita di Setiap Permainan</h3>
5624        <h4>Koleksi Permainan yang Sulit Ditandingi</h4>
5625        <h5>Dari Slot Hingga Live Casino Semua Ada di Sini</h5>
5626        <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>
5627        <h6>Inilah yang membuat Bonbon777 unggul dari situs sejenis.</h6>
5628        
5629        <div class="section-divider"></div>
5630        
5631        <h3>Keamanan dan Layanan yang Menjadi Prioritas</h3>
5632        <h4>Antarmuka yang Beradaptasi dengan Gaya Bermain Anda</h4>
5633        <h5>Bonbon777 Memastikan Setiap Transaksi Anda Aman dan Cepat</h5>
5634        <p>
5634Bayangkan 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>
5635        <h6>Dengan reputasi terpercaya, Bonbon777 menjadi pilihan yang aman.</h6>
5636        
5637        <div class="section-divider"></div>
5638        
5639        <h2>Jadilah Bagian dari Generasi Baru Pemain Cerdas Bersama Bonbon777</h2>
5640        <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>
5641        
5642        <div class="highlight">
5643            <h4>Akses Vault Permainan Eksklusif dan Mulai Perjalanan Unik Anda</h4>
5644            <h5>Bonbon777 adalah destinasi terbaik untuk keseruan tanpa henti.</h5>
5645            <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>
5646            <h6>Jangan lewatkan kesempatan emas ini. Klik dan buktikan sendiri!</h6>
5647            
5648            <a href="https://bonbon777.team/register" class="cta-button">DAFTAR SEKARANG DI BONBON777</a>
5649        </div>
5650    </div>                </div>
5651                
5652                
5653                <div class="footer-group">
5654                    <div class="copyright">
5655                        <div style="white-space: nowrap">
5655© 2015 - 2026 Copyright BONBON777.</div>
5656                        <div>All Rights Reserved.</div>
5657                    </div>
5658                    <div class="desktop-only">
5659                        <div class="d-flex gap-1">
5660                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
5661                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
5662                        </div>
5663                    </div>
5664                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines_w.png" alt="">
5665                    
5666                    <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=N_PACbUGrhE4AhFHyQQMAlZqIMe9YcNPV4Eq7WKlW6Y.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
5667                        <i class="bi bi-shield-fill-exclamation"></i>
5668                        <strong class="ms-1">LAPOR PUSAT</strong>
5669                    </button>
5670                </div>
5671            </footer>
5672            
5673            
5674            
5675            
5676            
5677            <!-- SIDENAV -->
5678            <div id="mySidenav" class="sidenav desktop-only">
5679                <div id="nav">
5680                    <div style="display: flex; align-items: start;">
5681                        <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;">
5682                            
5683                            <img src="/assets/hubungi.png?11">
5684                            
5685                        </div>
5686                        <!--<img id="about" src="/images/kontak.png?4">-->
5687                    </div>
5688                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
5689                       <div id="" style="padding: 4px">
5690                       <img src="/assets/24h.png" style="width: 100%"></img>
5691                        </div>
5692                    
5693                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
5694                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
5695                            
5696                                                                
5697                                                                                
5698                                            <a href="https://t.me/+0eNnZxwYe3RkNjRl" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
5699                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>https://t.me/+0eNnZxwYe3RkNjRl</span>
5700                                            </a>
5701                                            
5702                                            
5703                                    
5704                                                                        
5705                                                                                
5706                                            <a href="https://wa.me/+6282160545224" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
5707                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>+6282160545224</span>
5708                                            </a>
5709                                            
5710                                            
5711                                    
5712                                                                
5713    
5714                        </div>
5715                            <div style="margin: 8px">
5716                                <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>
5717                            </div>
5718                    </div>
5719                </div>
5720            </div>
5721        </div>
5722
5723                
5724        <!--POP UP -->
5725                
5726        <!-- LIVE CHAT -->
5727        
5728        
5729        <!-- LiveChat Internal -->
5730            <style id="cs-embed-custom-styles">
5731    /* Generated widget appearance — theme: dark */
5732.cs-embed {
5733  --cs-primary: #4f46e5;
5734  --cs-secondary: #94a3b8;
5735  --cs-panel-width: 360px;
5736  --cs-panel-height: 520px;
5737  --cs-footer-bg: #1e293b;
5738  --cs-footer-border: #334155;
5739  --cs-input-row-bg: #0f172a;
5740  --cs-input-text: #e2e8f0;
5741  --cs-input-muted: #94a3b8;
5742  --cs-upload-bg: #334155;
5743  --cs-upload-border: #475569;
5744  --cs-upload-icon: #e2e8f0;
5745  --cs-image-preview-bg: #1e293b;
5746  --cs-image-preview-border: #334155;
5747  --cs-closed-notice: #94a3b8;
5748  --cs-scrollbar-track: #0f172a;
5749  --cs-scrollbar-thumb: #475569;
5750  --cs-scrollbar-thumb-hover: #64748b;
5751  --cs-messages-bg: #0f172a;
5752  --cs-sticky-banner-bg: #422006;
5753  --cs-sticky-banner-border: #78350f;
5754  --cs-sticky-banner-inner-bg: #1c1917;
5755  --cs-sticky-banner-inner-border: #92400e;
5756  --cs-sticky-banner-text: #fcd34d;
5757  right: 24px; left: auto; align-items: flex-end;
5758}
5759
5760.cs-embed .cs-panel {
5761  background: #0f172a;
5762  color: #e2e8f0;
5763}
5764
5765.cs-embed .cs-messages {
5766  background: var(--cs-messages-bg);
5767  scrollbar-color: var(--cs-scrollbar-thumb) var(--cs-scrollbar-track);
5768}
5769
5770.cs-embed .cs-footer,
5771.cs-embed .cs-footer--demo,
5772.cs-embed .cs-footer--intake {
5773  background: var(--cs-footer-bg);
5774  border-top-color: var(--cs-footer-border);
5775}
5776
5777.cs-embed .cs-input-row {
5778  background: var(--cs-input-row-bg);
5779}
5780
5781.cs-embed .cs-intake-label {
5782  color: var(--cs-input-text);
5783}
5784
5785.cs-embed .cs-intake-intro {
5786  color: var(--cs-closed-notice);
5787}
5788
5789.cs-embed .cs-intake-input {
5790  background: var(--cs-upload-bg);
5791  border-color: var(--cs-upload-border);
5792  color: var(--cs-input-text);
5793}
5794
5795.cs-embed .cs-intake-input::placeholder {
5796  color: var(--cs-input-muted);
5797}
5798
5799.cs-embed .cs-intake-skip {
5800  background: var(--cs-upload-bg);
5801  border-color: var(--cs-upload-border);
5802  color: var(--cs-input-muted);
5803}
5804
5805.cs-embed .cs-bubble--agent {
5806  background: #1e293b;
5807  color: #e2e8f0;
5808  border-color: #334155;
5809}
5810
5811.cs-embed .cs-sender-label {
5812  color: #94a3b8;
5813}
5814
5815.cs-embed .cs-time,
5816.cs-embed .cs-msg-event__time {
5817  color: #64748b;
5818}
5819
5820.cs-embed .cs-ai-typing__dot {
5821  background: #64748b;
5822}
5823
5824.cs-embed .cs-ai-typing__label {
5825  color: #94a3b8;
5826}
5827
5828.cs-toggle:not(.cs-toggle--banner) {
5829  background: var(--cs-primary);
5830  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
5831}
5832
5833.cs-header {
5834  background: linear-gradient(135deg, #4f46e5, #94a3b8);
5835}
5836
5837.cs-bubble--customer {
5838  background: #4f46e5;
5839  color: #ffffff;
5840}    </style>
5841    
5841<script src="https://service.lc1001ai.com/embed.js"></script>
5841
5842    
5842<script>
5843                (function () {
5844            var chatServiceUrl = "https://service.lc1001ai.com";
5845            var channelId = "6a9e864b2e9cde11cc6ad08a";
5846            var credentials = "";
5847            var showWidget = true;
5848            window.CsChatEmbed
5849            .init({
5850                chatServiceUrl: chatServiceUrl,
5851                channelId: channelId,
5852                credentials: credentials,
5853                createWidget: true,
5854                showWidget: showWidget,
5855                fetchAppearance: false,
5856            })
5857            .then(function (result) {
5858                console.log("Chat connected, sessionId:", result.sessionId);
5859            })
5860            .catch(function (err) {
5861                console.error("Chat init failed:", err);
5862            });
5863        })();
5864    </script>
5864
5865        <style>
5866        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
5867        body.modal-open .cs-embed { z-index: 1049 !important; }
5868        </style>
5869           
5870
5871        
5871<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5871
5872        
5872<script>
5873            document.addEventListener('DOMContentLoaded', function() {
5874                setTimeout(function() {
5875                    const mobileForm = document.querySelector('#mobilelogin form') || 
5876                                      document.querySelector('#mobilelogin .login-form') ||
5877                                      document.querySelector('.mobile-only form');
5878                    
5879                    if (!mobileForm) {
5880                        return;
5881                    }
5882                    
5883                    const username = mobileForm.querySelector('input[name="username"]');
5884                    const password = mobileForm.querySelector('input[name="password"]');
5885                    const remember = document.querySelector('#rememberMe') || 
5886                                    document.querySelector('input[type="checkbox"]');
5887                    
5888                    if (!username || !password || !remember) {
5889                        return;
5890                    }
5891                    
5892                    try {
5893                        localStorage.setItem('test', 'working');
5894                        if (localStorage.getItem('test') === 'working') {
5895                            localStorage.removeItem('test');
5896                        } else {
5897                            return;
5898                        }
5899                    } catch(e) {
5900                        return;
5901                    }
5902                    
5903                    initializeRememberMe();
5904                    loadSavedData();
5905                    
5906                    mobileForm.addEventListener('submit', handleSave);
5907                    mobileForm.addEventListener('click', function(e) {
5908                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
5909                            handleSave();
5910                        }
5911                    });
5912                    remember.addEventListener('change', function() {
5913                        if (!this.checked) {
5914                            clearSavedData();
5915                            localStorage.setItem('mobile_remember_unchecked', 'true');
5916                        } else {
5917                            localStorage.removeItem('mobile_remember_unchecked');
5918                        }
5919                    });
5920    
5921                    function initializeRememberMe() {
5922                        try {
5923                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
5924                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
5925                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
5926                                remember.checked = false;
5927                            } else {
5928                                remember.checked = true;
5929                            }
5930                        } catch(e) {
5931                            remember.checked = true;
5932                        }
5933                    }
5934                    
5935                    function loadSavedData() {
5936                        try {
5937                            const savedUsername = localStorage.getItem('mobile_username');
5938                            const savedPassword = localStorage.getItem('mobile_password');
5939                            const rememberChecked = localStorage.getItem('mobile_remember');
5940                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
5941                                username.value = savedUsername;
5942                                password.value = savedPassword;
5943                            }
5944                        } catch(e) {
5945                            // console.log('Error loading data:', e);
5946                        }
5947                    }
5948                    
5949                    function handleSave() {
5950                        if (remember.checked) {
5951                            const usernameVal = username.value.trim();
5952                            const passwordVal = password.value.trim();
5953                            
5954                            if (usernameVal && passwordVal) {
5955                                try {
5956                                    localStorage.setItem('mobile_username', usernameVal);
5957                                    localStorage.setItem('mobile_password', passwordVal);
5958                                    localStorage.setItem('mobile_remember', 'true');
5959                                    localStorage.setItem('mobile_login_success', 'true');
5960                                } catch(e) {
5961                                    // console.log('Error saving data:', e);
5962                                }
5963                            }
5964                        } else {
5965                            clearSavedData();
5966                            localStorage.setItem('mobile_login_success', 'true');
5967                        }
5968                    }
5969                    
5970                    function clearSavedData() {
5971                        try {
5972                            localStorage.removeItem('mobile_username');
5973                            localStorage.removeItem('mobile_password');
5974                            localStorage.removeItem('mobile_remember');
5975                        } catch(e) {
5976                            // console.log('Error clearing data:', e);
5977                        }
5978                    }
5979                }, 100); // Wait 100ms
5980                
5981                function initBroadcastMarquee() {
5982                $('.mobile-broadcast, #marquee .broadcast').each(function () {
5983                    const el = $(this);
5984            
5985                    if ($.trim(el.text()) === '') return;
5986                    if (!el.is(':visible')) return;
5987            
5988                    try {
5989                        el.marquee('destroy');
5990                    } catch (e) {}
5991            
5992                    el.marquee({
5993                        speed: 30,
5994                        gap: 80,
5995                        delayBeforeStart: 0,
5996                        direction: 'left',
5997                        duplicated: true,
5998                        pauseOnHover: true,
5999                        startVisible: true
6000                    });
6001                });
6002            }
6003            
6004            $(window).on('load', function () {
6005                setTimeout(function () {
6006                    initBroadcastMarquee();
6007                }, 300);
6008            });
6009            
6010            $(window).on('resize orientationchange', function () {
6011                clearTimeout(window.broadcastResizeTimer);
6012                window.broadcastResizeTimer = setTimeout(function () {
6013                    initBroadcastMarquee();
6014                }, 400);
6015            });
6016                                                
6017                // document.querySelectorAll("marquee").forEach(function(marquee){
6018
6019                // let speed = 0.5; // smaller = slower
6020                // let position = marquee.offsetWidth;
6021            
6022                // function animate(){
6023                //     position--;
6024            
6025                //     if(position < -marquee.scrollWidth){
6026                //         position = marquee.offsetWidth;
6027                //     }
6028            
6029                //     marquee.style.transform = "translateX(" + position + "px)";
6030                //     requestAnimationFrame(animate);
6031                // }
6032            
6033                // animate();
6034            
6035                // // pause on hover
6036                // marquee.addEventListener("mouseenter", function(){
6037                //     speed = 0;
6038                // });
6039            
6040                // marquee.addEventListener("mouseleave", function(){
6041                //     speed = 0.5;
6042                // });
6043            
6044            // });
6045                
6046                
6047            });
6048        </script>
6048
6049
6050        
6050<script>
6051                    
6052            var mobileurl = 'm/';
6053            	
6054
6055
6056            var showIDs = [];
6057            
6058            function showProducts(hoverID) {
6059                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
6060
6061                // document.getElementById('hover').classList.add("hover-show");
6062                document.getElementById('hover').style.transitionDelay = "0s";
6063                document.getElementById('hover').style.visibility = "visible";
6064                document.getElementById('hover').style.opacity = "1";
6065                document.getElementById(hoverID).style.display = "flex";
6066
6067                showIDs.push(hoverID);
6068
6069            }
6070
6071            function hideProducts(hoverID) {
6072                // document.getElementById('hover').classList.remove("hover-show");
6073                document.getElementById('hover').style.visibility = "hidden";
6074                document.getElementById('hover').style.opacity = "0";
6075                document.getElementById('hover').style.transitionDelay = "1s";
6076                
6077            }
6078
6079            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
6080            var marquee = document.getElementById('marquee');
6081            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
6082            var mobileLoginBox = document.getElementById('mobilelogin');
6083
6084            function closeContent() {
6085                $('#main-content').html(""); 
6086            }
6087
6088
6089            function openDaftar() {
6090                closeContent();
6091
6092                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
6093                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6094
6095                mobileDaftarForm.style.display = "block";
6096                mobileDaftarForm.scrollIntoView();
6097            }
6098
6099            function closeDaftar() {
6100                mobileDaftarForm.style.display = "none";
6101                marquee.scrollIntoView();
6102            }
6103            
6104            
6105            function showProvider(type) {
6106                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
6107                $('#main-content').load("/new-showprovider.php?type=" + type); 
6108            }
6109            
6110            function toggleInformasi(item) {
6111                page(item);
6112            }
6113            
6114            function showInformasi(item) {
6115                document.getElementById('modal-wrapper').style.display='block';
6116                toggleInformasi(item);
6117            }
6118
6119            function openChangePasswordMobile() {
6120                closeContent();
6121
6122                if (mobileLoginBox) mobileLoginBox.style.display = "none";
6123                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6124
6125                if (mobileChangePasswordForm) {
6126                    mobileChangePasswordForm.style.display = "block";
6127                    mobileChangePasswordForm.scrollIntoView();
6128                }
6129            }
6130
6131            function closeChangePasswordMobile() {
6132                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6133                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6134                if (mobileLoginBox) mobileLoginBox.style.display = "block";
6135
6136                marquee.scrollIntoView();
6137            }
6138            
6139            
6140
6141                    
6142        </script>
6142
6143        
6143<script src="/js/old/new2-webduo35.js?v=1790436668"></script>
6143
6144 
6145        
6145<script>
6146            function scrollToLoginForm(launchType, matchId) {
6147                sessionStorage.setItem('launch', launchType);
6148                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
6149                else sessionStorage.removeItem('sbo_matchId');
6150                window.scrollTo({ top: 0, behavior: 'smooth' });
6151                setTimeout(function() {
6152                    var isMobile = window.innerWidth <= 1000;
6153                    var loginSelector = isMobile
6154                        ? '#mobilelogin input[name="username"]'
6155                        : '#desktoplogin form';
6156                    var el = document.querySelector(loginSelector);
6157                    if (!el) return;
6158                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
6159                    if (usernameEl && !isMobile) usernameEl.focus();
6160                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
6161                    const driver = window.driver.js.driver({
6162                        popoverClass: 'driverjs-theme',
6163                        showProgress: false,
6164                        showButtons: [],
6165                        overlayOpacity: 0.3,
6166                        steps: [
6167                            {
6168                                element: loginSelector,
6169                                popover: {
6170                                    title: 'Harap Login',
6171                                    description: 'Silakan masukkan username Anda',
6172                                    side: 'bottom',
6173                                    align: 'start',
6174                                    showButtons: [],
6175                                    nextBtnText: '',
6176                                    prevBtnText: '',
6177                                    doneBtnText: ''
6178                                }
6179                            }
6180                        ],
6181                        onDestroyStarted: () => driver.destroy(),
6182                    });
6183                    driver.drive();
6184                    if (usernameEl) {
6185                        function destroyDriver() {
6186                            driver.destroy();
6187                            window.scrollTo({ top: 0 });
6188                            usernameEl.removeEventListener('input', destroyDriver);
6189                            usernameEl.removeEventListener('click', destroyDriver);
6190                            usernameEl.removeEventListener('focus', destroyDriver);
6191                        }
6192                        usernameEl.addEventListener('input', destroyDriver, { once: true });
6193                        usernameEl.addEventListener('click', destroyDriver, { once: true });
6194                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
6195                    }
6196                }, 500);
6197            }
6198        </script>
6198
6199        
6199<script>
6200            window.addEventListener("message", function(e) {
6201                if (e.origin !== "https://fkupon.com") return;
6202                if (e.data && e.data.action === "resize" && e.data.height) {
6203                    var iframes = document.querySelectorAll(".iframe-kupon");
6204                    iframes.forEach(function(iframe) {
6205                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
6206                    });
6207                }
6208            });
6209        </script>
6209
6210
6211
6212        <!-- POP UP COOKIES -->
6213        
6214<style>
6215    
6216        
6217    .kebijakan-privasi, .kebijakan-cookies {
6218        color: var(--primary-color);
6219        text-decoration: underline;
6220    }
6221    
6222    
6223        
6224</style>
6225
6226
6227<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">
6228  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #DDD; font-size: 1rem">
6229        <div>
6230    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>  
6231  </div>
6232  <div>
6233     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
6234  </div>
6235</div>
6236<script>
6237    $( "#boxprivacy" ).blur(function() {
6238    alert( "Handler for .blur() called." );
6239});
6240</script>
6240   
6241
6242        
6243    
6243<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>
6243
6244</body>
6245</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.