PageSourceSearch

https://hermes4dpasti.com/register

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