PageSourceSearch

https://lawak4dvps.it.com/register

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