PageSourceSearch

https://hiu4dlucky.com/

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