<script>
    $(document).ready(function() {
        const $resultsElements = $(".results"); // Semua elemen dengan class "results"
        const limit = 68;

        // Sembunyikan semua elemen dengan class "results" terlebih dahulu
        $resultsElements.hide();

        // Tampilkan elemen-elemen dengan class "results" hingga mencapai batas limit
        $resultsElements.each(function(index, element) {
            if (index < limit) {
                $(element).show(); // Tampilkan elemen jika indexnya kurang dari batas limit
            } else {
                // Jika elemen tidak masuk dalam batasan limit, sembunyikan elemen ".slider" yang di atasnya
                $(element).prev(".slider").hide();
            }
        });
    });
</script>

<style>

#snowCanvas {
             display: none !important;
          }

.sub-item-data {
margin-top: 20px;
}

.game-togel .lobby-game-angka-keluar, div#lobtoto>a>div.angka-keluar {
    font-size: 30px !important;
    margin-top: -5px !important;
}

div#lobtoto>a>b {
    margin-top: 30px !important;
}

.game-togel a.game-lobby-content, #game-live a.game-lobby-content, div#lobtoto>a {
    border: inset 2px rgb(255, 242, 0);
    border-radius: 10px;
background: #17171791;
height: 150px;
}

div#lobmini>a{
    background-size: 100% 100% !important;
}

div#lobtoto .button-extra-big2 {
    padding: 15px 0 0 0 !important;
}
.body-mobile {
    background-color: #000;
    margin-top: 6.5rem;
    min-height: calc(100vh - 6.5rem);
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin-right: 0px;
    margin-left: 0px;
}

.tab button.tab-wikaa.active {
    color: #000000;
  
}

