@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:300,400,700,900');

body { font-family: "Noto Sans", sans-serif; line-height:1.6; font-size:15px; margin:0 auto; color:#191919;max-width: 991px;background: #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 { text-decoration: none; }

img { max-width:100%;}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select {
    color: #666;
    width: 100%;
}
.index_container_custom{
    padding: 0 15px 0 15px;
}
.index_container_custom_menu{
    padding: 0 15px 0 15px;
}
/*header*/
.header-top {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 991px;
    z-index: 99;
    background: #000a22;
}
.header-top-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    position: relative;
}
.header_logo {
    padding: 0px;
    /* width: 220px; */
}
.header_top_right {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    left: 20px;
}
.header_top_right_logout {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    right: 20px;
}
.index_login_wrap .register_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #124abd;
    color: #fff;
    width: auto;
    border-radius: 2px;
    font-size: 11px;
    padding: 7px 5px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
}
.index_login_wrap .login_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #01f9fc;
    color: #222222;
    width: auto;
    border-radius: 2px;
    font-size: 11px;
    padding: 7px 5px;
    font-weight: 700;
    cursor: pointer;
    margin-right: 10px;
    text-transform: uppercase;
}
.register_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #124abd;
    color: #fff;
    width: auto;
    border-radius: 2px;
    font-size: 9px;
    padding: 7px 5px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
}
.login_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #01f9fc;
    color: #222222;
    width: auto;
    border-radius: 2px;
    font-size: 9px;
    padding: 7px 5px;
    font-weight: 700;
    cursor: pointer;
    margin-right: 10px;
    text-transform: uppercase;
}
.header_logo img {
    width: 145px;
}
.modal.left .modal-dialog.modal-sm {
    width: 200px;
}
#modalmenu .modal-header{
    padding: 0;
    border-bottom: none;
}
#modalmenu .modal-header .close {
    padding: 1rem 0.5rem;
    margin: -1rem auto -1rem -1rem;
    position: absolute;
    right: 0px;
    color: #fff;
    font-size: 32px;
    z-index: 1;
}
#modalmenu .modal-body{
    background: #000a22;
    padding: 20px 10px;
}
ul.modal_menu_ul{
    padding: 0;
    list-style: none;
    margin: 0;
    margin-top: 20px;
text-align: left;}
ul.modal_menu_ul li{
    padding: 8px 0px;
}
ul.modal_menu_ul li a{
    color: #fff;
font-size: 13px;text-transform: uppercase;font-weight: 700;}
ul.modal_menu_ul li.modal_menu_ul_img a img{
    width: 23px;
margin-right: 10px;}
a.menu_btn i{
    color: #fff;
    font-size: 22px;
}
ul.modal_menu_ul li .nav_products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
    padding: 8px 0px;
}




.body_main{
    padding-top: 59px;
    padding-bottom: 60px;
}
.carousel-item img{
    border-radius: 10px;
}
.index_container_custom_menu .nav_products{
    display: block;
    /* grid-template-columns: repeat(6, 1fr); */
    grid-gap: 0px;
    padding: 8px 0px;
    /* overflow: hidden; */
    /* overflow-x: scroll; */
    /* white-space: nowrap; */
    /* flex-wrap: nowrap; */
}
.nav_products{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 5px;
    padding: 8px 0px;
}
.img_hover{
    display: none;
}
.nav_products a img{
    width: 37px;
    margin: auto;
    }
.nav_products a.active img.img_main{
    /* display: none; */
}
.nav_products a.active img.img_hover{
    display: block;
}
.index_container_custom_menu .nav_products a{
    border: 2px solid #01337c;
    border-radius: 10px;
    text-align: center;
    padding: 3px 0px;
    /* display: grid; */
    /* align-items: end; */
    min-width: 50px;
}
.nav_products a{
    border: 2px solid #01337c;
    border-radius: 10px;
    text-align: center;
    padding: 3px 1px;
    display: grid;
    align-items: end;
}
.nav_products a.active{
    border: transparent;
    background: linear-gradient(to bottom, #13c1ff 0%, #4466ff 100%);
}
.nav_products a div{
    color: #01337c;
    font-weight: 900;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 1.2;
}
.product_wrap{
    display: grid!important;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
.product_wrap a img{
    border-radius: 5px;
}
.productslide .slick-prev{
    position: absolute;
    left: -7px;
    z-index: 222;
}
.productslide .slick-next{
    position: absolute;
    right: 7px;
    z-index: 222;
}
.productslide_index .slick-list {
    margin: 0 -5px;
}
.productslide_index .slick-slide>div {
    padding: 0 5px;
}
.productslide.productslide_index .slick-next {
    position: absolute;
    right: 7px;
    z-index: 222;
    top: 38%;
}
.productslide.productslide_index .slick-prev{
    position: absolute;
    left: -7px;
    z-index: 222;
    top: 38%;
}

.productslide .slick-prev:before {
    content: url(../images/index/left.png);

}
.productslide .slick-next:before {
    content: url(../images/index/right.png);

}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0;
}
.productslide .slick-prev,.productslide .slick-next {
    -moz-animation: blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1.5s infinite ease-in-out; /* IE */
    animation: blink normal 1.5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
} 
.productslide_index img{
    border-radius: 10px;
}

/*indexcasino*/
.productslide_casino .slick-prev{
    position: absolute;
    left: -7px;
    z-index: 222;
}
.productslide_casino .slick-next{
    position: absolute;
    right: 7px;
    z-index: 222;
}
.productslide_index .slick-list {margin: 0 -5px;}
.productslide_index .slick-slide>div {padding: 0 5px;}
.productslide_casino.productslide_index .slick-next {
    position: absolute;
    right: 7px;
    z-index: 222;
    top: 38%;
}
.productslide_casino.productslide_index .slick-prev{
    position: absolute;
    left: -7px;
    z-index: 222;
    top: 38%;
}

.productslide_casino .slick-prev:before {
    content: url(../images/index/left.png);

}
.productslide_casino .slick-next:before {
    content: url(../images/index/right.png);

}
.productslide_casino .slick-prev,.productslide_casino .slick-next {
    -moz-animation: blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1.5s infinite ease-in-out; /* IE */
    animation: blink normal 1.5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
} 


/*index-menu*/
.nav_slider .slick-prev{
    position: absolute;
    left: -12px;
    z-index: 222;
    top: 45%;
}
.nav_slider .slick-next{
    position: absolute;
    right: 2px;
    z-index: 222;
    top: 45%;
}
.nav_slider .slick-list {margin: 0 -5px;}
.nav_slider .slick-slide>div {padding: 0 0px;margin: 0 5px;}
.nav_slider.productslide_index .slick-next {
    position: absolute;
    right: 7px;
    z-index: 222;
    top: 38%;
}
.nav_slider.productslide_index .slick-prev{
    position: absolute;
    left: -7px;
    z-index: 222;
    top: 38%;
}

.nav_slider .slick-prev:before {
    content: url(../images/index/left.png);

}
.nav_slider .slick-next:before {
    content: url(../images/index/right.png);

}
.nav_slider .slick-prev,.nav_slider .slick-next {
    -moz-animation: blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1.5s infinite ease-in-out; /* IE */
    animation: blink normal 1.5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.5;
    }
    100% {
        opacity:1;
    }
} 
.nav_products .slick-slide a img.img_hover{
    display: none;
}
.nav_products .slick-slide a.activ img.img_main{
    display: block;
}
.nav_slider .slick-prev.slick-disabled:before,.nav_slider .slick-next.slick-disabled:before {
    opacity: 0;
    display: none;
}


