PageSourceSearch

https://cctvslotpjl.com/

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