PageSourceSearch

https://scp88.site/

html scp88.site collected 2026-10-09 22:47:18 UTC 275,134 bytes, 4,823 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>Sicepat88 : Situs Portal Pelayanan 24 Jam Terbaik Dan Tercepat</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/DA.css">-->
16        <link rel="stylesheet" href="/css/old/template/DA.css">
17        <link rel="stylesheet" href="/css/old/variable.css">
18        
19                <link rel="stylesheet" href="/css/old/dark.css">
20                
21        <link rel="stylesheet" href="/css/old/new2-style.css?1790436666">
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        <link rel="canonical" href="https://scp88.site/"/>
43<link rel="amphtml" href="https://amp88.website/">
44<meta name="description" content="Sicepat88 merupakan salah satu situs portal permainan dengan pelayanan 24 jam terbaik dan tercepat dengan sistim minimal deposit paling rendah dan paling gacor." />
45<meta name="google-site-verification" content="y9UtruAvdZwYTh4Ttn07-bGmlCcBvnCUf94-Ms9MfEw" />
46<meta name="keywords" content="sicepat88, sicepat88 login, sicepat, sicepat88 daftar, sicepat88 gacor" />
47<meta name="copyright" content="sicepat88" />
48<meta name="robots" content="index, follow" />
49<meta name="search engines" content="Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot, InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot">
50<meta name="og:url" content="https://scp88.site/"/>
51<meta name="og:title" content="Sicepat88 : Situs Portal Pelayanan 24 Jam Terbaik Dan Tercepat" />
52<meta name="language" content="Indonesia">
53<meta name="geo.region" content="ID">
54<meta name="geo.placename" content="Indonesia">
55
56        <style>
57        
58        .wrapper {
59            display: grid;
60            grid-template-columns: 1fr;
61            grid-template-areas:
62            "marquee"
63            "header"
64            "devider"
65            "contentdata"
66            "togel-desktop"
67            "widget-kupon"
68            "widget-sbo"
69            "provider"
70            "transaksi"
71            "guidelines"
72            "bantuan"
73            "footer"
74        }
75        
76        .widget-kupon {
77            grid-area: widget-kupon;
78            padding-top: 20px;
79            background: var(--footer-background);
80            display: flex;
81            align-items: center;
82            position: relative;
83        }
84
85        .widget-sbo {
86            grid-area: widget-sbo;
87            padding-top: 20px;
88            display: flex;
89            align-items: center;
90            position: relative;
91        }
92        
93            .iframe-kupon {
94                width: 1000px;
95                height: 200px;
96                display: block;
97                vertical-align: bottom;
98            }
99                    
100            .login-input-field {
101                font-size: 1rem;
102            }
103            
104            .btn-aduan2 {
105                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
106                -webkit-background-clip: text;
107                -webkit-text-fill-color: transparent;
108                background-size: 300% 300%;
109                animation: gradient 2s ease infinite;
110            }
111            
112            .transaksi-title {
113                place-items: start;
114            }
115            
116            .btn-tele {
117                font-size: 1.2rem;
118                text-shadow: 1px 1px #000000;
119                height: 36px!important;
120                border-radius: 8px;
121                background: #28323C;
122                color: white;
123            }
124            
125            #marquee-mobile {
126                width: 100%;
127                overflow: hidden;
128            }
129            
130            #marquee-mobile .marquee-content {
131                display: flex;
132                align-items: center;
133                width: 100%;
134                overflow: hidden;
135            }
136            
137            #marquee-mobile .running {
138                position: relative;
139                flex: 1 1 auto;
140                min-width: 0;
141                overflow: hidden;
142            }
143            
144            #marquee-mobile .broadcast {
145                display: inline-block;
146                white-space: nowrap;
147            }
148                        
149            #marquee {
150                overflow: hidden;
151            }
152            
153            #marquee .running {
154                overflow: hidden;
155            }
156            
157            #marquee .broadcast {
158                white-space: nowrap;
159            }
160            
161            body {
162                overflow-x: hidden;
163            }
164            
165            .btn-google {
166                width: 30px;
167                height: 30px;
168                background: #fff;
169                border: 1px solid #ddd;
170                border-radius: 3px;
171                display: inline-flex;
172                align-items: center;
173                justify-content: center;
174            }
175            
176            .btn-google:hover {
177                background: #f5f5f5;
178            }
179            
180            .btn-google-mobile {
181                background: #fff;
182                color: #3c4043;
183                border: 1px solid #dadce0;
184                border-radius: 3px;
185                height: 36px;
186                padding: 0 12px;
187                font-weight: 600;
188                font-size: 1.2rem;
189            
190                align-items: center;
191                justify-content: center;
192                gap: 8px;
193            }
194            
195            .btn-google-mobile:hover {
196                background: #f8f9fa;
197                color: #202124;
198            }
199
200            
201            @media only screen and (max-width: 1000px) {
202                
203            .wrapper {
204                display: grid;
205                grid-template-columns: 1fr;
206                grid-template-areas:
207                "appbar"
208                "marquee"
209                "header"
210                "contentdata"
211                "togel-mobile"
212                "widget-kupon"
213                "widget-sbo"
214                "devider"
215                "provider"
216                "transaksi"
217                "bantuan"
218                "footer"
219                "guidelines";
220            }
221            
222            .widget-kupon {
223                margin: 0px 20px;
224            }
225
226          
227                        
228                .iframe-kupon {
229                    padding: 0px;
230                    height: 262px;
231                    width: 100%;
232                    display: block;
233                    vertical-align: bottom;
234                }
235                
236            .transaksi-title {
237                place-items: center;
238            }
239                
240                .login-input-field {
241                    font-size: 1.2rem;
242                }      
243            }
244            
245            .grecaptcha-badge {
246                display: none !important;
247            }
248            
249        </style>
250
251    </head>
252    
253    
254
255    <body id="desktop">
256        
257        
258<div id="hover" class="hover desktop-only">
259
260    <div id="hover-togel" class="hover-menu">
261        <a href="/register" class="hover-item">
262            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
263            <figcaption>TOGEL</figcaption>
264        </a> 
265        
266        <a href="/register" class="hover-item">
267            <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure>
268            <figcaption>KUPON</figcaption>
269        </a> 
270    </div>
271
272    <div id="hover-slot" class="hover-menu">
273        <a href="/slot/pp" class="hover-item">
274            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
275            <figcaption>PRAGMATIC PLAY</figcaption>
276        </a>
277
278        <a href="/slot/pg" class="hover-item">
279            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
280            <figcaption>PG SOFT</figcaption>
281        </a>
282
283        <a href="/slot/jl" class="hover-item">
284            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
285            <figcaption>JILI</figcaption>
286        </a> 
287
288        <a href="/slot/mgw" class="hover-item">
289            <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
290            <figcaption>MEGAWIN</figcaption>
291        </a>
292
293        <a href="/slot/atg" class="hover-item">
294            <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure>
295            <figcaption>ATG Games</figcaption>
296        </a>
297
298        <a href="/slot/pok" class="hover-item">
299            <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure>
300            <figcaption>PopOK Gaming</figcaption>
301        </a>
302
303        <a href="/slot/ams" class="hover-item">
304            <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure>
305            <figcaption>ASKMESLOT</figcaption>
306        </a>
307
308        <a href="/slot/sdl" class="hover-item">
309            <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
310            <figcaption>SHADY LADY</figcaption>
311        </a>
312
313        <a href="/slot/hb" class="hover-item">
314            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
315            <figcaption>HABANERO</figcaption>
316        </a>
317        
318        <a href="/slot/sg" class="hover-item">
319            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
320            <figcaption>SPADEGAMING</figcaption>
321        </a>
322
323        <a href="/slot/nlc" class="hover-item">
324            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
325            <figcaption>NOLIMIT CITY</figcaption>
326        </a>
327
328        <a href="/slot/fs" class="hover-item">
329            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
330            <figcaption>FASTSPIN</figcaption>
331        </a>
332
333        <a href="/slot/jg" class="hover-item">
334            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
335            <figcaption>JOKER</figcaption>
336        </a> 
337
338        <a href="/slot/mg" class="hover-item">
339            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
340            <figcaption>MICROGAMING</figcaption>
341        </a>
342
343        <a href="/slot/fgs" class="hover-item">
344            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
345            <figcaption>5G GAMES</figcaption>
346        </a>
347
348        <a href="/slot/hks" class="hover-item">
349            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
350            <figcaption>HACKSAW GAMING</figcaption>
351        </a>
352
353        <a href="/slot/nxt" class="hover-item">
354            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
355            <figcaption>NEXTSPIN</figcaption>
356        </a>
357
358        <a href="/slot/ps" class="hover-item">
359            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
360            <figcaption>PLAYSTAR</figcaption>
361        </a>
362
363        <a href="/slot/pt" class="hover-item">
364            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
365            <figcaption>PLAYTECH</figcaption>
366        </a>
367
368        <a href="/slot/av" class="hover-item">
369            <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
370            <figcaption>ADVANT PLAY</figcaption>
371        </a>
372
373        <a href="/slot/cmp" class="hover-item">
374            <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
375            <figcaption>COSMOPLAY</figcaption>
376        </a> 
377
378        <a href="/slot/cq9" class="hover-item">
379            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
380            <figcaption>CQ9</figcaption>
381        </a>    
382
383        <a href="/slot/wow" class="hover-item">
384            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
385            <figcaption>WOW GAMING</figcaption>
386        </a>
387
388        <a href="/slot/l22" class="hover-item">
389            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
390            <figcaption>LIVE22</figcaption>
391        </a> 
392
393        <a href="/slot/ss" class="hover-item">
394            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
395            <figcaption>SBO SLOT</figcaption>
396        </a>
397        
398        <!-- <a href="/slot/nte" class="hover-item">
399            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
400            <figcaption>NETENT</figcaption>
401        </a> --> 
402      
403        <!-- <a href="/slot/ttg" class="hover-item">
404            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
405            <figcaption>TOPTREND GAMING</figcaption>
406        </a> -->
407    </div>
408
409    <div id="hover-live" class="hover-menu" >
410        <a href="/casino/pplc" class="hover-item">
411            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
412            <figcaption>PRAGMATIC PLAY</figcaption>
413        </a>
414
415        <a href="/casino/evo" class="hover-item">
416            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
417            <figcaption>EVOLUTION</figcaption>
418        </a>
419
420        <a href="/casino/mglc" class="hover-item">
421            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
422            <figcaption>MICROGAMING</figcaption>
423        </a>
424
425        <a href="/casino/ptg" class="hover-item">
426            <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure>
427            <figcaption>PRETTY GAMING</figcaption>
428        </a>
429
430        <a href="/casino/ion" class="hover-item">
431            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
432            <figcaption>ION CASINO</figcaption>
433        </a>
434
435        <a href="/casino/sx" class="hover-item">
436            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
437            <figcaption>SEXY GAMING</figcaption>
438        </a>
439
440        <a href="/casino/sa" class="hover-item">
441            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
442            <figcaption>SA GAMING</figcaption>
443        </a>   
444
445        <a href="/casino/ab" class="hover-item">
446            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
447            <figcaption>ALLBET</figcaption>
448        </a> 
449
450        <a href="/casino/ptlc" class="hover-item">
451            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
452            <figcaption>PLAYTECH LIVE</figcaption>
453        </a>
454
455        <!-- <a href="/casino/gmnl" class="hover-item">
456            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
457            <figcaption>GEMINI LIVE</figcaption>
458        </a> -->
459
460        <a href="/casino/og" class="hover-item">
461            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
462            <figcaption>OPUS PLUS</figcaption>
463        </a>
464
465        <a href="/casino/sbol" class="hover-item">
466            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
467            <figcaption>SBOBET CASINO</figcaption>
468        </a>    
469    </div>
470
471    <div id="hover-sport" class="hover-menu">
472        <a href="/register" class="hover-item">
473            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
474            <figcaption>SABA</figcaption>
475        </a>
476
477        <a href="/register" class="hover-item">
478            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
479            <figcaption>SBOBET</figcaption>
480        </a>
481        
482        <a href="/register" class="hover-item">
483            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
484            <figcaption>CMD368</figcaption>
485        </a>  
486
487        <!-- <a href="/register" class="hover-item">
488            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
489            <figcaption>PINNACLE</figcaption>
490        </a>   -->
491	
492	    <a href="/register" class="hover-item">
493            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
494            <figcaption>TFGAMING</figcaption>
495        </a>        
496    </div>
497
498    <div id="hover-fishing" class="hover-menu">
499        <a href="/arcade/jl" class="hover-item">
500            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
501            <figcaption>JILI</figcaption>
502        </a>
503    
504        <a href="/arcade/sg" class="hover-item">
505            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
506            <figcaption>SPADE GAMING</figcaption>
507        </a>
508
509        <a href="/arcade/fs" class="hover-item">
510            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
511            <figcaption>FASTSPIN</figcaption>
512        </a>
513
514        <a href="/arcade/ams" class="hover-item">
515            <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure>
516            <figcaption>ASKMESLOT</figcaption>
517        </a>
518
519        <!-- <a href="/arcade/ps" class="hover-item">
520            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
521            <figcaption>PLAYSTAR</figcaption>
522        </a>
523
524	    <a href="/arcade/l22" class="hover-item">
525            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
526            <figcaption>LIVE22</figcaption>
527        </a>  -->
528
529    </div>
530
531    <div id="hover-sabung" class="hover-menu">
532        <a href="/sabung/ws" class="hover-item">
533            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
534            <figcaption>WS168</figcaption>
535        </a>
536
537        <a href="/sabung/sv" class="hover-item">
538            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
539            <figcaption>SV388</figcaption>
540        </a> 
541    </div>
542    
543    <div id="hover-interactive" class="hover-menu">
544        <a href="/interactive/pp" class="hover-item">
545            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
546            <figcaption>PRAGMATIC PLAY</figcaption>
547        </a> 
548        
549        <a href="/interactive/gmn" class="hover-item">
550            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
551            <figcaption>GEMINI</figcaption>
552        </a> 
553
554        <a href="/interactive/jl" class="hover-item">
555            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
556            <figcaption>JILI</figcaption>
557        </a> 
558
559        <a href="/interactive/jg" class="hover-item">
560            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
561            <figcaption>JOKER</figcaption>
562        </a>
563
564        <a href="/interactive/atg" class="hover-item">
565            <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure>
566            <figcaption>ATG Games</figcaption>
567        </a>
568
569        <a href="/interactive/pok" class="hover-item">
570            <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure>
571            <figcaption>PopOK Gaming</figcaption>
572        </a>
573
574        <a href="/interactive/ams" class="hover-item">
575            <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure>
576            <figcaption>ASKMESLOT</figcaption>
577        </a>
578
579        <a href="/interactive/mg" class="hover-item">
580            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
581            <figcaption>MICRO GAMING</figcaption>
582        </a>
583
584        <a href="/interactive/hks" class="hover-item">
585            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
586            <figcaption>HACKSAW GAMING</figcaption>
587        </a>
588
589        <a href="/interactive/pt" class="hover-item">
590            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
591            <figcaption>PLAYTECH</figcaption>
592        </a> 
593        
594        <a href="/interactive/wow" class="hover-item">
595            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
596            <figcaption>WOW GAMING</figcaption>
597        </a> 
598
599        <!-- <a href="/interactive/ps" class="hover-item">
600            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
601            <figcaption>PLAYSTAR</figcaption>
602        </a>  -->
603    </div>
604
605
606
607</div>
608<style>
609    .my-navbar {
610        height: 44px; 
611        padding: 0px; 
612        width: 100%; 
613        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
614        position: fixed; 
615        bottom: 0; 
616        color: white; 
617        z-index: 1100; 
618        display: flex; 
619        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
620    }
621    
622    .navbar-item {
623        height: 100%; 
624        width: 100%; 
625        display: flex;
626        flex-direction: column;
627        align-items: center;
628        justify-content: center;
629    }
630    
631    .navbar-item-content {
632        display: flex;
633        flex-direction: column;
634        justify-content: center;
635        align-items: center;
636        position: absolute; 
637        top: -16px
638    }
639    
640    .navbar-item-content>i {
641         font-size: 20px;
642         line-height: 22px;
643         color: white;
644         padding-bottom: 4px;
645    }
646    
647    .navbar-item-content>img {
648         height: 28px; 
649         width: 28px;
650    }
651    
652    .navbar-item-content>label {
653        white-space: nowrap; 
654        margin-top: 4px; 
655        font-weight: bold; 
656        font-size: var(--text-size-default); 
657        color: white
658    }
659    
660    .speed-dial-item {
661        opacity: 0;
662        visibility: hidden;
663        transform: translateY(10px);
664        transition: opacity 0.3s ease, transform 0.3s ease;
665    }
666    
667    .speed-dial-active .speed-dial-item {
668        opacity: 1;
669        visibility: visible;
670        transform: translateY(0);
671    }
672    
673    /* Delay each item’s appearance */
674    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
675    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
676    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
677    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
678    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       
679
680    
681</style>
682
683
684<div class="mobile-only" >
685        <div class="my-navbar">
686            <a href="/" class="navbar-item" style="position: relative">
687                <div class="navbar-item-content">
688                    <img src="https://img.viva88athenae.com//beranda.png"/>
689                    <label>BERANDA</label>
690                </div>
691            </a>
692            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
693            <a href="/m/promosi"  class="navbar-item">
694                <div class="navbar-item-content">
695                    <img src="https://img.viva88athenae.com//promosi.png"/>
696                    <label>PROMOSI</label>
697                </div>
698            </a>
699            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
700            <a href="/m/event"  class="navbar-item">
701                <div class="navbar-item-content">
702                    <img src="https://img.viva88athenae.com//events.png"/>
703                    <label>EVENT</label>
704                </div>
705            </a>
706            
707                                
708                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
709                    <a href="https://wa.link/4y3wm5" target='_blank'  class="navbar-item">
710                        <div class="navbar-item-content">
711                            <img src="https://img.viva88athenae.com//whatsapp.png"/>
712                            <label>WHATSAPP</label>
713                        </div>
714                    </a>
715                    
716                                    
717            
718            
719            
720            
721                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
722                <a href="https://direct.lc.chat/19246877/"  target="_blank" class="navbar-item">
723                <div class="navbar-item-content">
724                    <img src="https://img.viva88athenae.com//livechat.png"/>
725                    <label>LIVECHAT</label>
726                </div>
727                </a>
728            
729        </div>
730</div>
731
732<script>
733    document.addEventListener("DOMContentLoaded", function () {
734    const speedDialBtn = document.querySelector(".speed-dial-btn");
735    const speedDialItems = document.querySelectorAll(".speed-dial-item");
736    let isOpen = false;
737
738    speedDialBtn.addEventListener("click", function () {
739        isOpen = !isOpen;
740
741        speedDialItems.forEach((item, index) => {
742            if (isOpen) {
743                item.style.opacity = "1";
744                item.style.visibility = "visible";
745                item.style.transform = "translateY(0)";
746                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
747            } else {
748                item.style.opacity = "0";
749                item.style.visibility = "hidden";
750                item.style.transform = "translateY(10px)";
751                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
752            }
753        });
754    });
755});
756</script>
756        
757        
758        
759        <div id="top" class="wrapper">
760
761            
762                
763            <header class="header">
764                <div class="header-content">
765                    <div class="logo" href="/">
766                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
767                    </div>
768                    
769                    <div id="marquee-mobile" class="marquee mobile-only">
770                        <div class="marquee-content">
771                            <div class="d-flex align-items-center gap-2 flex-shrink-0">
772                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
773                            </div>
774                    
775                            <div class="running">
776                                <div class="marquee-shadow"></div>
777                                <div class="broadcast mobile-broadcast">SEMAKIN SERING DAN BESAR DEPOSIT, MAKA ALGORITMA KEMENANGAN SEMAKIN BAGUS. WD BISA PULUHAN JUTA</div>
778                            </div>
779                    
780                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
781                        </div>
782                    </div>
783                    
784                    <div class="mslider mobile-only">
785                                            </div>
786                    
787                    <div class="login mobile-only">
788                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
789                                <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form">
790                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
791                                    <div class="input-group login-field">
792                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
793                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
794                                    </div>
795                                    <div class="input-group login-field">
796                                        <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>
797                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
798                                    </div>
799                                    
800                                    <!-- captcha -->
801                                   
802                                    <div id="mverifikasiform" class="w-100" style=" ">
803                                        
804                                        <span id="verifikasi"><img src="/m/capimg.php?9753" width="100%" height="36" style="border-radius: 5px;"></span>
805                                        <div class="input-group login-field mt-1">
806                                            <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>
807                                            <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
808                                        </div>
809                                    </div>
810
811                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
812                    
813                                    <!-- end captcha -->
814                                    
815                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
816                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
817                                    </label>
818        
819                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
820                                    <button type="button" class="btn btn-daftar bt
820n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
821                                    
822                                                                        
823                                    
824                                    <input type="hidden" name="task" value="login">    
825                                    <input type="hidden" name="iscaptchalogin" value="1">
826                                    <input type="hidden" name="loginmobile" value="Z6MQZapWc49bJ69Schos4Jl2R03VzNCUdyh2j/ZYWYw=">
827                                    <input type="hidden" name="isrecaptchalogin" value="0">
828                                </form>
829                            </div>
830
831                                                        
832                            <!-- Change Password Mobile -->
833                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
834                                <div id="mobilechangepassword">
835                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
836                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
837                                        <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">
838                                            <span>GANTI PASSWORD</span>
839                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
840                                                                                            </span>
841                                        </div>
842                                        
843                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
844                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
845                                        </div>
846                                        
847                                        <!-- <div class="input-group login-field">
848                                            <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>
849                                            <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
850                                        </div>
851                                        <div class="error-msg" id="err_old_password_mobile"></div> -->
852                                        
853                                        <div class="input-group login-field">
854                                            <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>
855                                            <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
856                                        </div>
857                                        <div class="error-msg" id="err_new_password_mobile"></div>
858                                        
859                                        <div class="input-group login-field">
860                                            <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>
861                                            <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
862                                        </div>
863                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
864                                        
865                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
866                                            <strong style="color: #856404;">Persyaratan Password:</strong>
867                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
868                                                <li>Minimal 6 karakter</li>
869						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
870                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
871                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
872                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
873                                                <li>Hindari password yang mudah ditebak</li>
874                                            </ul>
875                                        </div>
876                                        
877                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
878                                        <input type="hidden" name="task" value="change_password">
879                                    </form>
880                                </div>
881                                
882                                
882<script>
883                                $(document).ready(function(){
884                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
885                                        var newPass = $('#cp_new_password_mobile').val();
886                                        var confirmPass = $('#cp_confirm_password_mobile').val();
887                                        var currentField = $(this);
888                                        
889                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
890                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
891                                        $('#err_new_password_mobile').hide();
892                                        $('#err_confirm_password_mobile').hide();
893                                        
894                                        if (newPass.length > 0 && confirmPass.length > 0) {
895                                            if (newPass === confirmPass) {
896                                                $('#cp_new_password_mobile').addClass('valid-border');
897                                                $('#cp_confirm_password_mobile').addClass('valid-border');
898                                            } else {
899                                                $('#cp_new_password_mobile').addClass('error-border');
900                                                $('#cp_confirm_password_mobile').addClass('error-border');
901                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
902                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
903                                                } else {
904                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
905                                                }
906                                            }
907                                        }
908                                    });
909                                });
910                                </script>
910
911                            </div>
912                            
913                            <!-- Register Mobile -->
914                            <style>
915                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
916                              .error-border { border-color: red !important; }
917                              .valid-border { border-color: green !important; }
918                            </style>
919                            <div id="mobile-daftar-form" style="width: 100%; display: none">
920                                    <div id="mobileregister">
921                                	   <form id="formRegister" class="login-form  p-0 pt-4">
922                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
923                                            <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>
924                                            <div class="input-group login-field">
925                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
926                                                <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">
927                                            </div>
928                                            <div class="error-msg" id="err_username"></div>
929                                            <div class="input-group login-field">
930                                                <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>
931                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
932                                            </div>
933                                                <div class="error-msg" id="err_password"></div>
934                                            <div class="input-group login-field">
935                                                <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>
936                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
937                                            </div>
938                                                <div class="error-msg" id="err_passcon"></div>
939                                            <div class="input-group login-field">
940                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
941                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
942                                            </div>
943                                                <div class="error-msg" id="err_email"></div>
944                                            <div class="input-group login-field">
945                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
946                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
947                                            </div>
948                                                <div class="error-msg" id="err_telpon"></div>
949                                            
950                                            <div class="input-group login-field">
951                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
952                                            		<option value="">Pilih Bank</option>
953                            						 <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='DKI'>DKI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
953GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option>                                                </select>
954                                            </div>
955                                                <div class="error-msg" id="err_bank"></div>
956                        
957                                            <div class="input-group login-field">
958                                                <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>
959                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
960                                            </div>
961                                                <div class="error-msg" id="err_rek"></div>
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-person-fill prepend-icon"></i></div></span>
964                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
965                                            </div>
966                                                <div class="error-msg" id="err_nama"></div>
967                                            <div class="input-group login-field">
968                                                <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>
969                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
970                                            </div>
971                                            <div class="error-msg" id="err_ref"></div>
972                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
973                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
974                                            
975                                                                                                
976                                                <div class="w-100 my-1">
977                                                    <div id="capverifikasi">
978                                                        <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
979                                                    </div>
980                                                    
981                                                    <div class="input-group login-field mt-1">
982                                                        <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>
983                                                    <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
984                                                    </div>
985                                                    <div class="error-msg" id="err_verifikasi"></div>
986                                                    
987                                                </div>
988
989                                                                                            
990                                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
991                                                <input type="hidden" name="task" value="register">
992                                                <input type="hidden" name="regmobile" value="f3sXNiflkkl31jeKBbVfvqqIbIHP4nUD/Zz8gV8hUA8=">
993                                                <input type="hidden" name="iscaptcharegister" value="1">
994                                                <input type="hidden" name="isrecaptcha" value="
9940">
995                                                <input type="hidden" name="isrecaptcharegister" value="0">
996                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
997                                    </form>
998                                </div> 
999                                                                
999<script>
1000                                const WEBNAME = 'SiCepat88';
1001                                const USE_STRONG_VALIDATION = false;
1002                                (function(){
1003                                  function root(){ return document.getElementById('mobileregister'); }
1004                                  function q(id){ return root()?.querySelector('#'+id) || null; }
1005                                  function qe(sel){ return root()?.querySelector(sel) || null; }
1006                                
1007                                  function showError(field,msg){
1008                                    const err = qe('#err_'+field);
1009                                    const inp = q('reg_'+field);
1010                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
1011                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
1012                                  }
1013                                  function clearError(field){
1014                                    const err = qe('#err_'+field);
1015                                    const inp = q('reg_'+field);
1016                                    if (err) err.style.display = 'none';
1017                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
1018                                  }
1019  
1020                                    function checkPasswordStrengthJS(username, password) {
1021                                        const min_length = 6;
1022                                        const length = password.length;
1023                                        if (length < min_length) {
1024                                        return "Password harus minimal " + min_length + " karakter";
1025                                        }
1026                                        const hasLower = /[a-z]/.test(password);
1027                                        const hasUpper = /[A-Z]/.test(password);
1028                                        if (!(hasLower && hasUpper)) {
1029                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
1030                                        }
1031                                        if (!/[0-9]/.test(password)) {
1032                                        return "Password harus mengandung angka";
1033                                        }
1034                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
1035                                        return "Password tidak boleh mengandung username";
1036                                        }
1037                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
1038                                        if (numSeq.test(password)) {
1039                                        return "Password tidak boleh mengandung angka berurutan";
1040                                        }
1041                                        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|"
1042                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
1043                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
1044                                        const letterSequences = new RegExp(letterSeqStr, "i");
1045                                        if (letterSequences.test(password)) {
1046                                        return "Password tidak boleh mengandung huruf berurutan";
1047                                        }
1048                                        return null;
1049                                    }
1050                                
1051                                  function vUsername(){
1052                                    const v = (q('reg_username')?.value || '').trim();
1053                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
1054                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
1055                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
1056                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
1057                                    clearError('username'); return true;
1058                                  }
1059                                function vPass(){
1060                                    const v = q('reg_pass')?.value || '';
1061                                    if(!v) {
1062                                        showError('password','Password tidak boleh kosong');
1063                                        return false;
1064                                    }
1065                                    if (USE_STRONG_VALIDATION) {
1066                                        const username = (q('reg_username')?.value || '').trim();
1067                                        const err = checkPasswordStrengthJS(username, v);
1068                                        if (err) {
1069                                            showError('password', err);
1070                                            return false;
1071                                        }
1072                                        clearError('password');
1073                                        if (q('reg_passcon')?.value) {
1074                                            vPasscon();
1075                                        }
1076                                        return true;
1077                                    }
1078                                    
1079                                    if (v.length < 6) {
1080                                        showError('password','Password minimal 6 karakter');
1081                                        return false;
1082                                    }
1083                                    
1084                                    clearError('password');
1085                                    return true;
1086                                }
1087                                function vPasscon() {
1088                                    const p1 = q('reg_pass')?.value || '';
1089                                    const p2 = q('reg_passcon')?.value || '';
1090                                    if (!p2) {
1091                                        showError('passcon', 'Konfirmasi password kosong');
1092                                        return false;
1093                                    }
1094                                    if (USE_STRONG_VALIDATION) {
1095                                        const username = (q('reg_username')?.value || '').trim();
1096                                        const err = checkPasswordStrengthJS(username, p1);
1097                                        if (err) {
1098                                            showError('passcon', err);
1099                                            return false;
1100                                        }
1101                                    }
1102                                    
1103                                    if (p1 !== p2) {
1104                                        showError('passcon', 'Konfirmasi tidak sama');
1105                                        return false;
1106                                    }
1107                                    
1108                                    clearError('passcon');
1109                                    return true;
1110                                }
1111                                //   function vPass(){
1112                                //     const v = q('reg_pass')?.value || '';
1113                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
1114                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
1115                                //     clearError('password'); return true;
1116                                //   }
1117                                //   function vPasscon(){
1118                                //     const p1 = q('reg_pass')?.value || '';
1119                                //     const p2 = q('reg_passcon')?.value || '';
1120                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
1121                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
1122                                //     clearError('passcon'); return true;
1123                                //   }
1124                                  function vEmail(){
1125                                    const v = (q('reg_email')?.value || '').trim();
1126                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
1127                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
1128                                    clearError('email'); return true;
1129                                  }
1130                                  function vTelp(){
1131                                    const el = q('reg_telpon'); if (!el) return true;
1132                                    el.value = (el.value || '').replace(/\D/g,'');
1133                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
1134                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
1135                                    clearError('telpon'); return true;
1136                                  }
1137                                  function vBank(){
1138                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
1139                                    clearError('bank'); return true;
1140                                  }
1141                                  function vRek(){
1142                                    const el = q('reg_rek'); if (!el) return true;
1143                                    el.value = (el.value || '').replace(/\D/g,'');
1144                                    if (!el.value) return showError('rek','Rekening kosong'), false;
1145                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
1146                                    clearError('rek'); return true;
1147                                  }
1148                                  function vNama(){
1149                                    const v = (q('reg_nama')?.value || '').trim();
1150                                    if (!v) return showError('nama','Nama kosong'), false;
1151                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
1152                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
1153                                    clearError('nama'); return true;
1154                                  }
1155                                  function vRefOpt(){
1156                                    const el = q('reg_ref'); if (!el) return true;
1157                                    const v = (el.value || '').trim();
1158                                    if (!v) return clearError('ref'), true;
1159                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
1160                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
1161                                    clearError('ref'); return true;
1162                                  }
1163                                  function vVerifOpt(){
1164                                    const el = q('reg_verifikasi'); if (!el) return true;
1165                                    const v = (el.value || '').trim();
1166                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
1167                                    clearError('verifikasi'); return true;
1168                                  }
1169                                
1170                                  function validateAll(){
1171                                    const ok =
1172                                      vUsername() & vPass() & vPasscon() & vEmail() &
1173                                      vTelp() & vBank() & vRek() & vNama() &
1174                                      vRefOpt() & vVerifOpt();
1175                                    return !!ok;
1176                                  }
1177                                  
1178                                  function attach(id, validator, opts){
1179                                    const el = q(id); if (!el) return;
1180                                    const run = () => validator();
1181                                    el.addEventListener('focus', run);
1182                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
1183                                    el.addEventListener('blur', run);
1184                                    if (opts && opts.change) el.addEventListener('change', run);
1185                                  }
1186                                
1187                                  document.addEventListener('DOMContentLoaded', function(){
1188                                    attach('reg_username',   vUsername);
1189                                    attach('reg_pass',       vPass);
1190                                    attach('reg_passcon',    vPasscon);
1191                                    attach('reg_email',      vEmail);
1192                                    attach('reg_telpon',     vTelp);
1193                                    attach('reg_bank',       vBank, { input
1193:false, change:true });
1194                                    attach('reg_rek',        vRek);
1195                                    attach('reg_nama',       vNama);
1196                                    attach('reg_ref',        vRefOpt);
1197                                    attach('reg_verifikasi', vVerifOpt);
1198                                
1199                                    const f = q('formRegister');
1200                                    if (f) {
1201                                      f.addEventListener('submit', function(e){
1202                                        if (!validateAll()) {
1203                                          e.preventDefault();
1204                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
1205                                          if (firstErr && firstErr.focus) firstErr.focus();
1206                                        }
1207                                      });
1208                                    }
1209                                  });
1210                                })();
1211                                </script>
1211
1212                        </div>                 
1213                    </div>
1214    
1215                    <div class="menu">
1216                        <style>
1217    .menu-item {
1218        display: flex;
1219        flex-direction: column;
1220        align-items: center;
1221        justify-content: center;
1222        gap: 12px;
1223        min-width: 72px;
1224        padding: 8px;
1225        height: 100%;
1226    }
1227    
1228    .menu-item:hover {
1229        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1230    }
1231    
1232    .menu-item.active {
1233        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1234    }
1235    
1236    .menu-item-img {
1237        height: 28px;
1238    }
1239    
1240    .menu-item-icon {
1241        font-size: 28px;
1242        color: var(--menu-item-color)
1243    }
1244    
1245    .menu-item:hover>.menu-item-icon {
1246        color: var(--primary-color);
1247    }
1248</style>
1249
1250
1251<a href="/" class="menu-item active">
1252    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1253    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
1254    <label>HOME</label>
1255</a>
1256
1257    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
1258        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
1259        <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436666" alt="TOGEL" class="menu-item-img">-->
1260        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
1261        <label>TOGEL</label>
1262    </a>
1263    
1264
1265
1266<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
1267    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1268    <i class="menu-item-icon icon-slots"></i>
1269    <label>SLOT</label>
1270</a>
1271<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
1272    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
1273    <i class="menu-item-icon icon-casino"></i>
1274    <label>LIVE CASINO</label>
1275</a>
1276<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
1277    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
1278    <i class="menu-item-icon icon-sports"></i>
1279    <label>SPORT</label>
1280</a>
1281<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
1282<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
1283    <i class="menu-item-icon icon-sabung"></i>
1284    <label>SABUNG</label>
1285</a>
1286<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
1287    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
1288    <i class="menu-item-icon icon-arcade"></i>
1289    <label>ARCADE</label>
1290</a>
1291<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
1292    <i class="menu-item-icon icon-interactive"></i>
1293    <label>INTERACTIVE</label>
1294</a>
1295                    </div>
1296                                        
1297
1298
1299                    <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)">
1300                        
1301                        
1302        <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)">
1303            <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1304        </div>
1305        
1306        <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)">
1307            <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1308        </div>
1309    
1310    
1311    <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)">
1312    
1313    
1314        <div style="white-space: nowrap; height: 100%; font-size: 0px">
1315                                        
1316                        <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;">
1317                        <div style="display: grid; place-items: center; height: 100%">
1318                            <div class="menu-item" style="gap: 8px">
1319                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
1320                                <label class="text-white">TOGEL</label>
1321                            </div>
1322                        </div>
1323                    </a>
1324                        
1325                                <div style="height: 100%; width: 74px; display: inline-block;">
1326                    <div style="display: grid; place-items: center; height: 100%">
1327                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
1328                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
1329                            <label class="text-white">SLOT</label>
1330                        </div>
1331                    </div>
1332                </div>
1333                <div style="height: 100%; width: 74px; display: inline-block;">
1334                    <div style="display: grid; place-items: center; height: 100%">
1335                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
1336                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
1337                            <label class="text-white">LIVE CASINO</label>
1338                        </div>
1339                    </div>
1340                </div>
1341                <div style="height: 100%; width: 74px; display: inline-block;">
1342                    <div style="display: grid; place-items: center; height: 100%">
1343                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
1344                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1344orts.png" alt="">
1345                            <label class="text-white">SPORT</label>
1346                        </div>
1347                    </div>
1348                </div>
1349                <div style="height: 100%; width: 74px; display: inline-block;">
1350                    <div style="display: grid; place-items: center; height: 100%">
1351                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
1352                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
1353                        <label class="text-white">ARCADE</label>
1354                    </div>
1355                    </div>
1356                </div>
1357                <div style="height: 100%; width: 74px; display: inline-block;">
1358                    <div style="display: grid; place-items: center; height: 100%">
1359                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
1360                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
1361                            <label class="text-white">SABUNG</label>
1362                        </div>
1363                    </div>
1364                </div>
1365                
1366                <div style="height: 100%; width: 74px; display: inline-block;">
1367                    <div style="display: grid; place-items: center; height: 100%">
1368                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
1369                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
1370                            <label class="text-white">INTERACTIVE</label>
1371                        </div>
1372                    </div>
1373                </div>
1374        </div>
1375    </div>                                                                                                                        
1376</div>                    
1377                    
1378                    <div class="menu-content mobile-only">
1379                            <div id="main-content" style="background: var(--content-box-background)">
1380                                                        </div>
1381                    </div>
1382                    
1383                    
1384                    <!-- Banner SBO -->
1385                        
1386                        <style>
1387                            .match-slider-wrap {
1388                                max-width: 1200px;
1389                                margin: 16px auto;
1390                                margin-bottom: 24px;
1391                                padding: 0 12px;
1392                            }
1393
1394                            .match-card {
1395                                position: relative;
1396                                overflow: hidden;
1397                                min-height: 180px;
1398                                border-radius: 16px;
1399                                background:
1400                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
1401                                linear-gradient(180deg, #232323 0%, #161616 100%);
1402                                color: #fff;
1403                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
1404                                padding: 14px 14px 16px;
1405                            }
1406
1407                            .match-card::before {
1408                                content: "";
1409                                position: absolute;
1410                                inset: 0;
1411                                background: repeating-linear-gradient(
1412                                    -35deg,
1413                                    rgba(255,255,255,.04),
1414                                    rgba(255,255,255,.04) 8px,
1415                                    transparent 8px,
1416                                    transparent 18px
1417                                );
1418                                pointer-events: none;
1419                                opacity: .35;
1420                            }
1421
1422                            .match-card > * {
1423                                position: relative;
1424                                z-index: 1;
1425                            }
1426
1427                            .league-name {
1428                                font-size: 14px;
1429                                font-weight: 700;
1430                                letter-spacing: .4px;
1431                                text-transform: uppercase;
1432                                text-align: center;
1433                                margin-bottom: 2px;
1434                                color: #ffffff;
1435                            }
1436
1437                            .kickoff-time {
1438                                font-size: 14px;
1439                                font-weight: 800;
1440                                text-align: center;
1441                                color: #ffd23c;
1442                                margin-bottom: 12px;
1443                            }
1444
1445                            .match-main-row,
1446                            .match-odds-row {
1447                                display: flex;
1448                                align-items: flex-start;
1449                                justify-content: space-between;
1450                                gap: 0;
1451                            }
1452
1453                            .match-odds-row {
1454                                align-items: center;
1455                                margin-top: 12px;
1456                            }
1457
1458                            .team-col {
1459                                width: 30%;
1460                                text-align: center;
1461                                display: flex;
1462                                flex-direction: column;
1463                                align-items: center;
1464                            }
1465
1466                            .score-col {
1467                                width: 40%;
1468                                text-align: center;
1469                                display: flex;
1470                                flex-direction: column;
1471                                align-items: center;
1472                                justify-content: center;
1473                            }
1474
1475                            .team-logo {
1476                                width: 46px;
1477                                height: 46px;
1478                                object-fit: contain;
1479                                margin-bottom: 6px;
1480                            }
1481
1482                            .team-name {
1483                                font-size: 14px;
1484                                line-height: 1.15;
1485                                min-height: 34px;
1486                                display: flex;
1487                                align-items: center;
1488                                justify-content: center;
1489                                text-align: center;
1490                            }
1491
1492                            .score-value {
1493                                font-size: 28px;
1494                                font-weight: 800;
1495                                line-height: 1;
1496                                margin-bottom: 10px;
1497                            }
1498
1499                            .bet-btn {
1500                                display: inline-block;
1501                                min-width: 95px;
1502                                border-radius: 8px;
1503                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
1504                                color: #1d1d1d;
1505                                font-size: 14px;
1506                                font-weight: 800;
1507                                text-decoration: none;
1508                                padding: 10px 16px;
1509                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
1510                            }
1511
1512                            .bet-btn:hover {
1513                                color: #1d1d1d;
1514                                filter: brightness(1.03);
1515                            }
1516
1517                            .odds-col {
1518                                width: 30%;
1519                                text-align: center;
1520                                font-size: 12px;
1521                                font-weight: 700;
1522                                color: #ffd23c;
1523                                display: flex;
1524                                align-items: center;
1525                                justify-content: center;
1526                                min-height: 18px;
1527                            }
1528
1529                            .odds-col small {
1530                                font-size: 12px;
1531                                font-weight: 600;
1532                                color: #ffffff;
1533                                opacity: .95;
1534                            }
1535
1536                            .odds-spacer {
1537                                width: 40%;
1538                            }
1539
1540                            .carousel-control-prev,
1541                            .carousel-control-next {
1542                                width: 48px;
1543                            }
1544
1545                            .carousel-control-prev-icon,
1546                            .carousel-control-next-icon {
1547                                width: 2.5rem;
1548                                height: 2.5rem;
1549                                border-radius: 50%;
1550                                background-color: rgba(255,255,255,.15);
1551                                background-size: 55% 55%;
1552                            }
1553
1554                            .carousel-indicators [data-bs-target] {
1555                                width: 8px;
1556                                height: 8px;
1557                                border-radius: 50%;
1558                            }
1559
1560                            @media (max-width: 991.98px) {
1561                                .match-card {
1562                                    min-height: 170px;
1563                                }
1564                            }
1565
1566                           @media (max-width: 767.98px) {
1567                                .match-slider-wrap {
1568                                    max-width: 100%;
1569                                    padding: 0 20px;
1570                                    margin: 20px 0;
1571                                }
1572
1573                                .match-slider-wrap .carousel-inner {
1574                                    padding: 0;
1575                                }
1576
1577                                .match-slider-wrap .carousel-item .row {
1578                                    margin: 0;
1579                                }
1580
1581                                .match-slider-wrap .carousel-item .col-12 {
1582                                    padding: 0;
1583                                }
1584
1585                                .match-card {
1586                                    width: 100%;
1587                                    border-radius: 16px;
1588                                }
1589
1590                                .league-name {
1591                                    font-size: 13px;
1592                                    margin-bottom: 2px;
1593                                }
1594
1595                                .kickoff-time {
1596                                    font-size: 13px;
1597                                    margin-bottom: 10px;
1598                                }
1599
1600                                .team-col {
1601                                    width: 30%;
1602                                }
1603
1604                                .score-col {
1605                                    width: 40%;
1606                                }
1607
1608                                .team-logo {
1609                                    width: 42px;
1610                                    height: 42px;
1611                                    margin-bottom: 4px;
1612                                }
1613
1614                                .team-name {
1615                                    font-size: 12px;
1616                                    line-height: 1.15;
1617                                    min-height: 30px;
1618                                }
1619
1620                                .score-value {
1621                                    font-size: 22px;
1622                                    margin-bottom: 8px;
1623                                }
1624
1625                                .bet-btn {
1626                                    min-width: 88px;
1627                                    font-size: 13px;
1628                                    padding: 8px 14px;
1629                                    border-radius: 8px;
1630                                }
1631
1632                                .match-odds-row {
1633                                    margin-top: 10px;
1634                                }
1635
1636                                .odds-col,
1637                                .odds-col small {
1638                                    font-size: 11px;
1639                                }
1640
1641                                .carousel-control-prev,
1642                                .carousel-control-next {
1643                                    width: 34px;
1644                                }
1645
1646                                .carousel-control-prev-icon,
1647                                .carousel-control-next-icon {
1648                                    width: 2rem;
1649                                    height: 2rem;
1650                                    background-size: 50% 50%;
1651                                }
1652
1653                                .carousel-indicators {
1654                                    margin-bottom: -2px;
1655                                }
1656
1657                                .carousel-indicators [data-bs-target] {
1658                                    width: 7px;
1659                                    height: 7px;
1660                                    margin: 0 3px;
1661                                }
1662                        }
1663                        </style>
1664                    <!-- Banner SBO End -->
1665        
1666                    <div class="promosi">
1667                        
1668                        <!-- Desktop -->
1669                        <div class="desktop-only h-100">                        
1670                            <div class="d-flex align-items-center h-100">
1671                                <a href="/promosi" class="menu-item">
1672                                    <i class="menu-item-icon icon-promotion"></i>
1673                                    <label>PROMOSI</label>
1674                                </a>
1675                                
1676                                <a href="/event" class="menu-item">
1677                                    <i class="menu-item-icon icon-event"></i>
1678                                    <label>EVENT</label>
1679                                </a>
1680                            </div>
1681                        </div>
1682                        
1683
1684
1685                        
1686                        <!--<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>-->
1687                        
1688                        <!-- Mobile -->
1689                                                 
1690                        <div class="mobile-only" style="padding-top: 24px">
1691                            
1692                            <div class="d-flex gap-3 justify-content-center align-items-center">
1693                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
1694                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
1695                                        
1696                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
1697                            </div>
1698
1699                            
1700                        </div>
1701                                            </div>
1702
1703                </div>
1704                
1705            </header>
1706                
1707    
1708    
1709            <div id="marquee" class="marquee desktop-only">
1710                <div class="marquee-content py-2">
1711                    <div class="d-flex 
1711align-items-center gap-2">
1712                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
1713                        <i class="bi bi-megaphone-fill desktop-only"></i>
1714                    </div>
1715                    <div class="running" style="padding-left: 8px; padding-right: 32px">
1716                        <div class="broadcast" style="width: 100%">SEMAKIN SERING DAN BESAR DEPOSIT, MAKA ALGORITMA KEMENANGAN SEMAKIN BAGUS. WD BISA PULUHAN JUTA</div>
1717                    </div>
1718                    <div class="d-flex align-items-center gap-2">
1719                        <div id="desktoplogin" class="desktop-only">
1720                            <form class="login-form form" role="form">
1721                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
1722                                <div class="input-group login-field">
1723                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1724                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
1725                                </div>
1726                                
1727                                
1728                                
1729                                <div class="input-group login-field">
1730                                    <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>
1731                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
1732                                </div>
1733                                
1734                                <!-- captcha -->
1735                         
1736                                    <div class="verifikasiform" style=" ">
1737                                        <div style="display: flex; gap: 2px;">
1738                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
1739                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
1740                                        </div>
1741
1742                                    </div>
1743                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1744                              
1745                                <!-- end captcha -->
1746    
1747    
1748                                <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
1749                                <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>
1750                                
1751                                
1752                                <input type="hidden" name="task" value="login">
1753                                <input type="hidden" name="iscaptchalogin" value="1">
1754                                <input type="hidden" name="logindesktop" value="Z6MQZapWc49bJ69Schos4Jl2R03VzNCUdyh2j/ZYWYw=">
1755                                <input type="hidden" name="isrecaptchalogin" value="0">
1756                            </form>
1757
1758                                                    </div>
1759                    
1760                        
1761                        <!--<a href="/event">-->
1762                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
1763                        <!--</a>-->
1764                    </div>
1765                </div>
1766            </div>
1767            
1768            
1769            
1770            <!--Informasi Modal -->
1771            <div id="modal-wrapper" class="modal" style=" background:none;">
1772            
1773                <div class="slideDown" id="informasi-menu">
1774                  <div class="row">
1775                    <div class="col-xs-3" style="padding-right:0px; width:164px">
1776                        <div id="informasi-logo">
1777                            <img src="/images/logoweb.png" width="120px"/>
1778                        </div>
1779                        <div class="menuleft">
1780
1781                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
1782                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
1783                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
1784                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
1785                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
1786                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
1787                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
1788
1789                        </div>
1790                   </div>    
1791                   <div class="col-xs-9" id="informasi-content" style="position: relative">
1792                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
1793                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
1794                        </div>
1795                    </div>
1796                    
1797                </div>
1798              </div>
1799            </div>
1800            
1801
1802            
1803    
1804            <div class="contentdata">
1805                <div id="content-primary" class="p-0">
1806                   
1807                                            <div class="desktop-only">
1808<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
1809  <div class="carousel-indicators">
1810                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
1811                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
1812              </div>
1813  <div class="carousel-inner" style="height: 100%">
1814            <div class="carousel-item active" style="height: 100%">
1815          <img src="https://img.viva88athenae.com/banner/mgl-25.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
1816        </div>
1817            <div class="carousel-item " style="height: 100%">
1818          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
1819        </div>
1820      </div>
1821</div>
1822
1823</div>
1824                        <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
1825     <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
1826</div></div>
1827                        
1828                                    </div>
1829            </div>
1830
1831            
1832            
1833                       <div class="widget-kupon">
1834                <!-- <div style="position:relative; width:100%;"> -->
1835                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
1836                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
1837                <!-- </div> -->
1838            </div>
1839            
1840            <!-- BANNER SBO MOBILE -->
1841            <div class="widget-sbo mobile-only">
1842               <div class="match-slider-wrap">
1843                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
1844
1845                                                    <div class="carousel-indicators">
1846                                                                    <button
1847                                    type="button"
1848                                    data-bs-target="#sboMatchCarouselMobile"
1849                                    data-bs-slide-to="0"
1850                                    class="active"
1851                                    aria-current="true"                                    aria-label="Slide 1">
1852                                </button>
1853                                                                <button
1854                                    type="button"
1855                                    data-bs-target="#sboMatchCarouselMobile"
1856                                    data-bs-slide-to="1"
1857                                    class=""
1858                                                                        aria-label="Slide 2">
1859                                </button>
1860                                                                <button
1861                                    type="button"
1862                                    data-bs-target="#sboMatchCarouselMobile"
1863                                    data-bs-slide-to="2"
1864                                    class=""
1865                                                                        aria-label="Slide 3">
1866                                </button>
1867                                                                <button
1868                                    type="button"
1869                                    data-bs-target="#sboMatchCarouselMobile"
1870                                    data-bs-slide-to="3"
1871                                    class=""
1872                                                                        aria-label="Slide 4">
1873                                </button>
1874                                                                <button
1875                                    type="button"
1876                                    data-bs-target="#sboMatchCarouselMobile"
1877                                    data-bs-slide-to="4"
1878                                    class=""
1879                                                                        aria-label="Slide 5">
1880                                </button>
1881                                                                <button
1882                                    type="button"
1883                                    data-bs-target="#sboMatchCarouselMobile"
1884                                    data-bs-slide-to="5"
1885                                    class=""
1886                                                                        aria-label="Slide 6">
1887                                </button>
1888                                                                <button
1889                                    type="button"
1890                                    data-bs-target="#sboMatchCarouselMobile"
1891                                    data-bs-slide-to="6"
1892                                    class=""
1893                                                                        aria-label="Slide 7">
1894                                </button>
1895                                                                <button
1896                                    type="button"
1897                                    data-bs-target="#sboMatchCarouselMobile"
1898                                    data-bs-slide-to="7"
1899                                    class=""
1900                                                                        aria-label="Slide 8">
1901                                </button>
1902                                                                <button
1903                                    type="button"
1904                                    data-bs-target="#sboMatchCarouselMobile"
1905                                    data-bs-slide-to="8"
1906                                    class=""
1907                                                                        aria-label="Slide 9">
1908                                </button>
1909                                                                <button
1910                                    type="button"
1911                                    data-bs-target="#sboMatchCarouselMobile"
1912                                    data-bs-slide-to="9"
1913                                    class=""
1914                                                                        aria-label="Slide 10">
1915                                </button>
1916                                                    </div>
1917                    
1918                    <div class="carousel-inner">
1919                                                    <div class="carousel-item active">
1920                                <div class="row g-3">
1921                                                                            <div class="col-12">
1922                                            <div class="match-card h-100">
1923                                                <div class="league-name">
1924                                                    ENGLISH PREMIER LEAGUE                                                </div>
1925
1926                                                <div class="kickoff-time">
1927                                                    October 10, 2026 — 18:30 WIB                                                </div>
1928
1929                                                <div class="match-main-row">
1930                                                    <div class="team-col">
1931                                                        <img
1932                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
1933                                                        alt="Arsenal"
1934                                                        class="team-logo"
1935                                                        >
1936                                                        <div class="team-name">
1937                                                            Arsenal                                                        </div>
1938                                                    </div>
1939
1940                                                    <div class="score-col">
1941                                                        <div class="score-value">
1942                                                            0 : 0                                                        </div>
1943
1944                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
1945                                                            BET NOW
1946                                                        </a>
1947                                                    </div>
1948
1949                                                    <div class="team-col">
1950                                                        <img
1951                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
1951ce556.png"
1952                                                        alt="Leeds United"
1953                                                        class="team-logo"
1954                                                        >
1955                                                        <div class="team-name">
1956                                                            Leeds United                                                        </div>
1957                                                    </div>
1958                                                </div>
1959
1960                                                <div class="match-odds-row">
1961                                                    <div class="odds-col">
1962                                                        <span>
1963                                                            0.75                                                            <small>0.50</small>
1964                                                        </span>
1965                                                    </div>
1966
1967                                                    <div class="odds-spacer"></div>
1968
1969                                                    <div class="odds-col">
1970                                                        <span>
1971                                                            -0.75                                                            <small>-0.60</small>
1972                                                        </span>
1973                                                    </div>
1974                                                </div>
1975                                            </div>
1976                                        </div>
1977                                                                    </div>
1978                            </div>
1979                                                    <div class="carousel-item ">
1980                                <div class="row g-3">
1981                                                                            <div class="col-12">
1982                                            <div class="match-card h-100">
1983                                                <div class="league-name">
1984                                                    ENGLISH PREMIER LEAGUE                                                </div>
1985
1986                                                <div class="kickoff-time">
1987                                                    October 10, 2026 — 21:00 WIB                                                </div>
1988
1989                                                <div class="match-main-row">
1990                                                    <div class="team-col">
1991                                                        <img
1992                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
1993                                                        alt="Chelsea"
1994                                                        class="team-logo"
1995                                                        >
1996                                                        <div class="team-name">
1997                                                            Chelsea                                                        </div>
1998                                                    </div>
1999
2000                                                    <div class="score-col">
2001                                                        <div class="score-value">
2002                                                            0 : 0                                                        </div>
2003
2004                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
2005                                                            BET NOW
2006                                                        </a>
2007                                                    </div>
2008
2009                                                    <div class="team-col">
2010                                                        <img
2011                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
2012                                                        alt="Bournemouth AFC"
2013                                                        class="team-logo"
2014                                                        >
2015                                                        <div class="team-name">
2016                                                            Bournemouth AFC                                                        </div>
2017                                                    </div>
2018                                                </div>
2019
2020                                                <div class="match-odds-row">
2021                                                    <div class="odds-col">
2022                                                        <span>
2023                                                            0.5                                                            <small>0.66</small>
2024                                                        </span>
2025                                                    </div>
2026
2027                                                    <div class="odds-spacer"></div>
2028
2029                                                    <div class="odds-col">
2030                                                        <span>
2031                                                            -0.5                                                            <small>-0.76</small>
2032                                                        </span>
2033                                                    </div>
2034                                                </div>
2035                                            </div>
2036                                        </div>
2037                                                                    </div>
2038                            </div>
2039                                                    <div class="carousel-item ">
2040                                <div class="row g-3">
2041                                                                            <div class="col-12">
2042                                            <div class="match-card h-100">
2043                                                <div class="league-name">
2044                                                    SPAIN LA LIGA                                                </div>
2045
2046                                                <div class="kickoff-time">
2047                                                    October 10, 2026 — 23:30 WIB                                                </div>
2048
2049                                                <div class="match-main-row">
2050                                                    <div class="team-col">
2051                                                        <img
2052                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
2053                                                        alt="Barcelona"
2054                                                        class="team-logo"
2055                                                        >
2056                                                        <div class="team-name">
2057                                                            Barcelona                                                        </div>
2058                                                    </div>
2059
2060                                                    <div class="score-col">
2061                                                        <div class="score-value">
2062                                                            0 : 0                                                        </div>
2063
2064                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
2065                                                            BET NOW
2066                                                        </a>
2067                                                    </div>
2068
2069                                                    <div class="team-col">
2070                                                        <img
2071                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
2072                                                        alt="Getafe"
2073                                                        class="team-logo"
2074                                                        >
2075                                                        <div class="team-name">
2076                                                            Getafe                                                        </div>
2077                                                    </div>
2078                                                </div>
2079
2080                                                <div class="match-odds-row">
2081                                                    <div class="odds-col">
2082                                                        <span>
2083                                                            2.5                                                            <small>0.82</small>
2084                                                        </span>
2085                                                    </div>
2086
2087                                                    <div class="odds-spacer"></div>
2088
2089                                                    <div class="odds-col">
2090                                                        <span>
2091                                                            -2.5                                                            <small>-0.92</small>
2092                                                        </span>
2093                                                    </div>
2094                                                </div>
2095                                            </div>
2096                                        </div>
2097                                                                    </div>
2098                            </div>
2099                                                    <div class="carousel-item ">
2100                                <div class="row g-3">
2101                                                                            <div class="col-12">
2102                                            <div class="match-card h-100">
2103                                                <div class="league-name">
2104                                                    ENGLISH PREMIER LEAGUE                                                </div>
2105
2106                                                <div class="kickoff-time">
2107                                                    October 10, 2026 — 21:00 WIB                                                </div>
2108
2109                                                <div class="match-main-row">
2110                                                    <div class="team-col">
2111                                                        <img
2112                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
2113                                                        alt="Aston Villa"
2114                                                        class="team-logo"
2115                                                        >
2116                                                        <div class="team-name">
2117                                                            Aston Villa                                                        </div>
2118                                                    </div>
2119
2120                                                    <div class="score-col">
2121                                                        <div class="score-value">
2122                                                            0 : 0                                                        </div>
2123
2124                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
2125                                                            BET NOW
2126                                                        </a>
2127                                                    </div>
2128
2129                                                    <div class="team-col">
2130                                                        <img
2131                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
2132                                                        alt="Brentford"
2133                                                        class="team-logo"
2134                                                        >
2135                                                        <div class="team-name">
2136                                                            Brentford                                                        </div>
2137                                                    </div>
2138                                                </div>
2139
2140                                                <div class="match-odds-row">
2141                                                    <div class="odds-col">
2142                                                        <span>
2143                                                            0.00                                                            <small>-0.97</small>
2144                                                        </span>
2145                                                    </div>
2146
2147                                                    <div class="odds-spacer"></div>
2148
2149                                                    <div class="odds-col">
2150                                                        <span>
2151                                                            0.00                                                            <small>0.87</small>
2152                                                        </span>
2153                                                    </div>
2154                                                </div>
2155                                            </div>
2156                                        </div>
2157                                                                    </div>
2158                            </div>
2159                                                    <div class="carousel-item ">
2160                                <div class="row g-3">
2161                                                                            <div class="col-12">
2162                                            <div class="match-card h-100">
2163                                                <div class="league-name">
2164                                                    ENGLISH PREMIER LEAGUE                                                </div>
2165
2166                                                <div class="kickoff-time">
2167                                                    October 10, 2026 — 21:00 WIB                                                </div>
2168
2169                                                <div class="match-main-row">
2170                                                    <div class="team-col">
2171                                                        <img
2172                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
2173                                                        alt="Sunderland"
2174                                                        class="team-logo"
2175                                                        >
2176                                                        <div class="team-name">
2177                                                            Sunderland                                                        </div>
2178                                                    </div>
2179
2180                                                    <div class="score-col">
2181                                                        <div class="score-value">
2182                                                            0 : 0                                                        </div>
2183
2184                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
2185                                                            BET NOW
2186                                                        </a>
2187                                                    </div>
2188
2189                                                    <div class="team-col">
2190                                                        <img
2191                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
2192                                                        alt="Brighton &amp; Hove Albion"
2193                                                        class="team-logo"
2194                                                        >
2195                                                        <div class="team-name">
2196                                                            Brighton &amp; Hove Albion                                                        </div>
2197                                                    </div>
2198                                                </div>
2199
2200                                                <div class="match-odds-row">
2201                                                    <div class="odds-col">
2202                                                        <span>
2203                                                            0.00                                                            <small>-0.82</small>
2204                                                        </span>
2205                                                    </div>
2206
2207                                                    <div class="odds-spacer"></div>
2208
2209                                                    <div class="odds-col">
2210                                                        <span>
2211                                                            0.00                                                            <small>0.72</small>
2212                                                        </span>
2213                                                    </div>
2214                                                </div>
2215                                            </div>
2216                                        </div>
2217                                                                    </div>
2218                            </div>
2219                                                    <div class="carousel-item ">
2220                                <div class="row g-3">
2221                                                                            <div class="col-12">
2222                                            <div class="match-card h-100">
2223                                                <div class="league-name">
2224                                                    ENGLISH PREMIER LEAGUE                                                </div>
2225
2226                                                <div class="kickoff-time">
2227                                                    October 10, 2026 — 23:30 WIB                                                </div>
2228
2229                                                <div class="match-main-row">
2230                                                    <div class="team-col">
2231                                                        <img
2232                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
2233                                                        alt="Manchester United"
2234                                                        class="team-logo"
2235                                                        >
2236                                                        <div class="team-name">
2237                                                            Manchester United                                                        </div>
2238                                                    </div>
2239
2240                                                    <div class="score-col">
2241                                                        <div class="score-value">
2242                                                            0 : 0                                                        </div>
2243
2244                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
2245                                                            BET NOW
2246                                                        </a>
2247                                                    </div>
2248
2249                                                    <div class="team-col">
2250                                                        <img
2251                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
2252                                                        alt="Tottenham Hotspur"
2253                                                        class="team-logo"
2254                                                        >
2255                                                        <div class="team-name">
2256                                                            Tottenham Hotspur                                                        </div>
2257                                                    </div>
2258                                                </div>
2259
2260                                                <div class="match-odds-row">
2261                                                    <div class="odds-col">
2262                                                        <span>
2263                                                            0.5                                                            <small>0.72</small>
2264                                                        </span>
2265                                                    </div>
2266
2267                                                    <div class="odds-spacer"></div>
2268
2269                                                    <div class="odds-col">
2270                                                        <span>
2271                                                            -0.5                                                            <small>-0.82</small>
2272                                                        </span>
2273                                                    </div>
2274                                                </div>
2275                                            </div>
2276                                        </div>
2277                                                                    </div>
2278                            </div>
2279                                                    <div class="carousel-item ">
2280                                <div class="row g-3">
2281                                                                            <div class="col-12">
2282                                            <div class="match-card h-100">
2283                                                <div class="league-name">
2284                                                    SPAIN LA LIGA                                                </div>
2285
2286                                                <div class="kickoff-time">
2287                                                    October 11, 2026 — 02:00 WIB                                                </div>
2288
2289                                                <div class="match-main-row">
2290                                                    <div class="team-col">
2291                                                        <img
2292                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
2293                                                        alt="Real Madrid"
2294                                                        class="team-logo"
2295                                                        >
2296                                                        <div class="team-name">
2297                                                            Real Madrid                                                        </div>
2298                                                    </div>
2299
2300                                                    <div class="score-col">
2301                                                        <div class="score-value">
2302                                                            0 : 0                                                        </div>
2303
2304                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
2305                                                            BET NOW
2306                                                        </a>
2307                                                    </div>
2308
2309                                                    <div class="team-col">
2310                                                        <img
2311                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
2312                                                        alt="Villarreal"
2313                                                        class="team-logo"
2314                                                        >
2315                                                        <div class="team-name">
2316                                                            Villarreal                                                        </div>
2317                                                    </div>
2318                                                </div>
2319
2320                                                <div class="match-odds-row">
2321                                                    <div class="odds-col">
2322                                                        <span>
2323                                                            1                                                            <small>0.55</small>
2324                                                        </span>
2325                                                    </div>
2326
2327                                                    <div class="odds-spacer"></div>
2328
2329                                                    <div class="odds-col">
2330                                                        <span>
2331                                                            -1                                                            <small>-0.65</small>
2332                                                        </span>
2333                                                    </div>
2334                                                </div>
2335                                            </div>
2336                                        </div>
2337                                                                    </div>
2338                            </div>
2339                                                    <div class="carousel-item ">
2340                                <div class="row g-3">
2341                                                                            <div class="col-12">
2342                                            <div class="match-card h-100">
2343                                                <div class="league-name">
2344                                                    ITALY SERIE A                                                </div>
2345
2346                                                <div class="kickoff-time">
2347                                                    October 10, 2026 — 22:59 WIB                                                </div>
2348
2349                                                <div class="match-main-row">
2350                                                    <div class="team-col">
2351                                                        <img
2352                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
2353                                                        alt="Inter Milan"
2354                                                        class="team-logo"
2355                                                        >
2356                                                        <div class="team-name">
2357                                                            Inter Milan                                                        </div>
2358                                                    </div>
2359
2360                                                    <div class="score-col">
2361                                                        <div class="score-value">
2362                                                            0 : 0                                                        </div>
2363
2364                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
2365                                                            BET NOW
2366                                                        </a>
2367                                                    </div>
2368
2369                                                    <div class="team-col">
2370                                                        <img
2371                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
2372                                                        alt="Parma Calcio"
2373                                                        class="team-logo"
2374                                                        >
2375                                                        <div class="team-name">
2376                                                            Parma Calcio                                                        </div>
2377                                                    </div>
2378                                                </div>
2379
2380                                                <div class="match-odds-row">
2381                                                    <div class="odds-col">
2382                                                        <span>
2383                                                            2                                                            <small>0.65</small>
2384                                                        </span>
2385                                                    </div>
2386
2387                                                    <div class="odds-spacer"></div>
2388
2389                                                    <div class="odds-col">
2390                                                        <span>
2391                                                            -2                                                            <small>-0.75</small>
2392                                                        </span>
2393                                                    </div>
2394                                                </div>
2395                                            </div>
2396                                        </div>
2397                                                                    </div>
2398                            </div>
2399                                                    <div class="carousel-item ">
2400                                <div class="row g-3">
2401                                                                            <div class="col-12">
2402                                            <div class="match-card h-100">
2403                                                <div class="league-name">
2404                                                    SPAIN LA LIGA                                                </div>
2405
2406                                                <div class="kickoff-time">
2407                                                    October 10, 2026 — 19:00 WIB                                                </div>
2408
2409                                                <div class="match-main-row">
2410                                                    <div class="team-col">
2411                                                        <img
2412                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
2413                                                        alt="Rayo Vallecano"
2414                                                        class="team-logo"
2415                                                        >
2416                                                        <div class="team-name">
2417                                                            Rayo Vallecano                                                        </div>
2418                                                    </div>
2419
2420                                                    <div class="score-col">
2421                                                        <div class="score-value">
2422                                                            0 : 0                                                        </div>
2423
2424                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
2425                                                            BET NOW
2426                                                        </a>
2427                                                    </div>
2428
2429                                                    <div class="team-col">
2430                                                        <img
2431                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
2432                                                        alt="Athletic Bilbao"
2433                                                        class="team-logo"
2434                                                        >
2435                                                        <div class="team-name">
2436                                                            Athletic Bilbao                                                        </div>
2437                                                    </div>
2438                                                </div>
2439
2440                                                <div class="match-odds-row">
2441                                                    <div class="odds-col">
2442                                                        <span>
2443                                                            0.00                                                            <small>0.98</small>
2444                                                        </span>
2445                                                    </div>
2446
2447                                                    <div class="odds-spacer"></div>
2448
2449                                                    <div class="odds-col">
2450                                                        <span>
2451                                                            0.00                                                            <small>0.92</small>
2452                                                        </span>
2453                                                    </div>
2454                                                </div>
2455                                            </div>
2456                                        </div>
2457                                                                    </div>
2458                            </div>
2459                                                    <div class="carousel-item ">
2460                                <div class="row g-3">
2461                                                                            <div class="col-12">
2462                                            <div class="match-card h-100">
2463                                                <div class="league-name">
2464                                                    ENGLISH PREMIER LEAGUE                                                </div>
2465
2466                                                <div class="kickoff-time">
2467                                                    October 11, 2026 — 22:30 WIB                                                </div>
2468
2469                                                <div class="match-main-row">
2470                                                    <div class="team-col">
2471                                                        <img
2472                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
2473                                                        alt="Liverpool"
2474                                                        class="team-logo"
2475                                                        >
2476                                                        <div class="team-name">
2477                                                            Liverpool                                                        </div>
2478                                                    </div>
2479
2480                                                    <div class="score-col">
2481                                                        <div class="score-value">
2482                                                            0 : 0                                                        </div>
2483
2484                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
2485                                                            BET NOW
2486                                                        </a>
2487                                                    </div>
2488
2489                                                    <div class="team-col">
2490                                                        <img
2491                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
2492                                                        alt="Manchester City"
2493                                                        class="team-logo"
2494                                                        >
2495                                                        <div class="team-name">
2496                                                            Manchester City                                                        </div>
2497                                                    </div>
2498                                                </div>
2499
2500                                                <div class="match-odds-row">
2501                                                    <div class="odds-col">
2502                                                        <span>
2503                                                            0.00                                                            <small>-0.83</small>
2504                                                        </span>
2505                                                    </div>
2506
2507                                                    <div class="odds-spacer"></div>
2508
2509                                                    <div class="odds-col">
2510                                                        <span>
2511                                                            0.00                                                            <small>0.73</small>
2512                                                        </span>
2513                                                    </div>
2514                                                </div>
2515                                            </div>
2516                                        </div>
2517                                                                    </div>
2518                            </div>
2519                                            </div>
2520
2521                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
2522                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2523                            <span class="visually-hidden">Previous</span>
2524                        </button>
2525
2526                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
2527                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
2528                            <span class="visually-hidden">Next</span>
2529                        </button>
2530                                    </div>
2531                                </div>
2532            </div>
2533            <!-- BANNER SBO MOBILE END -->
2534            
2535            
2536            <!-- Togel -->    
2537            	
2538	<style>
2539	    .togel-desktop {
2540            /*background: var(--togel-background);*/
2541            background: var(--footer-background);
2542            grid-area: togel-desktop;
2543            position: relative;
2544        }
2545        
2546        .togel-mobile {
2547            display: none;
2548        }
2549
2550        .show-more {
2551            position: absolute; 
2552        
2553            z-index: 999; 
2554            bottom: 0px;
2555            width: 100%;
2556            
2557            /* 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)); */
2558        }
2559        
2560        .show-more-content {
2561            background: var(--secondary-background);
2562            opacity: .7;
2563            display: grid; 
2564            place-items: center; 
2565            height: 32px
2566        }
2567        
2568        .togel-content {    
2569            position: relative;  
2570            display: flex;
2571            flex-wrap: wrap;
2572            justify-content: center;
2573            /*display: grid;*/
2574            /*grid-template-columns: repeat(10, 1fr);*/
2575            gap: 8px 4px;
2576            padding: 16px 0;
2577        }
2578        
2579        .see-more {
2580            padding: 16px 0 48px 0;
2581            max-height: 162px;
2582            transition: max-height .75s ease-out;
2583            transition-delay: .1s;
2584            overflow: hidden;
2585        }
2586        
2587        .togel-content:hover{
2588            max-height: 1000px;
2589            transition: max-height 0.25s ease-in;
2590        }
2591        
2592        .result {
2593            height: 110px;
2594            width: 96px;
2595            border-radius: 10px;
2596            background: var(--result-background);
2597            border: var(--result-border);
2598            
2599            display: grid;
2600            grid-template-rows: 0px 20px 1fr 28px;
2601            grid-template-areas:
2602            "badge"
2603            "pasaran"
2604            "keluaran"
2605            "tanggal"
2606            ;
2607        
2608            /* display: flex;
2609            flex-direction: column;
2610            justify-content: space-between; */
2611        
2612            overflow: hidden;
2613        }
2614        
2615        .badge {
2616            grid-area: badge;
2617            display: grid;
2618            place-items: center;
2619        }
2620        
2621        .result>.pasaran {
2622        
2623            grid-area: pasaran;
2624        
2625            padding-top: 8px;
2626            white-space: nowrap;
2627            font-size: .7rem;
2628            line-height: .7rem;
2629        
2630            color: var(--result-pasaran-color);
2631            display: grid;
2632            place-items: center;
2633        }
2634        
2635        .result>.keluaran {
2636        
2637            grid-area: keluaran;
2638            padding-bottom: 8px;
2639            font-family: 'Oswald', sans-serif;
2640            line-height: 40px;
2641            font-size: 40px;
2642            color: var(--result-keluaran-color);
2643            display: grid;
2644            place-items: center;
2645        }
2646        
2647        .result>.tanggal {
2648        
2649            grid-area: tanggal;
2650        
2651            width: 100%;
2652            height: 100%;
2653            /* background: rgb(40,0,0);
2654            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
2655            background: var(--result-tanggal-background);
2656            white-space: nowarp;
2657            font-size: .79rem;
2658            display: grid;
2659            place-items: center;
2660            font-family: 'Abel', sans-serif;
2661            color: var(--result-tanggal-color);
2662        }
2663        
2664        @media only screen and (max-width: 1000px) {
2665            
2666            .togel-desktop {
2667                display: none;
2668            }
2669            
2670            .togel-mobile {
2671
2672                background: var(--secondary-background);
2673                grid-area: togel-mobile;
2674                padding: 24px;
2675                padding-bottom: 12px;
2676                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
2677            }
2678        
2679            .togel-title {
2680                padding: 0px;
2681                padding-bottom: 20px;
2682                font-size: 1.4rem;
2683                font-weight: bold;
2684                color: var(--primary-text-color);
2685            }
2686        
2687            .togel-content {
2688                max-height: fit-content;
2689                display: grid;
2690                grid-template-columns: 1fr;
2691                gap: 0;
2692                border-radius: 8px;
2693            }
2694            
2695
2696        
2697            .provider-group {
2698                padding: var(--mobile-padding-horizontal);
2699            }
2700        
2701            .badge {
2702                display: none;
2703            }
2704        
2705            .result {
2706                height: auto;
2707                width: 100%;
2708                display: grid;
2709                grid-template-rows: 1fr;
2710                grid-template-columns: 1fr 1fr 80px;
2711                grid-template-areas: "pasaran tanggal keluaran";
2712                border-radius: 0;
2713                border: none;
2714                background: transparent;
2715                padding: 4px 12px;
2716                color: var(--primary-text-color);
2717                font-family: 'Abel', sans-serif;
2718                
2719            }
2720            
2721                        
2722            .result-data:nth-child(odd) {
2723                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
2724            }
2725            
2726                        
2727            .accordion-item {
2728                background-color: transparent;
2729                border: 0px;
2730            }
2731            
2732            .accordion-button:not(.collapsed) {
2733                color: inherit;
2734                background-color: transparent;
2735                box-shadow: none;
2736            }
2737            
2738            .accordion-button::after {
2739                height: 0px;
2740            }
2741        
2742            .result>* {
2743                padding: 0px!important;
2744                margin: 0px!important;
2745                font-size: 1.4rem!important;
2746                line-height: auto!important;
2747                font-weight: normal!important;
2748            }
2749        
2750            .result>.pasaran {
2751                display: flex;
2752                justify-content: start;
2753                color: var(--primary-text-color)!important;
2754                opacity: .7;
2755            }
2756        
2757            .result>.tanggal {        
2758                display: flex;
2759                justify-content: center;
2760                background: transparent;
2761                color: var(--primary-text-color)!important;
2762                opacity: .7;
2763            }
2764        
2765            .result>.keluaran {
2766                display: flex;
2767                justify-content: end;
2768                /*color: var(--primary-text-color)!important;*/
2769                font-family: 'Abel', sans-serif;
2770                color: var(--highlight-text-color);
2771            }
2772            
2773        }
2774	</style>
2775	
2776	
2777	
2778	<div id="togel-desktop" class="togel-desktop desktop-only">
2779	    
2780	        
2781        
2782    
2783        <div class="togel-content ">
2784                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
2785                <a href="/hasil/TWH" class="result">
2786                    
2787                    <div class="badge">
2788                                            </div>
2789                    
2790                    <div class="pasaran">
2790TOTO WUHAN&nbsp</div>
2791                    <div class="keluaran"></div>
2792                    <div class="tanggal"> 1/1/1970</div>
2793                </a>
2794                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
2795                <a href="/hasil/HKD" class="result">
2796                    
2797                    <div class="badge">
2798                                            </div>
2799                    
2800                    <div class="pasaran">HK SIANG&nbsp</div>
2801                    <div class="keluaran">3078</div>
2802                    <div class="tanggal"> 17/8/2025</div>
2803                </a>
2804                            <!-- <a href="/?content=hasil&pid=SY" class="result"> -->
2805                <a href="/hasil/SY" class="result">
2806                    
2807                    <div class="badge">
2808                                            </div>
2809                    
2810                    <div class="pasaran">SYDNEY&nbsp</div>
2811                    <div class="keluaran">6915</div>
2812                    <div class="tanggal"> 9/10/2026</div>
2813                </a>
2814                            <!-- <a href="/?content=hasil&pid=SG" class="result"> -->
2815                <a href="/hasil/SG" class="result">
2816                    
2817                    <div class="badge">
2818                                            </div>
2819                    
2820                    <div class="pasaran">SINGAPORE&nbsp</div>
2821                    <div class="keluaran">2855</div>
2822                    <div class="tanggal"> 8/10/2026</div>
2823                </a>
2824                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
2825                <a href="/hasil/MY" class="result">
2826                    
2827                    <div class="badge">
2828                                            </div>
2829                    
2830                    <div class="pasaran">MALAYSIA&nbsp</div>
2831                    <div class="keluaran">6034</div>
2832                    <div class="tanggal"> 9/10/2026</div>
2833                </a>
2834                            <!-- <a href="/?content=hasil&pid=HK" class="result"> -->
2835                <a href="/hasil/HK" class="result">
2836                    
2837                    <div class="badge">
2838                                            </div>
2839                    
2840                    <div class="pasaran">HONGKONG&nbsp</div>
2841                    <div class="keluaran">6469</div>
2842                    <div class="tanggal"> 9/10/2026</div>
2843                </a>
2844                        
2845        </div>
2846    </div>
2847    
2848    <div id="togel-mobile" class="togel-mobile mobile-only">
2849    	    
2850    	    <div class="togel-title">Togel Result</div>
2851    	    
2852            	    
2853	    <div class="carousel slide p-0" data-bs-ride="carousel" style="">
2854          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
2855              
2856                          
2857          </div>
2858          <div class="carousel-inner">
2859
2860            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
2861                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
2862                                    <div class="badge">
2863                                                                            </div>
2864                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
2865                                    <div class="keluaran"></div>
2866                                    <div class="tanggal">01-01-1970</div>
2867                              </button>
2868                                                        </div>
2869                            
2870                                                    <div class="result-data accordion-item">
2871                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
2872                                    <div class="badge">
2873                                                                            </div>
2874                                    <div class="pasaran">HK SIANG&nbsp</div>
2875                                    <div class="keluaran">3078</div>
2876                                    <div class="tanggal">17-08-2025</div>
2877                              </button>
2878                                                                <div id="paito-HKD" class="accordion-collapse collapse">
2879                                         
2880                                                <div class="result">
2881                                                    <div class="pasaran"></div>
2882                                                    <div class="keluaran">1418</div>
2883                                                    <div class="tanggal">16-08-2025</div>
2884                                                </div>
2885                                             
2886                                                <div class="result">
2887                                                    <div class="pasaran"></div>
2888                                                    <div class="keluaran">9171</div>
2889                                                    <div class="tanggal">15-08-2025</div>
2890                                                </div>
2891                                             
2892                                                <div class="result">
2893                                                    <div class="pasaran"></div>
2894                                                    <div class="keluaran">3902</div>
2895                                                    <div class="tanggal">14-08-2025</div>
2896                                                </div>
2897                                             
2898                                                <div class="result">
2899                                                    <div class="pasaran"></div>
2900                                                    <div class="keluaran">8685</div>
2901                                                    <div class="tanggal">13-08-2025</div>
2902                                                </div>
2903                                             
2904                                                <div class="result">
2905                                                    <div class="pasaran"></div>
2906                                                    <div class="keluaran">9881</div>
2907                                                    <div class="tanggal">12-08-2025</div>
2908                                                </div>
2909                                             
2910                                                <div class="result">
2911                                                    <div class="pasaran"></div>
2912                                                    <div class="keluaran">7626</div>
2913                                                    <div class="tanggal">11-08-2025</div>
2914                                                </div>
2915                                             
2916                                                <div class="result">
2917                                                    <div class="pasaran"></div>
2918                                                    <div class="keluaran">3586</div>
2919                                                    <div class="tanggal">10-08-2025</div>
2920                                                </div>
2921                                                                                </div>
2922                                                            </div>
2923                            
2924                                                    <div class="result-data accordion-item">
2925                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
2926                                    <div class="badge">
2927                                                                            </div>
2928                                    <div class="pasaran">SYDNEY&nbsp</div>
2929                                    <div class="keluaran">6915</div>
2930                                    <div class="tanggal">09-10-2026</div>
2931                              </button>
2932                                                                <div id="paito-SY" class="accordion-collapse collapse">
2933                                         
2934                                                <div class="result">
2935                                                    <div class="pasaran"></div>
2936                                                    <div class="keluaran">5814</div>
2937                                                    <div class="tanggal">08-10-2026</div>
2938                                                </div>
2939                                             
2940                                                <div class="result">
2941                                                    <div class="pasaran"></div>
2942                                                    <div class="keluaran">0569</div>
2943                                                    <div class="tanggal">07-10-2026</div>
2944                                                </div>
2945                                             
2946                                                <div class="result">
2947                                                    <div class="pasaran"></div>
2948                                                    <div class="keluaran">3398</div>
2949                                                    <div class="tanggal">06-10-2026</div>
2950                                                </div>
2951                                             
2952                                                <div class="result">
2953                                                    <div class="pasaran"></div>
2954                                                    <div class="keluaran">9383</div>
2955                                                    <div class="tanggal">05-10-2026</div>
2956                                                </div>
2957                                             
2958                                                <div class="result">
2959                                                    <div class="pasaran"></div>
2960                                                    <div class="keluaran">7933</div>
2961                                                    <div class="tanggal">04-10-2026</div>
2962                                                </div>
2963                                             
2964                                                <div class="result">
2965                                                    <div class="pasaran"></div>
2966                                                    <div class="keluaran">5604</div>
2967                                                    <div class="tanggal">03-10-2026</div>
2968                                                </div>
2969                                             
2970                                                <div class="result">
2971                                                    <div class="pasaran"></div>
2972                                                    <div class="keluaran">5392</div>
2973                                                    <div class="tanggal">02-10-2026</div>
2974                                                </div>
2975                                                                                </div>
2976                                                            </div>
2977                            
2978                                                    <div class="result-data accordion-item">
2979                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
2980                                    <div class="badge">
2981                                                                            </div>
2982                                    <div class="pasaran">SINGAPORE&nbsp</div>
2983                                    <div class="keluaran">2855</div>
2984                                    <div class="tanggal">08-10-2026</div>
2985                              </button>
2986                                                                <div id="paito-SG" class="accordion-collapse collapse">
2987                                         
2988                                                <div class="result">
2989                                                    <div class="pasaran"></div>
2990                                                    <div class="keluaran">9838</div>
2991                                                    <div class="tanggal">07-10-2026</div>
2992                                                </div>
2993                                             
2994                                                <div class="result">
2995                                                    <div class="pasaran"></div>
2996                                                    <div class="keluaran">3897</div>
2997                                                    <div class="tanggal">05-10-2026</div>
2998                                                </div>
2999                                             
3000                                                <div class="result">
3001                                                    <div class="pasaran"></div>
3002                                                    <div class="keluaran">2812</div>
3003                                                    <div class="tanggal">04-10-2026</div>
3004                                                </div>
3005                                             
3006                                                <div class="result">
3007                                                    <div class="pasaran"></div>
3008                                                    <div class="keluaran">3670</div>
3009                                                    <div class="tanggal">03-10-2026</div>
3010                                                </div>
3011                                             
3012                                                <div class="result">
3013                                                    <div class="pasaran"></div>
3014                                                    <div class="keluaran">9006</div>
3015                                                    <div class="tanggal">01-10-2026</div>
3016                                                </div>
3017                                             
3018                                                <div class="result">
3019                                                    <div class="pasaran"></div>
3020                                                    <div class="keluaran">3096</div>
3021                                                    <div class="tanggal">30-09-2026</div>
3022                                                </div>
3023                                             
3024                                                <div class="result">
3025                                                    <div class="pasaran"></div>
3026                                                    <div class="keluaran">7185</div>
3027                                                    <div class="tanggal">28-09-2026</div>
3028                                                </div>
3029                                                                                </div>
3030                                                            </div>
3031                            
3032                                                    <div class="result-data accordion-item">
3033                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3034                                    <div class="badge">
3035                                                                            </div>
3036                                    <div class="pasaran">MALAYSIA&nbsp</div>
3037                                    <div class="keluaran">6034</div>
3038                                    <div class="tanggal">09-10-2026</div>
3039                              </button>
3040                                                                <div id="pa
3040ito-MY" class="accordion-collapse collapse">
3041                                         
3042                                                <div class="result">
3043                                                    <div class="pasaran"></div>
3044                                                    <div class="keluaran">2991</div>
3045                                                    <div class="tanggal">08-10-2026</div>
3046                                                </div>
3047                                             
3048                                                <div class="result">
3049                                                    <div class="pasaran"></div>
3050                                                    <div class="keluaran">3932</div>
3051                                                    <div class="tanggal">07-10-2026</div>
3052                                                </div>
3053                                             
3054                                                <div class="result">
3055                                                    <div class="pasaran"></div>
3056                                                    <div class="keluaran">4883</div>
3057                                                    <div class="tanggal">06-10-2026</div>
3058                                                </div>
3059                                             
3060                                                <div class="result">
3061                                                    <div class="pasaran"></div>
3062                                                    <div class="keluaran">4639</div>
3063                                                    <div class="tanggal">05-10-2026</div>
3064                                                </div>
3065                                             
3066                                                <div class="result">
3067                                                    <div class="pasaran"></div>
3068                                                    <div class="keluaran">4920</div>
3069                                                    <div class="tanggal">04-10-2026</div>
3070                                                </div>
3071                                             
3072                                                <div class="result">
3073                                                    <div class="pasaran"></div>
3074                                                    <div class="keluaran">8849</div>
3075                                                    <div class="tanggal">03-10-2026</div>
3076                                                </div>
3077                                             
3078                                                <div class="result">
3079                                                    <div class="pasaran"></div>
3080                                                    <div class="keluaran">7141</div>
3081                                                    <div class="tanggal">02-10-2026</div>
3082                                                </div>
3083                                                                                </div>
3084                                                            </div>
3085                            
3086                                                    <div class="result-data accordion-item">
3087                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
3088                                    <div class="badge">
3089                                                                            </div>
3090                                    <div class="pasaran">HONGKONG&nbsp</div>
3091                                    <div class="keluaran">6469</div>
3092                                    <div class="tanggal">09-10-2026</div>
3093                              </button>
3094                                                                <div id="paito-HK" class="accordion-collapse collapse">
3095                                         
3096                                                <div class="result">
3097                                                    <div class="pasaran"></div>
3098                                                    <div class="keluaran">8270</div>
3099                                                    <div class="tanggal">08-10-2026</div>
3100                                                </div>
3101                                             
3102                                                <div class="result">
3103                                                    <div class="pasaran"></div>
3104                                                    <div class="keluaran">6196</div>
3105                                                    <div class="tanggal">07-10-2026</div>
3106                                                </div>
3107                                             
3108                                                <div class="result">
3109                                                    <div class="pasaran"></div>
3110                                                    <div class="keluaran">3268</div>
3111                                                    <div class="tanggal">06-10-2026</div>
3112                                                </div>
3113                                             
3114                                                <div class="result">
3115                                                    <div class="pasaran"></div>
3116                                                    <div class="keluaran">9181</div>
3117                                                    <div class="tanggal">05-10-2026</div>
3118                                                </div>
3119                                             
3120                                                <div class="result">
3121                                                    <div class="pasaran"></div>
3122                                                    <div class="keluaran">7176</div>
3123                                                    <div class="tanggal">04-10-2026</div>
3124                                                </div>
3125                                             
3126                                                <div class="result">
3127                                                    <div class="pasaran"></div>
3128                                                    <div class="keluaran">6962</div>
3129                                                    <div class="tanggal">03-10-2026</div>
3130                                                </div>
3131                                             
3132                                                <div class="result">
3133                                                    <div class="pasaran"></div>
3134                                                    <div class="keluaran">3686</div>
3135                                                    <div class="tanggal">02-10-2026</div>
3136                                                </div>
3137                                                                                </div>
3138                                                            </div>
3139                            
3140                        </div>              
3141              
3142          </div>
3143        </div>
3144    </div>
3145    
3146    
3146<script>
3147        
3148        function togglePaito(paitoid) {
3149            let paito = document.getElementById(paitoid);
3150            paito.classList.add("open");
3151        }
3152        
3153        
3154    </script>
3154
3155
3156            <div class="transaksi p-0 py-lg-4">
3157                <div class="d-none d-lg-block">
3158                    <!-- BANNER SBO DESKTOP -->
3159                    <div class="match-slider-wrap">
3160                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
3161
3162                                                                    <div class="carousel-indicators">
3163                                                                                    <button
3164                                                type="button"
3165                                                data-bs-target="#sboMatchCarouselDesktop"
3166                                                data-bs-slide-to="0"
3167                                                class="active"
3168                                                aria-current="true"                                                aria-label="Slide 1">
3169                                            </button>
3170                                                                                    <button
3171                                                type="button"
3172                                                data-bs-target="#sboMatchCarouselDesktop"
3173                                                data-bs-slide-to="1"
3174                                                class=""
3175                                                                                                aria-label="Slide 2">
3176                                            </button>
3177                                                                                    <button
3178                                                type="button"
3179                                                data-bs-target="#sboMatchCarouselDesktop"
3180                                                data-bs-slide-to="2"
3181                                                class=""
3182                                                                                                aria-label="Slide 3">
3183                                            </button>
3184                                                                                    <button
3185                                                type="button"
3186                                                data-bs-target="#sboMatchCarouselDesktop"
3187                                                data-bs-slide-to="3"
3188                                                class=""
3189                                                                                                aria-label="Slide 4">
3190                                            </button>
3191                                                                            </div>
3192                                
3193                                <div class="carousel-inner">
3194                                                                            <div class="carousel-item active">
3195                                            <div class="row g-3">
3196                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3197                                                        <div class="match-card h-100">
3198                                                            <div class="league-name">
3199                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3200
3201                                                            <div class="kickoff-time">
3202                                                                October 10, 2026 — 18:30 WIB                                                            </div>
3203
3204                                                            <div class="match-main-row">
3205                                                                <div class="team-col">
3206                                                                    <img
3207                                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
3208                                                                        alt="Arsenal"
3209                                                                        class="team-logo"
3210                                                                    >
3211                                                                    <div class="team-name">
3212                                                                        Arsenal                                                                    </div>
3213                                                                </div>
3214
3215                                                                <div class="score-col">
3216                                                                    <div class="score-value">
3217                                                                        0 : 0                                                                    </div>
3218
3219                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
3220                                                                        BET NOW
3221                                                                    </a>
3222                                                                </div>
3223
3224                                                                <div class="team-col">
3225                                                                    <img
3226                                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
3226ce556.png"
3227                                                                        alt="Leeds United"
3228                                                                        class="team-logo"
3229                                                                    >
3230                                                                    <div class="team-name">
3231                                                                        Leeds United                                                                    </div>
3232                                                                </div>
3233                                                            </div>
3234
3235                                                            <div class="match-odds-row">
3236                                                                <div class="odds-col">
3237                                                                    <span>
3238                                                                        0.75                                                                        <small>0.50</small>
3239                                                                    </span>
3240                                                                </div>
3241
3242                                                                <div class="odds-spacer"></div>
3243
3244                                                                <div class="odds-col">
3245                                                                    <span>
3246                                                                        -0.75                                                                        <small>-0.60</small>
3247                                                                    </span>
3248                                                                </div>
3249                                                            </div>
3250                                                        </div>
3251                                                    </div>
3252                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3253                                                        <div class="match-card h-100">
3254                                                            <div class="league-name">
3255                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3256
3257                                                            <div class="kickoff-time">
3258                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3259
3260                                                            <div class="match-main-row">
3261                                                                <div class="team-col">
3262                                                                    <img
3263                                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
3264                                                                        alt="Chelsea"
3265                                                                        class="team-logo"
3266                                                                    >
3267                                                                    <div class="team-name">
3268                                                                        Chelsea                                                                    </div>
3269                                                                </div>
3270
3271                                                                <div class="score-col">
3272                                                                    <div class="score-value">
3273                                                                        0 : 0                                                                    </div>
3274
3275                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
3276                                                                        BET NOW
3277                                                                    </a>
3278                                                                </div>
3279
3280                                                                <div class="team-col">
3281                                                                    <img
3282                                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
3283                                                                        alt="Bournemouth AFC"
3284                                                                        class="team-logo"
3285                                                                    >
3286                                                                    <div class="team-name">
3287                                                                        Bournemouth AFC                                                                    </div>
3288                                                                </div>
3289                                                            </div>
3290
3291                                                            <div class="match-odds-row">
3292                                                                <div class="odds-col">
3293                                                                    <sp
3293an>
3294                                                                        0.5                                                                        <small>0.66</small>
3295                                                                    </span>
3296                                                                </div>
3297
3298                                                                <div class="odds-spacer"></div>
3299
3300                                                                <div class="odds-col">
3301                                                                    <span>
3302                                                                        -0.5                                                                        <small>-0.76</small>
3303                                                                    </span>
3304                                                                </div>
3305                                                            </div>
3306                                                        </div>
3307                                                    </div>
3308                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3309                                                        <div class="match-card h-100">
3310                                                            <div class="league-name">
3311                                                                SPAIN LA LIGA                                                            </div>
3312
3313                                                            <div class="kickoff-time">
3314                                                                October 10, 2026 — 23:30 WIB                                                            </div>
3315
3316                                                            <div class="match-main-row">
3317                                                                <div class="team-col">
3318                                                                    <img
3319                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
3320                                                                        alt="Barcelona"
3321                                                                        class="team-logo"
3322                                                                    >
3323                                                                    <div class="team-name">
3324                                                                        Barcelona                                                                    </div>
3325                                                                </div>
3326
3327                                                                <div class="score-col">
3328                                                                    <div class="score-value">
3329                                                                        0 : 0                                                                    </div>
3330
3331                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
3332                                                                        BET NOW
3333                                                                    </a>
3334                                                                </div>
3335
3336                                                                <div class="team-col">
3337                                                                    <img
3338                                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
3339                                                                        alt="Getafe"
3340                                                                        class="team-logo"
3341                                                                    >
3342                                                                    <div class="team-name">
3343                                                                        Getafe                                                                    </div>
3344                                                                </div>
3345                                                            </div>
3346
3347                                                            <div class="match-odds-row">
3348                                                                <div class="odds-col">
3349                                                                    <sp
3349an>
3350                                                                        2.5                                                                        <small>0.82</small>
3351                                                                    </span>
3352                                                                </div>
3353
3354                                                                <div class="odds-spacer"></div>
3355
3356                                                                <div class="odds-col">
3357                                                                    <span>
3358                                                                        -2.5                                                                        <small>-0.92</small>
3359                                                                    </span>
3360                                                                </div>
3361                                                            </div>
3362                                                        </div>
3363                                                    </div>
3364                                                                                            </div>
3365                                        </div>
3366                                                                            <div class="carousel-item ">
3367                                            <div class="row g-3">
3368                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3369                                                        <div class="match-card h-100">
3370                                                            <div class="league-name">
3371                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3372
3373                                                            <div class="kickoff-time">
3374                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3375
3376                                                            <div class="match-main-row">
3377                                                                <div class="team-col">
3378                                                                    <img
3379                                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
3380                                                                        alt="Aston Villa"
3381                                                                        class="team-logo"
3382                                                                    >
3383                                                                    <div class="team-name">
3384                                                                        Aston Villa                                                                    </div>
3385                                                                </div>
3386
3387                                                                <div class="score-col">
3388                                                                    <div class="score-value">
3389                                                                        0 : 0                                                                    </div>
3390
3391                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
3392                                                                        BET NOW
3393                                                                    </a>
3394                                                                </div>
3395
3396                                                                <div class="team-col">
3397                                                                    <img
3398                                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
3399                                                                        alt="Brentford"
3400                                                                        class="team-logo"
3401                                                                    >
3402                                                                    <div class="team-name">
3403                                                                        Brentford                                                                    </div>
3404                                                                </div>
3405                                                            </div>
3406
3407                                                            <div class="match-odds-row">
3408                                                                <div class="odds-col">
3409                                                                    <sp
3409an>
3410                                                                        0.00                                                                        <small>-0.97</small>
3411                                                                    </span>
3412                                                                </div>
3413
3414                                                                <div class="odds-spacer"></div>
3415
3416                                                                <div class="odds-col">
3417                                                                    <span>
3418                                                                        0.00                                                                        <small>0.87</small>
3419                                                                    </span>
3420                                                                </div>
3421                                                            </div>
3422                                                        </div>
3423                                                    </div>
3424                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3425                                                        <div class="match-card h-100">
3426                                                            <div class="league-name">
3427                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3428
3429                                                            <div class="kickoff-time">
3430                                                                October 10, 2026 — 21:00 WIB                                                            </div>
3431
3432                                                            <div class="match-main-row">
3433                                                                <div class="team-col">
3434                                                                    <img
3435                                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
3436                                                                        alt="Sunderland"
3437                                                                        class="team-logo"
3438                                                                    >
3439                                                                    <div class="team-name">
3440                                                                        Sunderland                                                                    </div>
3441                                                                </div>
3442
3443                                                                <div class="score-col">
3444                                                                    <div class="score-value">
3445                                                                        0 : 0                                                                    </div>
3446
3447                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
3448                                                                        BET NOW
3449                                                                    </a>
3450                                                                </div>
3451
3452                                                                <div class="team-col">
3453                                                                    <img
3454                                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
3455                                                                        alt="Brighton &amp; Hove Albion"
3456                                                                        class="team-logo"
3457                                                                    >
3458                                                                    <div class="team-name">
3459                                                                        Brighton &amp; Hove Albion                                                                    </div>
3460                                                                </div>
3461                                                            </div>
3462
3463                                                            <div class="match-odds-row">
3464                                                                <div class="odds-col">
3465                                                                    <sp
3465an>
3466                                                                        0.00                                                                        <small>-0.82</small>
3467                                                                    </span>
3468                                                                </div>
3469
3470                                                                <div class="odds-spacer"></div>
3471
3472                                                                <div class="odds-col">
3473                                                                    <span>
3474                                                                        0.00                                                                        <small>0.72</small>
3475                                                                    </span>
3476                                                                </div>
3477                                                            </div>
3478                                                        </div>
3479                                                    </div>
3480                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3481                                                        <div class="match-card h-100">
3482                                                            <div class="league-name">
3483                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3484
3485                                                            <div class="kickoff-time">
3486                                                                October 10, 2026 — 23:30 WIB                                                            </div>
3487
3488                                                            <div class="match-main-row">
3489                                                                <div class="team-col">
3490                                                                    <img
3491                                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
3492                                                                        alt="Manchester United"
3493                                                                        class="team-logo"
3494                                                                    >
3495                                                                    <div class="team-name">
3496                                                                        Manchester United                                                                    </div>
3497                                                                </div>
3498
3499                                                                <div class="score-col">
3500                                                                    <div class="score-value">
3501                                                                        0 : 0                                                                    </div>
3502
3503                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
3504                                                                        BET NOW
3505                                                                    </a>
3506                                                                </div>
3507
3508                                                                <div class="team-col">
3509                                                                    <img
3510                                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
3511                                                                        alt="Tottenham Hotspur"
3512                                                                        class="team-logo"
3513                                                                    >
3514                                                                    <div class="team-name">
3515                                                                        Tottenham Hotspur                                                                    </div>
3516                                                                </div>
3517                                                            </div>
3518
3519                                                            <div class="match-odds-row">
3520                                                                <div class="odds-col">
3521                                                                    <sp
3521an>
3522                                                                        0.5                                                                        <small>0.72</small>
3523                                                                    </span>
3524                                                                </div>
3525
3526                                                                <div class="odds-spacer"></div>
3527
3528                                                                <div class="odds-col">
3529                                                                    <span>
3530                                                                        -0.5                                                                        <small>-0.82</small>
3531                                                                    </span>
3532                                                                </div>
3533                                                            </div>
3534                                                        </div>
3535                                                    </div>
3536                                                                                            </div>
3537                                        </div>
3538                                                                            <div class="carousel-item ">
3539                                            <div class="row g-3">
3540                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3541                                                        <div class="match-card h-100">
3542                                                            <div class="league-name">
3543                                                                SPAIN LA LIGA                                                            </div>
3544
3545                                                            <div class="kickoff-time">
3546                                                                October 11, 2026 — 02:00 WIB                                                            </div>
3547
3548                                                            <div class="match-main-row">
3549                                                                <div class="team-col">
3550                                                                    <img
3551                                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
3552                                                                        alt="Real Madrid"
3553                                                                        class="team-logo"
3554                                                                    >
3555                                                                    <div class="team-name">
3556                                                                        Real Madrid                                                                    </div>
3557                                                                </div>
3558
3559                                                                <div class="score-col">
3560                                                                    <div class="score-value">
3561                                                                        0 : 0                                                                    </div>
3562
3563                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
3564                                                                        BET NOW
3565                                                                    </a>
3566                                                                </div>
3567
3568                                                                <div class="team-col">
3569                                                                    <img
3570                                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
3571                                                                        alt="Villarreal"
3572                                                                        class="team-logo"
3573                                                                    >
3574                                                                    <div class="team-name">
3575                                                                        Villarreal                                                                    </div>
3576                                                                </div>
3577                                                            </div>
3578
3579                                                            <div class="match-odds-row">
3580                                                                <div class="odds-col">
3581                                                                    <sp
3581an>
3582                                                                        1                                                                        <small>0.55</small>
3583                                                                    </span>
3584                                                                </div>
3585
3586                                                                <div class="odds-spacer"></div>
3587
3588                                                                <div class="odds-col">
3589                                                                    <span>
3590                                                                        -1                                                                        <small>-0.65</small>
3591                                                                    </span>
3592                                                                </div>
3593                                                            </div>
3594                                                        </div>
3595                                                    </div>
3596                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3597                                                        <div class="match-card h-100">
3598                                                            <div class="league-name">
3599                                                                ITALY SERIE A                                                            </div>
3600
3601                                                            <div class="kickoff-time">
3602                                                                October 10, 2026 — 22:59 WIB                                                            </div>
3603
3604                                                            <div class="match-main-row">
3605                                                                <div class="team-col">
3606                                                                    <img
3607                                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
3608                                                                        alt="Inter Milan"
3609                                                                        class="team-logo"
3610                                                                    >
3611                                                                    <div class="team-name">
3612                                                                        Inter Milan                                                                    </div>
3613                                                                </div>
3614
3615                                                                <div class="score-col">
3616                                                                    <div class="score-value">
3617                                                                        0 : 0                                                                    </div>
3618
3619                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
3620                                                                        BET NOW
3621                                                                    </a>
3622                                                                </div>
3623
3624                                                                <div class="team-col">
3625                                                                    <img
3626                                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
3627                                                                        alt="Parma Calcio"
3628                                                                        class="team-logo"
3629                                                                    >
3630                                                                    <div class="team-name">
3631                                                                        Parma Calcio                                                                    </div>
3632                                                                </div>
3633                                                            </div>
3634
3635                                                            <div class="match-odds-row">
3636                                                                <div class="odds-col">
3637                                                                    <sp
3637an>
3638                                                                        2                                                                        <small>0.65</small>
3639                                                                    </span>
3640                                                                </div>
3641
3642                                                                <div class="odds-spacer"></div>
3643
3644                                                                <div class="odds-col">
3645                                                                    <span>
3646                                                                        -2                                                                        <small>-0.75</small>
3647                                                                    </span>
3648                                                                </div>
3649                                                            </div>
3650                                                        </div>
3651                                                    </div>
3652                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3653                                                        <div class="match-card h-100">
3654                                                            <div class="league-name">
3655                                                                SPAIN LA LIGA                                                            </div>
3656
3657                                                            <div class="kickoff-time">
3658                                                                October 10, 2026 — 19:00 WIB                                                            </div>
3659
3660                                                            <div class="match-main-row">
3661                                                                <div class="team-col">
3662                                                                    <img
3663                                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
3664                                                                        alt="Rayo Vallecano"
3665                                                                        class="team-logo"
3666                                                                    >
3667                                                                    <div class="team-name">
3668                                                                        Rayo Vallecano                                                                    </div>
3669                                                                </div>
3670
3671                                                                <div class="score-col">
3672                                                                    <div class="score-value">
3673                                                                        0 : 0                                                                    </div>
3674
3675                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
3676                                                                        BET NOW
3677                                                                    </a>
3678                                                                </div>
3679
3680                                                                <div class="team-col">
3681                                                                    <img
3682                                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
3683                                                                        alt="Athletic Bilbao"
3684                                                                        class="team-logo"
3685                                                                    >
3686                                                                    <div class="team-name">
3687                                                                        Athletic Bilbao                                                                    </div>
3688                                                                </div>
3689                                                            </div>
3690
3691                                                            <div class="match-odds-row">
3692                                                                <div class="odds-col">
3693                                                                    <sp
3693an>
3694                                                                        0.00                                                                        <small>0.98</small>
3695                                                                    </span>
3696                                                                </div>
3697
3698                                                                <div class="odds-spacer"></div>
3699
3700                                                                <div class="odds-col">
3701                                                                    <span>
3702                                                                        0.00                                                                        <small>0.92</small>
3703                                                                    </span>
3704                                                                </div>
3705                                                            </div>
3706                                                        </div>
3707                                                    </div>
3708                                                                                            </div>
3709                                        </div>
3710                                                                            <div class="carousel-item ">
3711                                            <div class="row g-3">
3712                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3713                                                        <div class="match-card h-100">
3714                                                            <div class="league-name">
3715                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3716
3717                                                            <div class="kickoff-time">
3718                                                                October 11, 2026 — 22:30 WIB                                                            </div>
3719
3720                                                            <div class="match-main-row">
3721                                                                <div class="team-col">
3722                                                                    <img
3723                                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
3724                                                                        alt="Liverpool"
3725                                                                        class="team-logo"
3726                                                                    >
3727                                                                    <div class="team-name">
3728                                                                        Liverpool                                                                    </div>
3729                                                                </div>
3730
3731                                                                <div class="score-col">
3732                                                                    <div class="score-value">
3733                                                                        0 : 0                                                                    </div>
3734
3735                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
3736                                                                        BET NOW
3737                                                                    </a>
3738                                                                </div>
3739
3740                                                                <div class="team-col">
3741                                                                    <img
3742                                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
3743                                                                        alt="Manchester City"
3744                                                                        class="team-logo"
3745                                                                    >
3746                                                                    <div class="team-name">
3747                                                                        Manchester City                                                                    </div>
3748                                                                </div>
3749                                                            </div>
3750
3751                                                            <div class="match-odds-row">
3752                                                                <div class="odds-col">
3753                                                                    <sp
3753an>
3754                                                                        0.00                                                                        <small>-0.83</small>
3755                                                                    </span>
3756                                                                </div>
3757
3758                                                                <div class="odds-spacer"></div>
3759
3760                                                                <div class="odds-col">
3761                                                                    <span>
3762                                                                        0.00                                                                        <small>0.73</small>
3763                                                                    </span>
3764                                                                </div>
3765                                                            </div>
3766                                                        </div>
3767                                                    </div>
3768                                                                                            </div>
3769                                        </div>
3770                                                                    </div>
3771
3772                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
3773                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
3774                                        <span class="visually-hidden">Previous</span>
3775                                    </button>
3776
3777                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
3778                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
3779                                        <span class="visually-hidden">Next</span>
3780                                    </button>
3781                                                            </div>
3782                                            </div>
3783                    <!-- BANNER SBO DESKTOP END -->
3784                    <!-- Banner Telegram -->
3785                    
3786                    
3787                    
3788                    <div class="transaksi-kontak">
3789                        
3790                        <div class="d-flex flex-column w-100">
3791                            <div class="transaksi-content">
3792                                <!-- Bank -->
3793                                
3794<style>
3795    /* ====== LAYOUT KESELURUHAN ====== */
3796
3797    .transaksi-layout {
3798        display: flex;
3799        justify-content: center;
3800        gap: 16px;
3801        align-items: center;
3802    }
3803
3804    .transaksi-left-inner {
3805        width: 100%;
3806    }
3807
3808    .transaksi-left-img {
3809        width: 100%;
3810        height: auto;
3811        display: block;
3812        object-fit: cover;
3813    }
3814
3815    .transaksi-right-box {
3816        flex: 1;
3817        display: flex;
3818        justify-content: flex-start;
3819    }
3820
3821    .transaksi-group {
3822        display: flex;
3823        flex-direction: column;
3824        gap: 16px;
3825        width: 100%;
3826        grid-template-areas:
3827            "transaksi-bank transaksi-other transaksi-crypto";
3828    }
3829
3830    .transaksi-bank {
3831        grid-area: transaksi-bank;
3832        display: grid;
3833        place-items: center;
3834        justify-content: flex-start;
3835    }
3836
3837    .transaksi-other {
3838        grid-area: transaksi-other;
3839        display: flex;
3840        justify-content: flex-start;
3841        width: 100%;
3842    }
3843
3844    .transaksi-crypto {
3845        grid-area: transaksi-crypto;
3846        display: flex;
3847        justify-content: flex-start;
3848        width: 100%;
3849    }
3850
3851    .transaksi-wrapper {
3852        display: flex;
3853        flex-direction: column;
3854        gap: .5rem;
3855        align-items: flex-start;
3856    }
3857
3858    .transaksi-name {
3859        font-size: 1.1rem;
3860        font-weight: bold;
3861        line-height: 1.5rem;
3862    }
3863
3864    /* ====== GRID LIST ====== */
3865
3866    .transaksi-list-bank,
3867    .transaksi-list-other {
3868        height: fit-content;
3869        display: grid;
3870        grid-template-columns: repeat(5, minmax(80px, 1fr));
3871        gap: 4px 6px;
3872    }
3873
3874    .transaksi-list-crypto {
3875        height: fit-content;
3876        display: flex;
3877        align-items: center;
3878        gap: 24px;
3879        width: 100%;
3880        justify-content: flex-start;
3881    }
3882
3883    .icon-crypto {
3884        width: 24px;
3885        height: 24px;
3886    }
3887
3888    /* ====== ITEM BANK / EMONEY ====== */
3889
3890    .transaksi-item {
3891        display: flex;
3892        flex-direction: column;
3893        position: relative;
3894    }
3895
3896    .transaksi-header {
3897        height: 30px;
3898        border-radius: 5px;
3899        font-weight: bold;
3900        border: 2px solid rgba(108,108,108,1);
3901        background: rgba(54,54,54,1);
3902        color: white;
3903        display: flex;
3904        align-items: center;
3905        justify-content: center;
3906        padding: 0 12px 0 22px; /* extra space kiri buat dot */
3907        font-size: 0.9rem;
3908        white-space: nowrap;
3909    }
3910
3911    /* strip bawah lama dimatikan */
3912    .transaksi-status {
3913        display: none;
3914    }
3915
3916    /* ====== ONLINE / OFFLINE DOT ====== */
3917
3918    /* ONLINE: tambahkan class is-online di PHP */
3919    .transaksi-header.is-online::before {
3920        content: "";
3921        position: absolute;
3922        left: 8px;
3923        top: 50%;
3924        transform: translateY(-50%);
3925        width: 9px;
3926        height: 9px;
3927        border-radius: 50%;
3928        background-color: #00ff66;
3929        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
3930    }
3931
3932    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
3933    .transaksi-header.is-offline {
3934        background: #2e2e2e;
3935        border-color: #555;
3936        opacity: .4;
3937    }
3938
3939    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
3940    .transaksi-header:not(.is-online):not(.is-offline) {
3941        background: #2e2e2e;
3942        border-color: #555;
3943        opacity: .4;
3944    }
3945
3946    @media only screen and (max-width: 768px) {
3947
3948        .transaksi-layout {
3949            flex-direction: column;
3950            align-items: center;
3951        }
3952
3953        .transaksi-group {
3954            display: grid;
3955            grid-template-columns: 1fr;
3956            grid-template-areas:
3957                "transaksi-bank"
3958                "transaksi-other"
3959                "transaksi-crypto";
3960            gap: 32px;
3961            margin-bottom: 8px;
3962        }
3963
3964        .transaksi-header {
3965            font-size: 1.1rem;
3966            height: 36px;
3967        }
3968
3969        .transaksi-list-bank {
3970            grid-template-columns: repeat(4, 1fr);
3971        }
3972
3973        .transaksi-list-other {
3974            grid-template-columns: repeat(4, 1fr);
3975        }
3976
3977        .transaksi-list-crypto {
3978            width: 86%;
3979            margin: auto;
3980            flex-wrap: wrap;
3981        }
3982
3983        .transaksi-item {
3984            width: 100%;
3985        }
3986
3987        .transaksi-name {
3988            font-size: 1.3rem;
3989            text-align: center;
3990            line-height: 1.8rem;
3991        }
3992
3993        .transaksi-wrapper {
3994            width: 100%;
3995            max-width: 100%!important;
3996            gap: 1rem;
3997            align-items: center;
3998        }
3999
4000        .icon-crypto {
4001            width: 28px;
4002            height: 28px;
4003        }
4004    }
4005
4006    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
4007    .transaksi-header {
4008        height: 34px;
4009        border-radius: 6px;
4010        font-weight: bold;
4011        border: 2px solid rgba(108,108,108,1);
4012        background: rgba(54,54,54,1);
4013        color: white;
4014
4015        /* Tambahan baru */
4016        min-width: 110px;       /* Lebarin biar semua rata */
4017        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
4018        display: flex;
4019        align-items: center;
4020        justify-content: center;
4021        text-align: center;
4022
4023        white-space: nowrap;
4024    }
4025
4026    /* DOT ONLINE */
4027    .transaksi-header.is-online::before {
4028        content: "";
4029        position: absolute;
4030        left: 10px;
4031        top: 50%;
4032        transform: translateY(-50%);
4033        width: 10px;
4034        height: 10px;
4035        border-radius: 50%;
4036        background-color: #00ff66;
4037        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4038    }
4039
4040    /* OFFLINE (DISABLED) */
4041    .transaksi-header.is-offline {
4042        padding: 0 16px;         
4043        background: #2e2e2e;
4044        border-color: #555;
4045        opacity: .35;
4046        align-items: center;
4047        justify-content: center;
4048        text-align: center;
4049    }
4050
4051    /* GRID-nya sedikit dilebarin biar simetris */
4052    .transaksi-list-bank,
4053    .transaksi-list-other {
4054        grid-template-columns: repeat(4, minmax(110px, 1fr));
4055        gap: 8px 10px;
4056    }
4057
4058</style>
4059
4060<div class="transaksi-layout">
4061    <div class="transaksi-left-box">
4062        <div class="transaksi-left-inner">
4063            <img src="/images/transaksi.png" class="transaksi-left-img">
4064        </div>
4065    </div>
4066
4067    <div class="transaksi-right-box">
4068        <div class="transaksi-group">
4069
4070            <!-- BANK LOKAL -->
4071            <div class="transaksi-bank">
4072                <div class="transaksi-wrapper">
4073                                            <div class="transaksi-name">Bank Lokal</div>
4074                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
4075                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4076                                                    </div>
4077
4078                        <div class="carousel-inner" >
4079                                                            <div class="carousel-item active">
4080                                    <div class="transaksi-list-bank">
4081                                                                                    <div class="transaksi-item">
4082                                                <div class="transaksi-header is-offline">
4083                                                    BCA                                                </div>
4084                                                <div class="transaksi-status"></div>
4085                                            </div>
4086                                                                                        <div class="transaksi-item">
4087                                                <div class="transaksi-header is-offline">
4088                                                    Mandiri                                                </div>
4089                                                <div class="transaksi-status"></div>
4090                                            </div>
4091                                                                                        <div class="transaksi-item">
4092                                                <div class="transaksi-header is-offline">
4093                                                    BNI                                                </div>
4094                                                <div class="transaksi-status"></div>
4095                                            </div>
4096                                                                                        <div class="transaksi-item">
4097                                                <div class="transaksi-header is-offline">
4098                                                    BRI                                                </div>
4099                                                <div class="transaksi-status"></div>
4100                                            </div>
4101                                                                                        <div class="transaksi-item">
4102                                                <div class="transaksi-header is-offline">
4103                                                    CIMB                                                </div>
4104                                                <div class="transaksi-status"></div>
4105                                            </div>
4106                                                                                        <div class="transaksi-item">
4107                                                <div class="transaksi-header is-offline">
4108                                                    Danamon                                                </div>
4109                                                <div class="transaksi-status"></div>
4110                                            </div>
4111                                                                                        <div class="transaksi-item">
4112                                                <div class="transaksi-header is-offline">
4113                                                    Permata                                                </div>
4114                                                <div class="transaksi-status"></div>
4115                                            </div>
4116                                                                                        <div class="transaksi-item">
4117                                                <div class="transaksi-header is-offline">
4118                                                    BJB                                                </div>
4119                                                <div class="transaksi-status"></div>
4120                                            </div>
4121                                                                                        <div class="transaksi-item">
4122                                                <div class="transaksi-header is-offline">
4123                                                    DKI                                                </div>
4124                                                <div class="transaksi-status"></div>
4125                                            </div>
4126                                                                                        <div class="transaksi-item">
4127                                                <div class="transaksi-header is-offline">
4128                                                    NEO                                                </div>
4129                                                <div class="transaksi-status"></div>
4130                                            </div>
4131                                                                                        <div class="transaksi-item">
4132                                                <div class="transaksi-header is-offline">
4133                                                    JAGO                                                </div>
4134                                                <div class="transaksi-status"></div>
4135                                            </div>
4136                                                                                        <div class="transaksi-item">
4137                                                <div class="transaksi-header is-offline">
4138                                                    SeaBank                                                </div>
4139                                                <div class="transaksi-status"></div>
4140                                            </div>
4141                                                                                </div>
4142                                </div>
4143                                                    </div>
4144                    </div>
4145
4146                </div>
4147            </div>
4148
4149            <!-- E MONEY & PULSA -->
4150            <div class="transaksi-other">
4151                <div class="transaksi-wrapper">
4152                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
4153                    
4154                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
4155                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4156                                                    </div>
4157
4158                        <div class="carousel-inner" >
4159    
4159                                                        <div class="carousel-item active">
4160                                    <div class="transaksi-list-other">
4161                                                                                    <div class="transaksi-item">
4162                                                <div class="transaksi-header is-offline">
4163                                                    Jenius                                                </div>
4164                                                <div class="transaksi-status"></div>
4165                                            </div>
4166                                                                                        <div class="transaksi-item">
4167                                                <div class="transaksi-header is-online">
4168                                                    DANA                                                </div>
4169                                                <div class="transaksi-status"></div>
4170                                            </div>
4171                                                                                        <div class="transaksi-item">
4172                                                <div class="transaksi-header is-online">
4173                                                    OVO                                                </div>
4174                                                <div class="transaksi-status"></div>
4175                                            </div>
4176                                                                                        <div class="transaksi-item">
4177                                                <div class="transaksi-header is-offline">
4178                                                    GOPAY                                                </div>
4179                                                <div class="transaksi-status"></div>
4180                                            </div>
4181                                                                                        <div class="transaksi-item">
4182                                                <div class="transaksi-header is-online">
4183                                                    LinkAja                                                </div>
4184                                                <div class="transaksi-status"></div>
4185                                            </div>
4186                                                                                        <div class="transaksi-item">
4187                                                <div class="transaksi-header is-offline">
4188                                                    Sakuku                                                </div>
4189                                                <div class="transaksi-status"></div>
4190                                            </div>
4191                                                                                        <div class="transaksi-item">
4192                                                <div class="transaksi-header is-online">
4193                                                    QRIS                                                </div>
4194                                                <div class="transaksi-status"></div>
4195                                            </div>
4196                                                                                        <div class="transaksi-item">
4197                                                <div class="transaksi-header is-online">
4198                                                    AntarBank                                                </div>
4199                                                <div class="transaksi-status"></div>
4200                                            </div>
4201                                                                                        <div class="transaksi-item">
4202                                                <div class="transaksi-header is-online">
4203                                                    Telkomsel                                                </div>
4204                                                <div class="transaksi-status"></div>
4205                                            </div>
4206                                                                                        <div class="transaksi-item">
4207                                                <div class="transaksi-header is-online">
4208                                                    Axiata                                                </div>
4209                                                <div class="transaksi-status"></div>
4210                                            </div>
4211                                                                                </div>
4212                                </div>
4213                                                    </div>
4214                    </div>
4215
4216                </div>
4217            </div>
4218
4219            <!-- CRYPTO -->
4220            <div class="transaksi-crypto">
4221                <div class="transaksi-wrapper">
4222                                            <div class="transaksi-name mb-1">Crypto Currency</div>
4223                    
4224                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
4225                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4226                                                    </div>
4227
4228                        <div class="carousel-inner" >
4229                                                            <div class="carousel-item active">
4230                                    <div class="transaksi-list-crypto">
4231                                                                                    <div class="d-flex gap-2">
4232                                                <img src="https://img.viva88athenae.com/USDT.png"
4233                                                     class="icon-crypto" alt="USDT">
4234                                                <strong class="transaksi-name">USDT</strong>
4235                                            </div>
4236                                                                                </div>
4237                                </div>
4238                                                    </div>
4239
4240                    </div>
4241                </div>
4242            </div>
4243
4244        </div>
4245    </div>
4246</div>
4247                            </div>
4248                            
4249                            
4250                        </div>
4251                        
4252                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
4253                            
4254                        <!--    <div class="transaksi-title">-->
4255                        <!--        <div class="transaksi-title-group">-->
4256                        <!--            <div class="fitur-header">Kontak Kami</div>-->
4257                        <!--        </div>-->
4258                                
4259                        <!--        <div class="devider desktop-only"></div>-->
4260                        <!--    </div>-->
4261                            
4262    
4263                        <!--    
4264<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
4265    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
4266        
4267                
4268    </div>
4269      <div class="carousel-inner" style="height: 164px">
4270         
4271         
4272    </div>
4273</div>
4274-->
4275                                    
4276                        <!--</div>-->
4277                    </div>
4278                </div>
4279            </div>
4280
4281
4282            <div class="bantuan">
4283                
4284                                <ul class="bantuan-content justify-content-center">
4285                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
4286                    <div class="bantuan-devider desktop-only">|</div>
4287                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
4288                    <div class="bantuan-devider desktop-only">|</div>
4289                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
4290                    <div class="bantuan-devider desktop-only">|</div>
4291                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
4292                    <div class="bantuan-devider desktop-only">|</div>
4293                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
4294                    <div class="bantuan-devider desktop-only">|</div>
4295                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
4296                    <div class="bantuan-devider desktop-only">|</div>
4297                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
4298                </ul>
4299                            </div>
4300        
4301            
4302            <footer class="footer">
4303                
4304                <div class="guidelines">
4305                    <div class="desktop-only">
4306                        <div class="guidelines-content d-flex justify-content-center">
4307                            <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" />
4308                        </div>
4309                    </div>
4310                </div>
4311                
4312                <div class="provider d-none d-lg-block">
4313                    <div class="provider-group">
4314                        <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt="">
4315                    </div>
4316                </div>
4317                
4318                <div>
4319                                    </div>
4320                
4321                
4322                <div class="footer-group">
4323                    <div class="copyright">
4324                        <div style="white-space: nowrap">© 2015 - 2026 Copyright SICEPAT88.</div>
4325                        <div>All Rights Reserved.</div>
4326                    </div>
4327                    <div class="desktop-only">
4328                        <div class="d-flex gap-1">
4329                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
4330                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
4331                        </div>
4332                    </div>
4333                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt="">
4334                    
4335                    <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=8crRU1KUFtOTQpREdMA22qzLOJGKoF_ZikwUXUX82aQ.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
4336                        <i class="bi bi-shield-fill-exclamation"></i>
4337                        <strong class="ms-1">LAPOR PUSAT</strong>
4338                    </button>
4339                </div>
4340            </footer>
4341            
4342            
4343            
4344            
4345            
4346            <!-- SIDENAV -->
4347            <div id="mySidenav" class="sidenav desktop-only">
4348                <div id="nav">
4349                    <div style="display: flex; align-items: start;">
4350                        <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;">
4351                            
4352                            <img src="/assets/hubungi.png?11">
4353                            
4354                        </div>
4355                        <!--<img id="about" src="/images/kontak.png?4">-->
4356                    </div>
4357                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
4358                       <div id="" style="padding: 4px">
4359                       <img src="/assets/24h.png" style="width: 100%"></img>
4360                        </div>
4361                    
4362                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
4363                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
4364                            
4365                                                        
4366    
4367                        </div>
4368                            <div style="margin: 8px">
4369                                <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>
4370                            </div>
4371                    </div>
4372                </div>
4373            </div>
4374        </div>
4375
4376                
4377        <!--POP UP -->
4378        
4379        <style>
4380        
4381                    
4382            .modal-dialog {
4383                max-width: max-content; 
4384                margin-top: 180px
4385            }
4386            
4387            .imgpop {
4388                width: 600px; 
4389                aspect-ratio: 2;
4390                object-fit: cover;
4391            }
4392
4393            
4394            @media only screen and (max-width: 768px) { 
4395                
4396                .modal-dialog {
4397                    margin-top: 98px
4398                }
4399                
4400                .imgpop {
4401                    width: 100%; 
4402                }
4403                
4404            }
4405            
4406            
4407            
4408        </style>
4409
4410
4411        <!-- Modal -->
4412        <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
4413          <div class="modal-dialog" style="">
4414            <div class="modal-content" style="background-color: transparent">
4415              <div class="modal-body"  style="padding: 0px">
4416                <img src="images/upload-Popup-20260207003000.webp" alt="SICEPAT88 situs slot gacor di indonesia" class="imgpop"/>
4417              </div>
4418            </div>
4419          </div>
4420        </div>
4421
4422
4423        
4424        <!-- LIVE CHAT -->
4425        <!-- Start of LiveChat (www.livechat.com) code -->
4426<script>
4427    window.__lc = window.__lc || {};
4428    window.__lc.license = 19246877;
4429    window.__lc.integration_name = "manual_channels";
4430    window.__lc.product_name = "livechat";
4431    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
4432</script>
4432
4433<noscript><a href="https://www.livechat.com/chat-with/19246877/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
4434<!-- End of LiveChat code -->
4435
4436        
4437        <!-- LiveChat Internal -->
4438                <style>
4439        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
4440        body.modal-open .cs-embed { z-index: 1049 !important; }
4441        </style>
4442           
4443
4444        
4444<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
4444
4445        
4445<script>
4446            document.addEventListener('DOMContentLoaded', function() {
4447                setTimeout(function() {
4448                    const mobileForm = document.querySelector('#mobilelogin form') || 
4449                                      document.querySelector('#mobilelogin .login-form') ||
4450                                      document.querySelector('.mobile-only form');
4451                    
4452                    if (!mobileForm) {
4453                        return;
4454                    }
4455                    
4456                    const username = mobileForm.querySelector('input[name="username"]');
4457                    const password = mobileForm.querySelector('input[name="password"]');
4458                    const remember = document.querySelector('#rememberMe') || 
4459                                    document.querySelector('input[type="checkbox"]');
4460                    
4461                    if (!username || !password || !remember) {
4462                        return;
4463                    }
4464                    
4465                    try {
4466                        localStorage.setItem('test', 'working');
4467                        if (localStorage.getItem('test') === 'working') {
4468                            localStorage.removeItem('test');
4469                        } else {
4470                            return;
4471                        }
4472                    } catch(e) {
4473                        return;
4474                    }
4475                    
4476                    initializeRememberMe();
4477                    loadSavedData();
4478                    
4479                    mobileForm.addEventListener('submit', handleSave);
4480                    mobileForm.addEventListener('click', function(e) {
4481                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
4482                            handleSave();
4483                        }
4484                    });
4485                    remember.addEventListener('change', function() {
4486                        if (!this.checked) {
4487                            clearSavedData();
4488                            localStorage.setItem('mobile_remember_unchecked', 'true');
4489                        } else {
4490                            localStorage.removeItem('mobile_remember_unchecked');
4491                        }
4492                    });
4493    
4494                    function initializeRememberMe() {
4495                        try {
4496                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
4497                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
4498                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
4499                                remember.checked = false;
4500                            } else {
4501                                remember.checked = true;
4502                            }
4503                        } catch(e) {
4504                            remember.checked = true;
4505                        }
4506                    }
4507                    
4508                    function loadSavedData() {
4509                        try {
4510                            const savedUsername = localStorage.getItem('mobile_username');
4511                            const savedPassword = localStorage.getItem('mobile_password');
4512                            const rememberChecked = localStorage.getItem('mobile_remember');
4513                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
4514                                username.value = savedUsername;
4515                                password.value = savedPassword;
4516                            }
4517                        } catch(e) {
4518                            // console.log('Error loading data:', e);
4519                        }
4520                    }
4521                    
4522                    function handleSave() {
4523                        if (remember.checked) {
4524                            const usernameVal = username.value.trim();
4525                            const passwordVal = password.value.trim();
4526                            
4527                            if (usernameVal && passwordVal) {
4528                                try {
4529                                    localStorage.setItem('mobile_username', usernameVal);
4530                                    localStorage.setItem('mobile_password', passwordVal);
4531                                    localStorage.setItem('mobile_remember', 'true');
4532                                    localStorage.setItem('mobile_login_success', 'true');
4533                                } catch(e) {
4534                                    // console.log('Error saving data:', e);
4535                                }
4536                            }
4537                        } else {
4538                            clearSavedData();
4539                            localStorage.setItem('mobile_login_success', 'true');
4540                        }
4541                    }
4542                    
4543                    function clearSavedData() {
4544                        try {
4545                            localStorage.removeItem('mobile_username');
4546                            localStorage.removeItem('mobile_password');
4547                            localStorage.removeItem('mobile_remember');
4548                        } catch(e) {
4549                            // console.log('Error clearing data:', e);
4550                        }
4551                    }
4552                }, 100); // Wait 100ms
4553                
4554                function initBroadcastMarquee() {
4555                $('.mobile-broadcast, #marquee .broadcast').each(function () {
4556                    const el = $(this);
4557            
4558                    if ($.trim(el.text()) === '') return;
4559                    if (!el.is(':visible')) return;
4560            
4561                    try {
4562                        el.marquee('destroy');
4563                    } catch (e) {}
4564            
4565                    el.marquee({
4566                        speed: 30,
4567                        gap: 80,
4568                        delayBeforeStart: 0,
4569                        direction: 'left',
4570                        duplicated: true,
4571                        pauseOnHover: true,
4572                        startVisible: true
4573                    });
4574                });
4575            }
4576            
4577            $(window).on('load', function () {
4578                setTimeout(function () {
4579                    initBroadcastMarquee();
4580                }, 300);
4581            });
4582            
4583            $(window).on('resize orientationchange', function () {
4584                clearTimeout(window.broadcastResizeTimer);
4585                window.broadcastResizeTimer = setTimeout(function () {
4586                    initBroadcastMarquee();
4587                }, 400);
4588            });
4589                                                
4590                // document.querySelectorAll("marquee").forEach(function(marquee){
4591
4592                // let speed = 0.5; // smaller = slower
4593                // let position = marquee.offsetWidth;
4594            
4595                // function animate(){
4596                //     position--;
4597            
4598                //     if(position < -marquee.scrollWidth){
4599                //         position = marquee.offsetWidth;
4600                //     }
4601            
4602                //     marquee.style.transform = "translateX(" + position + "px)";
4603                //     requestAnimationFrame(animate);
4604                // }
4605            
4606                // animate();
4607            
4608                // // pause on hover
4609                // marquee.addEventListener("mouseenter", function(){
4610                //     speed = 0;
4611                // });
4612            
4613                // marquee.addEventListener("mouseleave", function(){
4614                //     speed = 0.5;
4615                // });
4616            
4617            // });
4618                
4619                
4620            });
4621        </script>
4621
4622
4623        
4623<script>
4624                            if(document.getElementById("promo")) {
4625                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
4626                    window.onload = () => {
4627                        myModal.show();
4628                    }
4629                }
4630                    
4631            var mobileurl = 'm/';
4632            	
4633
4634
4635            var showIDs = [];
4636            
4637            function showProducts(hoverID) {
4638                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
4639
4640                // document.getElementById('hover').classList.add("hover-show");
4641                document.getElementById('hover').style.transitionDelay = "0s";
4642                document.getElementById('hover').style.visibility = "visible";
4643                document.getElementById('hover').style.opacity = "1";
4644                document.getElementById(hoverID).style.display = "flex";
4645
4646                showIDs.push(hoverID);
4647
4648            }
4649
4650            function hideProducts(hoverID) {
4651                // document.getElementById('hover').classList.remove("hover-show");
4652                document.getElementById('hover').style.visibility = "hidden";
4653                document.getElementById('hover').style.opacity = "0";
4654                document.getElementById('hover').style.transitionDelay = "1s";
4655                
4656            }
4657
4658            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
4659            var marquee = document.getElementById('marquee');
4660            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
4661            var mobileLoginBox = document.getElementById('mobilelogin');
4662
4663            function closeContent() {
4664                $('#main-content').html(""); 
4665            }
4666
4667
4668            function openDaftar() {
4669                closeContent();
4670
4671                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
4672                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
4673
4674                mobileDaftarForm.style.display = "block";
4675                mobileDaftarForm.scrollIntoView();
4676            }
4677
4678            function closeDaftar() {
4679                mobileDaftarForm.style.display = "none";
4680                marquee.scrollIntoView();
4681            }
4682            
4683            
4684            function showProvider(type) {
4685                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
4686                $('#main-content').load("/new-showprovider.php?type=" + type); 
4687            }
4688            
4689            function toggleInformasi(item) {
4690                page(item);
4691            }
4692            
4693            function showInformasi(item) {
4694                document.getElementById('modal-wrapper').style.display='block';
4695                toggleInformasi(item);
4696            }
4697
4698            function openChangePasswordMobile() {
4699                closeContent();
4700
4701                if (mobileLoginBox) mobileLoginBox.style.display = "none";
4702                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
4703
4704                if (mobileChangePasswordForm) {
4705                    mobileChangePasswordForm.style.display = "block";
4706                    mobileChangePasswordForm.scrollIntoView();
4707                }
4708            }
4709
4710            function closeChangePasswordMobile() {
4711                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
4712                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
4713                if (mobileLoginBox) mobileLoginBox.style.display = "block";
4714
4715                marquee.scrollIntoView();
4716            }
4717            
4718            
4719
4720                    
4721        </script>
4721
4722        
4722<script src="/js/old/new2-webduo35.js?v=1790436666"></script>
4722
4723 
4724        
4724<script>
4725            function scrollToLoginForm(launchType, matchId) {
4726                sessionStorage.setItem('launch', launchType);
4727                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
4728                else sessionStorage.removeItem('sbo_matchId');
4729                window.scrollTo({ top: 0, behavior: 'smooth' });
4730                setTimeout(function() {
4731                    var isMobile = window.innerWidth <= 1000;
4732                    var loginSelector = isMobile
4733                        ? '#mobilelogin input[name="username"]'
4734                        : '#desktoplogin form';
4735                    var el = document.querySelector(loginSelector);
4736                    if (!el) return;
4737                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
4738                    if (usernameEl && !isMobile) usernameEl.focus();
4739                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
4740                    const driver = window.driver.js.driver({
4741                        popoverClass: 'driverjs-theme',
4742                        showProgress: false,
4743                        showButtons: [],
4744                        overlayOpacity: 0.3,
4745                        steps: [
4746                            {
4747                                element: loginSelector,
4748                                popover: {
4749                                    title: 'Harap Login',
4750                                    description: 'Silakan masukkan username Anda',
4751                                    side: 'bottom',
4752                                    align: 'start',
4753                                    showButtons: [],
4754                                    nextBtnText: '',
4755                                    prevBtnText: '',
4756                                    doneBtnText: ''
4757                                }
4758                            }
4759                        ],
4760                        onDestroyStarted: () => driver.destroy(),
4761                    });
4762                    driver.drive();
4763                    if (usernameEl) {
4764                        function destroyDriver() {
4765                            driver.destroy();
4766                            window.scrollTo({ top: 0 });
4767                            usernameEl.removeEventListener('input', destroyDriver);
4768                            usernameEl.removeEventListener('click', destroyDriver);
4769                            usernameEl.removeEventListener('focus', destroyDriver);
4770                        }
4771                        usernameEl.addEventListener('input', destroyDriver, { once: true });
4772                        usernameEl.addEventListener('click', destroyDriver, { once: true });
4773                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
4774                    }
4775                }, 500);
4776            }
4777        </script>
4777
4778        
4778<script>
4779            window.addEventListener("message", function(e) {
4780                if (e.origin !== "https://fkupon.com") return;
4781                if (e.data && e.data.action === "resize" && e.data.height) {
4782                    var iframes = document.querySelectorAll(".iframe-kupon");
4783                    iframes.forEach(function(iframe) {
4784                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
4785                    });
4786                }
4787            });
4788        </script>
4788
4789
4790
4791        <!-- POP UP COOKIES -->
4792        
4793<style>
4794    
4795        
4796    .kebijakan-privasi, .kebijakan-cookies {
4797        color: white;
4798        text-decoration: underline;
4799    }
4800    
4801        
4802</style>
4803
4804
4805<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
4806  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
4807        <div>
4808    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>  
4809  </div>
4810  <div>
4811     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
4812  </div>
4813</div>
4814<script>
4815    $( "#boxprivacy" ).blur(function() {
4816    alert( "Handler for .blur() called." );
4817});
4818</script>
4818   
4819
4820        
4821    
4821<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"0e0f303c57624a9b883228d34fe72506","r":1,"spa":2}' crossorigin="anonymous"></script>
4821
4822</body>
4823</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.