.games-btn-container .btn-games-wrapper .btn-game-hs {
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    background: linear-gradient(to bottom, #f6dd00 0%, #dbb300 100%);
    color: #000!important;
    padding: 0.75rem 0.5rem;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 2px solid #fac005;
}
.panel-grey {
    background: #000 !important;
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #f6dd00, inset 0 2px 0 0 #fff, inset 0 0 0 2px #f6dd00, 3px 3px 3px 1px rgba(0,0,0,.2)!important;
    color: #000;
text-align: center;
}

button#mop-bank img {
    background: url(https://photoku.io/images/2024/08/30/Sffg.png) no-repeat;
    object-position: -99999px 99999px;
    background-size: 80%;
    background-position: center;
}

.mb-sidenav .side-link-container>li .side-link .side-link-desc .side-link-text {
    font-size: 1.6rem;
    color: #000000!important;
    margin-left: 1.5rem;
    white-space: nowrap;
	
}

.mb-sidenav .side-link-container>li .side-link .side-link-desc .icon-menu {
    background-image: url(https://photoku.io/images/2024/05/30/cG0DA32w.png)!important;
    color: #000000!important;
    height: 2.5rem;
    width: 2.5rem;
}

.mb-sidenav .side-link-container>li {
    margin: unset;
    line-height: unset;
    list-style: none;
    padding: 1.25rem 1.5rem;
    border-bottom: 2px solid #000!important;
	background: linear-gradient(0deg, rgb(101, 84, 0) 0%, rgb(182, 170, 0) 62%,rgb(255, 230, 0)) 100% !important;

}


.tab button.tab-wikaa {
    background-color: #000000;
    color: #ffffff;
    border: 2px solid #00e6f6;
}


.tab button.tab-wikaa-bank.active img {
    content: url(https://photoku.io/images/2024/08/30/sthrdyh.png)!important;
}

.tab button.tab-wikaa-qrispayment.active img {
    content: url(https://photoku.io/images/2024/05/30/Dm0Qc7ip.png)!important;
}

.text-center {
    text-align: center !important;
    border-top: 2px solid #00e6f6;
}

.bank-cashier {
    gap: 10px;
    background: #fff;
    border-radius: 12px !important;
    height: 32px;
}
button#mop-qrispayment {
background: linear-gradient(245.59deg, #000000 0, #000000 28.53%, #000000 75.52%) !important;
color: #fff;
}

button#mop-bank {
background: linear-gradient(0deg, rgb(184, 147, 0) 0%, rgb(182, 164, 0) 62%,rgb(255, 238, 0)) 100% !important;
    color: #000;
}

.depo-ibanking .link-ibanking {
    background: #ffd900;
    color: #1e1e1e;
    display: flex;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    margin-top: 2rem;
    margin: 5px;
}

.warning-content-info .notice-warning-info {
    border-radius: 20px;
    padding: 8px 15px;
    background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) !important;
    box-shadow: inset 0px 0px 0px 1px #ffff00, inset 0px 2px 0px 0px #c6a500, inset 0px 0px 0px 2px #ffff00, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    display: flex;
    font-size: 10px;
    color: #ff0000;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    font-weight: bold;
    text-align: justify;
    font-family: sans-serif;
    margin-bottom: -5px;
    border: 2px groove;
    animation: borderAnimation 2s ease-in-out infinite;
}

@keyframes borderAnimation {
    0% {border-color:#ffff00}
    50%{border-color:#ceac00}
    100%{border-color:#ffff00}
}

.warning-content .notice-warning-info {
   border: 2px solid #ffff00;
   border-radius: 20px;
   padding: 8px 15px;
   background: #000000;
   display: flex;
   font-size: 12px;
   color: black;
   justify-content: space-between;
   align-items: center;
   gap: 15px;
   font-weight: bold;
   text-align: justify;
   font-family: sans-serif;
}

.warning-content .notice-warning-info i {
   font-size: 23px;
   color: #ff0000;
}

.warning-content-info {
   padding: 10px;
}

.warning-content-info .notice-warning-info i {
   font-size: 23px;
   color: #ff0000;
}
.pagination > li > a, .pagination > li > span {
background-color: #000000 !important;
}
.pagination > li:first-child > a, .pagination > li:last-child > a {
    color: #ffffff !important;
}
.copy {
    border-radius: 5px !important;
    background: linear-gradient(to bottom, #ffe100 0, #9c8f00 100%) !important;
    width: 21%;
    border: 1px groove #ffff00 !important;
    padding: 3px !important;
    color: #ffffff !important;
}
.warning-content .notice-warning-qris {
    border: 2px solid #ffff00 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

.b-green {
    border: 1px solid #ffff00;
    border-radius: 1rem;
    background: #4d4d4d;
}

.slot-wrapper {
    font-weight: bold;
    color: black;
    align-content: center;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    padding: 8px;
    width: 100%;
    }

.slot-wrapper {
    background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) ;
    box-shadow: inset 0px 0px 0px 1px #ffff00, inset 0px 2px 0px 0px #c6a500, inset 0px 0px 0px 2px #ffff00, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    border: 1px solid #ffff00 !important;
    border-radius: 15px 15px 15px 15px !important;
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    }

    @keyframes gradient {
    0% {
    background-position: 0% 82%;
    }
    
    50% {
    background-position: 100% 0%;
    }
    
    100% {
    background-position: 0% 82%;
    }

    }

.slot-header span {
    font-weight: 700;
    color: #000000 !important;
    font-size: 15px;
}

.slot-header img {
    margin-top: 0px;
}

.mb-sidenav .sidenav-header .close-button {
    background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) !important;
    color: #000000;
    border: 2px solid #ffff00;
    background-clip: padding-box;
    animation: borderAnimation 2s ease-in-out infinite;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 0px 0 rgb(246, 255, 0);
    color: #000000 !important;
}

.pasarantogel {
    font-weight: bold;
    color: #000000;
    align-content: center;
    font-size: 15px;
    text-align: center;
    padding: 8px;
    width: 100%;
    }

.pasarantogel {
    border-radius: 20px 20px 20px 20px !important;
    /* background: linear-gradient(90deg, #c62a2a 0%, #fcc616 30%, #f4d15d 70%, #c62a2a 100%); */
    background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) !important;
    box-shadow: inset 0px 0px 0px 1px #ffff00, inset 0px 2px 0px 0px #c6a500, inset 0px 0px 0px 2px #ffff00, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    }

    @keyframes gradient {
    0% {
    background-position: 0% 82%;
    }
    
    50% {
    background-position: 100% 0%;
    }
    
    100% {
    background-position: 0% 82%;
    }
    }
    
    .game-lobby-content {
        background: linear-gradient(0deg, #000000, #350000, #000000);
    }

    .game-title {
    /* background: linear-gradient(90deg, #c62a2a 0%, #fcc616 30%, #f4d15d 70%, #c62a2a 100%); */
    background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) ;
    box-shadow: inset 0px 0px 0px 1px #ffff00, inset 0px 2px 0px 0px #c6a500, inset 0px 0px 0px 2px #ffff00, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    padding: 0px;
    }

    @keyframes gradient {
    0% {
    background-position: 0% 82%;
    }
    
    50% {
    background-position: 100% 0%;
    }
    
    100% {
    background-position: 0% 82%;
    }
    }

    .game-angka {
        padding-top: 30px;
        padding-bottom: 10px;
        color: rgb(255, 251, 0);
    }

.game-wrapper .game-lobby-content .game-title {
    color: #000000!important;
    font-size: 14px;
    text-indent: 0px;
    height: 60px;
    font-weight: bold !important;
    letter-spacing: -0.3px;
    width: 200px;
    padding-top: 3.2rem !important;
    margin-top: -70px;
    }

</style>

<style>


.inner-wrap {
    background: #000000c2 !important;
}

div.lobby-content-top {
    background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) !important;
    padding: 1.5rem 2rem !important;
    background-size: 100% ;
    border-bottom: 2px solid #ffff00 !important;
}

.mb-lobby-username, .mb-lobby-balance, .mb-lobby-balance-text {
  color: #000000!important;
}

.slot-content img {
    border: 2px groove #ffff00;
    border-radius: 7px !important;
    height: 100px !important;
}

.elottery-tag-img.tag--top-left {
    border: 0px;
}

.slot-content {
    background: #0e131c00 !important;
}

.banner-promotion {
Display: none !important;
}
.promosi-content-container .promosi-more {
    background-color: #000000 !important;
}
.promosi-content-container {
    margin-bottom: 0px !important;
}
.main-content .title-page {
    font-size: 2.5rem;
    color: #fff;
    text-shadow: 2px 2px 0px rgb(0 0 0) !important;
}
.promosi-content-container .promosi-content .promosi-btn-wrapper .btn-promo#btn-promo-more {
    background: linear-gradient(to bottom, #fdef02 0%, #ffae00 100%) !important;
    color: #000 !important;
    width: 100% !important;
    height: 76px !important;
    box-shadow: inset 0 0 5px 3px #ffff00, inset 0 2px 0 0 #fff, inset 0 0 0 2px #d6b300, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border-radius: 0px 5px 5px 0px !important;
    margin-top: 0px !important;
    padding: 2px !important;
    border: 1px solid #ffff00;
}
.promosi-content-container .promosi-content .promosi-btn-wrapper {
        width: 14%!important;
        height: 100%!important;
        display: flex!important;
}
.promosi-content-container .promosi-content {
        display: flex!important;
        flex-direction: row!important;
        overflow: hidden!important;
        border-radius: 0 0 0.5rem 0.5rem!important;
        z-index: 1!important;
}
.promosi-content-container .promosi-content .promosi-btn-wrapper .btn-promo#btn-promo-play {
    background-color: #ffff00;
    color: #fff;
    display: none;
}
.button-tournament-container {
    margin-bottom: 2rem;
    display: none;
}
</style>
<script>
document.addEventListener("DOMContentLoaded",function(){
$('<div class="kotak3" style="margin-top: 12px;"><a href="promotion/v3"><img alt="WIRO4D" src="https://wirosukses.org/images/promo/promowr_03.jpg" style="width:100%;border: 3px groove #ffff00;border-radius: 15px;" /></a><div style="margin-top: 15px;margin-bottom:5px;"><a href="https://t.ly/bukuprediksi" target="_blank" rel="noopener noreferrer nofollow"><p class="pasarantogel"><i class="fa-solid fa-arrow-down-1-9"></i> PREDIKSI AKURAT HARI INI</p></a></div></div>').insertBefore(".title-game-child h3");}
,false);
</script>

<script>
document.addEventListener("DOMContentLoaded",function(){
$('<div class="promoslot"><a href="promotion/v3" rel="noopener noreferrer nofollow"><img alt="WIRO4D" src="https://wirosukses.org/images/promo/promowr_07.jpg" width="100%" style="border: 3px groove #ffff00;border-radius: 15px;"/></a><div class="warning-content-info nbqris" style="text-transform: uppercase;"><div class="notice-warning-info"><i class="fa fa-info-circle"></i><span class="span-text">Info Terbaru Kini Untuk Semua Provider Games Slot Minimal Bet (Stake) Menjadi <b style="color: #ff0000;">400 Perak.</b></span></div></div>').insertBefore(".slot-wrapper");}
,false);
</script>

<script type="text/javascript">
window.addEventListener('load', function () {
 $('<div class="side-link-container show"><li><a href="https://t.ly/bukuprediksi" id="prediksi" target="_blank" class="side-link-desc" rel="nofollow" style="padding: 10px 26px 10px 26px; margin-bottom: 0px; font-family: aller; font-size: 15px; background-color: #000000; border: 2px solid #fff000; box-shadow: 0px 5px 4px #0000005c;border-radius: 30px; color: #fff;text-align: center;">PREDIKSI TOGEL<em class="side-link-text"></em></a></li></div><div class="side-link-container show"><li><a href="https://t.ly/rtp.bukuprediksi" id="rtp" target="_blank" class="side-link-desc" rel="nofollow" style="padding: 10px 26px 10px 26px; margin-bottom: 0px; font-family: aller; font-size: 15px; background-color: #000000; border: 2px solid #fff000; box-shadow: 0px 5px 4px #0000005c;border-radius: 30px; color: #fff;text-align: center;">RTP SLOT<em class="side-link-text"></em></a></li></div>').insertAfter(".sidenav-header");
  }); 
  </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<style>
	.panel-blue{
		 background: linear-gradient(to right, #0981F3 0%, #0981F3 50%, #0981F3 100%);
		 padding: 10px;
		 border-radius: 16px;
		 border: 1px solid #fff000;
	}
       #slider-hasil .slider {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: start;
        justify-items: stretch;
        justify-content: center;
    }

    .slider {
        width: 100%;
    }

    .results {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin: 5px;
        padding: 0px !important;
        border: solid 1px #ffff00 !important;
        /* background: linear-gradient(to bottom, rgba(120,120,120,1) 0%, rgba(38,38,38,1) 100%); */
    }


    .pool-name {
        color: black !important;
        font-weight: bolder !important;
        text-transform: uppercase;
        font-size: 7px !important;
        width: 100% !important;
        text-align: center !important;
        background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) !important;
        background-size: 300% 300%;
        animation: background-gold 8s infinite;
        padding: 3px 2px;
        border: 2px solid #ffff00;
    }

    .pool-date {
        font-size: 10px !important;
        color: #fff !important;
        margin-left: 0% !important;
        padding-top: 2px;
        text-align: center;
        font-weight: 500;
        font-size: 8px !important;
    }

    .pool-result {
        font-size: 18px !important;
        color: #ffff00 !important;
    }
	.slc {
	  top: 80px !important;
	}
	@keyframes background-gold {
		  0% {
			background-position: 0% 82%;
		  }
	
		  50% {
			background-position: 100% 0%;
		  }
	
		  100% {
			background-position: 0% 82%;
		  }
		}
.button-lobby-container .button-lobby-wrapper>.button-filter-lobby {
    border: none;
    outline: none;
    width: 100%;
    background: linear-gradient(to bottom,#f60000 0%,#b10000 100%);
    color: #ffe100 !important;
    border-radius: 10px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.3rem;
    font-weight: 600;
    border: 2px solid #ffe100 !important;
    box-shadow: 0px 0px 3px #ff0000;
}
header.header-after-login .header-wrapper .buttn-header-deposit {
    background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) !important;
    color: #000000 !important;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 4px;
    animation: borderAnimation 2s ease-in-out infinite;
    box-shadow: inset 0 0 5px 3px #ffff00, inset 0 2px 0 0 #fff;
padding: 0.9rem 2rem !important;
}
@keyframes background-gold {
		  0% {
			background-position: 0% 82%;
		  }
	
		  50% {
			background-position: 100% 0%;
		  }
	
		  100% {
			background-position: 0% 82%;
		  }
		}
a.buttonWrap.buttonlc2.button-orange {
    background: linear-gradient(195deg, rgb(78, 59, 0) 11%, rgb(129, 110, 0) 21%, rgb(169, 149, 0) 33%, rgb(255, 234, 0) 60%, rgba(169, 149, 0) 73%, rgb(129, 110, 0) 85%, rgb(78, 59, 0) 100%) !important;
    border: 2px solid #ffff00;
    background-clip: padding-box;
    animation: borderAnimation 2s ease-in-out infinite;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 0px 0 rgb(255, 255, 0);
    color: #000000;
    width: 70%;
    margin-top: 10px;
}
.btn-refresh-balance {
    position: absolute;
    right: 0;
    background: linear-gradient(to bottom, #00f600 0%, #022f00 100%) !important;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    box-shadow: inset 0 0 5px 3px #00cf19, inset 0 2px 0 0 #fff;
}
header.header-after-login .header-wrapper {
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
    border-bottom: 1px solid #ffff00;
}
.input-cari-wrapper input#cari-game {
    text-align: center;
    border: 1px solid #ffff00 !important;
    background: #303030;
    border-radius: 18px !important;
    color: #d2d2d2 !important;
}
.main-content {
    background: #000000 url(https://wirosukses.org/images/bgwironew/bg-idul-mob.webp) !important;
    background-repeat: no-repeat;
    background-size: 100% !important;
    background-attachment: fixed;

}
button#mop-qrispayment img {
    background: url(https://photoku.io/images/2024/08/30/qrisss.png) no-repeat;
    object-position: -99999px 99999px;
    background-size: 80%;
    background-position: center;
}
.slot-header-right button {
    padding: 4px 10px;
    border-radius: 10px;
    color: #ffffff !important;
    background: linear-gradient(to bottom, #2c2c2c 0%, #000000 100%) !important;
    border: 2px solid #000000 !important;
}

.arcade-content .arcade-content-item span {
    text-shadow: 2px 1px 0px rgb(0 0 0) !important;
    text-align: center;
    color: #ffc800 !important;
    font-weight: bold !important;
    font-size: 15px;
}

.peraturan-content {
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 1rem 0;
    color: #fff;
}

</style>
