PageSourceSearch

https://ular4dking.com/register

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