@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);
:root {
	--maincolor:#987527;
	--hovermaincolor:#b9974b;
	--borderradius:16px;
	--brbig:36px;
	--menuwidth:30vw;
	--brsmall:10px;
	--darkbg:#161616;
	--lightgrey:#5c5c5c;
	--green:#1AB31A;
	--gradientborder:linear-gradient(to right, #CF4444, #FFCD07, #6B975E);
	--linkgrey:#808080;
	--red:#CF4444;
	--trs:all .5s ease-in;
	--vh:100vh;
}

@keyframes fadeInOut {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}

* {scrollbar-width: none;   -ms-overflow-style: none; }

*::-webkit-scrollbar {display: none;      }

.mso {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
html{font-size:14px;}
body{background-color:#000;font-size:14px;line-height:1.4;font-weight:400;padding-bottom:120px;padding-top:75px;color:#fff;font-weight:400;}
a,a:focus,a:active,a:hover{text-decoration:none;line-height:1;}
a.text{color:var(--maincolor);font-size:0.9375rem;}
a.underline{text-decoration:underline;color:var(--maincolor);}
.btn-material-icons,.bmi {width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:100%;transition:var(--trs);}
.center{text-align:center;}
.icon-btn .mso{color:#fff;}
span{line-height:1;display:inline-block;}
.list-inline{margin-left:0;}
.btn-rounded{border-radius:var(--borderradius);padding:16px 20px;display:block;text-align:center;}
.btn-rounded.main{background-color:var(--maincolor);color:#fff;}
.btn-rounded.main:hover{background-color:var(--hovermaincolor);}
.bmi .material-symbols-outlined,.bmi .mso,.btn-material-icons .material-symbols-outlined,.btn-material-icons .material-symbols-rounded,.bmi .material-symbols-rounded{font-size:1.5rem;}
.btn{font-size:unset;line-height:unset;}
.btn.btn-line {
  background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, #CF4444, #FFCD07, #6B975E) border-box;
  border-radius: var(--brsmall);
  border: 1px solid transparent;
  padding:20px;
}
.btn.btn-line{padding:10px 20px;color:#fff;}


.bmi{transition:var(--trs);color:#fff;}
.bmi.green {background-color:unset;}
.bmi.green span{color:var(--green);font-size:2rem;}
.bmi.orange span{color:var(--orange0);}
.bmi.red span{color:var(--red);font-size:2rem;}
.bmi.grey {background-color:var(--grey);}
.bmi.grey span{color:#fff;}
.bmi.grey:hover span{color:var(--grey);}
.bmi:hover,.btn-material-icons:hover,.btn-material-icons.solid,.bmi.solid{color:#fff;background-color:var(--lightgrey);transition:all .5s ease-in;}

.bmi.filled{background-color:var(--lightgrey);color:var(--grey);width:24px;height:24px;}
.bmi.filled.red{background-color:var(--red);}
.bmi.filled.red:hover{background-color:var(--red1);}
.bmi.filled.red .mso,.bmi.filled.green .mso,.bmi.filled.orange .mso{color:#fff!important;font-size:1rem!important;}
.bmi.filled.green{background-color:var(--green);color:#fff!important;}
.bmi.filled.orange{background-color:var(--orange0);color:#fff!important;}

.bmi-text{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:10px 25px 10px 10px;border-radius:36px;color:#333;font-size:0.8125rem;}
.bmi-text.grey{background-color:var(--grey3);transition:var(--trs);}
.bmi-text.green{background-color:var(--green3);transition:var(--trs);color:#fff;}
.bmi-text.green .mso{color:#fff;}
.bmi-text.red{background-color:var(--red1);transition:var(--trs);color:#fff;}
.bmi-text.red .mso{color:#fff;}

button.bmi-text{background-color:unset;}
.bmi-text.darkgrey{background-color:var(--grey);transition:var(--trs);color:#fff;}
.bmi-text.darkgrey:hover{background-color:var(--lightgrey);color:var(--grey);}
.bmi-text.darkgrey .mso{color:#fff;}
.bmi-text.darkgrey:hover .mso{color:var(--grey);}

.bmi-text.grey:hover{background-color:var(--grey0);transition:var(--trs);}
.bmi-text.green:hover{background-color:var(--green0);transition:var(--trs);}
.bmi-text.green:hover .mso {color:#333;}
.bmi-text.main{background-color:var(--maincolor);transition:var(--trs);color:#fff;}

.bmi-text.center{transform:translate(-50%,0);margin-left:50%;}
.bmi-text.small {padding:5px 15px 5px 5px;border-radius:24px;}
.bmi-text .material-symbols-outlined,.bmi-text .mso{margin-right:10px;}
.bmi-text:hover,.bmi-text.active{background-color:var(--lightgrey);transition:var(--trs);color:#333;}
.bmi-btn {display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--borderradius);color:#fff;transition:all .5s ease-in;}
.bmi-btn.line{border:1px solid var(--maincolor);font-size:0.8125rem;border-radius:var(--brsmall);}
.bmi-btn .mso{margin-right:5px;}
.bmi-btn:hover{background-color:var(--lightgrey);transition:all .5s ease-in;color:#fff;}


*{transition:all ease .5s;}
body,html{font-size:16px; font-family: "Inter", sans-serif;}

h1,h2,h3,h4,h5,h6{color:var(--maincolor);}
h1{font-size:2rem;font-weight:700;}

header{position:fixed;top:0;width:100%;background-color:#000;z-index:9;}
.loading-holder{background-color:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);display:none;z-index:999;}
.loading-holder .loading-icons{display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation: fadeInOut 1s infinite alternate;}
.loading-holder .loading-icons img{max-height:100px;}
.loading-holder img{max-height:100px;}

.header-inner{display:flex;justify-content:space-between;padding:20px;}
.header-inner a .mso{color:#fff;}
.header-logo img{max-height:35px;}

.list-grid{display:grid;gap:20px;padding:0;margin:0;list-style:none;}
.list-grid.grid-4{  grid-template-columns: repeat(4, 1fr);}

ol,ul{margin-bottom:0;}
li{padding:0;line-height:1;}
nav{display:none;position:fixed;left:0;top:0;width:100vw;height:calc(var(--vh, 1vh) * 100);background:rgba(0,0,0,.2);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99;}
.nav-menu{background-color:rgba(244,244,244,0.1);height:100%;padding:20px 40px;}
.nav-inner{width:var(--menuwidth);display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);position:relative;background-color:#000;}
.nav-close{position:absolute;top:20px;right:20px;}
.nav-close a{color:#fff;}
.nav-profile{background-color:#000;color:#fff;text-align:center;padding:75px 0 20px 0;}
.nav-profile-image{margin:0 0 20px 0;}
.nav-profile-details .username{font-size:1rem;font-weight:800;text-transform:uppercase;}
.nav-profile-details .userid{font-size:1rem;font-weight:300;text-transform:uppercase;}
.nav-menu-inner a{display:flex;align-items:center;color:#fff;font-size:1.142rem;}
.nav-menu-inner a .mso{width:40px;text-align:center;}
.nav-menu-inner li{margin:0 0 20px 0;}

.page-content{position:fixed;left:0;top:0;background-color:#000;padding:100px 20px;display:flex;justify-content:center;width:100vw;height:calc(var(--vh, 1vh) * 100);}
.page-content.full{padding:40px 20px 100px 20px;z-index:15;}
.page-content-full{max-height:calc((var(--vh, 1vh) * 100) - 100px);overflow-y:auto;padding-bottom:20px;}
.page-content-full.action{max-height:calc((var(--vh, 1vh) * 100) - 210px);}
.page-content-action{padding:20px;text-align:center;position:absolute;bottom:0;width:100%;left:0;}
.account-form .desc{margin:0 0 40px 0;}
.account-form{color:#fff;}
.form-input{display:flex;align-items:center;}
.form-box{margin:20px 0 0 0;}
.form-box .form-label{margin:0 0 10px 0;}
.form-box > ul li{margin:0 0 20px 0;flex:0 0 100%;}
.form-box > ul {display:flex;flex-wrap:wrap;}
.form-input{border:1px solid var(--maincolor);padding:16px 20px;border-radius:var(--borderradius);}
.form-input .mso{color:var(--maincolor);}
.form-input input[type="text"],.form-input input[type="password"]{background-color:unset;border:0;padding-left:20px;width:100%;}
.form-input select{width:100%;border:0;background-color:transparent;outline:none;}
.form-input select option{background-color:#000;}
input{outline:none;box-shadow:none;}

.dotted{border-top:2px dashed rgba(255,255,255,.7);}
.account-form .page-content-inner{max-width:300px;}
.page-content-inner{width:100%;overflow-y:auto;}
.register-account{text-align:center;}


.main-page{display:flex;justify-content:center;}
.main-page-inner{max-width:600px;padding:0 20px;}
.homepage-slider{margin:0 0 20px 0;}
.homepage-slides img{max-width:100%;}
.game-category{margin:0 0 20px 0;}
.game-category ul{display:flex;align-items:center;}
.game-category ul li {flex:0 0 calc(100%/6);text-align:center;color:#fff;text-transform:uppercase;font-size:0.875rem;font-weight:500;}
.game-category .game-type{cursor:pointer;}
.game-category .game-category-items.current,.game-category .game-category-items:hover{color:var(--maincolor);}
.game-category-items.current path,.game-category-items:hover path{fill:var(--maincolor);}
.game-list ul {display:flex;flex-wrap:wrap;gap:20px;}
.game-list ul li {flex:0 0 calc((100% - 40px)/3);padding:0;cursor:pointer;}
.game-list ul li img{max-width:100%;}

.game-list-sub ul{display:flex;flex-wrap:wrap;margin-left:-20px;}
.game-list-sub ul li {flex:0 0 calc((100%/8) - 20px);padding:0;cursor:pointer;margin:0 0 20px 20px;}
.game-list-sub ul li img{max-width:100%;}

.game-holder{border-radius:var(--borderradius);overflow:hidden;}
.game-type .game-icon {height:20px;margin:0 0 10px 0;}
.game-type .game-icon svg {width:unset!important;height:20px!important;}

.action-links {display:flex;align-items:center;}
.action-links.center{justify-content:center;}
.action-links.right{justify-content:right;}
.action-links.between {justify-content:space-between;}

.form-inline{display:flex;gap:20px;}
.form-inline .col-30{width:150px;flex:unset;}
.form-inline .col-70{flex:0 0 calc(100% - 150px);}
.form-inline input{width:100%;}
.footer{padding:20px 0;position:fixed;bottom:0;width:100%;background-color:#000;z-index:8;}
.footer::before {content: "";position: absolute;top: 0;left: 0;height: 1px;width: 100%;background: linear-gradient(to right, #CF4444, #FFCD07, #6B975E);}
.footer-actions li{text-align:center;color:#fff;display:flex;flex-direction:column;width:100%;cursor:pointer;font-size:0.75rem;}
.footer-actions li:hover,.footer-actions li.current {color:var(--maincolor);}
.footer .game-icon img{max-height:47px;}


.helpdesk-list .helpdesk-list-items{display:flex;align-items:center;justify-content:center;}
.helpdesk-list .helpdesk-list-items .icons img{max-height:25px;}
.helpdesk-list li{margin:0 0 20px 0;padding:15px 8px;border-radius:var(--borderradius);border:1px solid var(--maincolor);text-align:center;}
.helpdesk-list .helpdesk-list-items .label{font-size:1rem;font-weight:700;}
.helpdesk-icon{text-align:center;margin:40px 0;}
.helpdesk-icon img{max-height:90px;}


.page-content-back{display:flex;position:relative;align-items:center;padding-bottom:50px;}
.page-content-back .page-label{position:absolute;left:50%;transform:translateX(-50%);}
.page-label.icons{top:0;}
.page-label.icons img{max-height:40px;}


.lang-selector ul{display:flex;flex-wrap:wrap;}
.lang-selector li{cursor:pointer;border-radius:var(--borderradius);padding:16px 8px;border:1px solid var(--maincolor);width:calc(100%);text-align:center;font-size:0.8125rem;display:flex;align-items:center;justify-content:center;margin:0 0 10px 0;}
.lang-selector li .lang-icons{margin-right:5px;}
.lang-selector li.current,.lang-selector li:hover{background-color:var(--maincolor);color:#fff;}

.game-download-listing li{width:100%;margin:0 0 20px 0;}
.game-download-icons img{max-height:75px;}
.game-download-items,.notification-items{padding:20px;border-radius:var(--brsmall);background-color:var(--darkbg);position:relative;}
.game-download-items {display:flex;justify-content:space-between;align-items:center;}
.game-download-details{text-align:center;}
.game-download-details .game-name{margin:0 0 10px 0;}

.notification-listing li{margin:0 0 20px 0;}
.notification-title{font-weight:800;font-size:0.875rem;margin:0 0 5px 0;}
.notification-time,.time-label{font-size:0.9375rem;color:var(--lightgrey);margin:0 0 10px 0;}
.notification-read{position:absolute;bottom:20px;right:20px;}

.box{padding:20px;border-radius:var(--brsmall);background-color:var(--darkbg);position:relative;margin:0 0 20px 0;}
.box h4{text-transform:uppercase;color:#fff;font-size:0.875rem;font-weight:800;margin:0 0 20px 0;}
.title-label{text-transform:uppercase;color:#fff;font-size:0.875rem;font-weight:800;margin:0 0 5px 0;}

.tool-listing .tool-label{font-size:0.6875rem;color:#B4B1B1;}
.tool-listing .tool-icons{margin:0 0 5px 0;}
.tool-listing .tool-icons img{max-height:38px;}
.tabs{display:flex;align-items:center;}
.tabs .more{margin-left:auto;color:var(--linkgrey);}
.tabs .more a{color:var(--linkgrey);} 
.tabs li{color:var(--linkgrey);text-transform:uppercase;font-size:0.875rem;line-height:1.2;}
.tabs li.current{color:var(--maincolor);border-bottom:1px solid var(--maincolor);}
.tabs-content-holder{margin:20px 0 0 0;}


.transaction-items{display:flex;align-items:center;}
.transaction-details{margin-left:auto;}
.transaction-items .transaction-icon{width:60px;display:flex;align-items:center;justify-content:center;}
.transaction-items .transaction-icon img{max-height:60px;max-width:60px;}
.transaction-amount{text-align:center;margin-left:auto;}
.currency-label{color:var(--linkgrey);margin:0 0 5px 0;font-size:0.75rem;}
.amount-label{font-size:1.25rem;font-weight:700;}
.amount-label.red{color:var(--red);}

.profile {display:flex;align-items:center;margin:0 0 20px 0;}
.profile .profile-icon{width:60px;display:flex;align-items:center;justify-content:center;margin:0 20px 0 0;}
.profile .profile-icon img{max-width:100%;}
.profile .profile-username{font-size:0.875rem;font-weight:800;}
.profile .profile-userid {color:var(--maincolor);font-size:0.9375rem;}

.wallet-title{margin:0 0 5px 0;font-size:0.875rem;}
.wallet-balance ul {display:flex;align-items:center;margin-left:-10px;}
.wallet-balance .wallet-currency{font-size:0.9375rem;font-weight:500;}
.wallet-balance .wallet-balance-amount{font-size:1.25rem;font-weight:700;line-height:1;display:inline-block;}
.wallet-balance a{color:var(--maincolor);}
.wallet-balance li{margin:0 0 0 10px;}
.wallet-balance li:first-child {align-self: flex-start;}

.wallet-restore{margin:20px 0 0 0;}
.wallet-restore ul{display:flex;}
.wallet-restore li:last-child{margin-left:auto;}
.transfer-main-wallet .title{font-size:0.75rem;}

.transfer-main-wallet .toggle{display:flex;justify-content:right;}
.transfer-main-wallet .toggle a{color:var(--maincolor);}

.bank-list li{display:flex;margin:0 0 20px 0;}
.bank-list .icon{max-width:50px;margin:0 20px 0 0;}
.bank-list .icon img{max-width:100%;}
.bank-list .title{font-size:0.875rem;font-weight:800;margin:0 0 10px 0;}
.bank-list .account-number{font-size:0.875rem;color:var(--linkgrey);margin:0 0 20px 0;}
.bank-list .name{font-size:0.875rem;color:var(--maincolor);}

.popup-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;background-color:#000;width:100vw;height:calc(var(--vh, 1vh) * 100);z-index:99;}
.popup-modal {padding:20px;}
.popup-inner{background-color:rgba(224,244,244,0.1);border-radius:var(--borderradius);padding:20px;min-width:300px;}

.popup-desc{margin:40px 0 0 0;}

.transaction-order {
  background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, #CF4444, #FFCD07, #6B975E) border-box;
  border-radius: var(--brsmall);
  border: 1px solid transparent;
  padding:20px;
}

.transaction-header{text-align:center;border-bottom:1px solid #e1e1e1;padding:0 0 20px 0;}
.transaction-title{font-size:1.125rem;margin:10px 0 5px 0;}
.transaction-amount{font-size:1.5rem;font-weight:600;}
.transaction-details td{padding:10px 0;}
.transaction-details .transaction-label{opacity:0.7;}
.transaction-details .transaction-data{text-align:right;}
.transaction-type{margin:20px 0 0 0;}

.topup-items{display:flex;align-items:center;}
.topup-items .icon{width:45px;margin:0 20px 0 0;}
.topup-items .icon img{max-width:100%;}
.topup-items .desc{color:var(--linkgrey);margin:10px 0 0 0;}
.topup-items .action{margin-left:auto;}
.topup-items .action .mso{color:#fff;}

.bank-listing{margin:20px 0 0 0;}
.bank-listing ul{display:flex;flex-wrap:wrap;margin-left:-20px;}
.bank-listing ul li{flex:0 0 calc((100%/4) - 20px);margin:0 0 20px 20px;}
.bank-listing ul li.current{border:2px solid var(--maincolor);padding:10px;border-radius:var(--brsmall);}
.bank-listing ul li img{width:100%;}

.topup-amount{text-align:center;}
.topup-amount .currency-title{font-size:0.875rem;color:#c4c4c4;margin:0 0 20px 0;}
.topup-amount input{background-color:transparent;font-size:2rem;font-weight:800;color:var(--maincolor); text-align:center;width:100%;border:0;}
.topup-preset{margin:40px 0 0 0;}
.topup-preset ul {display:flex;flex-wrap:wrap;margin-left:-20px;}
.topup-preset ul li {text-align:center;flex:0 0 calc(100%/3 - 20px); margin:0 0 20px 20px;}
.topup-preset .box{margin:0;font-size:0.875rem;}

.homepage-login{padding:30px 0;text-align:center;}

@media (max-width:600px){
	.nav-inner{width:70vw;}
	.game-list-sub ul li {flex:0 0 calc((100%/3) - 20px );padding:0;cursor:pointer;}
}