PageSourceSearch

https://bonbon777.team/register

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