.match_container{
    border-radius: 10px;
    overflow: hidden;
}

.footer-all {
    background: #000000;
    padding: 15px;
margin-top: 27px;}
.follow-us {
    margin-bottom: 10%;
}
.follow-us h5 {
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
.f-ico ul {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
}
.f-ico ul li {
    list-style: none;
    color: #fff;
}
.f-ico ul li a img{
    width: 35px;
}
.site-map {
    margin-bottom: 10%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
h5.ttl-ft {
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
.site-map ul {
    padding: 0px;
    margin: 0px;
}
.site-map ul li {
    list-style: none;
    color: #fff;
}
.site-map ul li a {
    color: #868686;
    font-size: 11px;
}
.copy-r{
    font-size: 12px;
    color: #fff;
}

/*footer*/
.menu-btm {
    position: fixed;
    max-width: 991px;
    width: 100%;
    bottom: 0;
    background: rgba(0,0,0,.9);
    z-index: 99;
}
.menu-wrapper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    text-align: center;
    padding: 5px;
    border-radius: 0;
    box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.1);
    background-color: #124abd;
}
.menu-wrapper a {
    color: #ffffff;
    font-size: 11px;
}
.menu-wrapper a img {
    max-width: 35%;
    display: block;
    margin: auto;
}
.menu-wrapper a .active-img {
    display: none;
}
.menu-wrapper a.active {
    color: #01bbfb;
}
.menu-wrapper a.active .active-img {
    display: block;
}
.menu-wrapper a.active .com-img {
    display: none;
}

/*slots*/
.slot_games_lobby.nav-tabs {
    border-bottom: none;
}
.slot_games_lobby .nav-item {
    transform: none;
    transition: none;
    font-size: 13px;
}
.slot_games_lobby.nav-tabs .nav-item.show .nav-link,.slot_games_lobby.nav-tabs .nav-link.active,.slot_games_lobby.nav-tabs .nav-link:hover {
    color: #01f9fc;
    border: unset;
    background-color: transparent;
}
.slot_games_lobby.nav-tabs .nav-link.active span,.slot_games_lobby.nav-tabs .nav-link:hover span{
    border-bottom: 2px solid #01f9fc;
}
.slot_games_lobby.nav-tabs .nav-link{
    color: #fff;
    border: none;
}
.slot_games_lobby.nav-tabs .nav-link:hover,.slot_games_lobby.nav-tabs .nav-link:focus,.slot_games_lobby.nav-tabs .nav-item:focus{
    border-color: unset;
    border:none;
    outline: unset;
}
.slot_games_lobby.nav-tabs .nav-item:hover{
    border-bottom: none;
    background-color: transparent;
}
.searchslotgames.form-control{
    background-color: #243c52;
    border: none;
    color: #54b5ff;
    border-radius: 35px;
    width: 84%;
}
@media only screen and (max-width: 374px) {
    .searchslotgames.form-control{
        width: 81%;
    }
}
.searchicon{
    display: inline-block;
    border-radius: 60px;
    padding: 8px 8px;
    color: #ffffff;
    font-size: 16px;
    background: #124abd;
    cursor: pointer;
}
.grid-slotgames-lobby{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    margin-top: 10px;
}
.sglobbyPName{
    /* background-color: rgba(0, 0, 0, 0.3); */
    padding: 5px 0px;
color: #fff;}
.btn-slotgames{
    height: 30px;
    width: 100%;
}
.sglobbyproduct{
    border: 1px solid #66bcff;
    border-radius: 5px;
    padding: 3px;
}
.btn-slotgames{
    width: 100%;
    color: #001c3c;
    background: linear-gradient(to bottom, #01f8fd 0%, #12c3ff 100%);
    border-radius: 34px;
    text-transform: uppercase;
    font-size: 13px;
    height: 38px;
    font-weight: 700;
    border-bottom: none;
}
.slot_f_wrap{
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.slot_f_btn{
    width: auto;
    color: #fff;
    background: #124abd;
    border-radius: 34px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    border-bottom: none;
    border: none;
    font-size: 10px;
    padding: 5px 10px;
    margin-right: 10px;
}

/*vip*/
.vip_table {
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
table.vip_table tbody tr td:first-child{
    text-align: left;
}
table.vip_table tbody tr td img{
    width: 68px !important;
    margin: auto;
margin-bottom: -6px;}
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;
}
table.vip_table tbody tr:first-child td{
    text-align: center;
}
table.vip_table tbody tr{
    background: linear-gradient(to right, #011648 0%, #124abd 100%);
}
table.vip_table tbody tr.vip_logo_wrap{
    background: transparent;
}
.vip_pri{
    font-size: 15px;
    /* vertical-align: bottom; */
}
.vip_line hr {
    border-top: 1px solid #afafaf;
    margin: 0;
}
.txt_yellow {
    color: #21a7ff;
}
.vip-sec .owl-nav{
    position: absolute;
    top: 43px;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.vip-sec .owl-nav .owl-prev span,.vip-sec .owl-nav .owl-next span{
    font-size: 44px;
    color: #21a7ff;
    width: 100%;
    height: auto;
}
.vip-sec .owl-carousel .owl-nav button.owl-prev{
    border: 1px solid #21a7ff;
    padding: 3px 10px 10px 10px!important;
    border-radius: 10px;
    margin-left: -15px;
    border-left: none;
    height: 54px;
    display: flex;
    align-items: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.vip-sec .owl-carousel .owl-nav button.owl-next{
    border: 1px solid #21a7ff;
    padding: 3px 10px 10px 10px!important;
    border-radius: 10px;
    margin-right: -15px;
    border-right: none;
    height: 54px;
    display: flex;
    align-items: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.vip-sec button:focus{
    outline: unset;
}
table.vip_table{
    border-collapse: separate;
    border-spacing: 0 8px;
    padding-bottom: 0px;
}
table.vip_table.vip_sub_01{
    border-collapse: collapse;
    border-spacing: 0 0px;
    padding-bottom: 0px;
}
.vip_last_table{
    margin-top: 8px;
}
table.vip_table.vip_sub_01 tbody tr td:first-child{
    text-align: left;
color: #fff;}
table.vip_table td:first-child,
table.vip_table th:first-child {
  border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;}
table.vip_table td:last-child,
table.vip_table th:last-child {
  border-radius: 0 10px 10px 0;
text-align: end;-webkit-border-radius: 0 10px 10px 0;}

table.vip_table.vip_sub_01 td{
    border-radius: 0;
text-transform: uppercase;}
table.vip_table.vip_sub_01 tr:first-child td:first-child{
  border-radius: 10px 0 0 0px;
}
table.vip_table.vip_sub_01 tr:first-child td:last-child{
  border-radius: 0 10px 0px 0;
}
table.vip_table.vip_sub_01 tr:last-child td:first-child{
  border-radius: 0px 0 0px 10px;
}
table.vip_table.vip_sub_01 tr:last-child td:last-child{
  border-radius: 0px 0px 10px 0px;
}
table.vip_table.vip_sub_01 .txt_yellow{
    color: #21a7ff!important;
}
.vip_drag_sec{
    padding: 20px 0;
}
.vip_pr_tit{
    color: #01f9fc;
}
.vip-privileges .vip-bar-wrap {
    position: relative;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 5px 20px 15px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.vip-privileges .vip-bar-wrap::-webkit-scrollbar,
.vip-privileges .desc-wrap::-webkit-scrollbar {
    display: none
}

.vip-privileges .vip-bar>div {
    display: inline-block;
    float: none;
    margin: 0;
    margin-right: -3px
}

.vip-privileges .vip-bar>div:last-child {
    margin-right: 10px
}

.vip-privileges .vip-bar .badge {
    background: #061647;
    border: 1px solid #d3d3d300;
    border-radius: 5px;
    color: #767474;
    padding: 4px 10px
}

.vip-privileges .vip-bar .badge-divider {
    width: 30px;
    height: 4px;
    background-color: #454a53;}

.vip-privileges .vip-bar .badge.active {
    background: #061647;
    border: 1px solid #03f1fd;
    border-radius: 5px;
    color: #03f1fd;}

.vip-privileges .desc-wrap {
    position: relative;
    display: block;
    padding-left: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.vip-privileges .desc-wrap-inner {
    display: inline-block;
    float: none;
    padding-left: 20px
}

.vip-privileges .desc-wrap-inner:first-child {
    padding-left: 20px
}

.vip-privileges .desc-wrap-inner:last-child {
    padding-right: 20px
}

.vip-privileges .desc-box {
    width: 80vw!important;
    min-height: 100vw;
    background-image: url(../images/vip/vipbg.jpg);
    border-radius: 15px;
    overflow: hidden
;border: 1px solid #12bdf7;background-size: contain;}

.vip-privileges .header-wrap {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 1rem;
    height: 14vw;
    background: linear-gradient(#01f8fd, #12c3ff);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
;font-weight: 900;}

.vip-privileges .header-wrap img {
    height: 10vw;
    margin: 0 .8rem 0 .6rem
}

.vip-privileges .col-row {
    margin: .6rem;
    display: flex;
    justify-content: space-between
}

.vip-privileges .col-card {
    padding: 0;
    width: calc((100% - 1rem)/3)
}

.vip-privileges .col-card-lg {
    padding: 0;
    width: calc((100% - 1rem)/2)
}

.vip-privileges .col-wrap {
    border: 1px solid #124abd;
    background-color: #061235;
    border-radius: 10px;
    padding: 0
}

.vip-privileges .privilege-img {margin: auto;text-align: center;}

.vip-privileges .privilege-img img {
    width: 50px;
    height: 100%;
    object-fit: contain
}

.vip-privileges .privilege-item {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal;
    line-height: 11px;
    height: 22px;
    color: #ffffff;
    text-align: center;font-size: 11px
;padding: 3px;}

.vip-privileges .privilege-value {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal;
    font-size: 12px;
    line-height: 12px;
    height: 24px
;color: #fff;font-weight: bold;}

.vip-tips {
    justify-content: flex-start;
    align-items: flex-start
;color: #fff;}

.vip-tips .title {
    display: flex;
    font-size: 1rem;
    margin: 0 20px;
    margin-bottom: 10px
}

.vip-tips .tips-wrap-inner {
    padding: 10px 20px;
    padding-right: 0
}

.vip-tips .tips-wrap-inner:first-child {
    padding-top: 5px
}

.vip-tips .thumbnail-wrap {
    display: flex;
    border: 1px solid #124abd;
    border-radius: 8px;
    width: 12vw;
    height: 12vw;
    padding: 2%;
    margin-top: 4px
;background: #031136;}

.vip-tips .thumbnail-wrap img {
    width: 100%;
    object-fit: contain;
}

.vip-tips .desc-wrap {
    width: 80%;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

.vip-tips .desc-wrap .subtitle {
    font-size: .75rem;
    text-decoration: underline
}

.vip-tips .desc-wrap .desc {
    white-space: initial;font-size: 12px;}

.vip-footer {
    margin-left: -20px;
    text-align: left;
    white-space: normal;
    padding-right: 0
}

.vip-footer h6 {
    display: flex;
    font-size: 1rem;
    margin: 0 20px;
    margin-bottom: 10px;
    text-decoration: underline
}

.vip-footer ol li {
    line-height: 2;
    font-size: 10px
}

.vip-footer ol li.highlight {
    color: red
}

/*promotion*/
.mix {
    display: none;
}
.filter-menu-bar{
    margin: 20px 0;
    /* background-color: #e1e1e1; */
    display: flex;
    justify-content: start;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
text-align: center;}
.pmbox_1st{
    /* margin-left: -10px; */
}
.pmbox {
    background: none;
    color: #8f8f8f;
    text-transform: uppercase;
    display: inline-block;
    padding: 0;
    font-weight: 700;
    font-size: 12px;
    margin-right: 0px;
    cursor: pointer;
    
    text-align: center;
border-bottom: 1px solid #676767;padding: 0 10px;text-align: center;}
.pmbox.active {
    border-bottom: 1px solid #01f9fc;color: #01f9fc;
    background: transparent;
    /* transform: skew( -25deg); */
    display: flex;
    justify-content: center;
    align-items: center;
}
.pmbox.active >* {
    /* transform: skew(25deg); */
}
.promo-bx {
    width: 100%;
    padding: 0;
    padding-bottom: 0.6rem;
    /* background-color: #2a2a2c; */
    margin-bottom: 10px;
}
.p1_promo {
    margin-top: 0.45rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 12px;
}
.p2_promo {
    color: #fff;
    margin-bottom: 0;
    font-size: 10px;
}
.promo_btn {
    display: flex;
    margin-top: 10px;
    text-align: center;
    grid-gap: 5px;
justify-content: center;position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;}
.promo_box_con{
    padding: 10px;
/* position: absolute; *//* bottom: 0; *//* left: auto; *//* right: auto; */}
.btn-red-promo{
    background-color: #000a22;
    color: #4dd6fa;
    min-width: 100px;
border: 1px solid #4dd6fa;border-radius: 50px;padding: 5px;}
.btn-redlight-promo{
    
    
    
background-color: #9ea6b8;
    color: #050505;
    min-width: 100px;
    border: 1px solid #4dd6fa00;
    border-radius: 50px;
    padding: 0px 10px;}
.promo_modal_custom .modal-header {
    border-bottom: 2px solid #000a22;
    color: #ffffff;
    background: #000a22;
border-top-left-radius: 0;
    border-top-right-radius: 0;}
.promo_modal_custom .modal-body {
    background-color: #02040b;
    color: #fff;
}
.promo_modal_custom .modal-content{
    border: none;
    background-color: transparent;
}
.promo_pic{
    position: relative;
}
.promo_modal_custom  .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
/*promotionend*/

/*afterlogin*/
/*deposit*/
.msg_icon {
    color: #fff;
    font-size: 21px;
    position: relative;
    margin-right: 12px;
}
.badgeinbox {
    position: absolute;
    top: -4px;
    right: -8px;
    padding: 1px 5px;
    border-radius: 50%;
    background: red;
    color: white;
    font-size: 10px;
}
.afterlogin_head {
    color: #fff;
    font-size: 17px;
}
.afterlogin_head a {
    color: #fff;
}
.afterlogin_header {
    padding: 10px;
    box-shadow: 0px 1px 4px 1px #00339cd1;
}
.deposit_top {
    color: #fff;
    text-align: center;
    padding: 10px;
}
.deposit_txt {
    font-size: 15px;
}
.deposit_balce {
    font-size: 27px;
}
.deposit_balce span{
    font-size: 13px;
}
.deposit_tab{
    
color: #fff;
    
padding: 10px 0px;
    
/* background: #000a2287; */
    }
.please_tab{
    padding: 10px;
}
.aftermain_tab_wrapper.nav-tabs{
    border-bottom: none;
    background-color: transparent;  
    text-align: center;
    justify-content: center;
}
.aftermain_tab_wrapper.nav-tabs .nav-item{
    margin-right: 0px;
    width: 25%;
}
    .aftermain_tab_wrapper.nav-tabs .nav-link.active {
        color: #01f9fc;
        background-color: transparent;
        border-color: transparent;
        text-align: center;
    }
.aftermain_tab_wrapper.nav-tabs .nav-item a{
    color: #8f99a3;
    font-weight: 700;
    position: relative;
    font-size: 13px;
    padding: 10px 5px;
}
.aftermain_tab_wrapper.nav-tabs .nav-item a img{
    width: 55px;
}
.aftermain_tab_content_wrapper{
    padding: 10px 0px;
    margin-top: 10px;
    /* background: #000a22c2; */
    color: #fff;
}
.nav-pills .nav-link.btn-bankType{
    background-color: #0000007d;
    border-radius: 60px;
    width: 70px;
    height: 70px;
    padding: 11px;
    text-align: center;
}
.deposit_bank .nav-pills .nav-link.active{
    background-color: #061647;
    border: 1px solid #03f1fd;
}
.depositTable table tbody tr th{
    padding: 10px;
    font-size: 12px;
}
.depositTable table thead tr:first-child{
    border-bottom: 1px solid #f9bb22;
}
.depositTable table tbody tr:nth-child(2n){
    background-color: #0000007d;
    border: 1px solid #03f1fd;
}
.depositTitle{
    color: #fff;
}
.afterloginnav_content .form-control{
    background-color: #061647;
    height: 50px;
    border-radius: 5px;
    padding: 0 10px 0 20px;
    border: none;
    color: #fff;
}
.btn_reg{
    width: 80%;
    min-height: 56px;
    color: #fff;
    text-transform: uppercase;
    outline: none;
    text-shadow: 0 2px 2px rgba(0,0,0,.3);
    border-radius: 40px;
    margin: 30px 0px;
    background-image: linear-gradient(#01f8fd, #12c3ff);
    border: none;
}
.btn_reg:hover{
    background-color: transparent;
    color: #fff;
}
.deposit_info p{
    color: #01f8fd;
}
.depositTable table{
    border: 1px solid #03f1fd;
}
.nav-link_txt{
    
font-size: 11px;line-height: 1;}
/*depositEND*/
/*transfer*/
.wallet-board{
    text-align: center;
}
.trans-wallet-wrapper {
    color: #fff;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding: 5px;
    grid-gap: 2px;
}
.trans-title {
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 4px 0 5px;
    font-weight: 600;
    text-align: left;
}
.wp-logo {
    /*background: rgba(0,0,0,0.5);*/
    border-radius: 10px;
    width: 97px;
    height: auto;
    margin: auto;
    text-align: center;
    padding: 8px 0;
    /*border: 1px solid #3bd6d8;*/
}
.trans-wallet-wrapper label .wp-box img {
    filter: grayscale(1);
}
.trans-wallet-wrapper label:hover .wp-box img {
    filter: grayscale(0);
}
/* HIDE RADIO */
.trans-wallet-wrapper label [type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
/* IMAGE STYLES */
.trans-wallet-wrapper label [type=radio] + .wp-box {
    cursor: pointer;
    background-color: #282828;
    border-radius: 10px;
    min-height: 83px;
border: 1px solid #124abd;
    background-color: #061235;}
/* CHECKED STYLES */
.trans-wallet-wrapper label [type=radio]:checked + .wp-box {
    box-shadow: 0 0 5px 1px #01f9fc;
background-color: #01f9fc08;}
.trans-wallet-wrapper label [type=radio]:checked + .wp-box img {
    filter: grayscale(0) brightness(1.1);
}

button.max-button {
    background: #001520;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #53fdfd;
    padding: 0px 15px;
    width: auto;
    border-radius: 35px;
    height: 30px;
    text-transform: uppercase;
    margin-left: 5px;
}
button.max-button:hover {
    background: #0a3a4e;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.65);
}
button.max-button:focus {
    outline: none;
}
.afterloginnav_content {
    padding: 10px 10px;
}
/*transferEND*/
/*statement*/
.depositTable.statementTable table tbody tr th,.depositTable.message table tbody tr th{
    padding: 5px;
    font-size: 10px;
    color: #fff;
}
.afterloginnav_content {
    padding: 10px 10px;
}
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
/*statementEND*/

/*account*/
.user_box{
    
padding: 0px 0px 60px 0px;
    
color: #fff;
    
/* background: linear-gradient(to bottom, #000a22 0%, #124abd 100%); */
}
.user_box_wra{
    display: grid;
    grid-template-columns: repeat(1,1fr);
}
.af_amt{
    font-size: 28px;
}
.user_box_wra2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.user_box_vip{
    display: block;
    width: 100px;
    text-align: center;
    margin-bottom: 15px;
}
.user_box_vip img{
    width: 92px;
}
.user_box_vip img.brown-color{
    filter: brightness(1.15) drop-shadow(0 0 4px #e2efda);
}
.user_box_vip img.grey-color{
    filter: brightness(1.15) drop-shadow(0 0 4px #fff2cc);
}
.user_box_vip img.gold-color{
    filter: brightness(1.15) drop-shadow(0 0 4px #d9e1f2);
}
.user_box_vip img.blue-color{
    filter: brightness(1.15) drop-shadow(0 0 4px #ccccff);
}
.user_box_vip img.purple-color{
    filter: brightness(1.15) drop-shadow(0 0 4px #ffcccc);
}
.user_box_vip img.elite-color{
    filter: brightness(1.15) drop-shadow(0 0 4px #caeef2);
}
.btn_rest{
    min-width: 120px;
    background-color: #00000040;
    border-radius: 2px;
    color: #fff;
    border: none;
}
.msg_icon{
    color: #fff;
    font-size: 20px;
}
.menu_box{
    background: linear-gradient(to bottom, #002170 0%, #124abd 100%);
    height: auto;
    padding: 10px;
    border-radius: 5px;
    margin-top: -41px;
    margin-bottom: 20px;
}
.menu_box_wrap{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    text-align: center;
}
.menu_box_wrapper a{
    color: #fff;
    font-size: 12px;
}
.menu_box_wrapper a.active{
    color: #01f9fc;
}
.menu_box_wrapper a img{
    max-width: 29px;
}
.menu_box_wrapper a.active img{
    filter: opacity(0.5) invert(1) ;
}
/*accountEND*/
/*inbox*/
}
.inbox-list {
    background: #212121c9;
    font-weight: bold;
    flex: 0 0 auto;
}
.inbox-list.top_list ul {
    margin-bottom: 0px;
}
.top_list ul {
    background: #0066D1;
    list-style: none;
    padding: 0px;
}
.inbox-list ul li a {
    display: flex;
    color: #5F5F5F;
    width: 100%;
    padding-right: 18px;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    padding-left: 0.75rem;
    border-bottom: 1px solid rgba(151, 151, 151, 0.26);
    cursor: pointer;
    flex-wrap: nowrap;
    align-items: center;
    -webkit-transition: all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;
    -moz-transition: all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;
    -ms-transition: all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;
    -o-transition: all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;
    transition: all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;
    justify-content: space-between;
}
.message-delete-checkbox {
    margin-right: 10px;
    padding-top: 10px;
}
.inbox-list-body {
    width: 70%;
}
.inbox-list ul p {
    max-width: 17.875rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}
.inbox-list ul .time {
    font-size: 1rem;
    font-weight: normal;
    text-align: right;
}
.top_list ul .time {
    display: flex;
}
.inbox-list ul {
    background: #0000007d;
    list-style: none;
    padding: 0px;
}
.inbox-list ul .time img {
    width: 25px;
}
#inbox_msg .modal-header {
    border-bottom: 2px solid #000a22;
    color: #ffffff;
    background: #000a22;
}
.inbox-list.top_list ul li a{
    padding-top: 0;
    padding-bottom: 0;
}
.rebate_qr{
    text-align: center;
}
.rebate_qr img{
    max-width: 150px;
}
#inbox_msg .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #02040b;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
    color: #fff;
}
/*inboxEND*/
/*rebate*/
.dropdown_search {
    display: flex;
    align-items: flex-end;
}
.dropdown_search_btn {
    border: 1px solid #061647;
    background-color: #061647;
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #a4a4a4;
    height: 50px;
}
.dropdown_search .dropdown-menu {
    border: 1px solid #061647;
    background-color: #061647;
    border: 1px solid #03f1fd;
}
.dropdown_search .dropdown-menu a {
    color: #ffffff;
    background-color: #020d2d;
    margin: 10px auto;
    border-radius: 5px;
    width: 90%;
    border: 1px solid #03f1fd;
}
input.form-control.dropdown_search_form {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
    height: 50px;
}
.history-table {
    background: #fff;
    font-size: 12px;
    margin-top: 15px;
color: #fff;}
.history-table tr:nth-child(odd) {
    background: #061647;
}
.history-table tr th {
    border: 1px solid #01f8fd;
    padding: 4px;
    background: #061647;
    text-align: center;
    color: #ffffff;
}
.history-table tr td {
    border: 1px solid #01f8fd;
    padding: 10px 4px;
    text-align: center;
    color: #ffffff;
}
.history-table tr:nth-child(even) {
    background: #061647;
}
/*rebateEND*/

/*afterloginEND*/

/*login*/
.logo_login{
    width: 168px;
    margin: auto;
padding-top: 20px;padding-bottom: 30px;}
body.body_login{
    /* background: linear-gradient(to bottom, #000f2c 8%, #01649b 50%, #000f2c 100%); */
    background-image: radial-gradient(118% 41% at left 95% bottom 50%,  #01649b , #021130);
}
body.body_login .header-top{
    background-color: #021130;
}
.login_title{
    color: #fff;
    text-align: center;
    padding: 13px 0;
}
.login_input_amend {
    align-items: center;
    /* font-size: 20px; */
    /* border: 1px solid #ced4da; */
    background-color: #061647;
    padding: 0px 15px;
    border-right: none;
border-radius: 13px 0px 0px 13px;height: 50px;}
.login_form_group .form-control {
    background-color: #061647;
    height: 50px;
    border-radius: 13px;
    padding: 0 0 0 20px;
    border: none;
    color: #fff;
    font-size: 14px;
    position: relative;
    border-radius: 0px 13px 13px 0px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    }
.login_input_amend img{
    width: 36px;
}
.form-control:focus {
    box-shadow: none;
}
.login_btn_custom{
        letter-spacing: 7px;
    font-weight: 800;
    text-shadow: none;
    width: 66%;
    margin: auto;
    text-align: center;
margin-top: 20px;}
a.forgot_a{
    color: #b8b8b8;
font-size: 12px;}
.forgot_a_wrap{
    margin-top: 10px;
}
.v_code{
    width: 75px;
    margin-left: 10px;
}
.reg_input{
    align-items: center;
}
.login_form_group .form__col {
    width: 80%;
    margin: auto;
margin-bottom: 7px;}

/*lang*/
.lang_ul_bg{
    background-color: #124abd;
margin-top: 20px;}
ul.lang_ul {
    margin: 0;
    padding: 5px 15px;
    list-style-type: none;
}
ul.lang_ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0px;
}
ul.lang_ul li img {
    width: 20px;
}
ul.lang_ul li a {
    color: #ffffff;
    font-size: 14px;
    margin: 0px 10px;
}
ul.lang_ul li a:after {
    content: '/';
    margin-left: 10px;
}
ul.lang_ul li a:last-child:after{
    content: '';
}

/*download*/
ul.download_tab{
    margin: 20px 0;
    /* background-color: #212121; */
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-bottom: transparent;
}
ul.download_tab li{

margin-bottom: 0px!important;}
.nav-tabs.download_tab .nav-link.active >*,.nav-tabs.download_tab .nav-link >*{
    /* transform: skew(25deg); */
}
.nav-tabs.download_tab .nav-link {
    border: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: none;
    color: #8f8f8f;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 500;
    font-size: 14px;
    margin-right: 0px;
    cursor: pointer;
    min-width: 150px;
    text-align: center;
    /* transform: skew( -25deg); */
    justify-content: center;
    display: flex;
    margin-left: 0px;
background: #061647;}
.nav-tabs.download_tab .nav-link.active{
    color: #fff;
    background: #061647;
    /* transform: skew( -25deg); */
    display: flex;
    justify-content: center;
    align-items: center;
border: 1px solid #03f1fd;}
.dl {
    max-width: 500px;
    margin: auto;
}
.dl table {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}
.dl table th {
    border: 1px solid #d5d5d5;
    text-align: center;
    padding: 8px;
    background-color: rgba(129, 157, 187, 0.15);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.dl table td {
    text-align: left;
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    color: #000000;
}
.share_con_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    grid-gap: 10px;
}
.share_con_inn_img{
    /* background-color: #212121; */
    /* padding: 10px; */
    min-height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.share_con_inn a img{
    /* max-width: 70px; */
}
.share_con_inn_txt{
    background-color: #061647;
    color: #fff;
    font-weight: bold;
}
.pm-title-wrapper {
    font-size: 20px;
    font-weight: 700;
    background: #061647;
    color: #fff;
    padding: 10px;
}
button.close-promo {
    background: none;
    border: none;
    font-size: 23px;
    padding: 17px;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
}
.modal-content.promo {
    padding: 20px;
    border-radius: 0;
    border: none;
    background-color: #464646;
}

.index_tit {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-color: #124abd;
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
}
.share_con_bg {
    padding: 10px 0px;
    color: #fff;
}
/*contact*/
.contact-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #383838;
    padding: 10px 24px;
    background: #061647;
}
.contact-box-img {
    /* min-height: 50px; */
    /* min-width: 50px; */
    /* font-size: 35px; */
    color: #00a3e4;
    padding-right: 20px;
}
.contact-box-img img {
    max-width: 27px;
    /* filter: hue-rotate(103deg) brightness(9); */
}
.m-text-title {
    font-size: 12px;
    color: #01f9fc;
}
.m-text-detail {
    font-size: 9px;
    color: #ffffff!important;
}

/*tnc*/
.faq-card, .tnc-card {
    border-bottom: 1px solid #d3d3d3;
}
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;
}
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;
}
.tnc-body {
    padding: 20px 15px;
    color: #8d8d8d;
}
.index_login_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
padding: 10px 0 5px 0px;}
.hot-title {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin: 20px 0px 5px 0px;
    font-weight: 700;
    background: -webkit-linear-gradient(#0dccff, #4760ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    justify-content: space-between;
    text-transform: uppercase;
}
.hot-title img{
    width: 15px;
    margin-right: 5px;
}
a.more_m{
    background: -webkit-linear-gradient(#0dccff, #4760ff);
    color: #fff;
    -webkit-text-fill-color: #000a22;
    padding: 4px;
    font-size: 9px;
    border-radius: 10px;
}
.index_step_wrap{
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    flex-wrap: nowrap;
    text-align: center;
    display: flex;
}
.index_step_wrap a{
    margin-right: 10px;
}
.index_step_wrap a img{
    min-width: 180px;
}
.btn_restore{
    width: auto;
    /* min-height: 56px; */
    color: #fff;
    text-transform: uppercase;
    outline: none;
    text-shadow: 0 2px 2px rgb(0 0 0 / 30%);
    border-radius: 40px;
    margin: 0px 0px;
    background-image: linear-gradient(#01f8fd, #12c3ff);
    border: none;
    font-size: 12px;
}
.user_box_main_wra{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.Restore_icon{
    color: #f07f15;
    cursor: pointer;
}
.Restore_icon_img{
    
width: 20px;
}
.rotate {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.dep_body{
    background: url(../images/afterlogin/mobile-bg-depo.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
.acc_body{
    background: url(../images/afterlogin/mobile-bg-depo.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="bank_d"] .acc_body{
    background: url(../images/afterlogin/mobile-bg-depo.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="history"] .dep_body{
    background: url(../images/afterlogin/mobile-bg-depo.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="inbox"] .acc_body{
    background: url(../images/afterlogin/mobile-bg-depo.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="voucher"] .acc_body{
    background: url(../images/afterlogin/mobile-bg-depo.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="changepass"] .acc_body{
    background: url(../images/afterlogin/mobile-bg-depo.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: 49px;
}

/*.acc_body{
    background: url(../images/afterlogin/mobile-bg-profile.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
body[data-singlepage="bank_d"] .acc_body{
    background: url(../images/afterlogin/mobile-bg-bank.jpg);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="history"] .dep_body{
    background: url(../images/afterlogin/mobile-bg-history.jpg);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="inbox"] .acc_body{
    background: url(../images/afterlogin/mobile-bg-inbox.jpg);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="voucher"] .acc_body{
    background: url(../images/afterlogin/mobile-bg-voucher.jpg);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 49px;
}
body[data-singlepage="changepass"] .acc_body{
    background: url(../images/afterlogin/mobile-bg-change.jpg);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 49px;
}*/

.footer_seo_bg{
    /* background-color: #000; */
    padding: 30px 0 0px 0;
}
.footer_seo_bg h4 {
    color: #dab867;
    font-size: 12px;
    margin-bottom: 0;
    width: 70%;
}
.betting-content {
    font-size: 11px;
    line-height: 1.3;
    column-count: 1;
    column-gap: 70px;
    margin-bottom: 40px;
    color: #fff;
}
.betting-content p span{
    font-size: 15px;
    font-weight: 600;
    color: #dab867;
}
.footer_seo_rv{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
}
.footer_content_more_trigger{
    
margin-left: 10px;
    
border-bottom: 1px solid #fff;
    
font-size: 11px;
    
cursor: pointer;
    
color: #fff;
}
.footer_content_more_trigger:hover{
    color: grey;
}
button.btn_copy{
    border: none;
    background-image: linear-gradient(#01f8fd, #12c3ff);
    text-transform: uppercase;
    outline: none;
    text-shadow: 0 2px 2px rgb(0 0 0 / 30%);
    color: #fff;
    border-radius: 18px;
    font-size: 14px;
    min-width: 65px;
}
.afterloginnav_content input[type=date].form-control{
    align-items: center;
    display: flex;
}
.btn_addbank{
    min-height: 25px;
    margin: 10px 0px 10px 0px;
    font-size: 13px;
    width: 176px;
}
#addbank .modal-header {
    border-bottom: 2px solid #000a22;
    color: #ffffff;
    background: #000a22;
}
#addbank .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #02040b;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
    color: #fff;
}
#addbank .close{
    color: #fff;
}
.btn_addbank_table {
    min-height: 25px;
    margin: 0;
    font-size: 11px;
    width: 134px;
}
.submit_wrap{
    margin: auto;
    text-align: center;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset;
}
.btn:hover {
    color: #7e7e7e;
    text-decoration: none;
}
.number_wrap_reg{
    flex-wrap: nowrap;
}
.number_wrap_reg_select{
    width: 27%;
    background-color: #061647;
    height: 50px;
    border-radius: 0;
    padding: 0 0 0 19px;
    border: none;
    color: #fff;
    font-size: 14px;
}
.number_wrap_reg_select:focus-visible {
    outline: unset;
}
.login_form_group .number_wrap_reg .form-control{
    padding-left: 10px;
}
.hot_icon_slots{
    position: absolute;
    right: -1px;
    top: -1px;
    width: 35px;
}
.product_wrap a{
    position: relative;
}
.side_contactwrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);

}
.side_contactwrap a{
    display: block;
    position: relative;
}
.side_contactwrap a img{
    max-width: 33px;
}
.side_contact_wrapper{
    margin: 15px 0 0 0;
    border-top: 1px solid #002d8b;
    padding-top: 15px;
}
.side_contact_wrapper p{
    color: #fff;
    margin-bottom: 9px;
    font-size: 13px;
    text-align: center;
}
.modal_menu_ul_img_flag{
    display: flex;
    justify-content: space-between;
    margin: 10px;
}
.modal_menu_ul_img_flag img{
    max-width: 30%;
}

/* 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: 0 15px; */
    background: url(../images/fortune/fortune-banner-bg.jpg);
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    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: 12px;
    font-weight: 500;
    color: #fff;
    background: #000a22;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-width: 130px;
    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: 70%;
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}
.fortune_tnctitle{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #01f9fc;
    margin-bottom: 10px;
}
.fortune_tnctitle:after{
    content: "";
    border-bottom: 1px solid #01f9fc;
    width: 47%;
    position: absolute;
    bottom: 11px;
    right: 0;
}
.fortune_tnc_wrapper{
    position: relative;
}
.fortunetnc_content{
    width: 100%;
    color: #fff;
}
.fortunetnc_content ol{
    padding: 0;
    margin: 0;
    padding-left: 20px;
}
.fortunetnc_content ol li{
    padding-bottom: 10px;
    font-size: 12px;
}
.fortnb_img{
    position: absolute;
    bottom: 0%;
    right: 0;
    width: 100%;
}
.wheel_btm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.wheel_btm_wrap{
    gap: 15px;
    margin-top: -14%;
    z-index: 1;
    position: relative;
}

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

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

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

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

.spin-button:hover {
    background: #01f9fc;
    transform: scale(1.05);
}
.spin_remind{
    text-align: center;
    font-size: 1.3rem;
    text-shadow: 0 2px 4px #000000;
    margin: 7px 0 18px 0;
    font-weight: bold;
    color: #fff;
}
.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: 0.8rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}
.unlocktitle span{
    color: #01f9fc;
}
.unlock_claim{
    display: flex;
    justify-content: center;
    gap: 10px;
}
.unlock_claim .left{
    display: flex;
    width: 66%;
    border: 1px solid #01f9fc;
    border-radius: 30px;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
}
.rchamount{
    padding: 10px;
    font-size: 12px;
    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: 12px;
    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: 8px;
    border-radius: 30px;
    border: 1px solid #01f9fc;
    font-weight: 600;
    display: flex;
    justify-content: center;
    /* min-height: 40px; */
    align-items: center;
    font-size: 14px;
    width: 100%;
    text-align: center;
}
.prize_grid{
    display: flex;
    /* grid-template-columns: repeat(4,1fr); */
    gap: 15px;
    /* max-width: 600px; */
    margin: 25px auto;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}
.prize_grid_wrapper{
    position: relative;
}
.prize_grid_wrapper:after{
    content: "";
    background: linear-gradient(to right, #0616475e 0%, #000a22 100%);
    width: 40px;
    height: 100%;
    position: absolute;
    right: -10px;
    box-shadow: -4px 0px 29px 26px #06164759;
    z-index: 1;
    top: 0;
}
.prize_grid_box{
    position: relative;
    min-width: 111px;
}
.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{
    width: 80%;
}
.prize_grid_con p{
    margin: 0;
    color: #01f9fc;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
}
.imgwheel {
    position: fixed;
    z-index: 1;
    bottom: 8%;
    left: 3%;
}
.registrationPassIcon {
    position: absolute;
    right: 10px;
    top: 36%;
    max-width: 20px;
    color: #fff;
    cursor: pointer;
    z-index: 11;
}

/* deposit */
/* Payment Form Styles */
.payment-container {
    padding: 15px 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;
    flex-flow: wrap;
}

.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: 8px;
    flex-direction: column;
}

.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: 30%;
    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: 9px;
    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; */
    width: 100%;
}

.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: 20px;
    text-align: center;
}

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

.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: 100%;
}
.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;
}
a.watchnow {
    background: #124abd;
    color: #fff;
    display: inline-block;
    padding: 9px 15px;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 1;
    margin: 2px 0;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}
.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-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;
}