<style>
.owl-pagination{
display: none !important;
}


.list-menu-mobile {
width: 100%;
margin-top: 5px;
}

.list-menu-mobile a {
width: 20%;
padding: 0px 5px;
display: inline-block;
margin-top: 5px;
}

.list-menu-mobile a img {
width: 100%;
margin-top: 0px;
}

.page-header{
    background: linear-gradient(331deg, rgba(0, 102, 204, 1) 0%, rgb(0 122 243) 21%, rgb(0 171 255) 33%, rgb(0 159 235) 44%, rgb(28 156 251) 60%, rgba(0, 102, 204, 1) 73%, rgba(0, 102, 204, 1) 85%, rgba(0, 102, 204, 1) 100%);
}

.buttonlc2 {
-webkit-animation: change-color 0.5s ease 0s infinite normal !important;
animation: change-color 0.5s ease 0s infinite normal !important;
box-shadow: inset 0 -2px 0 #00c3ff;
background: #00d1f1;
}

@keyframes change-color{

0% {
color: black;
}
50% {
color: white;
}
100% {
color: black;
}
}

.contactField, .buttonWrap {
border-radius: 25px !important;
}

.sindex {
top: 60px !important;
}

.slc {
top: 75px !important;
}

.inner-wrap{
background: transparent;
}

.page-content{
background: #00d1f1 !important;
}


.modal {
z-index: 105000;
}
.modal-backdrop{
z-index: 10400;
}
.modal-backdrop.in {
opacity: .9;
}
.modal-content {
background-color: transparent;
border:none;
box-shadow: none !important
}
.modal-header {
border-bottom: none;
}
.close {
font-size: 25px;
opacity: 1;
color: #fff;
}
.btn-close{
font-weight: bold;
font-size: 25px;
opacity: 1;
color: #fff;
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
}
.modal-mobile {
background-color: rgba(0,0,0,0.4); / Transparent dimmed overlay /
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: table;
z-index: 2;
}

.modal-mobile.hidden {
display: none;
}

.modal-mobile .modal-container-mobile {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 200px;
}

.modal-mobile .body {
display: inline-block;
padding: 10px;
}
.popup-img{width: 100%;height: auto;}


