PageSourceSearch

https://valereamirault.com/register

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