/* mission page */
.button-container {
    border-radius: 10px;
    font-size: 12px;
    padding: 2px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    /* margin: 0 5px; */
    min-width: 120px;
    font-weight: 700;
    /* min-height: 50px; */
    background: linear-gradient(to bottom, #243c62 0%, #142948 100%);
}

.button-container a {
    color: #fff;
}

.mini-box {
    position: relative;
    text-align: center;
}

.mini-box-content {
    position: absolute;
    bottom: -10px;
    text-align: center;
    width: 100%;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.mini-box-text h4 {
    font-size: 25px;
}

.mini-box-text p {
    font-weight: bold;
    margin-bottom: 5px;
    ;
    font-size: 13px;
}

.play-mini .button-container {
    padding: 2px 20px;
    box-shadow: 0px 2px 6px 2px #00000078;
    border: 1px solid  #93acd3;
    color: #fff;
}

button.button-container.claimed {
    background: linear-gradient(to bottom, rgba(235, 32, 39, 1) 0%, rgba(97, 10, 13, 1) 100%);
    border: 1px solid transparent;
}

button.button-container.soon {
    background: linear-gradient(to bottom, rgba(66, 50, 38, 1) 0%, rgba(25, 11, 0, 1) 100%);
    border: 1px solid #efa832;
}

.play-mini .button-container span {
    color: #fff;
}

.mini-game {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 1279px) {
    .mini-box-text h4 {
        font-size: 20px;
    }

    .mini-box-content {
        bottom: -25px;
    }
}

@media (max-width: 999px) {
    .mini-game {
        grid-template-columns: repeat(2, 1fr);
    }

    .mini-box-text p {
        padding-bottom: 5%;
    }

    .mini-box-content {
        bottom: -10px;
    }
}


@media (max-width: 600px) {
    .mini-box-text p {
        padding-bottom: 5%;
    }

    .mini-game {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

/* end mission page */



/* header part */


/* end header part */

/* scrollbar color */


/* end scrollbar color */

/* left menu bar */



/* end left menu bar */


/* index page  */
.ann-wrap {
    background: #0f1829;
}

.intro_promo {
    background: #0f1829;
}

.tab_wrapper {
    background: #0f1829;
}

.view_btn {
    background: #18263f;
}

.arrow_slider .slide-arrow {
    background: #0f1829;
}

.hotgame-main-img_pro {
    background: #0f1829;
}

.daily_table_wrap {
    background: linear-gradient(to right, #0f2132 0%, #0e2030 100%);
}

.transaction_container {
    background: #1c2532 url(../images/theme-2/index/live-transaction.png) bottom right no-repeat;
    /* live site image url  */
    background: #152a4a url(../images/index/live-transaction.png) bottom right no-repeat;
    /* local image url  */
}

.wrap-live {
    background: rgb(18, 37, 65, 0.9);
    border: 1px solid #263572;
    border-radius: 20px;
}

.desktop_footer {
    background: #070c16;
}

/* end index page  */


/* afterlogin header */
.head_afterlogin_custom .btn_dropup_lang .dropdown-menu.show {
    background-color: #152a4a;
}

.btn-bln-all{
    background: #0b1628;
}

.balance-modal .modal-content{
    background: #152a4a;
}

.bln-all ul li{
    background-color: #0b1628;
}

/* end afterlogin header */

/* account page */
.profile_userimg_wrap {
    background: #152a4a;
}

.profile_content_wrap {
    background: #152a4a;
}

/* end account page */


/* deposit page */
.afterlogin_inn_wrap_faqbody {
    background: #152a4a;
}

.afterlogin_inn_wrap_faqaccor .card-header {
    background-color: #0b1628;
    border-bottom: #0b1628;
}

.afterlogin_inn_wrap_faqaccor .card-header:hover {
    background: #1c2532;
}

.depwith_wrapbtn {
    background: #152a4a;
}

.afterlogin_dep_head {
    background-color: #0f203a;
}

.afterlogin_dep_body {
    background: #152a4a;
}

.tab-pay ul li a {
    background-color: #0b1628;
}

.deposit_bank_choose_box {
    background-color: #0b1628;
}

.deposit_bank_choose_box:hover {
    background: #1c2532;
}

.step_line {
    background-image: linear-gradient(269.99deg, #0b1628 1.25%, rgba(46, 49, 54, 0) 101.67%);
}

.deposit_body_notis {
    background-color: #0b1628;
}

.trans_btn {
    background-color: #18263f;
}

.addbankdropdown .btn {
    background-color: rgba(0, 0, 0, .3);
}

.addbankdropdown .dropdown-menu {
    background-color: #0b1628;
}

.addbankdropdown .dropdown-menu a {
    background-color: #0b1628;
}

.addbankdropdown .dropdown-menu a:hover {
    background: #1c2532;
}

/* end deposit page */

/* history page */
.form-control {
    background-color: rgba(0, 0, 0, .8)
}

.history_table_wrap {
    background: #152a4a;
}

/* end history page */

/* payment status page */
.table-pen table th {
    background: #0b1628;
}

.table-pen table tr:nth-child(even) {
    background: #0f203a;
}

.table-pen table tr:nth-child(odd) {
    background: #243c62;
}

/* end payment status page */

/* inbox page */
.history_table_wrap.history_table_wrap_inbox{
    background-color: #0b1628;
}

.modal-content.inbox{
    background: #152a4a;
}
/* end inbox page  */


/* referral page */
input:read-only{
    background-color: rgba(0, 0, 0, .3) !important;
    border: 1px solid #d9aa4d;
    border-bottom: 1px solid #d9aa4d;
    color: #fff;
}

button.btn-cpy{
    background: transparent;
    color: white;
}

/* end referral page */

/* vip 1 page */
.promo-ttl{
    background: linear-gradient(90deg, #152a4a 0%, #2c2e34 100%);
}

.vip-lvl{
    box-shadow: 0px 0px 6px #263572;
    background: #0b1628;
}

.table_vip_outwrap{
    background: #0b1628;
}

.vip_table_head{
    background: #152a4a;
}

hr.table_hr{
    border-top: 1px solid #93acd3;
}

.table_vip_wrap{
    background: #0f203a;
}

table.vip_table tr.vip_colbackground_cus th, table.vip_table tr.vip_colbackground_cus td {
    background: #243c62;
}


/* end vip 1 page */


/* vip 2 page */
.user_vip_inner .user_vip_left{
    background: #152a4a;
}

.user_vip_inner .user_vip_righ{
    background: #152a4a;
}

.rank_slider_slide{
    border: 1px solid #263572;
}

/* end vip 2 page */


/* promotion page */
.promo_filter_wrap{
    background: #152a4a;
}

.promo_box_wrap_inn{
    background: #152a4a;
}

/* end promotion page  */


/* play 2 earn page */
.p2e-ttl-1{
    background: #0b1628;
}

.p2e-info-content{
    background: #152a4a;
    border: 1px solid #0b1628;
}

.p2e-amount-box{
    background: #0b1628;
}

.progress-bar{
    background: #0b1628;
}
/* end play 2 earn page */


/* privacy policy page */
.info-bg{
    background: #0b1628;
    padding: 0px 15px 15px;
    border-radius: 20px;
    margin-top: 20px; 
}

/* end privacy policy page */


/* banking page */
.info-wrap tr td{
    background: #152a4a;
}
/* end banking page  */



/* 29/5/2024 */
.logo {
    max-width: 170px;
}

/* daily page */
.daily-wrap-in{
    background: #152a4a;
    box-shadow: 0px 0px 10px #93acd3;
}

/* end daily page */


/* product page */
.content_header_txt {
    color: #fff;
    text-shadow: 2px 1px black;
}

/* end product page */


/* 31/5/2024 */
/* index page */
.mySwiper1 .swiper-wrapper{
    padding: 0px 0px 10px;
}

.hotgame-main-img_pro{
    text-align: center;
}

.view_modal .daily_table_wrap{
    background: #152a4a;
    padding: 10px;
}

.modal_body_view h5{
    padding: 15px 0px;
}

.view_modal .modal_body_view{
    padding: 0px;
}

/* end index page */

/* slot page  */
.tab-content-slots{
    background: rgb(21, 42, 74, 0.9);
    padding: 10px;
    border-radius: 10px;
}

.tab-content-slots .inn_slider_wrp{
    margin-top: 0px;
}

/* end slot page  */

/* left menu bar */
.left_container_bonus_txt_btm{
    font-size: 12px;
    display: block;
}

/* end left menu bar */

.provider-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
	padding-bottom: 10px;
}
.pvd-box {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.mission-container {
    position: relative;
    text-align: center;
}
.total-depo-wrapper {
    position: relative;
    max-width: 400px;
    margin: 0 auto 45px;
}
.depo-amt {
    position: absolute;
    left: 0;
    right: 0;
    top: 22%;
    font-size: 44px;
    font-weight: 600;
}
.date-mission {
    position: absolute;
    left: 0;
    right: 0;
    top: 72%;
    font-size: 18px;
    font-weight: 500;
}
.mission-wrapper {
    position: relative;
    padding: 0 0 20px;
}
.mission-box {
    position: relative;
    display: inline-block;
    max-width: 275px;
    text-align: center;
    margin: 15px 5px 30px;
    vertical-align: top;
}
.acctext-1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 14%;
    max-width: 68%;
    margin: 0 auto;
}
.acctext-2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    color: #f7e188;
    font-weight: 700;
    font-size: 40px;
}
.rwtext-2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 59%;
    max-width: 45%;
    margin: 0 auto;
}
.rwctext-2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 64%;
    font-size: 40px;
    font-weight: 700;
    color: #f7e188;
}
button.msclaim-btn {
    background: url(../images/mission/btn-1.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
	text-shadow: 0 0 5px #0168ce, 0 0 10px #0168ce, 0 0 20px #0168ce;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5%;
    max-width: 60%;
    margin: 0 auto;
    border: none;
    padding: 0;
    height: 44px;
}
.weekly button.msclaim-btn {
    background: url(../images/mission/btn-2.png) no-repeat;
    background-size: 100% 100%;
	text-shadow: 0 0 5px #bd01ce, 0 0 10px #bd01ce, 0 0 20px #bd01ce;
}
button.msclaim-btn:hover {
	transform: scale(0.98);
	filter: brightness(1.07);
}
.lobby-title {
    position: relative;
    max-width: 882px;
    margin: 0 auto;
    text-align: center;
}
.pv-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
    max-width: 40%;
    margin: 0 auto;
}
.dlrow-box {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 66%;
}
button.device-dl-btn {
    background: linear-gradient(90deg, rgba(15,24,41,1) 0%, rgba(5,11,23,1) 100%);
    color: #fff;
    border: 1px solid #335187;
    border-radius: 9px;
    min-width: 120px;
    padding: 7px 5px;
    text-transform: uppercase;
    font-size: 13px;
	font-weight: 500;
    margin: 0 3px;
}
button.device-dl-btn:hover {
	color: #f5d489;
	border-color: #f5d489;
}
.lobby-wrapper {
    position: relative;
    z-index: 3;
    background: rgba(15, 24, 41, 0.7);
    border-radius: 8px;
    padding: 20px 15px;
    max-width: 1000px;
    margin: 10px auto;
    text-align: center;
}
.lobby-area {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px 10px;
}
.lb-gamebox {
    position: relative;
    background: #050d1f;
    text-align: center;
    display: inline-block;
    max-width: 155px;
    margin: 0 auto;
    box-shadow: 2px 3px 6px rgb(0 0 0 / 80%);
	overflow: hidden;
	border-radius: 6px;
}
.game-name {
    color: #fff;
    font-size: 13px;
    padding-top: 5px;
    overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
    height: 32px;
	line-height: 1;
}
.playhover {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: ease0.3s;
}
a.playnow-btn {
	background: #f5d489;
    color: #000;
    border: 1px solid #f5d489;
    border-radius: 6px;
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
a.playnow-btn:hover {
	background: transparent;
	color: #f5d489;
}
.lb-gamebox:hover .playhover {
	visibility: visible;
	opacity: 1;
	transition: ease 0.3s;
}
.draw-date {
    position: relative;
    max-width: 326px;
    margin: 0 auto 30px;
    text-align: center;
}	
.date-lucky {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.grand-prize-wrap {
    position: relative;
    max-width: 445px;
    margin: 0 auto;
}
.prize-amt {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    font-size: 36px;
    font-weight: 700;
}
.grand-winner {
    position: absolute;
    left: 0;
    right: 0;
    top: 76%;
    font-size: 22px;
    font-weight: 500;
}
.lucky-prize-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 45px 4%;
    max-width: 720px;
    margin: 40px auto;
}
.prize-box-wrap {
    position: relative;
    max-width: 338px;
    margin: 0 auto;
}
.pz-amt {
    position: absolute;
    left: 0;
    right: 0;
    top: 26%;
    font-size: 33px;
    font-weight: 700;
}
.pz-name {
    position: absolute;
    left: 0;
    right: 0;
    top: 70%;
    font-size: 20px;
	font-weight: 500;
}
.consolation-wrap {
    position: relative;
    max-width: 530px;
    margin: 0 auto;
}
.cons-prz {
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
    font-size: 30px;
    font-weight: 700;
}
.conso-names {
    position: absolute;
    left: 0;
    right: 0;
    top: 34%;
    font-size: 20px;
    font-weight: 500;
}
.lucky-btn-wrap {
	padding: 25px 0;
}
button.tnc-lucky-btn {
    background: url("../images/lucky-draw/tnc-btn.png") no-repeat;
    background-size: 100% 100%;
    text-shadow: 0 0 5px #bd01ce, 0 0 10px #bd01ce, 0 0 20px #bd01ce;
	max-width: 344px;
	height: 61px;
	width: 100%;
	color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
	margin: 0 auto;
    border: none;
    padding: 0;
}
button.tnc-lucky-btn:hover {
    transform: scale(0.98);
    filter: brightness(1.07);
}




@media(max-width: 991px) {
.provider-wrapper {
    grid-template-columns: repeat(4, 1fr);
}
.lobby-area {
    grid-template-columns: repeat(5, 1fr);
}		
}

@media(max-width: 767px) {
.provider-wrapper {
    grid-template-columns: repeat(3, 1fr);
}
.lobby-area {
    grid-template-columns: repeat(4, 1fr);
}
.game-name {
	font-size: 12px;
}
.lucky-prize-wrapper {
    grid-template-columns: auto;
	grid-gap: 25px 0;
}
}

@media(max-width: 480px) {
.lobby-area {
    grid-template-columns: repeat(3, 1fr);
}	
.lobby-title {
    padding: 15px 0;
}	
.pv-logo {
    position: inherit;
    margin-bottom: 15px;
    max-width: 250px;
}	
.dlrow-box {
    position: inherit;
}	
.lobby-charac {
    display: none;
}	
.lobby-wrapper {
    padding: 10px;
}	
.game-name {
	font-size: 11px;
}	
a.playnow-btn {
    font-size: 11px;
}
.draw-date {
    max-width: 74%;
}	
.date-lucky {
    font-size: 4.2vw;
}	
.cons-prz {
    font-size: 6.4vw;
}	
.conso-names {
    font-size: 3.8vw;
}
.prize-amt {
    font-size: 8vw;
}	
.grand-winner {
    font-size: 4.8vw;
}
button.tnc-lucky-btn {
	max-width: 79%;
	font-size: 4.7vw;
	height: 13vw;
}	
}