.button-blue{
background: linear-gradient(270deg, #053459 0%, #08b4ff 21%, #08b4ff 33%, #08b4ff 44%, #053459 60%, #08b4ff 73%, #08b4ff 85%, #053459 100%);
background-size: auto ;
background-size: 400% 400% ;

animation: gradient 5s ease infinite;
box-shadow: inset 0px 0px 0px 1px rgb(0, 102, 204), inset 0px 2px 0px 0px rgb(0, 102, 204), inset 0px 0px 0px 2px rgb(0, 102, 204), 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
}


@keyframes gradient {
</style>


</script>

<style>
.iconuserlogin {
        position: absolute;
        top: 42px;
        left: 18px;
        background: #000000 !important;
        border-radius: 17px 0 0 17px;
        padding: 10px 13px;
        box-shadow: 1px 0 5px #00ceff;
        border: 1px solid #0a7b7e;
    }

    .iconuserlogin img {
        width: 19.3px;
        filter: brightness(28) contrast(8.8);
    }

    .iconkeylogin {
        position: absolute;
        top: 92px;
        left: 18px;
        background: #000000 !important;;
        border-radius: 18px 0 0 17px;
        padding: 10px 13px;
        box-shadow: 1px 0 5px #00ceff;
        border: 1px solid #0a7b7e;
    }

    .iconkeylogin img {
        width: 19.3px;
        filter: brightness(28) contrast(8.8);
    }
.button-green {
    background: linear-gradient(to bottom, #4bf00d 0%,#02790d 50%,#1a8605 100%);
    border: 1px solid #10ff00;
    box-shadow: none;
}
.panel-blue {
    background: #0000007a;
    border-top: 1px solid #00cdff !important;
    border-bottom: 1px solid #00cdff !important;
    border-left: 1px solid #00cdff !important;
    border-right: 1px solid #00cdff !important;
    box-shadow: #00ceff 0 6px 12px -2px, #00ceff 0 3px 7px -3px;
}
#slider-hasil .slider {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: start;
    justify-items: stretch;
    justify-content: center;
}
.grubsearchPasaran #searchPasaran {
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 5px 7px;
    color: white;
    background: rgb(255 255 255);
    letter-spacing: 1px;
}
.grubsearchPasaran {
    margin-top: 10px;
    width: 100%;
    position: relative;
    padding: 5px 10px;
    background: linear-gradient(169deg, #36c7e7, #1c78ce, #1c78ce, #36c7e7) !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    box-shadow: inset 0 1px rgb(255 255 255 / 50%);
}
.grubsearchPasaran img {
    width: 28px;
    margin-right: 5px;
    filter: brightness(10) drop-shadow(1px 2px 2px #00000054) contrast(1);
}
.pool-name {
    color: black !important;
    font-weight: bolder !important;
    text-transform: uppercase;
    font-size: 9px !important;
    width: 100% !important;
    text-align: center !important;
    background: linear-gradient(270deg, rgba(0,102,204,1) 0%, rgba(0,209,241,1) 21%, rgba(0,209,241,1) 33%, rgba(0,209,241,1) 44%, rgba(0,102,204,1) 60%, rgba(0,209,241,1) 73%, rgba(0,209,241,1) 85%, rgba(0,102,204,1) 100%);
    background-size: 300% 300%;
    animation: background-gold 8s infinite;
    padding: 3px 2px;
    border: 2px solid #00d7ff;
}
.results {
    background: linear-gradient(to bottom, rgb(0 145 255) 0%, rgb(1 14 43) 100%);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 5px;
    padding: 0px !important;
    border: solid 1px #6bc1ff !important;
}
.pool-date {
    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: #fff !important;
}
.flipdown-content {
    height: 16px;
    width: 100%;
    top: -15px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 10px;
    color: #ccc;
    text-shadow: 2px 2px 5px #00000096;
    letter-spacing: 0;
    transform-origin: top center;
    transform: perspective(400px) rotateX(0);
    transition: transform .3s cubic-bezier(0.5,0,0.1,1);
}
.icon {
    display: flex;
    fill: #fff;
    width: 55px;
    vertical-align: middle;
    background: linear-gradient(to top, #08b4ff 35%, #003947 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0, rgba(255, 241, 0, 0) 60%);
    border-radius: 5px;
    animation: borderPulse 1s infinite ease-out;
    padding: 5px 7px;
    font-size: 9px;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    position: relative;
    top: 17px
}

@keyframes borderPulse {
    0% {
        box-shadow: 0 0 0 5px rgba(255,255,255,0.4),0 0 0 0 #fff
    }

    100% {
        box-shadow: 0 0 0 3px rgba(255,117,117,0),0 0 0 10px rgba(255,0,0,0)
    }
}
.online {
    margin-top: 0px;
}
.bank {
    width: 24% !important;
    background-color: #FFF;
    box-shadow: inset 0 -2px 0 #00ceff;
    height: 30px;
    border-radius: 6px;
}
.progresif-jackpot {
    font-size: 22px;
    font-weight: bold;
    padding: 28px;
    border-radius: 5px;
    text-align: center;
    color: #00ceff;
    background: url(https://cdn.scripsusu.site/images/bhG.webp) center;
    background-size: 100%;
    width: 100%;
    margin: 10px auto;
    height: 74px;
}

.bungkus-jackpot {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: flex;
    align-items: center;
    padding-top: 0px;
    justify-content: center;
    border-radius: 0px;
}

.progresif-jackpot span {
    color: white;
    margin-right: 15px;
}
.slider-gamelan {
    width: 80%;
    margin: 10px auto;
}
.slick-slide img {
    width: 100%;
}
    .slick-dots {
        display: none !important;
    }
</style>