@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;@charset "utf-8";400;600;700;800&display=swap');
body{font-family:"Noto Sans", sans-serif;line-height:1.4;font-size:14px;margin:0 auto;color: #ffffff;background-color: #000a22;}
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, button:focus, button:hover, input:focus, select:focus{text-decoration:none;outline:none;}
img{max-width:100%;}
@font-face {
    font-family: "Gotham";
    src: url("../webfonts/GothamBold.ttf");
}

.gothamfont {
    font-family: "Gotham";
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select{color:#666;width:100%;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track-piece{background-color:rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;}
::-webkit-scrollbar-thumb{background:#888;}
::-webkit-scrollbar-thumb:hover{background:#555;}
.container-fluid{max-width:1440px;}
.header-top .row{display:flex;justify-content:center;align-items:center;height:82px;}
.logo{padding:5px 0;}
.logo img{max-height:72px;}
.header-right{margin-top:10px;}
.headright{display:flex;justify-content:flex-end;align-items:center;}
a.mobile-icon{margin-right:10px;}
.login_bar{display:flex;justify-content:space-between;align-items:center;color:#fff;}
.log-group{margin:0 5px;}
.log-group input{border: 1px solid #ffffff;border-radius:3px;width:116px;height:30px;padding:0 10px;background-color: #000a22;color: #fff;}
.login_btn{background: transparent;color: #fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;margin-right:5px;border: 1px solid #01f9fc;position: relative;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.join_btn{background: #01f9fc;color: #000;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.login_btn a{color: #fff;}
.join_btn a{color: #000;}
.languageToggle{cursor:pointer;}
.languageToggle img{max-width:29px;}
.languageToggle i{font-size:18px;vertical-align:sub;margin-left:5px;}
.languageToggle button{background:none;border:none;}
.languageToggle .btn-secondary:hover{color:#fff;background-color: #ffffff00;border-color: #ffffff00;}
.languageToggle .dropdown-menu{padding-left:10px;padding-right:10px;min-width:20px;}
.btmtools{display:flex;justify-content:space-between;align-items:center;color:#a5a5a5;font-size:12px;padding:5px 10px 0;padding-left:33px;}
.forgot-link a{color:#ffffff;/* text-decoration:underline; */font-size: 12px;}
.header-menu{background: #124abd;position:relative;}
.main-nav{display:flex;align-items:center;height: 57px;}
.main-nav li.nav-item{/* margin: 0 17px; *//* padding:9px 0 14px; */font-family: "Gotham";display: flex;height: 100%;align-items: center;}
.main-nav li.nav-item a.navlink{color:#fff;font-size: 13px;text-transform:uppercase;margin: 0 17px;/* padding: 12px 0 20px 0; */display: flex;font-family: "Gotham";height: 100%;align-items: center;}
.main-nav li.nav-item:hover a.navlink{color: #b4b4b4;}
.main-nav li.nav-item.menuimg a.navlink img{filter:contrast(0) brightness(5);}
.main-nav li.nav-item.menuimg:hover a.navlink img{filter:none;}
.position-inherit{position:inherit;}
.dropmenu{background: #080808;position:absolute;top:100%;left:0;z-index:99;width:100%;text-align:center;opacity:0;visibility:hidden;-webkit-transform-origin:0% 0%;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;transform-style:preserve-3d;transform:rotateX(-90deg);visibility:hidden;}
.main-nav li.nav-item:hover .dropmenu{transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;visibility:visible;}
.dropinner{border-bottom: 1px solid #1a1a1a;display: flex;/* grid-template-columns: repeat(5,1fr); */justify-content: center;flex-wrap: wrap;}
.dm-item{display:inline-block;text-align:center;padding:10px;text-transform:uppercase;max-width: 250px;}
.gm_name{margin-top:5px;color: #bcbcbc;transition:all 0.5s;}
.dm-item.more_games{
    display: flex;
    align-items: center;
}
.more_games .gm_name{
    border: 1px solid #5a5a5a;
    border-radius: 100%;
    padding: 58px 20px;
}
.more_games .gm_name:hover{
    background-color: #141414;
}
.gm_name img{max-width:35px;vertical-align:text-bottom;}
.dm-item img.img-open{display:none;}
.dm-item:hover img.img-open{/* display:block; */}
.dm-item:hover img.img-close{/* display:none; */}
.dropmenu:hover a{opacity:0.5;transition:all 0.5s;}
.dropmenu:hover a:hover{opacity:1;transition:all 0.5s;}
/** Footer **/.footer-sec{background:#F2F2F2;color:#757575;padding-bottom:45px;}
.footer_wrap{display:flex;justify-content:space-between;align-items:center;}
.footer-menu-wrapper{padding:10px 25px;}
.footer-menu li{margin:10px 20px 10px 0;position:relative;}
.footer-menu li a{color:#757575;}
.footer-menu li a:hover{color:#757575;text-decoration:underline;}
.footer-menu li::after{content:'';border-right:1px solid #444444;height:10px;display:inline-block;position:absolute;top:5px;right:-11px;}
.footer-menu li:last-child::after{content:none;}
.copyright{font-size:11px;text-transform:uppercase;}
.copyright img{max-width:21px;margin-left:5px;}
.fp-btm{border-bottom:1px dotted #505050;}
.fp_wrapper{display:grid;grid-template-columns:repeat(5,1fr);padding:15px;}
.footer-point{text-align:center;max-width:210px;margin:auto;}
.ptitle{color:#000;font-size:18px;font-weight:700;margin:5px 0 20px;}
.fp_caption{margin-bottom:10px;}
.ftcol{margin:15px 0;}
.footer-point a{color:#0070d1;}
.footer-point a:hover{color:#0070d1;text-decoration:underline;}
.ftittle{font-size:12px;margin-bottom:10px;}
.ft_icon img{filter:grayscale(1);margin-right:10px;opacity:0.8;}
.ft_icon img:hover{filter:none;opacity:1;}
.footer-seo{padding:30px;background:#141414;}
.footertopContent{display:flex;justify-content:space-between;width:100%;}
.footertopItem{margin:0 15px;text-align:justify;max-width:33%;}
.textContent{font-size:11px;color:#a4a4a4;}
.textContentItem{margin-bottom:20px;}
.pheader{font-size:14px;color:#a4a4a4;margin-bottom:6px;font-weight:700;}
.footertopContent a{color:#7e8c8d;}
/** Left Floating Download **/.left-slide-download{position:fixed;left:-190px;top:128px;z-index:99;transition:ease 0.3s;}
.left-slide-download:hover{left:0;transition:ease 0.3s;}
.download-left-btn{position:absolute;top:0;right:-52px;cursor:pointer;}
.downlad-float-wrapper{padding:2px 5px;width:190px;background:#f7f7f7;}
.dl-box{background:linear-gradient(to bottom, rgba(0,164,224,1) 0%, rgba(0,97,201,1) 100%);border-radius:3px;border:1px solid #098ce8;text-align:center;height:40px;display:flex;justify-content:center;align-items:center;margin:5px 0;}
.dl-box:hover{filter:brightness(1.15);}
.modal-dialog.download{max-width:600px;}
.modal-content.download{background:rgb(0 0 0 / 80%);padding:15px 15px;border: 1px solid #124abd;}
.proider-title{text-align:center;margin-bottom:20px;color:#fff;}
button.close-download{position:absolute;right:5px;top:5px;background:none;border:none;font-size:18px;font-weight:700;color:#fff;}
.download-info-wrapper .downloadbox{height:auto;padding-bottom:15px;}
/** Footer License **/.footer-license{background: #02060d;padding:30px 0;}
.license-wrap{display:grid;grid-template-columns:45% 40% 15%;border-bottom:1px dotted #505050;padding:15px 25px 20px;}
.license-wrap.scwrap{padding:15px 25px 40px;}
.ft-about{max-width:450px;font-size:12px;line-height:1.3;margin-top:15px;}
.gtitle{margin-bottom:15px;font-size:13px;}
.license-logo img{height:28px;margin-right:15px;}
.social-logo img{height:35px;margin-right:15px;}
/** Homepage **/.home-featured{display:grid;grid-template-columns:55% auto;grid-gap:10px 10px;margin:20px 0;}
.home-featured a:hover{filter:brightness(1.10);}
.hfbox-1 img{height:auto;object-fit:fill;}
.hfbox-2 a{margin-bottom:10px;display:block;overflow:hidden;}
.hfbox-2 a:last-child{margin-bottom:0;}
/** Live Casino **/.casino-sec{padding:30px 0 45px;}
.gamerow-wrap{display:grid;grid-template-columns: repeat(3,1fr);grid-gap:10px 15px;}
.gamebox{display:block;/* max-width:266px; */transition:all 0.3s;margin:16px auto;width: 100%;margin-top:0px;}
.gamebox .game-title{color:#000;background:#F2F2F2;padding:12px 10px;font-weight:700;font-size:17px;text-transform:uppercase;}
.gamebox .game_img{/* max-width:266px; *//* height:174px; */overflow:hidden;}
.gamebox .game_img img{height:100%;object-fit:cover;width: 100%;}
.gamebox:hover{transform:translateY(-10px);transition:all 0.3s;}
.hot_icon{
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
}
.hot_icon_slots{
    position: absolute;
    right: -1px;
    top: -1px;
    width: 27px;
}
/*.gamebox .game_img .img-open{display:none;}
.gamebox:hover .game_img .img-close{display:none;}
.gamebox:hover .game_img .img-open{display:block;}*/
/** Sport **/.sports-sec{background: #000000;background-size:cover;padding:15px 0 40px;}
.nav-tabs.sports{border:none;}
.nav-tabs.sports .nav-item{width:16.2%;text-align:center;margin-right:0.5%;}
.nav-tabs.sports .nav-item:last-child{margin-right:0;}
.nav-tabs.sports .nav-link{border:none;border-top-left-radius:12px;border-top-right-radius:12px;background:#423a4a;padding:5px 10px;}
.nav-tabs.sports .nav-item.show .nav-link, .nav-tabs.sports .nav-link.active{background:linear-gradient(to bottom, rgba(247,34,247,1) 0%, rgba(137,37,244,1) 100%);}
/** Slots **/.slots-sec{padding:30px 0 45px;}
ul.nav.provider-menu{display:flex;align-items:flex-end;text-align:center;background:#353638;}
ul.nav.provider-menu li{width:120px;font-size:11px;height:100px;display:flex;justify-content:center;align-items:flex-end;}
ul.nav.provider-menu li a{padding:15px 10px;display:block;color:#ffffff;}
ul.nav.provider-menu li a img{margin-bottom:5px}
ul.nav.provider-menu li.active, ul.nav.provider-menu li:hover{background:#8925f4;}
ul.nav.provider-menu li.active a, ul.nav.provider-menu li:hover a{color:#ffffff;}
ul.nav.provider-menu li.active img, ul.nav.provider-menu li:hover img{}
ul.nav.filter-list{background:#0f0f0f;margin-top:8px;}
ul.nav.filter-list li{min-width:120px;text-align:center;}
ul.nav.filter-list li a{color:#ffffff;display:block;padding:8px 2px;text-transform:uppercase;font-size:13px;}
ul.nav.filter-list li.active a, ul.nav.filter-list li:hover a{color:#fff;background: linear-gradient(to bottom, #cb307d 0%, #881850 100%) !important;}
.thumbnail-slots{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;padding:15px 0;}
/** Fishing **/.fish-wrap{position:relative;height:420px;}
.fish-btn{position:absolute;left:17%;top:56%;}
a.play-fish{display:inline-block;background:#8925f4;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;padding:7px 23px;border-radius:2px;}
a.play-fish:hover{background:#343434;color:#fff;}
.fish-wrap.bg{background:url("../images/fishing/fsh-bg.jpg")no-repeat center;background-size:cover;}
.fish-wrap.pp{background:url("../images/fishing/fsh-pp.jpg")no-repeat center;background-size:cover;}
.fish-wrap.cq9{background:url("../images/fishing/fsh-cq9.jpg")no-repeat center;background-size:cover;}
.fish-wrap.jk{background:url("../images/fishing/fsh-jkr.jpg")no-repeat center;background-size:cover;}
/** 7-11 **/.loginbox{max-width:920px;margin:auto;}
.game-login{height:115px;display:flex;align-items:center;justify-content:space-between;background:#d9d9d9;}
.logo-prov{margin-top:-23px;}
.logo-prov img{max-width:unset;}
.fwrap{display:flex;align-items:center;margin:10px 0;}
.fwrap label{margin:0;font-size:13px;font-weight:600;margin-right:15px;}
.form-wrap{position:relative;}
.form-wrap input{height:35px;width:170px;border:1px solid #a0a0a0;border-radius:3px;padding:5px 30px 5px 8px;}
span.login-icon{position:absolute;right:9px;top:7px;font-size:16px;color:#838080;}
.instruc-box{width:360px;background:#e5e5e5;height:100%;display:flex;align-items:center;padding:30px;font-size:13px;}
.gameinfo-wrapper{max-width:920px;margin:auto;background:#f2f2f2;padding:25px;font-size:13px;color:#838080;}
.more-info{color:#0062c9;font-size:15px;font-weight:600;margin-bottom:10px;}
.more-info a{text-decoration:underline;color:#0062c9;}
.gameinfo-wrapper ol{padding-left:18px;font-size:12px;}
.btitle{font-size:26px;font-weight:600;margin-bottom:10px;}
.btext{font-size:16px;}
/** Info Centre **/.info-sec{padding-top:60px;}
.info-sec .container-fluid{max-width:1300px;}
.inforow{background:#110e16;border-radius:10px;}
section.header-info{background:#000;}
.title-info{text-align:center;background:linear-gradient(to bottom, rgba(247,34,247,1) 0%, rgba(137,37,244,1) 100%);color:#fff;font-weight:700;padding:8px;font-size:17px;}
.info-menu-wrapper{display:grid;margin:0px auto;grid-template-columns:repeat(5,1fr);margin-top:15px;width:1000px;}
.info_item{display:block;color:#8d8d8d;text-align:center;font-size:17px;padding:15px 0;line-height:17px;font-weight:bold;}
.info_item img{filter:grayscale(1);margin-bottom:15px;}
.info_item:hover, .info_item.active{color: #124abd;}
.info_item:hover img, .info_item.active img{filter:none;}
.faq-card, .tnc-card{border: 1px solid #124abd;}
button.btn-tnc{background: #124abd;color:#ffffff;font-size:16px;border:none;font-weight:600;display:block;width:100%;text-align:left;padding:15px 15px;position:relative;}
button.btn-tnc.collapsed{background:none;}
.tnc-body{padding:20px 15px;color:#ffffff;}
button.btn-tnc::after{content:'>';font-size:16px;line-height:1;position:absolute;right:17px;top:17px;transform:rotate(270deg);transition:all 0.3s;}
button.btn-tnc.collapsed::after{content:'>';transform:rotate(90deg);transition:all 0.3s;}
.copyright-info{padding:15px 15px;text-align:right;font-size:12px;color:#8d8d8d;}
.termcaps{color:#7e8c8d;font-size:16px;margin:10px 15px;}
.afterlogin_bg{background: #000000;padding:20px 0;min-height:875px;}
.profilebox{background-color:#141414;height:89px;padding:14px;margin-bottom:20px;}
.profileinfo{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;}
.profile_icon{display:grid;grid-template-columns:auto auto;align-items:center;padding:0 10px;color:#fff;}
.wallet_custom{border-left:1px dotted #505050;padding-left:20px;color:#fff;}
.profile_rank{color: #881850;}
.wallet_bal{color: #881850;}
.sidepanel{margin:0;padding:0;/* width: 276px; *//* float:left; */border-bottom:none;}
.sidepanel ul{background-color: rgb(20 20 20 / 0%);list-style-type:none;padding:20px;}
.sidepanel ul li{/* background-image:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6); */margin-bottom:10px;border-radius:10px;}
.sidepanel ul li a{display:flex;text-align:center;text-decoration:none;font-size:13px;margin:0px;border-radius: 0px;line-height:initial;align-items:center;justify-content:left;padding-left:20px;word-break:break-all;padding: 20px 0;background: transparent;color:#ffffff;border-bottom: 1px solid #12c3ff;}
.sidepanel ul li.active a{background-image:none;background: transparent;color:#fff;}
.sidepanel_icon_white{/* display:none; */}
.sidepanel ul li.active a .sidepanel_icon_white{display:block;}
.sidepanel ul li.active a .sidepanel_icon_color{display:none;}
.sidepanel ul li a img{margin-right:5px;width: 32px;/* filter: saturate(119.5) hue-rotate(36deg); */}
.sidepanel_content{display:block;/* margin-left: 300px; */min-height:600px;border-radius:10px;background: #000a22;color:#ffffff;padding-bottom:30px;border: 1px solid #12c3ff;}
.sidepanel_header{padding:20px;color:#ffffff;border-bottom:1px solid #c4c4c4;}
.setting_text{color:#ffffff;}
.title_text{display:flex;padding-left:50px;align-items:center;}
.title_text02{display:flex;padding-left:50px;align-items:unset;}
.nav-pills.afterlogin .nav-link.active, .nav-pills.afterlogin .show>.nav-link{color:#fff;background-color:#ffffff;border: 1px solid #881850;background-image:url(../images/afterlogin/deposit/tContent_depositContent_largeActive.png);background-position:center;background-repeat:no-repeat;padding:0;margin:8px 0px;}
.nav-pills.afterlogin .nav-link{color:#fff;background-color:#ffffff;padding:0;margin:8px 0px;border:1px solid #bbbbbb;}
.ori_img{display:none;}
.nav-pills.afterlogin .nav-link.active .ori_img{display:block;}
.nav-pills.afterlogin .nav-link.active .grey_img{display:none;}
.bank_select{display:flex;justify-content:left;width:500px;font-size:12px;}
.bank_select_inner{display:flex;color:#858585;text-align:center;align-items:center;margin-right:10px;}
.bank_select_img{border:1px solid #858585;border-radius:5px;padding:0px;margin:8px;margin-left:0;}
.nav-pills.afterlogin_bank .nav-link.active, .nav-pills.afterlogin_bank .show>.nav-link{color:#fff;background-color:#ffffff00;background-image:url(../images/afterlogin/deposit/tContent_depositContent_smallActive.png);background-position:1% 56%;background-repeat:no-repeat;padding:0;}
.nav-pills.afterlogin_bank .nav-link{padding:0;}
.nav-pills.afterlogin_bank .nav-link.active .bank_select_inner{color: #881850;}
.nav-pills.afterlogin_bank .nav-link.active .bank_select_inner .bank_select_img{border: 1px solid #881850;}
.ori_img{display:none;}
.nav-pills.afterlogin_bank .nav-link.active .ori_img{display:block;}
.nav-pills.afterlogin_bank .nav-link.active .grey_img{display:none;}
.inputDeposit{border:1px solid silver;background-color:#fff;color:#999;border-radius:4px;display:flex;align-items:center;height:40px;width:300px;}
.maxLimit{color:red;}
.depositBtn{width:80px;height:40px;background-image:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);background-image:-moz-linear-gradient(top, #f4f3f3, #e6e6e6);background-image:-ms-linear-gradient(top, #f4f3f3, #e6e6e6);background-image:-o-linear-gradient(top, #f4f3f3, #e6e6e6);background-image:linear-gradient(top, #f4f3f3, #e6e6e6);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;background-clip:padding-box;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid silver;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#858585;font-size:14px;}
.submit_btn{margin-top:10px;border-radius:4px;width:188px;height:40px;background: #124abd;color:#fff;cursor:pointer;font-size:inherit;border:none;}
.upload_btn{margin-top:10px;border-radius:4px;width:188px;height:40px;background:#0062c9;background:-moz-linear-gradient(top, #f4f3f3 0%, #e6e6e6 102%);background:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);background:linear-gradient(to bottom, #f4f3f3 0%, #e6e6e6 102%);color:#858585;cursor:pointer;font-size:inherit;border:1px solid #e6e6e6;}
.copy_dep.upload_btn{margin-top:0px;margin-left:10px;border-radius:4px;width:50px;height:40px;background:#0062c9;background:-moz-linear-gradient(top, #f4f3f3 0%, #e6e6e6 102%);background:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);background:linear-gradient(to bottom, #f4f3f3 0%, #e6e6e6 102%);color:#858585;cursor:pointer;font-size:inherit;border:1px solid #e6e6e6;}
.bank_details_copy{background-color:#004997;color:white;display:flex;align-items:center;border-radius:4px;border:1px solid silver;width:250px;height:30px;justify-content:center;}
.tab-pane-bank{margin-left:auto;margin-right:0;}
.important-notice{background:#eeeeee;padding:20px 20px 20px 20px;margin:20px;font-size:12px;height:fit-content;}
.important-notice-title{color:#000000;}
.important-notice-content{color:#858585;}
.important-notice-content ol{padding:0;}
.exchangeIcon{color:#999;display:flex;align-items:center;}
.weekly{background:#E2E2E2;padding:10px;margin-left:auto;margin-right:0;color:#000;display:flex;border-radius:5px;}
.text_title_transfer{color:#bfbfbf;}
.transfer_game_main{font-size:12px;}
.transfer_box{display:flex;border:1px solid #e2e2e2;background-color:#fff;color:#000000;padding:10px;border-top-left-radius:5px;border-top-right-radius:5px;}
.transfer_box_sec{color:#000000;padding:0 2px;background-color:#E2E2E2;display:flex;min-height:27px;align-items:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.transfer_btn{height:22px;width:64px;border: 1px solid #881850;color: #881850;background:none;border-radius:5px;}
.transfer_btn:hover{background:#8925f4;color:#fff;}
.text-blue{color:#000000;}
.withdrawal table{border-collapse:collapse;width:100%;color:#000000;}
.withdrawal table th{border:1px solid #d5d5d5;text-align:center;padding:8px;text-transform:uppercase;color:#ffffff;background-color:rgba(129, 157, 187, 0.15);}
.withdrawal table td{text-align:left;padding:8px;background:rgba(255, 255, 255, 0.1);border:1px solid #d5d5d5;background-color:#ffffff;}
.withdrawal table td:first-child{text-align:right;}
.withdrawal.rebate_custom table td{text-align:center;}
.history_main{display:flex;align-items:center;}
.history_btn{border:none;padding:5px;background-color:transparent;color:#858585;margin:0 5px;}
.history_btn.active{border: 1px solid #881850;border-radius:4px;color: #881850;background:white;padding-left:18px;padding-right:18px;align-items:center;}
.history_table table{width:100%;color:#000;text-align:center;}
.history_table table tr:first-child{background-color: #881850;}
.history_table table tr td{padding:15px 0;border-bottom:1px solid #d0d0d0;min-width:200px;color:#fff;}
.history_table table tr td i{font-size:20px;}
.history_table table tr th{padding:8px;color:#fff;}
.history_to{color: #fff;display:flex;align-items:center;}
.form-control.date_custom{padding:0 10px;}
.inbox_msg_text{color:#8925f4;cursor:pointer;}
.profile_main{display:grid;grid-template-columns:repeat(3, 1fr);color: #cecece;grid-column-gap:5px;}
.profile_main_title{color:#ffffff;}
.profile_main_bg{background-color: #881850;padding:20px;}
.bank_details_content{display:flex;align-items:center;}
.deposit_btn{background: #01f9fc;color: #000;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;margin:0 5px;}
.deposit_btn a{color: #000;}
.logout_btn{background: #124abd;color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;margin:0 5px;border: 1px solid #01f9fc;}
.btmtools_after{display:flex;justify-content:space-between;align-items:center;color:#ffffff;font-size:12px;padding:5px 10px 0;float:right;}
.log-group a{color:#ffffff;}
.three_dot{font-size:10px;}
.msg_head{font-size:20px;color: #01f9fc;}
.about-us-header, .contact-us-header{font-weight:bold;font-size:18px;margin:0px !important;padding-top:20px;color:#fff;}
.about-content.content-one{color:#fff;padding-top:30px;}
.contact-us-header_inner{margin:50px 0;color:#fff;}
.contact_dotted{border-right:1px dotted;color:#fff;}
.contact_dotted img{filter:brightness(0) invert(1);}
.contact-us-header_inner img{filter:brightness(0) invert(1);}
.mix{display:none;}
.filter-menu-bar{margin:20px 0;/* background-color:#110e16; */display:flex;justify-content:space-between;}
.pmbox{background:none;color:#8f8f8f;text-transform:uppercase;display:inline-block;padding:5px 15px;font-weight:700;font-size:14px;margin-right:10px;cursor:pointer;}
.pmbox.active{background: #4dd6fa;color: #1d1d1d;}
.promo-content{display:grid;grid-gap: 20px;grid-template-columns: repeat(3, 1fr);}
.pm-boxer{display:grid;cursor:pointer;transition:all 0.5s;position:relative;max-width:100%;height:auto;align-content:center;margin:10px 0;grid-gap:10px;background-color: #061647;}
.pm-boxer_inner{
    display:
    grid;
    padding-bottom: 40px;
    color:#fff;
    text-align: center;
    background-image: url(../images/promo/ori.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 9px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 14px;
}
.pm-boxer .top_h_img img{
    width: 100%;
}
.pm-boxer_inner_sec{display:flex;align-items:flex-end;margin-top: 30px;}
.moreinfo_btn{background-color:#023c7a;color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.apply_btn{background-color: #9ea6b8;color: #000;font-weight: 800;text-transform: uppercase;border: none;border-radius: 100px;width: 110px;height: 36px;font-size: 13px;border: 1px solid #9ea6b8;}
.text_red{color:red;}
.text_blue{color:blue;}
.modal-dialog.promo{max-width:800px!important;}
.modal-content.promo{padding:20px;}
button.close-promo{background:none;border:none;font-size:19px;padding:8px;line-height:1;font-weight:700;position:absolute;right:0;top:0;}
.pm-title-wrapper{font-size:20px;font-weight:700;}
.pmtable-wrapper{margin:15px 0;}
table.promo-table tr th{color:#fff;background:#013B7A;padding:4px;border:1px solid #013B7A;}
table.promo-table tr td{border:1px solid rgb(1 59 122 / 33%);}
.gr-title{font-weight:700;font-size:16px;}
.grlist ul{padding-left:20px;margin-top:5px;}
.grlist ul li{padding-bottom:3px;font-size:14px;}
.hotgames-box{display:flex;justify-content:space-between;align-items:center;}
button.moregame-btn{background: linear-gradient(to bottom, #cb307d 0%, #881850 100%);color:#fff;border:none;padding:6px 15px;border-radius:2px;}
button.moregame-btn i{color:#FDB813;font-size:10px;}
.hot-title{display:flex;align-items:center;font-size:16px;margin:7px 0;font-weight:700;background: -webkit-linear-gradient(#0dccff, #4760ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hot-title img{margin-right:5px;}
.index_products{border-collapse:separate;border-spacing:10px;}
.hotgame_main{}
.hotgame_main a{color:grey;}
.hotgame_main a img{
    margin: auto;
    width: 100%;
    border-radius: 10px;
}
.hotgame{background:#F2F2F2;padding:8px 3px;text-align:center;}
.slider_jackpot{position:relative;}
.jackpot_text{position:absolute;bottom:12%;font-weight:700;font-size:35px;color:#000;left:0;right:0;margin:auto;text-align:center;}
.index_logo_provider{padding:15px;list-style-type:none;display:flex;justify-content:space-between;margin:0;background-color:#ebebeb;align-items:center;}
.index_logo_provider li img{filter:grayscale(1);opacity:0.8;}
.index_logo_provider li img:hover{filter:none;opacity:1;}
/** Match - center **/.latest-wrapper{display:grid;grid-template-columns:55% 44%;grid-gap:1%;border-top: 1px dotted #881850;padding-top:10px;margin-bottom:30px;}
ul.carousel-indicators.vdemo{position:absolute;top:-25px;right:0;left:auto;margin:0;}
ul.carousel-indicators.vdemo li{border-radius:50%;height:9px;width:9px;background-color:transparent;border: 1px solid #7db6fa;opacity:1;background-clip:unset;}
ul.carousel-indicators.vdemo li.active{background-color: #7db6fa;border: 1px solid #7db6fa;}
.app-slide-wrapper{position:relative;padding-top: 5px;/* border-top: 1px dotted #5e5e5e; */margin-top: 0;cursor: pointer;margin-bottom: 30px;}
.hot-title.app{left:15px;top:10px;margin-bottom:10px;}
.app-slider{position:absolute;left: 12%;bottom:0;max-width:666px;}
ul.carousel-indicators.vdemo.app{position:absolute;top: 2vw;right: 19%;left: auto;}
.download-home{position:absolute;right:0;top: 18%;left: 59%;text-align:center;display:grid;grid-template-columns:50% 50%;max-width: 500px;grid-gap: 10px;}
.device-app{color:#fff;font-size:20px;margin-bottom:10px;text-align: left;}
.qr-img{margin:auto;display: inline-flex;}
.downloadTab{margin:20px 0;}
.downloadTab .nav-pills .nav-link{background:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);margin-bottom:5px;height:50px;color:#858585;align-items:center;display:flex;}
.downloadTab .nav-pills .nav-link.active,.downloadTab .nav-pills .nav-link:hover{background:linear-gradient(to bottom, rgba(247,34,247,1) 0%, rgba(137,37,244,1) 100%);color:#fff;}
.downloadbody{text-align:center;}
.downloadbox{text-align:center;width:23%;margin:0 5px;display:inline-block;height:173px;}
.ndl-btn{background: #124abd;color:#ffffff;font-size:13px;padding:5px 10px;font-weight:700;border-radius:30px;display:block;margin:auto;margin-top:4px;width:78%;}
.ndl-btn:hover,.ndl-btn:focus{color:#406794;}
.adl-btn{background: #124abd;color:#ffffff;font-size:13px;padding:5px 10px;font-weight:700;border-radius:30px;display:block;margin:auto;margin-top:4px;width:78%;}
.adl-btn:hover,.adl-btn:focus{color:#406794;}
.dl{max-width:500px;margin:auto;}
.dl table{border-collapse:collapse;width:100%;font-size:12px;}
.dl table th{border: 1px solid #124abd;text-align:center;padding:8px;background-color: #124abd;color:#fff;text-transform:uppercase;font-weight:500;}
.dl table td{text-align:left;padding:8px;background-color: #000000;border: 1px solid #124abd;color: #ffffff;}
.dl .username_custom{color: #124abd;}
.downloadboxContent{padding:10px;border:1px solid #7d03ff;background:rgb(17 14 22);}
.sup_wrap_main{margin:20px 0;color:#000000;font-size:13px;}
.sub-side-nav{margin:0;padding:0;width:195px;float:left;border-bottom:none;color:#ffffff;list-style-type:none;}
.sub-side-nav li{background:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);cursor:pointer;border-radius:.25rem;margin-bottom:5px;}
.sub-side-nav li:hover,.sub-side-nav li.active{background:-moz-linear-gradient(bottom, #0062c9 0%, #003679 102%);background:-webkit-linear-gradient(bottom, #0062c9 0%, #003679 102%);background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);}
.sub-side-nav li:hover a,.sub-side-nav li.active a{color:#ffffff;}
.sub-side-nav li a{color:#858585;padding:20px;display:block;}
.sub-side-right{display:block;padding:10px;margin-left:196px;min-height:400px;border:1px solid #c4c4c4;background:rgba(129, 157, 187, 0.15);}
.sub-side-right-title{border-bottom:1px solid #c4c4c4;margin-bottom:10px;}
.sub-side-right .form-group .form-control{background-color:#ffffff;border:1px solid #44474c;border-radius:2px;color:#191919;height:31px;padding:0 10px;}
.vcode{position:absolute;right:20px;top:30px;}
/** Forgot Password **/.reg-sec{padding:30px 0;/* background: #000000; */}
.fg-wrapper{
    background-image: url(../images/bg.jpg);
    padding:30px;
    max-width:959px;
    margin:
    auto;
    display:
    grid;
    grid-template-columns:34% auto;
    grid-gap:30px;
    background-position: center;
    background-size: cover;
    border: 1px solid #000;
}
.fg-form{max-width:400px;}
.enter-remind{border:1px solid #DDDDDD;padding:20px;font-size:17px;height:120px;color: #ffffff;display:flex;align-items:center;}
.bk-title{background:#000;color:#fff;padding:8px 15px;font-size:16px;margin-bottom:15px;}
.regfield{display:grid;grid-template-columns:145px auto;grid-gap:10px;margin-bottom:10px;font-size:13px;}
.rgfeild{position:relative;}
.rgfeild.date_input input{width:100%;}
.regfield .label{align-self:center;}
span.manred{color:red;float:right;}
.regfield input{font-size:13px;padding:3px 10px;border:1px solid #d6d6d6;height:34px;}
.vericode{position:absolute;top:5px;right:7px;}
button.reg-btn{background: linear-gradient(to bottom, #124abd 0%, #124abd 100%) !important;color:#fff;border:none;border-radius:5px;font-size:15px;padding:3px 20px;height:34px;}
button.reg-btn:hover{background:linear-gradient(to bottom, rgba(137,37,244,1) 0%, rgba(247,34,247,1) 100%);color:#fff;}
.benefit-box{border:1px solid #DDDDDD;padding:20px;color: #fff;}
.benefit-box h4{font-size:16px;font-weight:700;}
.benefit-box ul{padding:0;padding-left:15px;color: #ffffff;font-size:13px;}
.benefit-box ul li{padding-bottom:5px;}
.accept-field{font-size:13px;color: #b9b9b9;}
.regbn{grid-column:1/3;}
.notice-sec{background: #881850;}
.annouce-in{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:stretch;height:33px;background-color:#00a0df;padding:10px;}
.icon{color:#fff;font-size:18px;}
.runningtext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:stretch;width:100%;padding-left:10px;color:#fff;font-size:14px;}
.upload_rep{border:none;}
.input_date{width:100%;}
.mainwallet_custom{margin-bottom:0px;}
.btn_transfer_all{width:102px;margin-left:10px;margin-top:0px;}
.mainwallet_text{font-weight:bold;font-size:16px;padding-left:0px;}
.blog-wrapper{max-width:1000px;margin:0 auto;padding:30px;margin-top:20px;margin-bottom:20px;border:1px solid #013B7A;border-radius:10px;background:#f5faff;}
.blog-title-box{background:#013B7A;padding:5px;display:flex;}
.blog-title-box i{font-size:21px;color:#fff;margin-left:10px;margin-right:10px;border:1px solid #fff;padding:10px;width:45px;height:45px;text-align:center;border-radius:10px;}
.blog-boxer{display:grid;grid-template-columns:40% 60%;transition:all 0.5s;position:relative;max-width:100%;height:auto;align-content:center;margin:25px 0;grid-gap:10px;}
.blog-boxer_inner{display:grid;padding-bottom:10px;}
.blog-time-title{color:#000;}
.blog-content{color:#000;margin-bottom:15px;}
.blog-boxer .moreinfo_btn{display:flex;align-items:center;width:25%;padding-left:10px;padding-right:10px;border-radius:15px;}
.blog-boxer .moreinfo_btn i{background:#fff;color:#f0b90b;border-radius:50%;margin-left:10px;width:15px;height:15px;padding:2px;}
.seperate-line{height:2px;width:100%;margin:0 auto;background:#ececec;border-radius:10px;}
.moreinfo_btn{background-color: #000a22;color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius: 100px;width: 110px;height: 36px;font-size:13px;border: 1px solid #4dd6fa;}
.blog_details_txt{color:#000;}
.blog_details_title{color:#f0b90b;font-size:18px;}
.blog-title-box i.fab_custom{font-size:18px;color:#ffffff;margin-left:0;margin-right:16px;border:1px solid #f1b90a;padding:0;width:0;height:0;text-align:center;border-radius:0;}
.blog_back{align-self:center;margin-left:auto;}
.srl_menu{margin-top:129px;height:100%;z-index:10;}
.casino_grid{display:flex;margin-top:10px;}
.carousel-caption{position:relative;left:0;top:0;}
.casino-indicators{bottom:9px;right:-88%;}
.casino-indicators li{width:10px;height:10px;background-color:#fff;border-width:0;border:1px solid #b4b2b2;margin:0 5px 0 0;border-radius:50%;}
.casino-indicators .active{width:10px;height:10px;background-color:#013b7a;border-width:0;border:1px solid #013b7a;margin:0 5px 0 0;}
.bg_slide{background-color:#F2F2F2;color:#000;text-align:left;padding-left:20px;padding-bottom:44px;}
.side_menu_contant,.side_menu_contant_on{position:fixed;right:0;}

.icons_side_menu_line:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_line{width:33px;height:31px;background-position:-825px -41px;}
.icons_side_menu_livechat{width:30px;height:30px;background-position:-1301px -2px;}
.icons_side_menu_livechat:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_livechat{width:30px;height:30px;background-position:-1277px -36px;}
.icons_side_menu_mobile{width:23px;height:36px;background-position:-1078px -2px;}
.icons_side_menu_mobile:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_mobile{width:23px;height:36px;background-position:-1053px -2px;}
.icons_side_menu_pc{width:28px;height:26px;background-position:-441px -46px;}
.icons_side_menu_pc:hover,.positionFixed .side_menu_left .side_menu_download_on>span:hover .icons_side_menu_pc,.positionFixed .side_menu_left .side_menu_DNSdownload_on>span:hover .icons_side_menu_pc{width:28px;height:26px;background-position:-411px -46px;}
.icons_side_menu_watsapp{width:29px;height:29px;background-position:-1437px -34px;}
.icons_side_menu_watsapp:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_watsapp{width:29px;height:29px;background-position:-794px -43px;}
.icons_side_menu_wechat{width:32px;height:28px;background-position:-1628px -2px;}
.icons_side_menu_wechat:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_wechat{width:32px;height:28px;background-position:-1605px -32px;}
.icons_side_menu_skype{width:42px;height:41px;background-image:url(../images/icon/skype_of.png);}
.icons_side_menu_skype:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_skype{width:42px;height:41px;background-image:url(../images/icon/skype_ov.png);}
.icons_side_menu_yahoo{width:42px;height:41px;background-image:url(../images/icon/yahoo_of.png);}
.icons_side_menu_yahoo:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_yahoo{width:42px;height:41px;background-image:url(../images/icon/yahoo_ov.png);}
.icons_side_menu_bbm{width:42px;height:41px;background-image:url(../images/icon/bbm_of.png);}
.icons_side_menu_bbm:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_bbm{width:42px;height:41px;background-image:url(../images/icon/bbm_ov.png);}
.icons_side_menu_telegram{width:42px;height:41px;background-image:url(../images/icon/telegram_of.png);}
.icons_side_menu_telegram:hover,.positionFixed .side_menu_right .side_menu_contant_on>span:hover .icons_side_menu_telegram{width:42px;height:41px;background-image:url(../images/icon/telegram_ov.png);}
.side_menu_contant,.side_menu_contant_on{transition:all .5s;}
.side_menu_contant.off,.side_menu_contant_on.off{transform:translateX(52px);}
.positionFixed .side_menu_right{right:0;top:128px;bottom:0;z-index:2500;}
.positionFixed .side_menu_right .side_menu_contant .icons_side_menu_contant{cursor:pointer;}
.positionFixed .side_menu_right .side_menu_contant_on{height:100%;width:52px;background:#f7f7f7;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.positionFixed .side_menu_right .side_menu_contant_on>span{width:100%;padding:0 5px;box-sizing:border-box;}
.positionFixed .side_menu_right .side_menu_contant_on>span .item_hover{visibility:hidden;opacity:0;}
.positionFixed .side_menu_right .side_menu_contant_on>span .item_hover_img{visibility:hidden;opacity:0;}
.positionFixed .side_menu_right .side_menu_contant_on>span:hover .item_hover{visibility:visible;opacity:1;}
.positionFixed .side_menu_right .side_menu_contant_on>span:hover .item_hover_img{visibility:visible;opacity:1;}
.positionFixed .side_menu_right .side_menu_contant_on .item_hover{font-size:12px;position:absolute;padding:0 15px;right:47px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:white;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:44px;transition:opacity 1s;}
.positionFixed .side_menu_right .side_menu_contant_on .item_hover>p{word-break:keep-all;white-space:nowrap;}
.positionFixed .side_menu_right .side_menu_contant_on .item_hover_img{display:block;position:absolute;right:47px;top:-20px;transition:opacity 1s;}
.positionFixed .side_menu_right .side_menu_contant_on>span>span{cursor:pointer;width:100%;height:56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;}
.positionFixed .side_menu_right .side_menu_contant_on>span>span::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat;}
.positionFixed .side_menu_right .side_menu_contant_on>span:nth-last-child(1)>span::after{content:'';display:none;}
.positionFixed .pop_up_left{background:#f9f9f9;width:200px;height:272px;left:0;top:360px;z-index:1000;overflow:hidden;border:1px solid #d6d6d6;border-left:none;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.customer-service-button i{width:40px;height:38px;display:block;margin:0 auto;background:url(../images/icon-customer.png) no-repeat;margin-bottom:5px}
.icon-skype{background-position:0 0 !important}
.icon-snapchat{background-position:0 -38px !important}
.icon-line{background-position:0 -76px !important}
.icon-wechat{background-position:0 -114px !important}
.icon-nate{background-position:0 -152px !important}
.icon-whatsapp{background-position:0 -190px !important}
.icon-whatsapp2{background-position:0 -190px !important}
.icon-qq{background-position:0 -228px !important}
.icon-facebook{background-position:0 -266px !important}
.icon-twitter{background-position:0 -304px !important}
.icon-instagram{background-position:0 -342px !important}
.icon-hotline{background-position:0 -380px !important}
.icon-email{background-position:0 -418px !important}
.icon-googleplus{background-position:0 -456px !important}
.icon-forum{background-position:0 -572px !important}
.icon-blog{background-position:0 -496px !important}
.icon-telegram{background-position:0 -688px !important}
.icon-bbm{background-position:0 -726px !important}
.icon-pinterest{background-position:0 -763px !important}
.icon-linkedin{background-position:0 -797px !important}
.icon-youtube{background-position:0 -835px !important}
/** 14/7/2021 - Update **/a.dl-box img{max-height:30px;}
.proider-title img{max-height:45px;}
.languageToggle .dropdown-menu{padding-left:5px;padding-right:5px;}
.languageToggle .dropdown-menu a{display:block;padding:2px;}
.filter-menu-bar{display:flex;justify-content:center;}
/** VIP Updated 26/7/2021 **/.vip-slide{padding:30px 0;background:url("../images/vip/vip-bg.jpg")no-repeat bottom center;background-size:100%;padding-bottom:30px;}
.vip-box{background:url("../images/vip/card/crd-bg.jpg")no-repeat top center;background-size:cover;max-width:500px;height:240px;overflow:hidden;border-radius:12px;box-shadow:1px 2px 5px rgb(0,0,0,0.4);padding:15px;color:#fff;}
.viptop{display:flex;align-items:center;justify-content:space-between;font-family:'Poppins';font-style:italic;text-shadow:1px 1px 2px rgb(0 0 0 / 60%);text-transform:uppercase;font-weight:700;max-width:95%;margin:0 auto 35px;}
.vip-bagde img{max-height:95px;}
.vip-big{font-size:60px;}
span.vpclas{font-size:36px;font-weight:600;}
.vipdetail{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;text-shadow:1px 1px 1px rgb(0 0 0 / 35%);font-family:'Poppins';text-transform:uppercase;font-size:14px;align-items:flex-end;}
.vipth{font-size:25px;}
.vipth.lifetime{font-size:20px;}
.vipth.invite{font-size:17px;}
.smtext{font-size:14px;}
.vip-info-wrap{max-width:700px;margin:15px auto;border:1px solid #97cbf6;color:#666;box-shadow:0 0 4px rgb(90 196 255 / 100%);padding:15px;border-radius:12px;}
.viptitle-1{color:#000;font-size:20px;font-weight:700;padding:5px;}
.bnf-wrap{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px 5px;text-align:center;padding:15px 0;}
.bnfbox{font-size:22px;color:#0e7fd5;font-weight:700;}
.sm-vp{color:#000;font-size:15px;}
.priv-box{display:flex;align-items:center;}
.icon-privil{color:#0e7fd5;font-size:38px;width:70px;}
.priv-box .bnfbox{text-align:left;}
.terms-vip{color:#000;background:rgb(210,239,255,0.5);border:1px solid #97cbf6;box-shadow:0 0 15px rgb(90 196 255 / 70%);max-width:700px;margin:auto;padding:25px;border-radius:12px;}
.vip-play{display:inline-block;background:#fdb715;color:#000;font-size:16px;font-weight:700;text-transform:uppercase;padding:7px 23px;border-radius:2px;}
.vip-play:hover{color:#fff;}
.vip-slider-container{height:800px;}
.review-content{display:none;}
.items.main-pos .review-content{display:block;}
/** Register Page 26/7/2021 **/.step-tab{position:relative;text-align:center;max-width:240px;margin:0px auto 20px;display:flex;justify-content:space-between;}
span.step-round{position:relative;z-index:2;background:#E1E1E1;height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:100%;color:#fff;font-size:16px;cursor:pointer;}
span.step-round a{color:#fff;display:block;width:100%;}
span.step-round.active{background: #124abd;}
.step-line{position:absolute;top:49%;width:100%;height:1px;background:#c5c5c5;}
.regfield select{font-size:13px;padding:3px 10px;border:1px solid #d6d6d6;height:34px;}
select.phone-code{width:35%;}
input.phone-input{width:63%;}
.rgfeild.dob{display:grid;grid-template-columns:30% 38% 30%;grid-gap:3px;}
select.dob-input{padding:4px;}
.congratz-wrap{text-align:center;}
.congrat{font-size:18px;font-weight:700;padding:10px;}
/** CSS updatd 2/8/2021 **/button.copy-btn{color: #881850;border:none;background:none;font-size:18px;vertical-align:middle;}
.affiliate-sec{text-align:center;}
.affwrap{position:relative;}
.join-now{font-family:'Poppins', sans-serif;background:-webkit-linear-gradient(#00a2e0, #0062c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-transform:uppercase;font-size:2.8vw;border:0.3vw solid #e7a919;border-radius:40px;display:inline-block;padding:2px 30px;transition:ease 0.3s;}
.join-now:hover{transform:scale(1.03);transition:ease 0.3s;}
.pg1{position:absolute;z-index:2;left:7%;bottom:27%;}
.pg2{position:absolute;z-index:2;left:0%;right:0;bottom:4%;}
.pg3{position:absolute;z-index:2;left:0%;right:0;bottom:4%;}
.pg4{position:absolute;z-index:2;left:0%;right:0;bottom:7%;}
.pg5{position:absolute;z-index:2;left:0%;right:0;bottom:7%;}
/** Update 12/8/2021 **/.annouce-in{background-color: #881850;}
.icon{color:#fff;}
.runningtext{color:#fff;}
.pmbox{padding:10px 30px;font-size:16px;border-radius: 100px;color: #4dd6fa;border: 1px solid #4dd6fa;}
.pm-boxer_inner h4{color: #4dd6fa;font-size: 15px;font-weight: 700;margin-top: 55px;}
.modal-content.promo{overflow:hidden;background-color: #070707;}
.pm-title-wrapper{font-size:20px;font-weight:600;background: #124abd;color:#fff;margin:-20px -20px 5px;padding:10px 15px 8px;}
button.close-promo{position:absolute;right:5px;top:5px;color:#fff;}
/** Arcade & Leaderboard page - Update 16/8/2021 **/.arcade-sec{background:#f2f7fd;padding:30px 0;}
.arcade-ticket{max-width:600px;margin:auto;border-radius:5px;text-align:center;background:#ffd627;color:#000;font-size:30px;font-weight:800;padding:10px 15px;}
.arcade-wrap{display:grid;grid-template-columns:repeat(2,1fr);max-width:600px;margin:30px auto;grid-gap:15px;}
.arcade-box{max-width:230px;margin:auto;text-align:center;}
.title-arcade{font-weight:700;font-size:18px;padding:10px 0;color:#000;}
a.tnc-arcade-btn{display:inline-block;background:#ffd627;color:#000;font-size:24px;font-weight:800;border-radius:5px;padding:10px 30px;}
a.tnc-arcade-btn:hover{background:#f1c611;}
.leaderboard-event-sec{background:url("../images/leaderboard/event-bg.jpg")no-repeat top center;background-size:cover;height:1000px;}
.lb-option-wrap{margin-top:40px;margin-bottom:20px;}
.lb-option-wrap a{border:2px solid #fcb714;display:inline-block;padding:3px 15px;color:#000;text-transform:uppercase;font-weight:700;font-size:14px;}
.lb-option-wrap a.active, .lb-option-wrap a:hover{background:#fcb714;}
.lb-wrapper{max-width:400px;font-family:'Nunito Sans';font-weight:600;padding-bottom:10px;}
.ranking-title{text-transform:uppercase;font-size:40px;font-weight:900;font-family:'Nunito Sans';line-height:1;padding:15px 0;}
span.gradient-title{background:-webkit-linear-gradient(#0d2fdd, #040c46);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.event-table-reward{background:url(../images/leaderboard/table-frame.png)no-repeat top center;background-size:100%;width:712px;height:393px;position:relative;left:-80px;}
.reward-rank-wrap{position:absolute;width:100%;overflow:auto;color:#fff;text-align:center;max-width:532px;left:92px;top:44px;}
.reward-rank-wrap::after{content:'';background:url("../images/leaderboard/line.png")no-repeat center;background-size:100% 100%;height:280px;width:1px;margin:auto;position:absolute;left:0;right:0;text-align:center;top:10px;}
table.reward-rank tr:first-child{background:rgba(0,0,0,0.8)}
table.reward-rank tr:nth-child(2){background:rgba(164,0,2,0.8);}
table.reward-rank tr:nth-child(3){background:rgba(0,18,100,.8);}
table.reward-rank tr:nth-child(4){background:rgba(115,0,103,0.8);}
table.reward-rank tr:nth-child(5){background:rgba(51,51,51,0.8);}
table.reward-rank tr:nth-child(6){background:rgba(85,85,85,0.8);}
table.reward-rank tr td{padding:12px 3px;text-transform:uppercase;font-weight:700;font-family:'Nunito Sans';font-size:16px;}
.token-r{margin:0 4px;}
.token-r img{max-height:26px;}
.please-text{color:#ffd58b;font-size:15px;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgb(0 0 0 / 75%);position:absolute;left:0;right:0;bottom:11px;}
.btm-lead{text-align:center;margin-left:-137px;margin-top:25px;}
a.playnow-leader{background:url(../images/leaderboard/btn-ply.png)no-repeat center;background-size:100%;width:255px;height:86px;margin:auto;display:flex;justify-content:center;align-items:center;color:black;-webkit-text-fill-color:#ffb713;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#6f260c;font-size:28px;font-weight:900;font-family:'Nunito Sans';text-transform:uppercase;}
a.playnow-leader:hover{filter:brightness(1.2);}
.remain-token{font-weight:700;}
.leaderboard-sports-sec{background:url("../images/leaderboard/sp-bg.jpg")no-repeat top center;background-size:cover;height:810px;}
.turnover-record{position:absolute;padding:7px 13px;border:1px solid #0d2dd5;font-weight:600;left:-258px;top:100px;font-family:'Nunito Sans';}
.record-amt{color:#0d2dd5;font-weight:700;font-size:30px;}
.common-rank-wrap{max-width:550px;}
span.dailytext{background:#222222;height:100%;padding:7px 20px;float:right;margin:-5px -5px;}
.reward-rank-common tr td{color:#fff;padding:5px;text-align:center;}
.reward-rank-common tr td:last-child{background:none!important;}
.reward-rank-common tr:nth-child(2) td{background:#111111;}
.reward-rank-common tr:nth-child(3) td{background:#a40002;}
.reward-rank-common tr:nth-child(4) td{background:#001264;}
.reward-rank-common tr:nth-child(5) td{background:#730067;}
.reward-rank-common tr:nth-child(n+6):nth-child(-n+9) td{background:#333333;}
.reward-rank-common tr:nth-child(n+10):nth-child(-n+12) td{background:#555555;}
.update-box{font-weight:700;color:#fff;text-align:center;padding:10px 0px;margin-left:-226px;}
.leaderboard-casino-sec{background:url("../images/leaderboard/lc-bg.jpg")no-repeat top center;background-size:cover;height:810px;}
.leaderboard-slots-sec{background:url("../images/leaderboard/slt-bg.jpg")no-repeat top center;background-size:cover;height:810px;}
.leaderboard-others-sec{background:url("../images/leaderboard/othr-bg.jpg")no-repeat top center;background-size:cover;height:810px;}
/** Update 17/8/2021 **/.dropmenu{z-index:9999;}
.log-group{position:relative;}
span.unread-dot{background:#f00;color:#fff;font-size:7px;width:11px;height:11px;display:flex;justify-content:center;align-items:center;border-radius:100%;position:absolute;right:-6px;top:-3px;}
/** Update 1/9/2021 **/.refer-wrap{display:flex;align-items:flex-end;margin-bottom:30px;}
.refer-qrcode-wrapper{background:#fff;max-width:450px;margin:0 auto;border:1px solid #97cbf6;color:#666;box-shadow:0 0 6px rgb(218 35 246);padding:15px 20px;border-radius:12px;text-align:center;margin-top:35px;}
.share-wrap{background: linear-gradient(to bottom, #cb307d 0%, #881850 100%) !important;color:#fff;padding:5px 15px;font-size:14px;font-weight:600;border-radius:11px;margin-top:-40px;position:relative;}
.qrcode-refer-img{max-width:370px;margin:20px auto 10px;}
.qrcode-refer-img img{border:1px solid #a324f5;border-radius:10px;padding:5px;}
.referrer-link{background: linear-gradient(to bottom, #cb307d 0%, #881850 100%) !important;border: 1px solid #881850;position:relative;border-radius:30px;padding:3px 15px;font-weight:600;color:#fff;height:33px;display:flex;align-items:center;max-width:400px;}
button.copy-refer{background: linear-gradient(to bottom, #cb307d 0%, #881850 100%) !important;color:#fff;border:none;border-radius:30px;padding:3px 10px;position:absolute;right:5px;z-index:2;}
.form-group.rebate-group{display:flex;align-items:center;}
.form-group.rebate-group label{padding:0 4px;}
/** Lucky Spin **/.luckyspin-sec{background:url("../images/luckyspin/ld-bg.jpg")no-repeat top center;background-size:auto;min-height:700px;padding-bottom:15px;}
/** Updated - 1/10/2021 **/.terms-vip ol{padding-left:17px;}
.terms-table{overflow:auto;border:1px solid #97cbf6;text-align:center;border-radius:8px;}
table.vipterms-table tr th{background:#0e7fd5;color:#fff;text-transform:uppercase;border:1px solid #97cbf6;border-top:none;padding:5px;}
table.vipterms-table tr td{background:#fff;border:1px solid #97cbf6;padding:5px;}
table.vipterms-table tr td:first-child, table.vipterms-table tr th:first-child{border-left:none;}
table.vipterms-table tr td:last-child, table.vipterms-table tr th:last-child{border-right:none;}
table.vipterms-table tr:last-child td{border-bottom:none;}
.wheel-sec{background:#f2f7fd;padding:30px 0;text-align:center;}
.spin-left{background:#262626;border:2px solid #00a1dc;border-radius:5px;color:#fff;max-width:400px;margin:auto;text-transform:uppercase;font-size:24px;padding:9px 10px;}
span.num-box{color:#000;background:#fff;display:inline-block;width:40px;height:40px;vertical-align:text-bottom;line-height:1.5;padding:4px;}
.fw-title{font-size:20px;color:#0062c9;}
.header-top{background: #000a22;}
.t-body{background: #000a22;}
div#special-support-container{display:none;}
.special-wrapper{margin-top:30px;}
.special-wrapper h4{color:#ffffff;margin-bottom:0px;}
.special-event ul{list-style:none;margin:0px;padding:0px;display:flex;gap:30px;}
.special-event ul li img{max-width:100%;}
.special-event ul li{width:50%;}
.vip-content{color:#fff;}
.flex-column{flex-direction:inherit !important;}
.swiper-wrapper .nav{display:initial;}
.swiper-wrapper.nav{display:flex;flex-wrap:inherit !important;}
.swiper-slide.active img{background: linear-gradient(to bottom, #cb307d 0%, #881850 100%) !important;}
.swiper-slide img{display:block;margin:0px auto;}
.swiper-slide{text-align:center;cursor:pointer;}
.swiper{width:100%;padding:0px 30px;background:#0f0f0f;}
.swiper-button-prev{left:0px;background:#272727;position:absolute;top:21%;width:35px;height:101px;color:#ffffff;padding:10px;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:25px;font-weight:bold;}
.swiper-button-next{right:0px;background:#272727;position:absolute;top:21%;width:35px;height:101px;color:#ffffff;padding:10px;}
.swiper-slide p{font-weight:bold;position:absolute;color:#fff;bottom:8px;width:100%;text-align:center;margin:0px;}
.bnr-top{position:relative;}
.btn-wrp{position:absolute;left: 16%;/* right:0; */margin:0px auto;top: 60%;}
.prov-logo{width:386px;}
.prov-logo img{margin-bottom:30%;}
.btn-py{background: linear-gradient(to bottom, #cb307d 0%, #881850 100%) !important;font-size:24px;font-weight:bold;border:none;width:220px;padding:9px;border-radius:10px;margin-left:65px;color:#fff;box-shadow:-1px 4px 6px 0px #000;}
.btn-py:hover{box-shadow:none;}
.special-event{background:#0e0e0e;padding:20px;}
.special-wrapper h4{background:#8925f4;padding:10px;border-radius:10px 10px 0px 0px;}
.btn-joinnw{background:linear-gradient(to right, rgba(247,34,247,1) 0%, rgba(137,37,244,1) 100%) !important;}
.btn-joinnw2{background:#8c25f4;}
.bnt-event a{color:#fff;padding:5px 20px;border-radius:8px;margin:15px;text-transform:uppercase;}
.bnt-event{display:flex;justify-content:center;}
.btn-joinnw:hover{background:#8c25f4 !important;}
.btn-joinnw2:hover{background:linear-gradient(to right, rgba(247,34,247,1) 0%, rgba(137,37,244,1) 100%) !important;}
.our-mission{width:1200px;margin:0px auto;padding:20px 150px;border-top:1px solid #5a5a5a;color:#fff;}
.box-about ul{margin:0px auto;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0px;gap:10px;}
.box-about ul li{background:#080808;border: 1px solid #124abd;border-radius:10px;gap:10px;justify-content:center;display:flex;flex-direction:column;align-items:center;height:285px;width:245px;}
.box-about ul li h5{color: #124abd;font-weight:bold;font-size:16px;}
.box-about ul li p{text-align:center;color:#fff;padding:0px 30px;}
.box-about{display:flex;justify-content:center;margin:0px auto;padding-bottom:40px;}
.box-about2{display:flex;justify-content:center;margin:0px auto;padding-bottom:40px;width:900px;}
.abt-img{color:#fff;font-size:16px;display: flex;align-items: center;}
.abt-img img{
    width: 27px;
    margin-right: 10px;
}
.box-about ul li a{color: #01f9fc;padding-top:20px;}
.downloadTab .flex-column{flex-direction:column!important;}
.icon_win{
    width: 29px;
    margin-left: 5px;
}
.icon_new{
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
}
.icon_new_wrap{
    
position: relative;
}
.gamerow-wrap.sport_wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px 15px;
    margin: auto;
}
.lottery_bg{
    background-image: url(../images/lottery/tb-lotto.jpg);
    position: relative;
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}
.fish_bg{
    background-image: url(../images/fishing/tb-fishing.jpg);
    position: relative;
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #881850;
    background-color: #fff;
    border: 1px solid #881850;
}
.page-link:hover{
     color: #881850;
}
.languageToggle .dropdown-menu {
    background-color: #2b2b2b;
}
#inbox_msg .modal-header{
    background: linear-gradient(to bottom, #cb307d 0%, #881850 100%) !important;
    border-bottom: 1px solid #000;
}
#inbox_msg .modal-body{
    background-color: #000;
}
#inbox_msg .close{
    color: #fff;
    opacity: 1;
}
.match-frame iframe {
    background: linear-gradient(to bottom, #bd2973 0%, #130622 100%) !important;
}
.index_slide_wrap{
    display: grid;
    grid-template-columns: 70% 28%;
    grid-auto-rows: 1fr;
    grid-gap: 0px;
    padding: 20px 0;
    justify-content: space-between;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 11px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    /* transform: skew( -25deg); */
    border-radius: 100%;
}
.carousel-indicators .active {
    opacity: 1;
    background-color: #7db6fa;
}
.index_menu_wrap{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    margin-bottom: 25px;
}
.index_menu_wrap a img{
    width: 100%;
}
.img_h{
    display: none;
}
.index_menu_wrap a:hover .img_main{
    display: none;
}
.index_menu_wrap a:hover .img_h{
    display: block;
}
.index_step{
    text-align: center;
    display: flex;
    justify-content: center;
    width: 1191px;
    margin: 0 auto 30px auto;
}
.index_step_wrap{
    position: relative;
    margin-right: -31px;
}
.step_top{
    position: absolute;
    color: #000;
    font-size: 28px;
    font-weight: 600;
    left: 30px;
    top: 3px;
}
.step_number{
    position: absolute;
    font-size: 107px;
    color: #73d8ee;
    bottom: -36px;
    left: 39px;
    font-weight: 600;
}
.step_content{
    position: absolute;
    top: 42px;
    left: 118px;
    line-height: 1.2;
}
.step_content_tit{
    color: #73d8ee;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}
.step_content_sub{
    font-size: 14px;
    width: 175px;
    text-align: left;
    font-weight: 500;
}
.index_video_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.new_wrap{
    display: grid;
    grid-template-columns: 35% 65%;
}
.video_index_tit{
    font-size: 14px;
}
.video_index_txt{
    font-size: 12px;
    color: #4c4c4c;
    margin-top: 18px;
    margin-bottom: 24px;
}
a.video_index_btn{
    color: #203d8d;
}
.new_wrap_hr{
    border-top: 1px dotted #3a3a3a;
    margin: 20px 0;
}
.int_wrap{text-align: left;margin-left: 13px;align-items: center;}
.int_btn{
    color: #fff;
    background-color: #002e9b;
    padding: 5px;
    border-radius: 5px;
border: none;min-width: 100px;margin: 7px 0;}
.match-sec{
    padding: 20px 0;
}
.nav-tabs.index_jack_tab .nav-item{
    margin-right: 10px;
}
.nav-tabs.index_jack_tab .nav-item.show .nav-link, .nav-tabs.index_jack_tab .nav-link.active {
    color: #fff;
    background-color: #12c3ff;
    border-color: #12c3ff #12c3ff #12c3ff;
}
.nav-tabs.index_jack_tab .nav-link {
    border: 1px solid #12c3ff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background-color: #18171700;
}
.nav-tabs.index_jack_tab .nav-link{
    color: #ffffff;
}
.nav-tabs.index_jack_tab {
        border-bottom: 2px solid #12c3ff;
}
.nav-tabs.index_jack_tab .nav-link:focus, .nav-tabs.index_jack_tab .nav-link:hover {
    color: #fff;
    background-color: #12c3ff;
    border-color: #12c3ff #12c3ff #12c3ff;
}
.index_info_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.index_promo_tit{
    color: #21a7ff;
    text-align: center;
    font-size: 57px;
    font-weight: 800;
}
.index_promo_tit_sub{
    color: #21a7ff;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}
.index_promo_con{
    color: #777;
    text-align: center;
    font-size: 16px;
}
.index_info_wrap_inn{
    padding: 30px;
}
.index_info_wrap_inn_video{
    padding: 0;
    padding: 20px 0 10px 0;
}
.index_promo_img{
    display: flex;
    justify-content: center;
    grid-gap: 51px;
    margin-top: 16px;
}
.index_info_con{
    color: #777;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
}
.lvlbar-title {
    max-width: 500px;
    display: flex;
    justify-content: space-between;
    color: #737584;
    font-size: 24px;
    font-weight: 700;
}
.deposit-bar {
    background: #707070;
    height: 13px;
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.deposit-bar .level {
    background: #12c3ff;
    width: 20%;
    height: 13px;
    border-radius: 8px;
}
.withdraw-bar {
    background: #707070;
    height: 13px;
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.withdraw-bar .level {
    background: #12c3ff;
    width: 50%;
    height: 13px;
    border-radius: 8px;
}
span.avr {
    display: block;
    font-size: 19px;
    line-height: 1.7;
}
.top_footer_wrap{
    display: flex;
    justify-content: space-between;
}
ul.provider{
    padding: 0;
    margin: 0;
    display: block;
    list-style-type: none;
}
ul.provider .title{
    color: #ffffff;
    font-size: 13px;
}
ul.provider li a{
    color: #50535b;
    font-size: 12px;
}
ul.provider li a:hover{
    color: #12c3ff;
    border-bottom: 1px solid #12c3ff;
}
ul.provider.p_img li{
    margin-bottom: 15px;
}
ul.provider.p_img li img{
    filter: grayscale(100%);
}
ul.provider.p_img li img:hover{
    filter: grayscale(0);
}
.icon-android-footer {
    display: inline-block;
    width:  29px;
    height: 29px;
    fill: #a2aabd;
}
.icon-ios-footer {
    display: inline-block;
    width:  29px;
    height: 29px;
    fill: #a2aabd;
}
.icon-ios-footer:hover {
    fill: #efefef;
    opacity: 1!important;
    cursor: pointer;
}
.icon-android-footer:hover {
    fill: #85c808;
    opacity: 1!important;
    cursor: pointer;
}
.index_footer_img li img{
    margin-right: 10px;
}
.inner_product_content{
    width: 400px;
    text-align: center;
    margin-left: auto;
    padding-top: 110px;
}
.inner_product_txt{
    color: #fff;
}
.inner_product_content .btn_join{
    min-width: 140px;
    margin-top: 30px;
}
.inner_product_btn ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    padding: 10px 0;
    margin: 0;
}
.inner_product_btn_cus .grey{
    display: block;
}
.inner_product_btn_cus .ori{
    display: none;
}
.inner_product_btn_cus.active .grey{
    display: none;
}
.inner_product_btn_cus.active .ori{
    display: block;
}
.inner_product_bg{
    width: 155px;
    border-radius: 5px;
    cursor: pointer;
    opacity: 1;
    background-color: #1e2022;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #55d7f8;
    padding: 5px;
    min-height: 61px;
    margin: 0 10px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.inner_product_bg:after{
    right: 0;
    border-radius: 35px;
    position: absolute;
    content: "";
    background: #55d7f8;
    width: 73px;
    height: 3px;
    left: 0;
    bottom: 0px;
    transform: perspective(0.5em) rotateX(8deg);
    margin: auto;
}
.inner_product_btn{
    padding-top: 180px;
    padding-bottom: 30px;
}
.all_page_over{
    overflow: hidden;
}
.inner_main_body{
    background-color: #040c21;
    min-height: 500px;
    background-position: top center;
    background-repeat: no-repeat;
}
.btn_join {
    background-color: #060b20;
    border: 1px solid #55d7f8;
    border-radius: 5px;
    text-transform: uppercase;
    min-width: 80px;
    font-weight: 700;
    min-height: 34px;
    transition: background .3s;
    color: #fff;
}
.inner_product_content .btn_join {
    min-width: 140px;
    margin-top: 30px;
}
.btn_join:hover {
    background-color: transparent;
    color: #fff;
}
/*slots*/
.slots_jackpot{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 250px;
}
.slots_jackpot img{
    width: 700px;
}
.slots_jackpot_txt{
    position: absolute;
    color: #fff;
    font-size: 44px;
    background: -webkit-linear-gradient(#5fccd6, #5fccd6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    padding-top: 54px;
}
.slots_filter_wrap{
    padding: 15px 15px;
    /* background-color: #1a1a1a; */
    display: grid;
    grid-template-columns: 944px auto;
    border-radius: 10px;
    margin: 40px 0 0px 0;
    align-items: start;
}
ul.slots_menu{
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    flex-flow: wrap;
    grid-gap: 10px;
}
ul.slots_menu li{
    text-align: left;
    border: 1px solid #5c5c5c;
    border-radius: 6px;
    position: relative;
}
ul.slots_menu li.active{
    border: 1px solid #5fccd6;
}
ul.slots_menu li a{
    color: #a3aabd;
    border-bottom: 1px solid transparent;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
ul.slots_menu li a img.slots_img_h{
    display: none;
}
ul.slots_menu li.active a img.slots_img_h,ul.slots_menu li:hover a img.slots_img_h{
    display: block;
}
ul.slots_menu li.active a img.slots_img,ul.slots_menu li:hover a img.slots_img{
    display: none;
}
ul.slots_menu li.active a,ul.slots_menu li:hover a{
    color: #5fccd6;
}
.fa-search{
    color: #000;
}
.seach_cus,.btn.btn-link{
    background-color: #d1d2d7;
}
.slots_products_wrap{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    padding: 20px 0 40px 0;
}
.slots_container{
    max-width: 1366px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 30px;
    margin-top: 61px;
}
.slots_search{
    width: 210px;
    display: flex;
    align-items: center;
    justify-self: self-end;
}
a.more_g_slots {
    color: #ee602a;
    font-size: 13px;
    padding-bottom: 30px;
}
.more_g_slots span{
    color: #fff;
}
.slots_products_wrap .gamebox {
    position: relative;
    overflow: hidden;
    border-bottom: 4px solid #57a7b9;
    border-radius: 5px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    width: auto;
}
.slots_products_wrap .gamebox:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 5px 6px #282828;
}
.playpop {
    display: flex;
    position: absolute;
    background: rgba(0,0,0,0.6);
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s ease;
    /* opacity: 0; */
    visibility: hidden;
    overflow: hidden;
    height: 0;
}
.slots_products_wrap .gamebox:hover .playpop{
    /* opacity: 1; */
    visibility: visible;
    transition: 0.3s ease;
    height: 100%;
}
a.play-btn {
    display: block;
    font-size: 15px;
    font-weight: 700;
    width: 97px;
    margin: auto;
    border-radius: 5px;
    padding: 1px 0px;
    text-align: center;
    text-transform: uppercase;
    color: #1b1b1b;
    transition: .5s;
    transform: scale(0.5);
    opacity: 0;
    background-image: linear-gradient(#01f9fc, #01f9fc);
}
.slots_products_wrap .gamebox:hover .playpop a.play-btn {
    opacity: 1;
    transform: scale(1);
    transition: .5s;
}
.gamebox_ini {
    color: #a2aabd;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    background-color: #061647;
    padding: 10px;
    align-items: center;
    width: 100%;
}
.gamebox_ini img {
    width: 17px;
    height: 15px;
}
.slots_filter ul{
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 20px;
}
.slots_filter ul li{
    margin: 0 10px;
    position: relative;
}
.slots_filter ul li:after{
    content: "";
    border-right: 1px solid #fff;
    height: 18px;
    position: absolute;
    right: -11px;
}
.slots_filter ul li:last-child:after{
    border: none;
}
.slots_filter ul li.active{
    color: #01f9fc;
}

/*vip*/
.inner_product_content.vip_wrap{
    width: 400px;
    text-align: left;
    margin-left: auto;
    padding-top: 110px;
}
.status_wrapper{
    margin-top: 30px;
}
.vip_tit{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #21a7ff;
}
.vip_con{ 
    font-size: 13px;
    margin-bottom: 20px;
}
.vip_status_wrap{
    display: grid;
    grid-template-columns: 300px auto;
    padding-top: 516px;
}
.vip_status_wrap img{
    width: 235px;
}
.progress-bar{
    position: relative;
    overflow: hidden;
    height: 30px;
    margin-top: 10px;
    border-radius: 30px;
    background: repeating-linear-gradient(35deg,#3b3f4c,#3b3f4c 1rem,#111 0,#111 1.2rem);
}
.progress-bar>span{
    position: relative;
    display: block;
    height: 100%;
}
.progress-bar>span:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: repeating-linear-gradient(35deg,#21a7ff,#21a7ff 1rem,#111 0,#111 1.2rem);
}
.current-status-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.current-status h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.status-bottom h6 {
    margin: 0;
    padding: 39px 0 0px;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.status-bottom h6:before {
    width: 1px;
    height: 27px;
    position: absolute;
    background: #fff;
    bottom: 20px;
    left: 50%;
    content: "";
    transform: translateX(-50%);
}
.status-bottom p {
    color: #707070;
    font-size: 13px;
    padding: 7px 0 0;
    line-height: 13px;
    text-align: center;
    font-weight: bold;
}
.vip span {
    text-shadow: 1px 3px 4px #000;
}
.status-bottom span {
    display: block;
}
.grey-color{
    color: #fff2cc;
}
.gold-color{
    color: #d9e1f2;
}
.blue-color{
    color: #ccccff;
}
.purple-color{
    color: #ffcccc;
}
.brown-color{
    color: #e2efda;
}
.elite-color{
    color: #caeef2;
}
.progress_percent_bronze{
    width: 7%;
}
.progress_percent_silver{
    width: 29%;
}
.progress_percent_gold{
    width: 50%;
}
.progress_percent_platinum{
    width: 72%;
}
.progress_percent_diamond{
    width: 100%;
}
.vip_table{
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
.icon_1st{
    content: '';
    min-height: 28px;
}
.txt_yellow{
    color: #21a7ff;
}
.vip_line hr{
    border-top: 1px dotted rgb(175 175 175);
}
table.vip_table tbody tr td:first-child{
    text-align: center;
    color: #21a7ff;
}
table.vip_table tbody tr td img{
    width: 100px;
}
table.vip_table tbody tr td{
    padding: 10px;
}
table.vip_table tbody tr td.text-left{
    padding-bottom: 0px;
    padding-top: 12px;
    text-transform: uppercase;
    color: #21a7ff;
}
.vip_pri{
    font-size: 18px;
    vertical-align: bottom;
    width: 23%;
}
.vip_bom_img{
    text-align: center;
    padding-top: 30px;
}
table.vip_table_bottom{
   border-collapse: separate;
   border-spacing: 8px;
   padding-bottom: 20px;
}
table.vip_table_bottom tbody tr td{
    border: 1px solid #21a7ff;
    border-radius: 10px;
    height: 80px;
}
table.vip_table_bottom tbody tr td:nth-child(2){
    border: 1px solid #e2efda;
}
table.vip_table_bottom tbody tr td:nth-child(3){
    border: 1px solid #fff2cc;
}
table.vip_table_bottom tbody tr td:nth-child(4){
    border: 1px solid #d9e1f2;
}
table.vip_table_bottom tbody tr td:nth-child(5){
    border: 1px solid #ccccff;
}
table.vip_table_bottom tbody tr td:nth-child(6){
    border: 1px solid #ffcccc;
}
table.vip_table_bottom tbody tr td:nth-child(7){
    border: 1px solid #caeef2;
}
table.vip_table_bottom tbody tr:nth-child(7) td:nth-child(2){
    border: 1px solid #21a7ff;
}
table.vip_table_bottom tbody tr:nth-child(7) td:nth-child(3){
    border: 1px solid #e2efda;
}
table.vip_table_bottom tbody tr:nth-child(7) td:nth-child(4){
    border: 1px solid #fff2cc;
}
table.vip_table_bottom tbody tr:nth-child(7) td:nth-child(5){
    border: 1px solid #d9e1f2;
}
table.vip_table_bottom tbody tr:nth-child(7) td:nth-child(6){
    border: 1px solid #ccccff;
}
table.vip_table_bottom tbody tr:nth-child(7) td:nth-child(7){
    border: 1px solid #ffcccc;
}
table.vip_table_bottom tbody tr:nth-child(7) td:nth-child(8){
    border: 1px solid #caeef2;
}
table.vip_table_bottom tbody tr:nth-child(9) td:nth-child(2){
    border: 1px solid #21a7ff;
}
table.vip_table_bottom tbody tr:nth-child(9) td:nth-child(3){
    border: 1px solid #e2efda;
}
table.vip_table_bottom tbody tr:nth-child(9) td:nth-child(4){
    border: 1px solid #fff2cc;
}
table.vip_table_bottom tbody tr:nth-child(9) td:nth-child(5){
    border: 1px solid #d9e1f2;
}
table.vip_table_bottom tbody tr:nth-child(9) td:nth-child(6){
    border: 1px solid #ccccff;
}
table.vip_table_bottom tbody tr:nth-child(9) td:nth-child(7){
    border: 1px solid #ffcccc;
}
table.vip_table_bottom tbody tr:nth-child(9) td:nth-child(8){
    border: 1px solid #caeef2;
}
table.vip_table_bottom tbody tr:nth-child(1) td{
    border: none
}
.promo_icon{
    position: absolute;
    top: -33px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #00152b;
    border-radius: 100%;
}
.payment_bg{
    background-image: url(../images/afterlogin/alex-stem-geometric-wallpaper.jpg);
}

/** Deposit / Account Page **/
.account-sec {
    padding: 60px 0;
    color: #fff;
}
.wallet-cotent {
    display: grid;
    grid-template-columns: 27% auto;
    grid-gap: 5px;
}
.wallet-left {
    color: #fff;
    height: auto;
    padding: 10px;
    background: #000;
    border: 1px solid #2e2e2e;
}
.wallet-head {
    border-bottom: 2px solid #00ffff;
    text-align: center;
    padding: 10px 0 15px;
    margin-bottom: 10px;
}
.wb-title {
    font-size: 20px;
    color: #00ffff;
}
.wallet-balance {
    font-size: 20px;
}
.table-wallet-wrap {
    margin-bottom: 15px;
}
table.wallet-table tr td {
    vertical-align: top;
    padding: 6px 1px;
    text-align: right;
}
table.wallet-table tr td:first-child {
    text-align: left;
}
span.plus-icon {
    margin-left: 5px;
}
.subgame {
    padding: 10px 0 0 15px;
}
button.out-btn {
    background: none;
    border-radius: 2px;
    border: 1.5px solid #00ffff;
    padding: 0;
    line-height: 1;
    color: #00ffff;
    font-size: 9px;
    text-transform: uppercase;
    height: 20px;
    width: 30px;
}
button.in-btn {
    background: none;
    border-radius: 2px;
    border: 1.5px solid #00ffff;
    padding: 0;
    line-height: 1;
    color: #ffffff;
    font-size: 9px;
    text-transform: uppercase;
    height: 20px;
    width: 30px;
}
.total-wrap {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 2px solid #00ffff;
}
button.transfer-all {
    background: #00ffff;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 7px 2px;
    text-transform: uppercase;
    background: linear-gradient(0deg, rgba(2,28,54,1) 0%, rgba(0,255,255,1) 100%);
    box-shadow: 0 0px 5px rgb(0 255 255);
}
button.transfer-all:hover {
    filter: brightness(1.1);
}
.wallet-right {
    min-height: 500px;
    height: auto;
    background: #000;
    color: #fff;
}
.player-vip-status {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    align-items: center;
    /* background: #181818; */
    /* border-left: 3px solid #00ffff; */
    /* border-right: 3px solid #00ffff; */
    height: 85px;
}
.pvbox {
    position: relative;
    font-size: 12px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pvbox::after {
    content: '';
    height: 66px;
    border-right: 1px dotted #fff;
    position: absolute;
    right: 0;
    top: 9px;
}
.pvbox:last-child::after {
    content: none;
}
.vipflex {
    display: flex;
    align-items: center;
}
.pvtext2 {
    color: #12c3ff;
    text-transform: uppercase;
    font-weight: 600;
}
.withdrawal-tip {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    padding: 15px 10px;
    width: 230px;
    font-size: 90%;
    display: none;
    left: 90px;
    z-index: 1;
}
.vip-value {
    color: #00ffff;
}
.tips {
    cursor: pointer;
    vertical-align: middle;
    font-size: 18px;
    color: #12c3ff;
}
.tips:hover ~ .withdrawal-tip {
    display: block;
}

.account-title {
    padding: 20px;
    font-size: 30px;
    font-weight: 700;
}
.account-title span {
    border-bottom: 1px solid #00ffff;
}
.depo-wrap {
    padding: 0 15px;
}
.deposit-option {
    display: flex;
    margin-bottom: 15px;
}
.dobox {
    text-align: center;
    max-width: 120px;
    margin-right: 20px;
}
span.depname {
    display: block;
}
.dobox a {
    border: 2px solid transparent;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    filter: grayscale(1);
}
.dobox a.active {
    border: 2px solid #00ffff;
    filter: none;
}
.dobox a.active::after {
    content: '';
    background: url(../images/tick-corner.png)no-repeat center;
    background-size: 100%;
    width: 20px;
    height: 20px;
    z-index: 1;
    position: absolute;
    bottom: 0px;
    right: 0;
}
.bank-choice {
    display: flex;
    margin-bottom: 15px;
}
.bankbox {
    cursor: pointer;
    margin-right: 40px;
    display: flex;
    align-items: center;
}
.bankbox .bankc {
    position: relative;
    border: 2px solid transparent;
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    filter: grayscale(1);
}
.bankbox .bankc img {
    height: 38px;
}
.bankbox.active .bankc, .bankbox:hover .bankc  {
    border: 2px solid #00ffff;
    filter: none;
}
.bankbox.active .bankc::after, .bankbox:hover .bankc::after {
    content: '';
    background: url(../images/tick-corner.png)no-repeat center;
    background-size: 100%;
    width: 20px;
    height: 20px;
    z-index: 1;
    position: absolute;
    bottom: 0px;
    right: 0;
}
.bank-depo-detail {
    border: 2px solid #00ffff;
    border-radius: 10px;
    padding: 10px;
    width: 650px;
}
table.bank-depo-table tr td {
    padding: 3px 8px;
}
table.bank-depo-table tr td:first-child {
    border-right: 1px solid #B4B4B4;
}
span.highlight-depo {
    background-color: #124abd;
    padding: 4px 4px;
    margin-left: -4px;
}
a.copy-icon {
    color: #00ffff;
    font-size: 18px;
    margin-left: 5px;
}
.tutorial-wrap {
    border: 2px solid #00ffff;
    border-radius: 10px;
    padding: 6px;
    margin-top: 20px;
    width: max-content;
    margin-bottom: 10px;
}
table.tutorial-table tr td:first-child {
    border-right: 1px solid #B4B4B4;
}
table.tutorial-table tr td {
    padding: 3px 8px;
}
table.tutorial-table tr td:last-child {
    padding-left: 25px;
}
a.watchnow {
    background: #124abd;
    color: #fff;
    display: inline-block;
    padding: 9px 15px;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 1;
    margin: 2px 0;
}
table.depo-table tr td {
    padding: 3px 8px;
    vertical-align: top;
}
table.depo-table tr td:first-child {
    border-right: 1px solid #B4B4B4;
}
table.depo-table tr td:last-child {
    padding-left: 25px;
}
input.depo-input, select.depo-input {
    background: #124abd;
    border: none;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px 10px;
    min-width: 300px;
    color: #fff;
    height: 30px;
    max-width: 300px;
}
.choose-amount {
    display: flex;
    margin: 6px 0;
    max-width: 300px;
}
.amt-num {
    background: #124abd;
    color: #afafaf;
    border-radius: 4px;
    border: 1px solid transparent;
    width: 62px;
    height: 38px;
    display: flex;
    justify-content: center;
    padding: 11px 2px;
    margin-right: 7px;
    cursor: pointer;
}
.amt-num:last-child {
    margin: 0;
}
.amt-num.active, .amt-num:hover {
    border: 1px solid #fce151;
}
.date-receipt {
    display: flex;
    max-width: 450px;
}
.date-receipt input, .date-receipt select{
    background: #232323;
    border: none;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px 10px;
    color: #fff;
    height: 30px;
    margin-right: 10px;
}
.radio-custom {
    opacity: 0;
    position: absolute;   
}
.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}
.radio-custom-label {
    position: relative;
}
.radio-custom + .radio-custom-label:before {
    content: '';
    background: #000;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #fff;
    font-size: 11px;    
}
.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
button.submit-depo-btn {
    background: #124abd;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    border: none;
    height: 30px;
    padding: 0 20px;
    border-radius: 2px;
    margin: 5px 0px;
    /* background: linear-gradient(0deg, rgba(2,28,54,1) 0%, rgba(0,255,255,1) 100%); */
    /* box-shadow: 0 0px 5px rgb(0 255 255); */
}
button.submit-depo-btn:hover {
    filter: brightness(1.1);
}
.wd-bank {
    display: flex;
}
.htr-type {
    display: flex;
    margin-bottom: 10px;
}
.htrbox {
    cursor: pointer;
    border-radius: 4px;
    border: 1.5px solid #afafaf;
    line-height: 1;
    color: #afafaf;
    font-size: 13px;
    padding: 5px 10px;
    margin-right: 9px;
}
.htrbox.active,.htrbox:hover {
    color: #fff;
    border: 1.5px solid #00ffff;
}
.history-date {
    display: flex;
    align-items: center;
}
.history-date input.depo-input {
    min-width: auto;
}
.nav-tabs.nav-account {
    margin: 15px 10px;
    border: none;
}
.nav-tabs.nav-account .nav-link {
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 23px;
    padding: 5px 15px;
    color: #fff;;
}
.nav-tabs.nav-account .nav-item.show .nav-link, .nav-tabs.nav-account .nav-link.active {
    color: #fff;
    background-color: transparent;
    border:1px solid #00ffff;
}
.nav-tabs.nav-account .nav-item {
    margin-bottom: -1px;
    margin-right: 16px;
}
.acc-wrap {
    padding: 0 10px;
}
.membervip {
    display: flex;
    align-items: center;
}
span.vip-acc {
    margin: 0 10px;
}
span.vip-acc img {
    height: 38px;
}
a.current-status {
    display: inline-block;
    background: #00ffff;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px 10px;
    border-radius: 3px;
    line-height: 1;
    background: #124abd;
    box-shadow: 0 0px 5px rgb(0 255 255);
}
table.depo-table.acct tr td {
    height: 38px;
}
.dob-field {
    display: flex;
    align-items: center;
}
.dobbox {
    display: flex;
    margin-right: 4px;
}
select.dob_day {
    border: 1px solid #fff;
    background: #000;
    color: #fff;
    padding: 0 1px;
    margin: 0 4px;
}
.yellow {
    color: #fce151;
}
.green {
    color: #299D82;
}
a.password-btn {
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    margin-bottom: 15px;
}
table.depo-table.mypromo {
    margin-bottom: 15px;
}
table.depo-table.mypromo tr td {
    vertical-align: middle;
}
table.depo-table.mypromo tr td a i {
    font-size: 18px;
    vertical-align: bottom;
}
.promo-info {
    padding: 5px 10px;
    line-height: 1.4;
}
a.claim-btn {
    background: #00ffff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    border: none;
    height: 30px;
    padding: 7px 20px;
    border-radius: 2px;
    margin: 5px 0px;
}
.history-table-wrap {
    border: 1px solid #124abd;
    margin: 15px 0;
    overflow: auto;
}
table.history-table {
    text-align: center;
    font-size: 13px;
}
table.history-table tr th {
    background: #181818;
    padding: 7px 2px;
    font-weight: 400;
    border-right: 1px solid #00ffff;
}
table.history-table tr th:last-child {
    border: none;
}
table.history-table tr td {
    padding: 7px 2px;
}

/** Inbox **/
.nav-tabs.nav-mail {
    border-bottom: none;
    margin-bottom: 10px;
}
.nav-tabs.nav-mail .nav-item {
    margin-right: 8px;
}
.nav-tabs.nav-mail .nav-link {
    border: 1px solid #00ffff;
    border-radius: 0;
    color: #fff;
    padding: 8px 24px;
}
.nav-tabs.nav-mail .nav-item.show .nav-link, .nav-tabs.nav-mail .nav-link.active {
    color: #fff;
    background-color: #00ffff;
    border-color: #00ffff;
    background: #124abd;
    box-shadow: 0 0px 5px rgb(0 255 255);
}
table.mail-table tr th {
    background: #00ffff;
    color: #fff;
    padding: 10px 7px;
    text-align: center;
    border-left: 2px solid #000;
    background: #124abd;
    box-shadow: 0 0px 5px rgb(0 255 255);
}
table.mail-table tr th:first-child {
    text-align: left;
    border: none;
}
table.mail-table tr td {
    background: #000;
    color: #fff;
    padding: 10px 7px;
    cursor: pointer;
}
table.mail-table tr td:last-child {
    text-align: right;
}
table.mail-table tr td.delete-box a {
    color: #575757;
    padding: 0 10px;
}
table.mail-table tr td.delete-box a:hover {
    color: #fff;
}
table.mail-table tr:hover td {
    background: #23527c;
}

.checkwrap {
    display: inline-block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkwrap input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #000;
}
.checkwrap:hover input ~ .checkmark {
    background-color: transparent;
}
.checkwrap input:checked ~ .checkmark {
    background: transparent;
    border: 1px solid #000;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkwrap input:checked ~ .checkmark:after {
    display: block;
}
.checkwrap .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 16px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
table.mail-table tr td .checkwrap input:checked ~ .checkmark {
    border: 1px solid #B4B4B4;
}
table.mail-table tr td .checkmark {
    border: 1px solid #B4B4B4;
}
table.mail-table tr td .checkwrap .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 16px;
    border: solid #B4B4B4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mail-btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 15px;
}
.num-mail {
    font-size: 13px;
    color: #8c8c8c;
}
a.delete-btn {
    display: inline-block;
    background: #952828;
    color: #fff;
    padding: 7px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgb(0 0 0 / 80%);
}
a.mailpage-arrow {
    padding: 2px;
}
a.paginate_button {
    padding: 5px;
}
a.paginate_button.current {
    background: #929292;
}

/** Transaction pending **/
.trans-sec {
    padding: 15px 0;
    color: #fff;
    min-height: 600px;
}
.websocial-box {
    display: flex;
    align-items: flex-end;
    width: 700px;
    margin: 0 auto;
    position: relative;
}
.quote-left {
    position: absolute;
    left: -80px;
    top: 0;
}
.quote-right {
    position: absolute;
    right: -80px;
    bottom: 0;
}
.offical {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 5px;
}
.social-box {
    width: 50%
}
.website-box {
    width: 50%;
}
ul.pending-websites li {
    padding-bottom: 7px;
}
ul.pending-websites li span {
    display: inline-block;
}
ul.pending-websites li span.weblink {
    width: 180px;
}
ul.pending-websites li span i {
    color: #258B73;
    vertical-align: middle;
    font-size: 16px;
}
.pending-title {
    position: relative;
    font-weight: 600;
    font-size: 20px;
    padding: 30px 0;
    margin-top: 10px;
}
.pending-title::before {
    content: '';
    width: 72px;
    height: 4px;
    background: #fce151;
    position: absolute;
    top: 0;
    left: 0;
}
.wallet_wrap{
    display: grid;
    grid-template-columns: 15% 85%;
    border: 1px solid #12c3ff;
    margin: 20px 0;
}
.main_wallet{
    display: flex;
    align-items: center;
    border-right: 1px solid #12c3ff;
    padding: 11px;
    justify-content: center;
}
.main_wallet_txt{
    color: grey;
    font-size: 1vw;
    margin: 0 5px;
}
.main_wallet_txt span{
    color: #12c3ff;
    margin-left: 6px;
}
.main_wallet_products{
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 10px;
}
.main_wallet_box{
    border: 1px solid #12c3ff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}
.main_wallet_box_price{
    color: #12c3ff;
}
.main_wallet_box_btn{
    background-color: #12c3ff;
    color: #fff;
}
.sidepanel_wrap{
    text-align: left;
    margin-left: 20px;
}
.sidepanel_main_tit{
    color: #12c3ff;
    font-size: 21px;
    font-weight: 700;
}
.sidepanel_sub_tit{
    color: #12c3ff;
    font-size: 15px;
    font-weight: 500;
    word-break: break-word;
}
.side_wrap{
    display: grid;
    grid-template-columns: 22% 78%;
    grid-gap: 4px;
}
.date-receipt {
    display: flex;
    max-width: 450px;
}
.date-receipt input, .date-receipt select{
    background: #232323;
    border: none;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px 10px;
    color: #fff;
    height: 30px;
    margin-right: 10px;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}
.custom-file-label {
    background: #0c1631;
    border: none;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px 10px;
    min-width: 400px;
    color: #fff;
    height: 39px;
    max-width: 300px;
    border: 1px solid #124abd;
}
.custom-file-label::after {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: auto;
    padding: 0.375rem 0.75rem;
    line-height: 1.15;
    color: #ffffff;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
    background: #124abd;
    /* box-shadow: 0 0px 5px rgb(0 255 255); */
    height: 100%;
    padding-top: 9px;
}
/** Inbox **/
.modal-dialog.inbox {
    max-width: 800px;
}
.modal-content.inbox {
    background: #181818;
    color: #fff;
    border: none;
}
button.close-inbox {
    position: absolute;
    background: none;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 23px;
    right: 6px;
    top: 5px;
    z-index: 2;
}
.inbox-title-top {
    background-color: #fdbe07;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    padding: 8px 40px 8px 12px;
    background: #124abd;
    box-shadow: 0 0px 5px rgb(0 255 255);
}
.inbox-content {
    padding: 15px;
    min-height: 300px;
}
.inbox-footer {
    border-top: 1px solid #00ffff;
    padding: 15px;
}
.contact-wraper.mail a.contactbox img {
    height: 27px;
}
.contact-wraper.mail .cntext {
    font-size: 8px;
    margin-top: 2px;
}
.contact-mail span {
    border-bottom: 1px dotted #00ffff;
    font-size: 13px;
}
/** Rebate **/
.refer-wrap-r {
    padding: 0 25px;
}
.refer-qr {
    max-width: 200px;
}

.icon-wrap-inner{
    display: grid;
    text-align: center;
}

/** Download **/
.downlad-sec {
    padding-bottom: 45px;
}
.sub-about-right.download {
    min-height: auto;
}
ul.nav-download {
    display: flex;
    flex-direction: column;
}
.download-body {
    padding: 20px;
}
.title-provider {
    font-size: 26px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}
.download-area {
    display: flex;
    justify-content: space-around;
    max-width: 420px;
    margin: 5px auto 20px;
    text-align: center;
}
.device-type {
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.device-type i {
    color: #00ffff;
}

.device-type i {
    margin-right: 10px;
}
.qr-img {
    margin-bottom: 10px;
align-items: center;}
.qr-img img {
    max-width: 110px;
    box-shadow: 2px 3px 5px rgb(0 0 0 / 60%);
}
a.dl-btn {
    display: inline-block;
    background: #00ffff;
    color: #fff;
    font-weight: 700;
    padding: 6px 20px;
    border-radius: 5px;
    box-shadow: 2px 3px 5px rgb(0 0 0 / 50%);
    background: #124abd;
    /* box-shadow: 0 0px 5px rgb(0 255 255); */
}

a.dl-btn:hover {
    box-shadow: 1px 2px 5px rgb(0,0,0,0.3);
    background: #124abd;
}
.info-access {
    max-width: 500px;
    margin: auto;
    overflow: auto;
    margin-bottom: 15px;
}
table.info-table tr td {
    background: #000;
    color: #fff;
    padding: 8px 5px;
    border: 1px solid #124abd;
}
table.info-table tr td:last-child {
    text-align: left;
    padding: 8px 10px;
}
input.access-input {
    border: none;
    background: #1b1b1b;
    padding: 5px;
    color: #fff;
}
.passtext {
    font-size: 10px;
    color: #989898;
}
button.password-btn {
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 4px 20px;
    /* background: #00ffff; */
    background: #124abd;
    /* box-shadow: 0 0px 5px rgb(0 255 255); */
}
button.password-btn:hover {
    background: #124abd;
    box-shadow: 1px 2px 5px rgb(0,0,0,0.3);
}
.sub-about-wrap {
    width: 90%;
    margin: 30px auto;
    display: block;
    height: auto;
    color: #fff;
    background: #2e2e2e;
}
.sub-side-nav {
    float: left;
    width: 22%;
    height: auto;
    display: block;
}
.sub-about-right {
    float: right;
    width: 77%;
    border: 2px solid #124abd;
    border-radius: 5px;
    display: block;
    height: auto;
    min-height: 610px;
    color: #fff;
}
.sub-side-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sub-side-nav ul li {
    padding: 0;
    margin: 0;
}
.sub-side-nav ul li a {
    display: block;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    background: #2e2e2e;
    border-bottom: 1px solid #181818;
    transition: 0.5s;
    text-align: center;
}
.sub-side-nav ul li a.active, .sub-side-nav ul li a:hover {
    padding: 10px;
    color: #fff;
    background: #124abd;
    /* box-shadow: 0 0px 5px rgb(0 255 255); */
}
.sub-about-title {
    border-bottom: 1px solid #fff;
    padding: 20px 10px 10px 20px;
}
.simple-slide-item-list>* img {
    width: 100%;
    border-radius: 10px;
}
.title_dl{
    text-align: center;
    color: #55d7f8;
    font-size: 30px;
    text-transform: uppercase;
    padding: 40px 0 20px 0;
}
.dl_sports_wrap{
    padding: 15px 0px 35px 0;
    background-color: #000719;
    margin: 20px 0;
}
.dl_p_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
grid-gap: 20px;width: 75%;margin: auto;}
.title_dl_inner{
    text-align: center;
    color: #55d7f8;
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0;
}
select.form-control.app_form{
    width: 53%;
    font-size: 12px;
    background-color: transparent;
    border-radius: 0;
    color: #898989;
    margin: auto;
}
select.form-control.app_form:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none;
}
.responsive_slide .slick-prev:before {
    background-image: url(../images/caret-left.png);
background-repeat: no-repeat;
    background-size: cover;}
.responsive_slide .slick-next:before {
    background-image: url(../images/caret-right.png);
background-repeat: no-repeat;background-size: contain;}
.responsive_slide .slick-prev:before, .responsive_slide .slick-next:before {
    font-size: 19px;
    opacity: 1;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: transparent;
    /* border-radius: 50%; */
    padding: 9px 10px;
}
.responsive_slide .slick-prev {
    left: -56px;
}
.responsive_slide.slick-slider .slick-slide {
  padding: 0 10px;
}



.responsive_slide_casino .slick-prev:before {
    background-image: url(../images/caret-left.png);
background-repeat: no-repeat;
    background-size: cover;}
.responsive_slide_casino .slick-next:before {
    background-image: url(../images/caret-right.png);
background-repeat: no-repeat;background-size: contain;}
.responsive_slide_casino .slick-prev:before, .responsive_slide_casino .slick-next:before {
    font-size: 19px;
    opacity: 1;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: transparent;
    /* border-radius: 50%; */
    padding: 9px 10px;
}
.responsive_slide_casino .slick-prev {
    left: -56px;
}
.responsive_slide_casino.slick-slider .slick-slide {
  padding: 0 10px;
}

.res_btn{
    background: #124abd;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
    margin: 0 5px;
    /* margin-top: 10px; */
}
.wallet_b{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}
.main_wallet_m{
    text-align: center;
}
.main-menu{
    display: flex;
    justify-content: space-between;
}
.login_f_wrap{
    position: absolute;
    top: 48px;
    z-index: 9;
    right: 0;
}
.login_f_wrapping{
    width: 300px;
    min-height: 50px;
    background-color: #000a22;
    border: 1px solid #01f9fc;
    border-radius: 5px;
    position: relative;
    padding: 28px;
}
.login_f_wrapping.top::after {
  content: '';
  height: 16px;
  width: 16px;
  position: absolute;
  background-color: #000a22;
  top: -9px;
  right: 13%;
  border-top: #01f9fc solid 1px;
  border-left: #01f9fc solid 1px;
  transform: rotate(45deg);
}
.login_m_title{
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
}
.login_w{
    position: relative;
}
.login_input_g{
    margin: 15px 0px 25px 0;
}
.login_input_g_sec{
    margin: 15px 0px 10px 0;
    position: relative;
}
input.login_input{
    background-color: #061647;
    border-radius: 3px;
    border: none;
    height: 42px;
    color: #fff;
    padding: 0 10px;
}
.signin_btn {
    background: #01f9fc;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 36px;
    font-size: 13px;
    margin-top: 20px;
}
.signin_btn:hover {
    background: transparent;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid #01f9fc;
    border-radius: 4px;
    width: 100%;
    height: 36px;
    font-size: 13px;
    margin-top: 20px;
}
.signin_btn a{
    color: #000;
}
.signin_btn:hover a{
    color: #fff;
}
.login_f_wrap{
    display: none;
}
input.num-verify {
    height: 45px;
    width: 45px;
    margin: 0 5px;
    font-size: 24px;
    text-align: center;
    padding: 5px;
    border: 1px solid #cacaca;
    border-radius: 0px;
}
input.num-verify:first-child{
    margin-left: 0;
}
.amt-qr {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 5px;
}
.index_slide_right_wrap_afterlogin{
    background-image: url(../images/bg_index_slide_afterlogin.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 460px;
    padding: 10px;
    height: initial;
}
.index_level_wrap{
    display: grid;
    grid-template-columns: 35% 65%;
    align-items: center;
    padding: 10px 0 0px 0;
}
.index_level_wrap_02{
    
}
.index_level_wrap_id{

font-size: 16px;

color: #12c3ff;
}
.index_level_wrap_tit{

font-size: 21px;

font-weight: 600;
}
.index_level_bar{

border: 1px solid #12c3ff;

border-radius: 9px;

padding: 17px;

text-align: center;

background-color: #000a22b8;

height: 100%;
}
.index_level_bar_wallet{

font-size: 20px;

font-weight: 600;
}
.index_level_bar_wallet span{

color: #12c3ff;
}
.index_restore_btn{

background: linear-gradient(to bottom, #01f8fd 0%, #12c3ff 100%);

font-weight: 600;

color: #000;

padding: 5px 10px;

min-width: 120px;

border-radius: 13px;

margin: 16px 0 10px 0px;
}
.account-box-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    text-align: center;
    padding: 0px 0px;
}
.ac-box {
    padding: 13px 10px;
    border-top: none;
}
.border_fund {
    border-right: 1px solid #12c3ff;
}
.border_fund:last-child {
    border-right: none;
}
hr.fund_hr {
    margin-top: 0rem;
    margin-bottom: 0rem;
    border-top: 1px solid #12c3ff;
}
.ac-box a {
    color: #12c3ff;
    font-size: 18px;
    font-weight: 500;
    display: grid;
    grid-template-columns: 35% 65%;
    text-align: center;
    justify-content: center;
}
.sidepanel_icon_lver_bar{
    width: 28px;
    margin: auto;
}
.index_level_bar_inn{
    margin-top: 38px;
    margin-bottom: 10px;
}
.index_level_wrap img{
    width: 115px;
}
.Restore_icon{
    color: #f07f15;
    margin-top: 10px;
    margin-left: 5px;
    cursor: pointer;
}
.Restore_icon_img{
    
width: 20px;
}
.rotate {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.index_widget_wrap{
    background-color: #011039;
    margin: 20px 0;
    border-radius: 5px;
}
.index_widget{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.footer_seo_bg{
    background-color: #000;
    padding: 20px 0 10px 0;
}
.footer_seo_bg h4 {
    color: #dab867;
    font-size: 18px;
    margin-bottom: 0;
}
.betting-content {
    font-size: 11px;
    line-height: 1.3;
    column-count: 4;
    column-gap: 70px;
    margin-bottom: 40px;
}
.betting-content p span{
    font-size: 15px;
    font-weight: 600;
    color: #dab867;
}
.footer_seo_rv{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.footer_content_more_trigger{
    
margin-left: 20px;
    
border-bottom: 1px solid #fff;
    
font-size: 12px;
    
cursor: pointer;
}
.footer_content_more_trigger:hover{
    color: grey;
}
.acc-wrap-bank{
    padding: 0px 10px 10px 16px;
}
.inbox-content-depo {
    padding: 15px;
}
.add_bank_table{
    width: 80%;
}
.qrc-img{
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
}
.qrc-img img{
    width: 115px;
}

/* 04072023 */

.main_wallet_box img{
    height: 25px;
}

.fast_product{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 15px;
}
.fast_product a{
    display: block;
}
.fast_product a img{
    border-radius: 5px;
    transition: 0.3s;
}
.fast_product a:hover img{
    box-shadow: 0 0 10px #0053fd;
}
.fast_a{
    position: relative;
}
.fastimg{
    position: absolute;
    width: 40px;
    top: 6px;
    right: -20px;
}


/* fortune */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.montserratfont {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.fortune-sec{
    padding: 30px;
    background: url(../images/fortune/fortune-banner-bg.jpg);
    min-height: 1500px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
    overflow: hidden;
}
.fortune-tabs {
    margin-top: 30px;
}

.fortune-tabs .nav-tabs {
    border: none;
    justify-content: center;
    gap: 20px;
    margin-bottom: 7%;
}

.fortune-tabs .nav-link {
    border: none;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #000a22;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-width: 235px;
    text-align: center;
    font-weight: 600;
    border: 1px solid #01f9fc;
}

.fortune-tabs .nav-link:hover {
    transform: translateY(-2px);
}

.fortune-tabs .nav-link.active {
    background: #01f9fc;
    color: #000;
    border-color: #01f9fc;
}

.fortune-tabs .tab-content {
    margin-top: 30px;
}
.wheel_top{
    text-align: center;
    position: relative;
}
.wheel_inner{
    width: 583px;
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}
.fortune_tnctitle{
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #01f9fc;
    margin-bottom: 30px;
}
.fortune_tnctitle:after{
    content: "";
    border-bottom: 1px solid #01f9fc;
    width: 71%;
    position: absolute;
    bottom: 11px;
    left: 20%;
}
.fortune_tnc_wrapper{
    position: relative;
}
.fortunetnc_content{
    width: 70%;
    z-index: 9;
    position: relative;
}
.fortunetnc_content ol{
    padding: 0;
    margin: 0;
    padding-left: 20px;
}
.fortunetnc_content ol li{
    padding-bottom: 27px;
    font-size: 15px;
    font-weight: 600;
}
.fortnb_img{
    position: absolute;
    bottom: -29%;
    right: auto;
    width: 100%;
    left: auto;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.2;
}
.fortnb_img img{
    margin: auto;
    text-align: center;
}
.wheel_btm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}
.wheel_btm_wrap{
    gap: 15px;
    margin-top: -14%;
    z-index: 1;
    position: relative;
}

.token-counter {
    background: #000a22;
    padding: 6px;
    border-radius: 10px;
    color: white;
    text-align: center;
    border: 1px solid #01f9fc;
    min-width: 165px;
}

.token-label {
    font-size: 14px;
    font-weight: bold;
}

.token-value {
    font-size: 18px;
    font-weight: bold;
}

.spin-button {
    background: #01f9fc;
    color: black;
    border: none;
    padding: 6px;
    border-radius: 7px;
    font-size: 22px;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 400px;
    min-height: 57px;
}

.spin-button:hover {
    background: #01f9fc;
    transform: scale(1.05);
}
.spin_remind{
    text-align: center;
    font-size: 1.6rem;
    text-shadow: 0 2px 4px #000000;
    margin: 12px 0 35px 0;
    font-weight: bold;
}
.depositunlockbox{
    border: 1px solid #01f9fc;
    border-radius: 10px;
    padding: 12px;
    background: linear-gradient(180deg, rgba(0,19,98,1) 0%, rgba(0,29,139,1) 100%);
    max-width: 600px;
    margin: auto;
}
.unlocktitle{
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}
.unlocktitle span{
    color: #01f9fc;
}
.unlock_claim{
    display: flex;
    justify-content: center;
    gap: 15px;
}
.unlock_claim .left{
    display: flex;
    width: 66%;
    border: 1px solid #01f9fc;
    border-radius: 30px;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
}
.rchamount{
    padding: 10px;
    font-size: 19px;
    color: #01f9fc;
    font-weight: 500;
    text-align: center;
    margin: auto;
}
.deposit_tokenbtn{
    background: #01f9fc;
    padding: 10px;
    border-radius: 0 30px 30px 0;
    color: #000a22;
    font-weight: 600;
    font-size: 19px;
    min-width: 45%;
    text-align: center;
}
.unlock_claim .right{ 
    display: flex; 
    align-items: center;
    justify-content: center;
    width: 30%;
}
.claim_token{   
    background: #000a22; 
    color: #01f9fc;  
    padding: 10px;  
    border-radius: 30px;  
    border: 1px solid #01f9fc; 
    font-weight: 600; 
    display: flex; 
    justify-content: center;  
    min-height: 48px; 
    align-items: center;  
    font-size: 17px;
    width: 100%;
}
.prize_grid{
    display: flex;
    /* grid-template-columns: repeat(4,1fr); */
    gap: 10px;
    max-width: 800px;
    margin: auto;
    margin: 50px auto;
    flex-wrap: wrap;
    justify-content: center;
}

.prize_grid_box{
    position: relative;
    min-width: 22%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prize_grid_con{
    position: absolute;
    margin: auto;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: max-content;
}
.prize_grid_con img{
    
}
.prize_grid_con p{
    margin: 0;
    color: #01f9fc;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.prize_grid_spec .prize_grid_box{
    
min-width: 12%;
}
.registrationPassIcon {
    position: absolute;
    right: 10px;
    top: 36%;
    max-width: 20px;
    color: var(--text-color);
    cursor: pointer;
}
.imgwheel {
    position: fixed;
    z-index: 1;
    bottom: 8%;
    left: 3%;
}

/* deposit */
/* Payment Form Styles */
.payment-container {
    padding: 0 15px;
}

.payment-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Gotham", sans-serif;
}

.payment-options {
    /* max-width: 900px; */
    /* margin: 0 auto; */
}

.payment-row {
    margin-bottom: 20px;
}

.payment-option-group {
    display: flex;
    justify-content: left;
    gap: 15px;
    margin-bottom: 30px;
}

.payment-option {
    background-color: #0c1631;
    border: 1px solid #124abd;
    border-radius: 5px;
    color: #ffffff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.payment-option img {
    height: 24px;
    width: auto;
}

.payment-option span {
    font-size: 14px;
    font-weight: 600;
}

.payment-option.active {
    background-color: #124abd;
    border-color: #01f9fc;
}

.payment-section {
    margin-bottom: 25px;
    display: flex;
    gap: 20px;
}

.section-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    width: 200px;
    min-width: 200px;
}

.required {
    color: #ff5555;
    margin-left: 3px;
}

.channel-options, .bank-options {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.channel-option, .bank-option {
    background-color: #0c1631;
    border: 1px solid #124abd;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.channel-option img{
    /* width: 80px; */
    /* max-height: 60px; */
    margin-bottom: 10px;
}
.bank-option img {
    
width: 100px;
}

.channel-option span, .bank-option span {
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.channel-option.active, .bank-option.active {
    border-color: #01f9fc;
    box-shadow: 0 0 10px rgba(1, 249, 252, 0.5);
}

.amount-input input {
    background-color: #0c1631;
    border: 1px solid #124abd;
    color: #ffffff;
    padding: 10px 15px;
    height: 45px;
    font-size: 16px;
    border-radius: 5px;
    min-width: 400px;
}

.amount-quick-options {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.amount-option {
    background-color: #0c1631;
    border: 1px solid #124abd;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.amount-option:hover {
    background-color: #124abd;
    border-color: #01f9fc;
}

.deposit-select select, .promo-select select {
    background-color: #0c1631;
    border: 1px solid #124abd;
    color: #ffffff;
    padding: 10px 15px;
    height: 45px;
    border-radius: 5px;
    width: 100%;
    appearance: menulist;
    min-width: 400px;
}

.payment-action {
    margin-top: 30px;
    text-align: center;
}

.submit-btn {
    background-color: #01f9fc;
    color: #000a22;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    padding: 12px 40px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.submit-btn:hover {
    background-color: #00d8db;
    transform: translateY(-2px);
}
.text_deposit{
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
}
.deposit_bank_table{
    width: 58%;
}
.amount-input input.form-control:focus{
    background-color: transparent;
    color: #fff;
}
.deposit-select select:focus, .promo-select select:focus{
    background-color: #0c1631;
    color: #fff;
}
.payment-content {
    display: none;
}

.payment-content.active {
    display: block;
    animation: fadeIn 0.5s ease;
}