It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://amiltonnevesphotography.com

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

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda