PageSourceSearch

https://keramas4d.it.com/

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