PageSourceSearch

https://herototobang.com/register

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