@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,400;1,700&display=swap');
body{font-family:"Roboto", sans-serif;line-height:1.4;font-size:14px;margin:0 auto;color:#414655;max-width:991px;padding-bottom:15%;background: #1d212a;background-size: cover;}
a{text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
a:hover, a:focus{text-decoration:none;}
img{max-width:100%;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select{color:#777777;width:100%;}
button:focus, input:focus, select:focus{outline:none;}
body.gry{/* background: #160f1f; */}
/** Header **/.header-top{/* padding:8px 0; */position:fixed;top:0;width:100%;max-width:991px;z-index:99;border-image-slice:1;height: 52px;display: flex;align-items: center;background: linear-gradient(to bottom, #373d4a 0%, #1f232d 100%);}
.logo img{}
.inbox-icon{position:relative;color:#ffffff;}
.inbox-icon::after{content:'';width:4px;height:4px;background:#FB0000;border-radius:50%;display:block;position:absolute;top:0px;right:-4px;}
.title-top{padding:8px 5px;font-size:18px;color: #ffffff;text-align:center;background: linear-gradient(to bottom, #373d4a 0%, #1f232d 100%);position:relative;}
.left-btn{position:absolute;left:2%;color: #ffffff;}
.right-btn{position:absolute;right:2%;color:#d79c0d;font-size:22px;}
.right-btn a, .right-login-btn a{color: #ffffff;margin-right:5px;}
.right-btn-1{position:absolute;right:2%;top:1%;font-size:17px;}
.right-btn-1 a{color:#414655;}
.right-member{display: flex;/* grid-template-columns:repeat(2, 1fr); */grid-template-rows:1fr;grid-column-gap: 5px;width: 100%;float:left;}
.right-member .btn-login{padding: 7px 0px;width:100%;text-align:center;border-radius: 5px;font-weight:600;color: #ffffff;text-transform:uppercase;font-size:13px;background-size:100% 100%;background-repeat:no-repeat;/* background: #a40009; */border: 1px solid #fae584;display: flex;justify-content: center;align-items: center;background: linear-gradient(to bottom, #f57911 0%, #d46406 100%);box-shadow: inset 0px 0px 5px #d8a810;}
.right-member .btn-reg{padding: 3px 0px;width:100%;text-align:center;border-radius: 5px;font-weight:600;color: #ffffff;text-transform:uppercase;font-size:13px;background-size:100% 100%;background-repeat:no-repeat;display: flex;justify-content: center;align-items: center;box-shadow: inset 0px 0px 5px #fff;background: linear-gradient(to bottom, #f9bc06 0%,#dca603 0%, #dca603 100%);}
.right-login-btn{color:#8e8e8e;font-size:22px;display: flex;align-items: center;gap: 10px;}
.lang-box{display:inline-block;width: 20%;float:right;padding:2px 0;}
.lang-btn{background:transparent;border:1px solid transparent;padding: 0px;}
.lang-btn:focus{outline:none;}
.lang-btn.dropdown-toggle::after{color:#d4b28d;display: none;}
.dropdown-menu.language{padding: 0px;background:rgba(0, 0, 0, 0.7);min-width:auto;border:none;}
.dropdown-menu.language a{padding:8px 5px;}
.dropdown-menu.language a:hover{background:transparent;}
.dropdown-menu.language a:hover img{filter:drop-shadow(0px 0px 2px #fff);}
a.tokenbox{font-size:14px;vertical-align:middle;display: flex;align-items: center;}
a.tokenin{font-size:15px;color:#fff;display:flex;justify-content:flex-end;align-items:center;}
/** Home **/.mobile-slider{margin-top: 53px;padding: 8px;border-radius: 10px;}
.mobile-slider .carousel-inner{border-radius:0px;border-radius: 10px;}
.annouce-sec{padding: 1px 0;background: #292e32;/* height: 28px; */color:#000;font-size: 12px;/* margin: 5px 10px; */border-radius: 0px;box-shadow: 0px 0px 7px #00000099;/* margin-top: 10px; */}
.annuuce-wrapper{display: flex;grid-template-columns: 10% auto;align-items: center;padding: 3px 6px;width: 100%;}
.speaker-icon{color: #ffffff;font-size:18px;width: 30px;height: 26px;border-radius: 50px;display: flex;justify-content: center;align-items: center;}
.anouce-msg{align-self:center;color: #ffffff;}
.no-sign-wrapper{padding:14px 0;}
.no-sign{color:#6c717c;font-size:15px;}
.pls-sign a{color:#babdc5;font-size:12px;}
.slct-wrapper{display: flex;grid-template-columns: repeat(4, 1fr);/* grid-gap:10px; */padding-right:10px;justify-content: space-between;width: 100%;}
.slct-wrapper a{display:block;color: #eed706;text-align:center;font-size:12px;font-weight:700;}
.slct-wrapper a img{display:block;margin:auto;max-width:55px;/* filter: brightness(0) invert(1); */}
.game-sec{padding: 5px 10px;}
.nav-pills.game-nav{/* padding-right:5px; */gap:10px;}
.nav-pills.game-nav .nav-link.active, .nav-pills.game-nav .show>.nav-link{color:#ffd053;background:#000;box-shadow:0px 3px 14px -5px #967d62;}
.nav-pills li.nav-item{width:100%;text-align:center;/* background:#251a08; */border-radius: 5px;padding:1px;}
.nav-pills.game-nav .nav-link{display:block;border-radius:10px;padding:0px 0px;color: #ffffff;text-align:center;background: #1d212a;font-size: 12px;font-weight:300;padding:5px;text-transform:uppercase;border: 1px solid #434655;box-shadow: none;font-weight: bold;}
.game-nav .nav-link img{max-width: 39px;margin:auto;margin-bottom:2px;/* filter: brightness(0) invert(1); */}
.tab-content.game{padding:0;padding-left:3px;}
.tab-content.game a img{/* margin-bottom:10px; */border-radius: 5px;}
.gwrap_2 a img, .gwrap_3 a img{display:inline-block;}
.gwrap_2 a:nth-of-type(2n) img{margin-left:5px;}
.gwrap_3 a.wdimg img{width:100%;}
.menu-btm{position:fixed;max-width:991px;width:100%;bottom:0;background: #1a1a1a;z-index:99;box-shadow: 0px 0px 7px #00000099;bottom: -1px;}
.menu-wrapper{display:grid;grid-template-columns:repeat(5, 1fr);text-align:center;/* padding:5px; */box-shadow:0px -3px 5px 0pxrgba(0, 0, 0, 0.1);}
.menu-wrapper a{color: #ffffff;font-size:11px;padding: 5px 0px;}
.menu-wrapper a img{max-width: 35%;display:block;margin:auto;/* filter: brightness(0) invert(1); */}
.menu-wrapper a .active-img{display:none;}
.menu-wrapper a.active{color: #151922;background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);}
.menu-wrapper a.active .active-img{display:block;}
.menu-wrapper a.active .com-img{
    filter: brightness(0);
}
/** Promotion **/.mix{display:none;}
.filter-menu-bar{overflow:auto;white-space:nowrap;box-shadow:0px 2px 7px -1pxrgba(0, 0, 0, 0.1);background: #000000;}
.pmbox{display:inline-block;text-align:center;margin:5px 7px 0;border-bottom:2px solid transparent;padding:10px;font-size:15px;color:#ffffff;font-weight: bold;}
.pmbox.active{border-bottom: 2px solid #f4d800;color: #ffffff;filter: drop-shadow(0px 0px 6px #34abff), 0px 0px 6px #34abff;text-shadow: 0px 0px 12px #fae584, 0px 0px 12px #fae584, 0px 0px 12px #fae584, 0px 0px 12px #fae584;}
.promo-content{/* padding:15px; */}
.promo-bx{position:relative;margin-bottom: 15px;}
.promo-tag{position:absolute;max-width:15%;left:-4px;top:0;z-index:2;}
.pm-boxer{position:relative;overflow:hidden;border-radius:5px;margin-bottom:5px;}
.date-promo{position:absolute;left:0;bottom:9%;background:rgba(255, 255, 255, 0.9);border-radius:0 15px 15px 0;z-index:2;font-size:2.7vw;padding:3px 8px;color:#1A1A1A;}
.date-promo i{color:#505050;}
.pmbx{padding: 20px 15px;margin-bottom:15px;color: #fff;border: 1px solid #eed706;border-radius: 10px;}
.prosm-title{color: #eed706;text-decoration:underline;font-weight:600;font-size:22px;text-align: center;}
.ptable{overflow:auto;border-radius:8px;}
.promo-table{text-align:center;}
.promo-table tr th{background:#171717;color:#fff;font-weight:500;padding:8px 3px;border:1px solid #9c7979;}
.promo-table tr td{background:#ceb3997a;padding:8px 3px;border:1px solid #9c7979;}
/** Profile **/.profile-sec{border-radius:  12px;margin: 10px;color:#fff;margin-top:10px;box-shadow: 0px 0px 7px #00000099;background: #2b1e38;border: 1px solid #eed706;background: #292e32;}
.profile-user{display:grid;grid-template-columns:70px auto 15px;grid-gap:10px;padding:10px 0 15px;}
.propic{max-width:70px;}
.playerinfo{align-self:center;}
.playername{color: #fff;font-weight:600;font-size:19px;}
.vip-lvl{background: #fdc821;color: #000;font-size:11px;text-transform:uppercase;padding:1px 4px;border-radius:5px;margin-left:5px;}
.plycap{color: #eed706;font-size:12px;margin-top:4px;}
.grey{align-self:center;}
.grey a{font-size:15px;color:#DBDBDB;}
.vip-mall{background:#fff;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);border-radius:12px;display:grid;grid-template-columns:repeat(2, 1fr);padding:7px 20px;}
.vip-priv{display:grid;grid-template-columns:30% 70%;}
.vptitle{align-self:center;color:#313e4a;font-size:19px;font-weight:700;}
.vptitle span{display:block;color:#c2c5cb;text-transform:uppercase;font-size:10px;font-weight:400;}
.player-wallet-wrapper{display:grid;grid-template-columns:repeat(4, 1fr);padding:15px 3px;}
.player-wallet-wrapper a{display:block;text-align:center;color: #ffffff;/* font-weight:700; */line-height:1;font-size: 10px;}
.player-wallet-wrapper a.active{color: #eed706;}
.player-wallet-wrapper a.active img{filter: brightness(0) saturate(100%) invert(95%) sepia(53%) saturate(2596%) hue-rotate(305deg) brightness(111%) contrast(123%);}
.player-wallet-wrapper img{display:block;margin:auto;max-width:50%;filter: brightness(0) invert(1);}
.profile-1{padding:20px 0;}
.record-wrapper{display:grid;grid-template-columns:auto auto 15px;align-items:center;padding:12px 0;}
.rtitle{color:#414655;}
.rtitle i{color:#8998b4;margin-right:5px;font-size:18px;}
.rcaption{color:#d5d7df;font-size:12px;text-align:right;padding-right:10px;}
/** Wallet **/.wallet-sec{padding:15px 5px 0;border-radius:6px;color: #fff;margin: 10px;box-shadow: 0px 0px 7px #00000099;border: 1px solid #eed706;background: #292e32;}
.total-amt-wrapper{display:grid;grid-template-columns:70% 30%;margin-bottom:15px;}
.remaining{font-size:18px;/* font-weight:600; */color: #fae584;}
.remaining.unit{font-size:12px;font-weight:400;}
.remaining a i{color: #fae584;}
.totaldp{align-self:end;text-align:right;}
.dps-btn{background:linear-gradient(to right, rgba(154, 164, 194, 1) 0%, rgba(100, 112, 149, 1) 100%);color:#fff;border:none;border-radius:30px;font-size:12px;padding:5px 19px 6px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4);}
.taowapper{display:grid;grid-template-columns:repeat(5, 1fr);padding:20px 0 15px;text-align:center;}
.taowapper a{display:block;color: #ffffff;font-size:12px;font-weight:500;word-break:break-word;}
.taowapper a.active img{
    filter: brightness(0) saturate(100%) invert(95%) sepia(53%) saturate(2596%) hue-rotate(305deg) brightness(111%) contrast(123%);
}
.taowapper a.active{color:linear-gradient(to right, rgba(208, 166, 89, 1) 0%, rgba(160, 114, 55, 1) 100%);color: #eed706;}
.taowapper a img{display:block;max-width:70%;margin:0 auto;filter: brightness(0) invert(1);}
.wallet-detail{border-top: 1px solid #fae584;padding:12px 0;display:grid;grid-template-columns:repeat(2, 1fr);}
.wd-caption{color: #ffffff;font-size:12px;text-align:right;font-weight:300;align-self:center;}
.wpbox{background: linear-gradient(to bottom, #373d4a 0%, #1f232d 100%);box-shadow:0px 0px 5px 0pxrgba(0, 0, 0, 0.1);border-radius:4px;box-shadow: 0px 0px 7px #00000099;border: 1px solid #fae584;}
.walet-wrap{display:grid;font-size:12px;color:#fff;font-weight:500;text-align:center;padding:15px 0;}
.wamot{color: #eed706;font-weight:600;font-size:15px;}
.wwb{position:relative;}
.walet-wrap .wwb:first-child:after{content:"";position:absolute;right:0;top:24%;height:20px;width:1px;background:#eee;}
.provider-wrapper{display:grid;grid-template-columns:repeat(4, 1fr);text-align:center;}
.pwbox{color: #eed706;font-size:12px;padding:12px 1px;position:relative;}
.pamount{display:block;color:#a5a9b3;font-size:11px;font-weight:700;}
.provider-wrapper .pwbox:after{content:"";position:absolute;right:0;top:32%;height:20px;width:1px;background: #b7b7b7;}
.provider-wrapper .pwbox:nth-of-type(4n):after{content:none;}
.wallet-1{padding:18px 0;}
.wtitle{display:flex;justify-content:space-between;}
.wtitle h3{position:relative;font-size:17px;font-weight:700;padding-left:9px;}
.wtitle h3:before{position:absolute;left:0;top:0;content:"";width:3px;height:20px;background-image:linear-gradient(180deg, #d5b79d 4%, #f6e8dd);}











.wtcap{color:#d6ac83;font-size:12px;}
.wtitle i{font-size:8px;color:#a5a9b3;padding-left:5px;}





.wuser-wrapper{display:grid;grid-template-columns:repeat(4, 1fr);padding:15px 0;}
.wuser-wrapper a{display:block;color:#878787;font-size:12px;text-align:center;}
.wuser-wrapper a img{display:block;max-width:30%;margin:auto;margin-bottom:7px;}
.gif-img img{border-radius:45px;}
.norecord{padding:30px;color:#ADADAD;font-size:13px;text-align:center;}
/** Withdraw & Transfer **/.withdraw-sec{border-radius:8px;margin-top:10px;padding:10px 0;}
.wallet-money{color:#201a02;font-size:15px;font-weight:600;}
.wallet-money i{color:#d3b9a0;}
.onebutton{color:#d3b9a0;}
.card-btm{margin-top:10px;font-size:12px;padding:20px 0 40px 0;border-radius:6px;}
.addcard{background:#2f1709;padding:14px;text-align:center;display:block;color:#d2b79c;font-weight:600;font-size:15px;}
.bind{padding:10px;color:#a5a9b3;font-size:12px;}
.trans-btm{margin-top:10px;padding:20px 0;font-size:12px;}
.auto-trans{padding:2px;font-weight:600;font-size:16px;color:#414655;}
/** Toggle Button **/.btn-toggle{margin:auto;padding:0;position:relative;border:none;height:1.5rem;width:3rem;border-radius:1.5rem;color:#6b7381;background:#bdc1c8;float:right;}


.btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active{outline:none;box-shadow:none;}
.btn-toggle:before, .btn-toggle:after{line-height:1.5rem;width:4rem;text-align:center;font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity 0.25s;}
.btn-toggle > .handle{position:absolute;top:0.1875rem;left:0.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left 0.25s;}
.btn-toggle.active{transition:background-color 0.25s;}
.btn-toggle.active > .handle{left:1.6875rem;transition:left 0.25s;}
.btn-toggle.active:before{opacity:0.5;}
.btn-toggle.active:after{opacity:1;}
.btn-toggle.active{background-color:#7d87a5;}
/** Card **/.card-sec{background:#fff;padding:30px 15px 15px;}
.cardbox{padding:10px 0;font-size:15px;}
.cardbox input, .cardbox select{border:none;padding:7px 0;background:transparent;}
.cardbox label{font-weight:300;margin-bottom:1px;}
.cardbox input::placeholder, .cardbox select{color:#B5B5B5;font-weight:300;}
.notc{padding:10px 15px;margin:0 -15px;color:#a5a9b3;font-size:12px;font-weight:300;background:#f8f8f8;}
.cardfirm{color:#a5a9b3;font-size:12px;font-weight:300;padding:13px 0;}
button.nextbtn{background:#967d62;color:#fff;border:1px solid #967d62;font-size:18px;width:100%;font-weight:500;padding:11px;border-radius:6px;margin-top:15px;}
.help-sec{padding:30px 0;font-size:15px;text-align:center;color:#B7B7B7;}
.cardm-sec{padding:30px 0;}
.nocard{max-width:50%;margin:auto;}
.addcard-btn{background:#fff;display:block;padding:25px;font-size:17px;font-weight:600;color:#414655;text-align:center;border-radius:8px;}
.cardsup{color:#a5a9b3;text-align:center;padding:10px;}
/** Deposit **/.bank-input-wrap{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;}
.bank-input-wrap label [type=radio]{position:absolute;opacity:0;width:0;height:0;}
.bank-input-wrap label [type=radio] + img{cursor:pointer;}
.bank-input-wrap label [type=radio]:checked + img{border:1px solid #d2b79c;background:url(../images/tick.png)no-repeat;background-size:25%;background-position:right bottom;transition:none;}
.bank-input-wrap label img{border:1px solid #E4E4E4;border-radius:6px;padding:8px 16px;}
.bank-input-wrap label{max-width:70px;margin:auto;text-align:center;}
span.bank-type{font-size:12px;}
.deposit-sec{padding:15px 0 0;background:#c7c6c0;margin-top:10px;}
.bank-choice{background:#c7c6c0;padding:5px 0;margin-top:10px;}
.bank-select select{border:none;padding:10px;background:#ffffff;color:#000;border-radius:10px;}
.bank-select select option{color:#000;}
.amount-input-wrap{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;margin:15px 0;}
.amount-input-wrap label [type=radio]{position:absolute;opacity:0;width:0;height:0;}
.amount-input-wrap label [type=radio] + div{cursor:pointer;text-align:center;padding:9px 0px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid #6b6b69;color:#E4E4E4;background:#8a8a8a;}
.amount-input-wrap label [type=radio]:checked + div{border:1px solid #967d62;background:#967d62 url(../images/tick.png)no-repeat;background-size:25%;background-position:right bottom;transition:none;color:#ffffff;}
.amount-input-wrap label{margin-bottom:0;}
.bank-wrap{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px 0;}
.bank-wrap label{margin:0 4px;margin-bottom:0;display:flex;justify-content:center;line-height:1.1;height:100%;font-weight:400 !important;}
.bank-wrap label [type=radio]{position:absolute;opacity:0;width:0;height:0;}
.bank-wrap label [type=radio] + .bank-type{cursor:pointer;}
.bank-wrap label [type=radio] + .bank-type img{cursor:pointer;filter:drop-shadow(0 0px 1px rgb(0, 0, 0, 1));}
.bank-wrap label [type=radio]:checked + .bank-type{border:1px solid #967d62;background:#967d62;color:#fff;}
.bank-wrap label [type=radio]:checked + .bank-type img{filter:drop-shadow(0 1px 1px rgb(0, 0, 0, 0.7));}
.bank-wrap label .bank-type{border:1px solid #967d62;border-radius:6px;color:#fff;font-size:13px;padding:0px 6px;background:#b1b1b1;display:grid;width:100%;align-items:center;min-height:40px;text-align:center;justify-content:center;}
/** messagecenter **/.messagecenterbody{background-color:#f8f8f8;}
.nav-pills.messagemain{justify-content:center;box-shadow:-1px 2px 4px 0px rgba(186, 186, 186, 0.2);padding:5px 0px 0px 0px;background-color:#fff;}
.nav-pills.messagemain li.nav-item{width:auto;text-align:center;margin-right:5%;margin-left:5%;}
.nav-pills.messagemain li.nav-item a{color:#c5c5c5;}
.nav-pills.messagemain .nav-link.active{background-color:transparent;border-bottom:2px solid #d2b79c;color:#000;border-radius:unset;}
.nav-pills.messagemain .nav-link.info{position:relative;}
.nav-pills.messagemain .nav-link.info .info_notiy{position:absolute;display:inline-block;padding:0 .12rem;line-height:0.3rem;background:#db6372;border-radius:3.15rem;color:#fff;top:0.2rem;margin-left:0.04rem;height:18px;width:18px;}
.nav-pills.messagemain .nav-link.info .info_notiy span{top:6px;position:absolute;left:5px;}
.messagesubtab ul{list-style-type:none;padding-left:0px;}
.messagesubtab ul li{background-:#2f1709;max-height:60px;padding:10px;border-bottom:1px solid rgba(220, 220, 220, 0.2);}
.messagesubtab ul li a{display:flex;}
.messagesubtab ul li img{max-width:35px;}
.messagesubtab ul li .imp{border:1px solid #ff4949;border-radius:5px;font-size:10px;padding:1px;color:#ff4949;margin-left:5px;}
.messagesubtab ul li .title{color:#fff;}
.messagesubtab ul li .date{float:right;font-size:10px;color:#a5a9b3;}
.messagesubtab ul li .info_content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:250px;color:#a5a9b3;font-size:12px;}
.messagecontent, .message-wrapper{color:#fff;}
.messagesubtabread ul{list-style-type:none;padding-left:0px;background-color:#fff;}
.messagesubtabread ul li{max-height:60px;display:flex;padding:10px;border-bottom:1px solid rgba(220, 220, 220, 0.2);}
.messagesubtabread ul li img{max-width:35px;}
.messagesubtabread ul li .title{color:#414655;}
.messagesubtabread ul li .date{font-size:10px;color:#a5a9b3;}
.messagesubtabread ul li .info_content{color:#a5a9b3;font-size:12px;}
.vipbody{background-color:#f8f8f8;padding-bottom:0px;}
.vipbg{background:url(../images/vip/userinfo_bg.png)center no-repeat;background-size:100% 100%;}
.userdetails img{width:45px;}
.userbadge img{width:60px;float:right;}
.vipghead00{padding-bottom:25px;color:#414655;font-size:18px;}
.vipghead01{padding-bottom:25px;}
.vipfrom{background:#d2b79c;font-size:10px;border-radius:13px;color:#fff;padding:0px 5px;float:right;margin-top:3px;}
.vipto{background:linear-gradient(270deg, #dde1e6, #b9b0b9);font-size:10px;border-radius:13px;color:#fff;padding:0px 5px;}
.vipbg .progress{height:10px;box-shadow:-1px 2px 4px 0px rgba(112, 112, 112, 0.3);}
.vipbg .progress .progress-bar-striped{background-image:linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-size:1rem 1rem;}
.vipbg .progress .progress-bar{background-color:rgb(202, 202, 202);}
.progressicon{display:inline-block;}
.progressicon .fa-sort-down:before{position:absolute;top:13px;width:29px;}
.progresscustom{margin:auto;position:relative;}
.progresspercent{position:absolute;top:-29px;left:-8px;text-align:right;font-size:11px;font-weight:900;}
.progresspercent img{width:30px;margin-top:10px;}
.vipghead02{padding-bottom:25px;}
.currentsaving span{color:#9aa4c2;font-size:10px;}
.currentsaving .saving01{display:list-item;list-style-type:disc;list-style-position:inside;}
.currentsaving .savingamt{color:#414655;font-size:12px;margin-left:5px;}
.controlwalletsection{margin:auto;margin-top:20px;}
.walletcard-item{background:url(../images/vip/card_bg.png)center no-repeat;background-size:100% 100%;padding:20px;position:relative;}

.walletgrid{display:grid;grid-template-columns:repeat(3, 1fr);margin-top:25px;text-align:center;color:#fff;}
.walletgrid .walletgridtitle{font-size:10px;}
.walletcard-item img{width:50px;margin:auto;position:absolute;top:-20px;right:33px;}
.walletcard-item .walletname{font-size:30px;font-weight:900;font-style:italic;color:#fff;text-transform:uppercase;margin-left:17%;}
.slick-list{padding:0 5% 0 5%;margin-left:-10px;margin-right:-10px;}
.slick-slide{margin-left:10px;margin-right:10px;}
.displaywalletcount{margin:30px 0 0 0;text-align:right;font-size:12px;color:#9aa4c2;}
.sectionhead{box-shadow:-1px 2px 4px 0px rgba(186, 186, 186, 0.2);padding-bottom:10px;background-color:#fff;}
.vipexclusivemain{margin-top:10px;background-color:#ffffff;padding:5px 0px 0px 0px;}
.vipexclusivelabel:before{content:"";position:absolute;top:2px;background:linear-gradient(180deg, #d5b79d, #f6e8dd);height:21px;width:5px;left:13px;border-radius:10px;}
.vipexclusive{margin-left:10px;font-size:18px;}
.vipexclusive_inner{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:10px;grid-row-gap:10px;padding:15px;}
.vipexclusive_inner img{min-width:35px;max-width:35px;}
.vipexclusive_inner .vipexclusive_amount{color:#414655;font-size:18px;word-break:break-all;}
.vipexclusive_inner .vipexclusive_title{color:#9aa4c2;font-size:12px;}
.vipexclusive_inner_wrapper{display:flex;}
.vipbonusmain{margin-top:10px;background-color:#ffffff;padding:5px 0px 0px 0px;}
.vipbonus_inner{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:10px;grid-row-gap:10px;padding:15px;text-align:center;}
.vipbonus_inner .vipbonus_amount{word-break:break-all;font-size:20px;color:#d2b79c;}
.vipbonus_inner .vipbonus_amount_sec{word-break:break-all;font-size:12px;color:#d2b79c;}
.vipbonus_inner .vipbonus_title{word-break:break-all;font-size:12px;color:#9aa4c2;}
.vipbonusselect_section{background-image:linear-gradient(270deg, #fcfaf7, #f3ede6);display:flex;margin:auto;width:320px;border-radius:5px;padding:20px 10px;}
.vipbonuslvl{margin-left:45px;width:82px;padding:8px;font-size:12px;color:#fff;border-radius:5px;text-align:center;background-image:linear-gradient(90deg, #dccab7, #d2b597);opacity:0.5;}
.vipbonusselect select{width:108px;border:1px solid #d2b79c;color:#d2b79c;background-color:hsla(0, 0%, 100%, .5);background:hsla(0, 0%, 100%, .5);height:30px;font-size:12px;padding:0px;text-align-last:center;border-radius:2px;}
.vipbonusmore_detail{color:#b1987f;}
.tab-content{padding:10px;width:100%;height:100%;padding-bottom:10px;}
.form-group label{color: #ffffff;font-size:13px;font-weight:700;margin-bottom:0px;text-transform:uppercase;}
input.form-control{width:100%;border-radius: 5px;padding:10px 25px;font-size:12px;height:40px;margin-top:5px;color:#000000;background:#ffffff;}
.box-amount3 ul{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:10px;list-style:none;padding:0;margin-top:10px;margin-bottom:10px;}
.box-amount3 ul li{width:100%;}
.btn-amt{padding:9px 0px;border-radius:10px;font-size:12px;color:#000;border:1px solid #c9c8c6;background:#fff;width:100%;}
.btn-amt:hover{color:#d2b79c;border:1px solid #d2b79c;background:url(../images/tick.png)no-repeat;background-size:25%;background-position:right bottom;}
.btn-amt.active{background:#687dad;color:#fff;}
.btn-submt{width:100% !important;color: #000;font-size:19px;padding:7px 25px;border-radius: 5px;display:block;margin:0px auto;background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);box-shadow: 0px 0px 7px #00000099;border: none;}
select.form-control{width:100%;border-radius:10px;padding:5px 20px;font-size:12px;height:40px;margin-top:5px;color:#9aa4c2;}
.btn-top3{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;gap:10px 10px;}
.btn-top3 a{border: 1px solid #fae584;padding:5px 5px;border-radius: 5px;color: #ffffff;font-size:13px;display:flex;text-align:center;width:100%;justify-content:center;align-items:center;}
.btn-top3 a.active{background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);color: #000;border: 1px solid #fae584;}
.btn-top3 a:hover{background:#967d62;color:#fff;border:1px solid #d2b79c;}
.deposit-choice{background:#c7c6c0;padding:5px 0;margin-top:10px;}
.box-amount ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:10px;list-style:none;padding:0;margin-top:10px;margin-bottom:10px;}
.box-amount ul li{width:100%;}
.btn-bank{padding:5px 0px;border-radius:10px;font-size:12px;color:#d2b79c;border:1px solid #d2b79c;background:#291407;width:100%;height:44px;font-weight:500;}
.btn-bank:hover{background:#d2b79c;color:#fff;}
.btn-bank img{}
.btn-bank:hover img{filter:invert(82%) sepia(95%) saturate(37%) hue-rotate(4deg) brightness(108%) contrast(108%);}
.deposit-provider{padding:10px 0 0;}
/******************History*********************/.table-responsive{border:none;margin-bottom:0px;}
.history-table tr:nth-child(odd){background: #ffffff40;color:#000;}
.history-table tr:nth-child(even){background: rgb(41 46 50);}
.history-table tr th{/* border: 1px solid #4e4e4e; */padding:4px;background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);text-align:center;color: #000;}
.history-table tr td{border: 1px solid #e6b65b;padding:10px 4px;text-align:center;color: #ffffff;}
.history-table{font-size:12px;margin-top:15px;}
.box-amount2 ul li{width:100%;}
.box-amount2 ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:10px;grid-row-gap:10px;list-style:none;padding:0;}
.deposit-form{padding:15px 0;background:#c7c6c0;margin-top:10px;}
.af-date{display:flex;}
.af-date .form-control{width:40%;border-radius:10px;padding:10px 20px;font-size:10px;height:40px;margin-right:10px;text-align:center;}
.af-date .date{width:30%;border-radius:10px;padding:10px 25px;font-size:14px;height:40px;margin-top:5px;margin-right:10px;}
.upload-file{display:flex;position:relative;}
.custom-file-input{position:absolute;z-index:2;margin:0;opacity:0;cursor:pointer;}
.btn-file{background:#967d62;color:#fff;padding:5px 20px;height:40px;top:6px;position:relative;margin-left:10px;border-radius:10px;border:none;font-size:12px;width:30%;}
.member-sec{padding:15px 0;}
.login-col a{text-decoration:underline;color: #ffffff;}
/** Download **/.download-sec{}
ul#download-tab{background:#fff;display:grid;grid-template-columns:repeat(2, 1fr);}
.nav-tabs.download-tabs{border-bottom:none;box-shadow:0px 1px 7px -1px rgba(0, 0, 0, 0.1);}
ul.nav-tabs.download-tabs .nav-link{border-bottom:3px solid #774917;border-top:none;border-radius:0;color:#fff;background:#d4b28d;text-align:center;text-transform:uppercase;font-weight:700;height:100%;}
.nav-tabs.download-tabs .nav-item.show .nav-link, .nav-tabs.download-tabs .nav-link.active{color:#000000;background:#d4b28d;border-bottom:3px solid #774917;}
div#downloadTabContent{padding: 0px;}
.dlwrapper{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap: 15px;}
.dl-item{position:relative;overflow:hidden;}
.play-dl{background:#0e6d4f;color:#fff;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1;width:100%;display:grid;grid-template-columns:55px auto;padding:4px 5px;}
.play-dl i, .dl-btn i{font-size:18px;}
.play-dl:focus, .play-dl:hover{background:#b79d84;color:#fff;}
.play-dl div{align-self:center;text-align:center;}
.play-dl img{max-width:21px;}
.dl-btn{background:#f39801;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase;line-height:1;width:100%;display:grid;grid-template-columns:50px auto;padding:4px 5px;}
.dl-btn:hover, .dl-btn:focus{color:#fff;}
.dl-btn div{align-self:center;text-align:center}
/** Activation **/.activation-content{color:#fff;}
.nav-tabs.active-tabs{border-bottom:none;max-width:480px;margin:auto;padding-bottom:15px;}
.nav-tabs.active-tabs li.nav-item{margin:auto;}
.nav-tabs.active-tabs .nav-item.show .nav-link, .nav-tabs.active-tabs .nav-link.active{color:#fff;background:#201a02;border-color:#000;}
.nav-tabs.active-tabs .nav-link{border-top-left-radius:.25rem;border-top-right-radius:.25rem;width:auto;height:auto;font-size:11px;color:#fff;background:#967d62;padding:5px 1px;text-align:center;margin:0 5px;border-radius:30px;text-transform:uppercase;}
.sms-activate{text-align:center;}
.sms-activate input{max-width:50px;height:50px;display:inline-block;margin:auto 5px;text-align:center;border-radius:5px;border:1px solid #a7a7a7;font-size:35px;font-weight:600;color:#252525;}
.sms-activate input:focus{outline:none;border:1px solid #ffd906;}
.next-active{text-align:center;padding:15px 0 10px;}
.finish-hide{display:none;}
.nav-tabs.active-tabs li.nav-item{margin:auto;width:50%;}
.activate-wrapper{margin:auto;}
.step-activate{display:grid;grid-template-columns:55px auto;grid-gap:10px 4px;}
.activ{color:#ffd154;font-size:20px;text-transform:uppercase;text-align:center;line-height:1.2;padding:13px 0;}
.activ h3{font-size:24px;color:#fff;font-weight:700;margin-bottom:1px;}
.simple{text-align:center;color:#fff;border-bottom:1px solid #959595;margin:auto;font-size:16px;font-weight:600;margin-bottom:10px;line-height:1.2;padding-bottom:5px;}
a.live-btn{display:inline-block;background:#252a2f;color:#fff;padding:3px 10px;border-radius:30px;border:1px solid #fff;margin-top:5px;font-size:14px;}
a.live-btn:hover{background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 126, 61, 1) 100%);color:#000;}
.finish-wrapper{color:#fff;text-align:center;}
.finish-wrapper h1{text-transform:uppercase;font-size:24px;font-weight:900;color:#fff;}
.acc-activ{color:#fff;font-size:25px;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.2;padding:5px 0;}
.acc-activ img{padding:10px;filter:brightness(0) saturate(100%) invert(49%) sepia(40%) saturate(283%) hue-rotate(351deg) brightness(95%) contrast(91%);}
.congrazt{line-height:1;border-bottom:1px solid #cacaca;padding:0 0 9px;color:#000;}
button.btn-play{background:#967d62;margin:auto;padding:5px 30px;border-radius:35px;margin-top:10px;font-size:20px;font-weight:900;color:#ffffff;border:none;}
/** Inbox **/.msg-content{padding:15px;}
.inbox-wrapper{color: #fff;font-size:14px;border: 1px solid #eed706;border-radius:5px;}
.mailbox{display:grid;grid-template-columns:8% 80% 10%;grid-gap:5px;padding:5px;color: #fff;}
.mailbox a{color: #fff;}
.mailbox.unread a{color: #eed706;}
.mtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.maildate{color: #ffffff;font-size:13px;}
.action-mail, .nom{text-align:center;}
.action-mail a{color: #ffffff;}
.mailbox.top{margin-bottom:5px;border-bottom: 1px solid #eed706;color: #eed706;font-weight:600;}
.messagecontent, .message-wrapper{padding:0 15px;}
.inbx-title{font-size:20px;font-weight:700;padding:22px 15px 13px;border-bottom: 1px solid #eed706;line-height:1.2;color: #eed706;}
.inbox-message{padding:20px 20px 15px;min-height:200px;font-size:14px;color: #ffffff;}
button.close-X{background:transparent;font-size:18px;text-transform:uppercase;color:#fff;border:none;position:absolute;right:6px;top:2px;font-weight:400;}
.date-msg{font-size:13px;color: #ffffff;}
.sent-by{font-size:13px;margin-bottom:15px;color: #ffffff;}
/** VIP PAGE latest **/.vip-sec{background:#000 url("../images/vip/vip_bg.jpg")no-repeat top center;background-size:auto;}
.vip-top-title{max-width:110px;margin:5px auto;text-align:center;}
.vip-card{margin-bottom:6px;}
.btn-vip{background:linear-gradient(to bottom, rgba(20, 16, 16, 1) 0%, rgba(87, 16, 18, 1) 100%);border:2px solid #5d3912;font-size:14px;padding:2px 5px;color:#fff;font-weight:600;border-radius:8px;text-transform:uppercase;display:block;width:100%;text-align:left;position:relative;overflow:visible;}
.btn-vip img{max-width:50px;margin-right:6px;}
.btn-vip:focus, .btn-vip:hover{outline:none;box-shadow:none;color:#fff;}
.btn.btn-vip.collapsed:after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:700;transform:rotate(0);transition:linear 0.3s;color:#fff;font-size:14px;}
.btn.btn-vip:after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:700;color:#fff;width:12px;font-size:14px;height:22px;position:absolute;right:10px;top:12px;transform:rotate(90deg);transition:linear 0.3s;}
.vip-table-wrapper{background:rgba(0, 0, 0, 0.75);line-height:1.2;font-size:13px;padding:15px 10px;margin-top:5px;color:#fff;}
.vip-table-wrapper > div{padding:5px 2px;}
.vip-table-wrapper tr td{border:1px solid #ae751c;padding:5px 4px;text-transform:uppercase;}
.tnc-wrap{background:rgba(0, 0, 0, 0.75);padding:15px;margin:15px 0;color:#fff;border:2px solid #5d3912;border-radius:8px;font-size:14px;}
/** Tournament **/.nav-pills.game-nav .nav-link.tournm{font-size:10px;}
.tournament-sec{background:#000 url(../images/tournament/tournament_02.jpg)no-repeat top center;background-size:100%;padding:30px 0 60px;text-align:center;min-height:800px;}
.title-win{max-width:320px;margin:auto;}
.timer-wrapper{background:url(../images/tournament/timer-bg.png)no-repeat center;background-size:100% 100%;max-width:340px;margin:10px auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-around;}
.timebox{text-transform:uppercase;font-size:11px;color:#000;}
.timeframe{background:#fff;border:3px solid #9d7428;border-radius:5px;font-size:28px;font-weight:700;padding:2px;width:60px;height:50px;color:#000;}
.dotdot{font-weight:700;font-size:35px;margin-top:-26px;}
.game-roll{background:url(../images/tournament/fade-bg.png)no-repeat center;background-size:100% 100%;max-width:779px;margin:10px auto 30px;color:#ffd000;padding:10px 0;}
.rolltext{margin-bottom:5px;}
.leaderboard-wrapper{position:relative;background:rgba(0, 0, 0, 0.7);max-width:665px;margin:auto;border:7px solid #905d1b;padding:20px 10px 45px;color:#fff;}
.deco-top{position:absolute;top:-16px;left:-15px;right:0;text-align:center;max-width:108%;pointer-events:none;}
.deco-bottom{position:absolute;bottom:-16px;left:-15px;right:0;text-align:center;max-width:108%;pointer-events:none;}
.topthree{display:grid;grid-template-columns:repeat(2, 1fr);padding:15px 0;}
.topbox.first{grid-column:1/3;}
.winbox{position:relative;}
.winner-top{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#000;font-weight:700;font-size:14px;}
.prize{color:#ffe60f;font-weight:700;}
.leadertable{overflow:auto;text-align:center;margin:10px 5px 20px;}
.leader-table tr th{background:#ffd84c;color:#000;}
.leader-table tr{background:#463227;border:1px solid #ffee7e;}
.leader-table tr:nth-child(odd){background:#71503e;}
.terms-title{color:#ffd000;}
ul.terms{text-align:left;margin:10px 0 30px;padding-left:20px;}
/** Payout **/button.payout-btn{display:block;max-width:220px;text-align:center;margin:auto;background:linear-gradient(to bottom, rgba(255, 255, 253, 1) 0%, rgba(255, 114, 48, 1) 100%);color:#000;font-weight:700;font-size:14px;text-transform:uppercase;padding:6px 10px;border-radius:5px;border:none;filter:drop-shadow(0 0 4px #ffae00);}
.modal-dialog.modal-payout{max-width:575px;background:#1f1f1f;color:#fff;border:2px solid #ae751c;font-weight:600;box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.30);filter:drop-shadow(0 0 4px #ae751c);}
.modal-payout .modal-content{border:none;background-color:transparent;}
.modal-dialog.modal-payout button.close{color:#3e3e3e;opacity:0.8;}
.modal-dialog.modal-payout button.close:hover, .modal-dialog.modal-payout button.close:focus{color:#1ab4cb;border:none;outline:none;}
.forecast-table{overflow:auto;}
.payout-container h3{color:#fff;font-weight:900;text-transform:none;font-size:26px;text-align:center;}
.prize-text{font-size:15px;text-transform:uppercase;margin-top:20px;}
.pred{color:#ff0000;}
table.payoutTable{text-align:center;}
table.payoutTable th, table.payoutTable td{padding:4px;}
table.payoutTable th{text-align:inherit;font-size:17px;font-weight:500;color:#fff;border:1px solid #f5b152;background:#c87f1a;}
table.payoutTable td{border:1px solid #f5b152;font-size:14px;color:#fff;background:#864e00;}
table.payoutTable td img{margin-left:10px;}
.xtr{text-align:center;padding:2px;}
.qr_scan img{width:100%;max-width:150px;}
.history-date{display:flex;align-items:center;}
input.form-control.r_input{max-width:46%;padding:10px 9px;}
.history-date .h_t{color:#ffffff;font-size:13px;}
.gspay img{width:80px;}
.about_wrap{padding:20px 0;}
.about_tit{display:flex;text-align:center;justify-content:left;font-size:26px;color:#ffbb3a;align-items:center;}
.about_tit img{margin-right:10px;width:26px;}
@font-face{font-family:"Refrigerator";src:url("../webfonts/Refrigerator Deluxe Bold.otf");}
@font-face{font-family:"Refrigeratornormal";src:url("../webfonts/Refrigerator Deluxe.otf");}
.index-font_style_normal{font-family:"Refrigeratornormal";}
.index-font_style{font-family:"Refrigerator";}
.about_con{color:#d1d1d1;font-size:14px;text-align:left;}
.why_tit{padding-top:30px;}
.index_intro{width:100%;display:grid;padding:48px 0 10px 0;grid-gap:15px;justify-content:center;grid-template-columns:repeat(2, 1fr);}
.index_intro_bg{min-height:94px;border:1px solid #d1992e;border-radius:10px;position:relative;color:#ffbb3a;padding:24px 6px 12px 6px;text-align:center;text-transform:uppercase;font-size:11px;font-family:"Refrigeratornormal";letter-spacing:1px;margin-bottom:21px;}
.index_intro_icon{position:absolute;top:-25px;right:0;left:0;margin:auto;background-color:#000;padding:0 10px;}
.label_section{position:relative;text-align:center;}
.label_btn_wrap{position:relative;margin:0px 10px;}
.label_btn_wrap_txt{position:absolute;top:4px;left:0;display:flex;margin:auto;text-align:center;right:0;justify-content:center;font-family:"Refrigeratornormal";color:#000;font-weight:bold;text-transform:uppercase;font-size:19px;align-items:center;}
.label_wrap{position:absolute;bottom:7px;display:flex;width:100%;justify-content:center;}
@media only screen and (min-width:768px){.index_intro{grid-template-columns:repeat(3, 1fr);}
}
/********12012022********/.playerinfo-sec{/* background: #001638; *//* padding: 10px; */}
button.btn-copy{position:absolute;bottom:8px;right:10px;border:none;}
.form-group{position:relative;color: #000;}
.wizard .nav-tabs{position:relative;margin-bottom:0;border-bottom-color:transparent;justify-content:space-between;display:flex;width:100%;padding:0px;}
.wizard > div.wizard-inner{position:relative;width:255px;display:flex;justify-content:center;margin:0px auto;}
.connecting-line{height:3px;background: #fae584;position:absolute;width:80%;margin:0 auto;left:0;right:0;z-index:1;bottom:-21px;}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus{color:#555555;cursor:default;border:0;border-bottom-color:transparent;}
span.round-tab{width:40px;height:40px;line-height:30px;display:flex;border-radius:50%;background: #292e32;z-index:2;position:absolute;left:0;text-align:center;font-size:20px;color: #ffffff;font-weight:500;border: 1px solid #fae584;justify-content:center;align-items:center;}
span.round-tab i{color:#555555;}
.wizard li.active span.round-tab{background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);color: #000;border-color: #fae584;}
.wizard li.active span.round-tab i{color:#5bc0de;}
.wizard .nav-tabs > li.active > a i{color:#0db02b;}
.wizard .nav-tabs > li{width:14%;}

.wizard li:after{content:" ";position:absolute;left:46%;opacity:0;margin:0 auto;bottom:0px;border:5px solid transparent;border-bottom-color: #0036ff;transition:0.1s ease-in-out;}
.wizard .nav-tabs > li a{width:30px;height:30px;margin:20px auto;border-radius:100%;padding:0;background-color:transparent;position:relative;top:0;}
.wizard .nav-tabs > li a i{position:absolute;top:-15px;font-style:normal;font-weight:400;white-space:nowrap;left:50%;transform:translate(-50%, -50%);font-size:12px;font-weight:700;color:#000;}
.wizard .nav-tabs > li a:hover{background:transparent;}
.wizard .tab-pane{position:relative;padding-top:50px;}
.wizard h3{margin-top:0;}
.prev-step, .next-step{font-size:13px;padding:8px 24px;border:none;border-radius:4px;width:100%;margin:0px;}
.next-step{color: #000;background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);border: 1px solid #fae584;box-shadow: 0px 0px 7px #00000099;}
.skip-btn{background-color: #a40009;}
.step-head{font-size:20px;text-align:center;font-weight:500;margin-bottom:20px;}
.af-content{display:flex;align-items:center;position:relative;color:#000;}
.af-cpy{position:absolute;right:0px;bottom:0px;}
.cpm-detail{display:flex;color:#fff;align-items:center;}
.cpm-content{margin-left:20px;}
.btn-cpy{border:none;background: linear-gradient(to bottom, rgba(242,242,51,1) 0%, rgba(228,149,3,1) 100%);padding:10.2px 15px;color: #000;border-radius: 0px 5px 5px 0px;}

.af-detail{border: 1px solid #fae584;border-radius:5px;padding:10px;font-size:13px;margin-top:30px;color: #fff;background: #000000b8;}
.af-detail ol{margin-top:0px;padding:10px;}
.af-detail p{margin-bottom:0px;}
.nor-tab{padding-top:0px !important;}
.bnk-info ul{list-style:none;padding:0px;padding-top:10px;}
.btn-r2{display:grid;grid-template-columns:repeat(2, 1fr);gap:5px;}
.in-form{display:flex;}
button.allout_btn{display:flex;width:130px;align-items:center;border:none;background: #d8278f;justify-content:center;margin-left:10px;border-radius:5px;margin-top:5px;color: #fff;}
button.allout_btn:hover{background:#561b24;}
.txt-form{width:100%;border-radius:10px;padding:10px 25px;font-size:12px;height:40px;margin-top:5px;color:#000000;background:#ffffff;}
.top-bar{display:flex;align-items:center;justify-content:space-between;}
.blnc .remaining{font-size:14px;}
.blnc .tot-title{color:#f1d574;font-size: 12px;text-align:left;margin-bottom:5px;/* font-weight:bold; */}
.dl-body ul{list-style:none;padding:0px;margin:0px;margin-top:38px;}
.dl-body ul li{display:flex;justify-content:space-between;padding:5px 10px;}
.dl-body{padding-top:5px;}
.dl-body ul li:first-child{background:linear-gradient(to bottom, #e7d277 0%, #cea443 36%, rgba(245,234,150,1) 70%, rgba(207,165,58,1) 100%);color:#000;font-weight:bold;}
.prov-name{margin-left:0px;font-size:13px;float:left;padding-top:3px;}
.am-prov{text-align:right;float:right;display:flex;position:relative;top:-2px;}
.btn-in{padding:3px 6px;font-size:12px;background:#7ab529;margin-left:8px;color:#fff;border:none;}
.prov-out{margin-left:8px;}
.btn-out{padding:3px 5px;font-size:12px;background:#b5171d;color:#fff;border:none;}
.am-prov .prov-in{width:auto;}
.prov-am{padding-top:14px;font-size:13px;line-height:0px;}
.remaining a{color: #d8278f;}
.af-content2{display:flex;align-items:center;}
.detail-af{border-radius: 5px;padding:10px 25px;font-size:12px;height:40px;margin-top:5px;color:#000000;background: #d6d6d6;width:100%;}
.af-content2 .af-cpy{}
.af-content2 .btn-cpy{padding:10px 15px;margin-top:5px;border-radius:0px 8px 8px 0px;}
.nav-pills.game-nav .nav-link.active img{filter:none;}
.nav-item .active-show{display:flex;}
.nav-item .active-hide{display:block;}
.nav-link.active .active-hide{display:none;}
.nav-link.active .active-show{}
.slct-wrapper a .active-show{display:none;}
.slct-wrapper a .active-hide{display:block;}
.slct-wrapper a.active .active-show{display:block;}
.slct-wrapper a.active .active-hide{display:none;}

.line-af{}
.blnc{}
/*******04042022*********/.phone-verify{max-width:300px;margin:auto;background:#464646;}
.form-field{display:block;padding:10px;border: 1px solid #eed706;border-radius:5px;height:53px;}
.value.tel-num{display:flex;}
.value{float:left;padding:3px;width:75%;position:relative;}
select.telco{width:100px;border:none;color:#fff;background:none;font-size:16px;background:#464646;}
.form-field .value input{border:none;background:transparent;color:#fff;font-size:16px;}
input.tel-input{margin-left:15px;}
input.num-verify{height:45px;width:45px;margin:0 5px;font-size:24px;text-align:center;padding:5px;border:1px solid #cacaca;border-radius:5px;color:#000;}
.code-field{text-align:center;color: #fff;margin-top:20px;}
.field-label{font-size:17px;font-weight:800;margin-bottom:10px;}
.code-issue{padding:10px 0;text-align:center;font-size:14px;color: #eed706;}
select.telco:focus{border:none;outline:none;box-shadow:none;}
.form-field .value input:focus{box-shadow:none;outline:none;border:none;}
.jms-link{color: #000;border:none;padding:7px 20px;border-radius:5px;width:48%;background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);border: none;}
.jms-link2{color: #ffffff;border:none;padding:7px 20px;border-radius:5px;background: linear-gradient(to bottom, #f57911 0%, #d46406 100%);border: none;width:48%;}
.congrazt-title{font-size:24px;font-weight:800;COLOR:#FFF;}
.tick-success{font-size:130px;line-height:1;color: #e5c601;padding:10px 0;}
.congrazt-title-2{font-size:18px;font-weight:700;color: #ffffff;margin-bottom:30px;}
.joker-bg{background:#232a34;height:503px;display:flex;align-content:baseline;justify-content:center;width:100%;margin-top:45px;background-size:contain;}
.jk-cnt{justify-content:center;display:flex;margin:0px auto;width:100%;flex-direction:column;align-items:center;padding-top:140px;}
.btn-jk{display:flex;gap:17px;margin-top:30px;flex-direction:column;}
.btn-jk button{background:linear-gradient(to right, rgba(46, 41, 39, 1) 0%, rgba(1, 0, 4, 1) 100%);border:2px solid #e6b81e;border-radius:20px;color:#e3b921;width:240px;padding:10px;padding-top:15px;}
.btn-jk button p{font-size:30px;text-transform:uppercase;font-weight:bold;margin:0px;padding:0px;}
.btn-jk button small{font-size:18px;font-weight:bold;}
.btn-dwn button{background:linear-gradient(to bottom, rgba(237, 212, 112, 1) 0%, rgba(230, 187, 32, 1) 100%);border-radius:20px;border:none;width:300px;padding:10px;font-weight:bold;font-size:20px;}
.btn-dwn{margin-top:35px;}
.btn-dwn button:hover{background:linear-gradient(to bottom, rgba(230, 187, 32, 1) 0%, rgba(237, 212, 112, 1) 100%);}
.btn-jk button:hover{background:linear-gradient(to bottom, rgba(1, 0, 4, 1) 0%, rgba(46, 41, 39, 1) 100%);}
.jk-logo img{width:100%;display:block;margin:0px auto;}
.blue-bg{background:#232a34;}
.bnk-info{color:#cca256;}
.contact-sec{/* background:#000000; */}
.contact-sec h3{color: #fff;text-align:center;padding: 10px 0 0 0;font-size:16px;font-weight: bold;}
.contact-info{width:94%;padding-bottom:20px;display:flex;justify-content:center;margin:0px auto;}
.contact-info ul{display:flex;flex-direction:column;padding:0px;}
.contact-info ul li{display:flex;justify-content:flex-start;align-items:center;color:#fff;background: #000000a1;margin-bottom:10px;}
.contact-wrap{display:flex;}
.contact-girl{margin-left:-60px;z-index:1;}
.contact-ttl{font-weight:bold;margin:20px;}
.contact-all{padding:20px;color:#fff;}
.contact-in{display:flex;justify-content:space-between;width:100%;flex-direction:column;}
.ico-cont img{height:34px;margin-right:15px;}
.ico-dtl h5{font-size:14px;color:#d99b2d;}
.ico-dtl p{font-size:13px;color:#ffffff;margin:0px !important;}
.contact-info p{color: #ffffff;margin-bottom:25px;}
 @media (max-width:1460px){.swiper-container{height:400px;}
}
.contact-l{width:100%;}
.ico-cont{width:40%;display:flex;background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);text-align:center;display:flex;justify-content:center;align-items:center;padding:10px;font-size:12px;color: #000;}
.ico-dtl{width:60%;text-align:center;color: #000;}
.ico-cont h5{margin:0px;font-size:13px;}
.ico-cont i{margin-right:10px;}
.btn-cnt{display:flex;justify-content:center;}
.livechat{border:none;background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);color: #000;padding:10px 20px;border-radius:10px;font-weight:bold;}
.btn-cs{margin-right:10px;}
.livechat:hover{box-shadow:0px 0px 9px 3px #f39801;}
.casino-ul{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin-top:55px;}
.wallet-wrapper{background-color:rgba(0, 0, 0, 0.5);padding:40px 0;-webkit-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;}
li.nav-item.active a{/* background: linear-gradient(to bottom, rgba(253,236,138,1) 0%, rgba(214,144,59,1) 100%) !important; */color: #eed706 !important;border: 1px solid #eed706 !important;}
.gwrap{padding: 0px 0px;}
.lang-btn img{width:23px;}
.dropdown-menu.language a img{width: 29px;}
h3.pm{margin-top:10px;}
.gwrap p{margin:0px;text-align:center;color:#ffd053;margin-bottom:10px;}
.gwrap_2 p{color:#ffd053;text-align:center;text-transform:uppercase;}
.gwrap_2{display:grid;grid-template-columns:repeat(2,1fr);}
.dlwrapper p{text-align:center;margin:0px;color:#ffd053;padding-top:5px;}
.lby-l {width: 25%;}
.lby-r {width: 75%;}
.tab-lby {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.promo-item {
    background: #171717;
    color: #fff;
}

.promo-in {
    padding: 0px 20px;
    padding-bottom: 10px;
}
figure {
    margin: 0px;
}
.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.logo img {
    height: 42px;
    padding-left: 5px;
}

.header-r {
    align-items: center;
    display: flex;
    gap: 5px;
    width: 50%;
}
.rigt-all img {
    width: 41px;
    /* height: 33px; */
}
.btn-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5px 20px;
    align-items: center;
}

.blnc .tot-title a {
    color: #fec202;
}

li.nav-item.active a img {
    /* filter: brightness(0); */
    /* opacity: 0.7; */
}
.af-header {
    padding-right: 7px;
}
.logo {
    width: 45%;
}


.bln-wrap{background: url("../images/bln/CheckBalanceUI-btn.png") no-repeat;height: 50px;background-size: 100% 100%;max-width: 370px;padding: 0px 10px;display: flex;align-items: center;width: 100%;justify-content: space-between;margin: 10px auto;}
.bln-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 10px; */
    width: 100%;
}

.usr img {
    height: 20px;
}

.usr {
    display: flex;
    position: relative;
    gap: 5px;
}

.bln-totl img {
    height: 30px;
}

.bln-totl {
    display: flex;
    align-items: center;
    gap: 5px;
}

.usnm {
    position: relative;
    font-weight: bold;
}

.btn-am {
    position: absolute;
    font-size: 10px;
    text-align: center;
    width: 100%;
    top: 13px;
    font-style: italic;
    margin-top: 2px;
    font-weight: 100;
}

.bm {
    position: absolute;
    font-size: 10px;
    text-align: end;
    width: 100%;
    bottom: -2px;
    font-style: italic;
}

.bln-totl span {
    position: relative;
}

.tp {
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: bold;
}

span.sp1 {
    font-size: 22px;
    font-weight: bold;
}

/* 05012024 */
.gwrap_2 a {
    position: relative;
}

.maintenance-bar{
    position: absolute;
    top: 45%;
    font-size: 12px;
    background: rgb(0,0,0,0.5);
    padding: 5px;
    width: 80%;
    left: 10%;
    text-align: center;
    border-radius: 10px;
}

.maintenance-bar p{
    color: #fff;
    margin-bottom: 0;
}

/* 25092024 */
.turn-box {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40%;
    border: 1px solid #f1d73e;
    border-radius: 5px;
    background: #292e32;
    color: #ffff;
}

.turn-box p {
    margin-bottom: 0px;
}

.turn-box span {
    font-weight: 600;
}

.turnover-sec {
    padding: 0px 10px;
}

/* 10102024 */
.qr-img {
    width: 150px;
}

.bank-qr {
    text-align: center;
}

/* 22102024 */
.copyBtn {
    width: unset;
    height: unset;
}

.btn-file {
    color: black;
    background: linear-gradient(to bottom, #fde300 0%, #bf9902 100%);
}

/* 31072025 */
.daily-task {
    position: relative;
    cursor: pointer;
}

.task-title {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0%);
    font-weight: 600;
    white-space: nowrap;
    font-size: 20px;
    z-index: 10;
    color: #fff;
}

    .task-title span {
        color: #fece03;
    }

.reward-sec {
    padding: 20px 10px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
}

.daily-task img {
    border-radius: 10px;
}

.claimed-btn {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 45%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-weight: 600;
    color: #ffce3d;
    font-size: 15px;
}

    .claimed-btn i {
        font-size: 30px;
    }

.complete-filter img {
    background-color: rgba(0, 0, 0, 0.2);
    filter: brightness(0.5);
}

.daily-wrap-in {
    background-color: #000c07;
    backdrop-filter: blur(5px);
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #ffd204;
}

.daily_modal .close {
    position: absolute;
    right: 25px;
    top: 18px;
    color: #fff;
    opacity: 1;
    font-size: 32px;
    z-index: 2;
}

.daily_modal .modal-body {
    background: none;
}

.daily_modal .modal-content {
    background: none;
    border: none;
}

.daily-content {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.daily-bg ul li a img {
    filter: grayscale(0.8);
}

.daily-bg ul li a.claimed img {
    filter: none;
}

.daily-bg ul li a.active img {
    filter: none;
}

.modal-congrat h5 {
    color: #f8cb06;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.congrat-text {
    text-align: center;
    font-size: 20px;
}

.image-wrap img {
    display: block;
    margin: 0px auto;
    position: relative;
    width: 190px;
}

.img-wrap-top {
    position: absolute !important;
    bottom: -27px;
    left: 0;
    right: 0;
    margin: 0px auto;
    filter: brightness(0) saturate(100%) invert(79%) sepia(31%) saturate(598%) hue-rotate(9deg) brightness(102%) contrast(88%);
}

.image-wrap {
    height: 200px;
    position: relative;
}

.text1 {
    color: #ffce05;
}