@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

*, ::after, ::before {
    box-sizing: border-box
}

@font-face {
	font-family: CenturyGothic;
	src: url('/resources/fonts/GOTHIC.TTF')
}

:root {
	/* VIP */
	--vip3_STEP_CONTAINER_CIRCLE_BG: #e4a511;
	--vip3_STEP_CONTAINER_CIRCLE_COLOR: #fff;
	--vip3_STEP_CONTAINER_P_TXT_COLOR: #7d7d7d;
	--vip3_STEP_CONTAINER_CIRCLE_LINE_BG: rgb(228 165 17 / 50%);
	
	--vip3_COVER_BG: #2e2e2e;
	--vip3_COVER_BG_BORDER_RADIUS: 0 5px 5px 5px;
	--vip3_TABLIST_BG: #7d7d7d;
	--vip3_TABLIST_BORDER: none;
	--vip3_TABLIST_BORDER_RADIUS: 5px 5px 0 0;
	--vip3_TABLIST_LI_COLOR: #fff;
	--vip3_TABLIST_LI_FIRST_CHILD_BORDER_RADIUS: 5px 0 0 0;
	--vip3_TABLIST_LI_SECOND_CHILD_BORDER_RADIUS: 0 5px 0 0;
	--vip3_TABLIST_LI_ACTIVE_BG: #2E2E2E;
	--vip3_TABLIST_LI_ACTIVE_COLOR: #fff;
	
	--vip3_MEMBER_GRP_STATUS_SUB_HEADER_COLOR: #fff;
	--vip3_MEMBER_GRP_STATUS_GRP_NAME_COLOR: #fff;
	--vip3_MEMBER_GRP_STATUS_PROGRESS_TXT_COLOR: #fff;
	--vip3_MEMBER_GRP_STATUS_CURRENT_POINT_TXT_COLOR: #ffe6a9;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_FIRST_BG: #464646;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_FIRST_COLOR: #fff;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_SECOND_BG: #8F3146;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_SECOND_COLOR: #fff;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_THIRD_BG: #3B2F91;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_THIRD_COLOR: #fff;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_FOURTH_BG: #D12B2C;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_FOURTH_COLOR: #fff;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_TOP_BG: #4413A9;
	--vip3_MEMBER_GRP_STATUS_CURRENT_LVL_TOP_COLOR: #fff;
	
	--vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_FIRST_BG: radial-gradient(circle at center, #A7A7A7, #656565);
	--vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_SECOND_BG: radial-gradient(circle at center, #FC9A7E, #BA3026);
	--vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_THIRD_BG: radial-gradient(circle at center, #C1C4E0, #8B86FF);
	--vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_FOURTH_BG: radial-gradient(circle at center, #F5D28D, #D24003);
	--vip3_MEMBER_GRP_STATUS_MEMBER_CONTAINER_TOP_BG: radial-gradient(circle at center, #F1BEEE, #775EC3);
	--vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_CONTAINER_BG: #fff;
	--vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_FIRST_BG: #FDB813;
	--vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_SECOND_BG: #96253E;
	--vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_THIRD_BG: #372A8A;
	--vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_FOURTH_BG: #bf2805;
	--vip3_MEMBER_GRP_STATUS_MEMBER_PROGRESS_BAR_TOP_BG: #4413A9;
	
	/* Free Credit */
	--freeCredit3_CLAIM_ALL_CONTAINER_BG: var(--color5);
	--freeCredit3_CLAIM_ALL_CONTAINER_COLOR: var(--color2);
	--freeCredit3_CLAIM_ALL_BORDER_RADIUS: 5px;
	--freeCredit3_CLAIM_ALL_HEADER_BG: #FFFFFF;
	--freeCredit3_CLAIM_ALL_HEADER_COLOR: #000;
	--freeCredit3_CLAIM_ALL_HEADER_BORDER_RADIUS: 20px;
	--freeCredit3_CLAIM_ALL_CARD_BG: #FFF4DC;
	--freeCredit3_CLAIM_ALL_CARD_COLOR: #000;
	--freeCredit3_CLAIM_ALL_CARD_BORDER_RADIUS: 5px;
	--freeCredit3_CLAIM_ALL_CARD_BOTTOM_HR: 2px dashed lightgrey;
	--freeCredit3_CLAIM_ALL_CARD_BOTTOM_MORE_INFO_COLOR: #0F2065;
	--freeCredit3_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BG: var(--color4);
	--freeCredit3_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_COLOR: var(--color1);
	--freeCredit3_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BORDER_RADIUS: 5px;
	--freeCredit3_CLAIM_ALL_CARD_BOTTOM_CLAIM_BTN_BORDER: none;
	--freeCredit3_CLAIM_ALL_ARROW_COLOR: var(--color5);
	--freeCredit3_CLAIM_ALL_ARROW_ACTIVE_HOVER_COLOR: #fff;
	--freeCredit3_CLAIM_ALL_ARROW_DISABLED_COLOR: var(--color5) !important;
	--freeCredit3_CLAIM_ALL_ARROW_DISABLED_ICON_BORDER: 2px solid #ffffff !important;
	--freeCredit3_CLAIM_ALL_ARROW_DISABLED_ICON_BG: #ffffff !important;
	--freeCredit3_CLAIM_ALL_ARROW_ACTIVE_HOVER_ICON_BORDER: 2px solid #000;
	--freeCredit3_CLAIM_ALL_ARROW_ACTIVE_HOVER_ICON_BG: var(--color5);
	--freeCredit3_CLAIM_ALL_OR_SEPARATOR_TXT_COLOR: #fff;
	--freeCredit3_CLAIM_ALL_OR_SEPARATOR_LINE_BG: #fff;
	
	--freeCredit3_CLAIM_ALL_MODAL_BORDER_RADIUS: 10px;
	--freeCredit3_CLAIM_ALL_MODAL_COLOR: var(--color1);
	--freeCredit3_CLAIM_ALL_MODAL_SHOW_DETAILS_COLOR: #6A6A6A;
	--freeCredit3_CLAIM_ALL_MODAL_ERROR_LIST_BG: #C9C9C9;
	--freeCredit3_CLAIM_ALL_MODAL_ERROR_LIST_COLOR: #000;
	--freeCredit3_CLAIM_ALL_MODAL_ERROR_LIST_BORDER_RADIUS: 10px;
	--freeCredit3_CLAIM_ALL_MODAL_RED_TXT_COLOR: #e60000;
	--freeCredit3_CLAIM_ALL_MODAL_GREEN_TXT_COLOR: #28e837;
	--freeCredit3_CLAIM_ALL_MODAL_GREY_TXT_COLOR: #6A6A6A;
	--freeCredit3_CLAIM_ALL_MODAL_SUCCESS_TXT_SHADOW: 2px 2px 4px #3ffd4e5c;
	--freeCredit3_CLAIM_ALL_MODAL_FAIL_TXT_SHADOW: 2px 2px 4px #e600007d;
	
	--freeCredit3_CLAIM_ALL_LOADING_CONTAINER_BG: #0000006e;
	--freeCredit3_CLAIM_ALL_LOADING_CONTAINER_BORDER_RADIUS: 10px;
	--freeCredit3_CLAIM_ALL_LOADING_SPINNER_BORDER: 5px solid rgba(0, 0, 0, 0.1);
	--freeCredit3_CLAIM_ALL_LOADING_SPINNER_BORDER_LEFT_COLOR: #09f;
	--freeCredit3_CLAIM_ALL_LOADING_MSG_TXT_SHADOW: 4px 4px 4px #000000b5;
}

#loginmodal .form-group .input- input,#loginmodal .form-group .input- select {
	width: 100%;
	border: none !important;
	padding: 10px;
}
#loginmodal .form-group .icon-l,#loginmodal .form-group .icon-lr {
	padding-left: 3rem !important;
}
#loginmodal .form-group .input- {
	position: relative;
}
#loginmodal .form-group .input- i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#loginmodal .form-group .input- .left- {
	left: 10px;
}
#loginmodal .form-group .input- .loginPswdVisi- {
	right: 10px;
}
#loginmodal .nav-tabs .nav-link {
	padding: 9px;
}
#loginmodal .loginBtn {
	margin-top: 1rem;
}
#loginmodal .loginBtn, #loginmodal .loginOtpBtn {
	line-height: 32px;
	display: block;
}
#loginmodal .form-group .flex-d-row {
	display: flex;
	align-items: center;
}
#loginmodal #whatsappLogin-tab .form- {
	display: none;
}
#loginmodal #whatsappLogin-tab .form-.show {
	display: block;
}
#loginmodal .form-text .title {
	font-size: 20px;
}
#loginmodal .form-text .text {
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
}
.background-primary-img {
	position: fixed;
	top: 0;
    left: 0;
	z-index: -1
}

body {
    font-family: CenturyGothic;
    line-height: 1.6;
    font-size: 15px;
    margin: 0 auto;
   	letter-spacing: .01rem
}

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;
    color: inherit
}

a:hover {
    color: inherit;
    text-decoration: none
}

button:focus {
    outline: none
}

img {
    max-width: 100%;
    vertical-align: middle;
    border-style: none
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0
}

h4,
.english_text {
    font-family: 'AzonixFont', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 21px
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

input::placeholder {
    opacity: 0.4 !important
}

.afterloginform .form-control::placeholder  {
	color: var(--color1);
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.img_hover {
    display: none
}

.fade {
    transition: opacity .15s linear
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    justify-content: center;
}

@media (min-width: 576px) {
	.container {
	    max-width: 540px
	}
}

@media (min-width: 768px) {
	.container {
	    max-width: 720px
	}
}

@media (min-width: 992px) {
	.container {
	    max-width: 960px
	}
}

@media (min-width: 1200px) {
	.container {
	    max-width: 1140px
	}
	
	.container.con2 {
		max-width: 1410px
	}
}

.buttonback {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 30px;
    position: fixed;
    bottom: 60px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000
}

.buttonback::before {
    content: "\f106";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 2em;
    line-height: 43px
}

.btnbtt_text {
    font-size: 11px;
    width: 72px;
    position: absolute;
    right: -13px;
    top: 49px
}

.buttonback.show {
    opacity: 1;
    visibility: visible
}

.cursor-pointer {
	cursor: pointer
}

.form-group b {
    font-size: 13px
}

/* LOADING SCREEN */
.loading-panel {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999999
}

.loading-logo {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px
}

.loading-gif {
    margin: auto;
    position: absolute;
    top: 130px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 85px
}

/* SIDE RIGHT */
.side-right {
    position: fixed;
    z-index: 99999
}

.social {
    position: fixed;
    perspective: 1000px;
    right: -8px;
    top: 35%;
    padding: 0;
    margin: 0;
    border-radius: 10px
}

.social li {
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    transition: background .5s ease .300ms
}

.social li a {
    display: flex;
    height: 50px;
    width: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch
}

span.np-ef {
    width: auto;
    height: auto;
    padding: 5px;
    font-size: 15px;
    min-width: 180px
}

.social li span {
    float: left;
    text-align: left;
    padding: 0px;
    transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    transform: rotateX(180deg);
    border-radius: 0px;
    transition: all .5s ease .300ms;
    position: absolute;
    top: 3px;
    right: 65px
}

.social li:hover span {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0)
}

.social li span:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: -21px;
    top: 10px
}

.np-ef_inner {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: center;
    font-size: 13px;
    padding: 10px
}

.np-ef_inner:last-child {
    margin-bottom: 0px
}

.np-ef_inner:hover {
    cursor: pointer
}

.np-ef_inner_title {
    font-weight: 700;
    line-height: initial
}

.np-ef_inner_link {
    line-height: initial
}

.np-ef_inner_title a.np-ef_inner_title_info {
    font-weight: 700;
    line-height: initial;
    width: auto;
    height: auto;
    padding: 10px
}

.icon-wrapper {
    border-radius: 50%;
    overflow: hidden;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px
}

.header-menu {
    min-height: 85px;
    position: relative
}

.header-menu .container {
	max-width: 1320px;
    padding: 0
}

.logo img {
    max-height: 85px;
    padding: 8px
}

/* header qr element */
.header-menu .logo .fa-qrcode {
    font-size: 25px;
    border: 2px solid #6a718e;
    padding: 4px;
    border-radius: 4px;
    margin: 0 18px;
}
/* header qr element */

.header_menu_ex {
    position: inherit
}

.main-menu {
	margin: auto;
    text-align: center;
    position: relative
}

.main-menu ul {
    margin: 0;
    padding: 0
}

.main-menu ul li {
    display: inline-block;
    list-style-type: none;
    padding: 15px 13px;
    margin: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

#navMore{
	border:none;
}

.more-list{
    position: absolute;
    z-index: 1;
    margin-top: 15px;
    visibility: hidden;
    transform: scale(1, 0);
    transform-origin: top;
    transition: all .3s ease-in-out;
    display:grid;
    border-radius: 5px;  
}

#navMore .more-list li{
	padding: 1px;
	border: none;
}

#navMore .more-list li a{
    display: block;
    width: 110px;
    height: 35px;
    padding: 6px;
}

#navMore:hover .more-list{
	visibility: visible;
	transform: scale(1);
}


.more-item{
	padding: 10px 20px;
}

.login_header {
    display: flex;
    padding: 20px 0px 15px 0px;
    align-items: center;
    float: right;
}

.login_header_before {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    font-weight: 700
}

.login_header_afterlogin {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px
}

.acc_pic {
	margin: auto 0;
    width: 40px;
    height: 40px
}

.acc_pic img {
    max-width: 50px
}

.profile_rate {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end
}

.acc_login {
    display: grid;
    grid-gap: 2px
}

.option-drop {
    position: relative;
    text-align: right
}

.btn_acc {
    font-size: 14px;
    font-weight: 600;
    width: 150px;
    border-radius: 16px;
    text-transform: uppercase
}

.dropdown-option {
    display: none;
    position: absolute;
    z-index: 2;
    top: 100%;
    right: 0;
    width: 250px;
    text-align: center;
    border-radius: 0;
    margin-top: 3px
}

.option-drop:hover .dropdown-option {
    display: block;
    z-index: 2
}

.dropdown-balance_emtpy {
    height: 1rem;
    top: -1rem;
    position: absolute;
    width: 100%
}

.main_btn_short {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    text-align: center;
    word-break: break-all;
    grid-gap: 10px;
    margin-top: 20px
}

.main_btn_short_custom {
    cursor: pointer
}

.main_btn_short_custom img {
    width: 35px
}

.main_btn_short_custom a {
    text-decoration: none
}

.afteractive {
    display: none
}

.main_btn_short_custom a.active .beforeactive {
    display: none
}

.main_btn_short_custom:hover a .beforeactive {
	display: none
}

.main_btn_short_custom a.active .afteractive {
    display: block;
    margin: auto
}

.main_btn_short_custom:hover a .afteractive {
    display: block;
    margin: auto
}

.main_btn_short_custom a .main_text {
    font-size: 12px;
    font-weight: 500;
    margin: auto
}

/* .menu_account { */
/*      margin: 12px 0 0 */
/* } */

.menu_account_inner {
    display: grid;
    grid-template-columns: 20% 80%
}

.menu_account_inner img {
	width: 35px;
    margin: 0 auto;
}

.menu_account_inner .highlight {
	position: absolute;
    width: 45px;
    transform: translate(-5px, -8px) 
}

.menu_account a {
	text-decoration: none;
    font-weight: 500;
    padding: 13px 15px 13px 31px;
    font-size: 13px;
    text-align: left
}

.menu_account a.active .beforeactive {
    display: none
}

.menu_account a.active .afteractive {
    display: block
}

.menu_account a.menu_account_inner:hover .beforeactive {
    display: none
}

.menu_account a.menu_account_inner:hover .afteractive {
    display: block
}

.menu_account a.menu_account_inner .main_text {
	margin: auto 0
}

.btn_logout {
    font-size: 13px;
    min-width: 180px;
    border-radius: 26px;
    min-height: 36px;
    margin-left: 18px;
    margin-bottom: 15px
}

.btn_bal {
    font-size: 14px;
    border-radius: 16px;
    border: none;
    min-width: 150px;
    padding: 3px 15px;
    letter-spacing: 1px
}

.btn_bal i {
	margin-right: 5px;
	font-size: 12px
}

.history_custom {
    display: grid;
    grid-template-columns: 355px 300px auto
}

.memberBank-wrapper {
    /* padding: 10px 0;
    width: 95%;
    margin: 0 auto */
}

.memberBank-wrapper .memberBank-thead {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    font-weight: bold;
    margin: 0 10px
}

.memberBank-wrapper .memberBank-thead .thead-col {
    text-align: center;
    padding: 10px 3px
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col {
    text-align: center;
    padding: 10px 0;
    justify-content: center;
    display: flex
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-img {
    margin: 0 10px
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-img .bank-img {
    width: 40px;
    height: 40px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-text {
    padding: 10px 0
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-text.bank-name {
    width: 100%;
    text-align: left
}

.memberBank-wrapper .memberBank-tbody .memberBank-separate .thead-col .col-btn .btn-delete {
	font-size: 13px;
    min-width: 100px;
    border-radius: 26px;
    min-height: 36px;
    margin-left: 18px;
    margin-bottom: 15px
}

/* BODY */
.index_body_custom {
    padding: 0 0 30px 0;
    overflow: hidden
}

.for_float_use {
    position: relative
}

.announcement {
    padding: 10px 3px;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600
}

.announcementCustom {
    display: flex;
    align-items: center
}

.announcementCustom i {
    margin-left: 18px;
    font-size: 1.4rem
}

.left,
.right {
    cursor: pointer;
    margin-top: -28px
}

.slider {
    height: 300px;
    margin: 30px auto 70px auto
}

.slider ul {
	padding-left: 0px
}

.slider ul li {
    border-radius: 20px;
    cursor: pointer;
    list-style: none
}

.slider ul li img {
    border-radius: 20px
}

.bar_title {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
    justify-content: space-between
}

.bar_title_img {
    width: 400px
}

.bar_title_custom {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bar_title .game-title {
	position: relative;
	margin: auto;
	padding: 0
}

.bar_title .game-title .bar.left {
	position: absolute;
	top: 50%;
	left: -26rem;
	transform: translateY(50%)
}

.bar_title .game-title .bar.right {
	position: absolute;
	top: 50%;
	right: -26rem;
	transform: translateY(50%) scaleX(-1)
}

.bar_title .game-title .bar img {
	width: 65%
}

.text_game_title {
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 700
}

.chineseFont_text {
    /* font-family: 'AdobeheitistdFont', Arial, sans-serif; */
    font-weight: normal;
    font-style: normal
}

.football {
    position: absolute;
    right: -176px;
    top: 358px;
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s ease-in-out infinite
}

.football img {
    width: 70%
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px)
    }

    50% {
        -webkit-transform: translatey(-15px);
        transform: translatey(-15px)
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px)
    }
}

.megamenu {
    width: 100%;
    left: 0px;
    top: 143px;
    position: absolute;
    font-size: 14px;
    line-height: 1rem;
    text-align: center;
    justify-content: center;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    z-index: 10001
}

.wbg3 {
    display: flex
}

.main-menu li > .megamenu {
    visibility: hidden
}

.main-menu li:hover > .megamenu {
    opacity: 1;
    visibility: visible
}

.menu-in {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    max-width: 1200px;
    justify-items: center;
    grid-gap: 5px;
    
}

.dropdown_btn_custom {
	/* display: flex;
    flex-direction: column; */
	width: 100%;
	height: 100%;
    padding: 10px 2px;
   /*  justify-content: flex-end; */
    cursor: pointer
}

/* member pages */
.afterloginbodymain {
	display: grid;
	grid-template-columns: 25% 75%;
    grid-gap: 1rem;
    margin: 4rem 0 2rem
}

.main_profile {
    /* padding: 5px 0 */
}

.user_main {
    margin-top: 20px
}

.user_profile_img {
    position: relative;
    cursor: pointer
}

.user_profile_img img {
    border-radius: 50%;
    width: 100px;
    height: 100px
}

.name_profile {
    margin: 10px 0
}

.main_profile_right {
    padding: 2rem 1rem;
    margin-bottom: 0.625rem;
}

.afterlogin_deposit.nav-tabs {
    border: none;
    display: grid;
    grid-gap: 10px 5px;
    grid-template-columns: repeat(5, 1fr);
    margin: 1rem 0 2rem
}

.afterlogin_deposit.nav-tabs .nav-item {
    margin-bottom: 0
}

.afterlogin_deposit.nav .nav-item .nav-link {
	display: flex;
	width: 100%;
    height: 100%;
    min-height: 35px;
    margin: 0;
    padding: 5px 1rem;
    border-radius: 40px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
	align-items: center;
	justify-content: center
}

.afterloginform .specificUploadBtn {
	position: relative
}

.afterloginform .specificUploadBtn .btnDepositReceipt {
    width: 50%;
    height: fit-content;
    border-radius: 8px;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    cursor: pointer
}

.afterloginform .specificUploadBtn input,
.afterloginform .specificUploadBtn .form-control#depositReceipt,
.afterloginform .specificUploadBtn .form-control#qrReceipt,
.afterloginform .specificUploadBtn .form-control#tusdtDepositReceipt {
    position: absolute;
    opacity: 0;
    top: 0;
    width: 48%;
    height: 100%;
    cursor: pointer
}

.main_profile_title {
	position: relative;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 5px 0px;
    text-transform: uppercase;
    padding-left: 10px;
}

.main_profile_title:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 90%;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.bank-input-wrap.method {
    padding: 9px 9px;
    border-radius: 8px;
    width: max-content
}

.bank-input-wrap label {
    margin: 0 5px;
    margin-bottom: 0
}

.bank-input-wrap label [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.bank-type {
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 5px 5px;
    font-weight: 500;
    width: 98px;
    height: auto
}

.bank-input-wrap label .bank-type {
    border-radius: 10px
}

.bank-input-wrap label [type=radio] + .bank-type img {
    cursor: pointer;
    filter: grayscale(0.8);
    border-radius: 10px
}

.bank-input-wrap label [type=radio]:checked + .bank-type {
    background-position: right bottom;
    transition: none
}

.bank-input-wrap label [type=radio]:checked + .bank-type img {
    filter: grayscale(0)
}

.bnk-info {
    border-radius: 10px;
    width: 450px;
    padding: 10px
}

.bnk-info ul {
    list-style: disc;
    padding-left: 25px;
    margin-top: 10px;
    font-size: 14px
}

.afterloginform .form-control {
    border-radius: 0
}

.submit_btn {
    font-size: 16px;
    font-weight: 500;
    min-width: 132px;
    border: none;
    min-height: 39px;
    border-radius: 34px;
    text-transform: uppercase !important;
}

.copy_btn {
    border-radius: 20px;
    padding: 3px 10px;
    margin-left: 10px;
    cursor: pointer
}

.transfer_title_main {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px
}

.allout_btn {
    min-width: 117px;
    border: none;
    min-height: 34px;
    border-radius: 20px;
    font-size: 12px
}

.box-prov {
    /* margin: 3rem 0 1rem */
}

.box-prov hr {
	margin: 5px 0
}

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

.box-prov ul li {
	display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 10px
}

.box-prov .main_profile_title {
	font-size: 1rem;
	text-transform: capitalize;
}

.box-prov .main_profile_title:before {
	width: 5px;
    height: 5px;
    border-radius: 100%
}

.prov-amot {
    border-radius: 9px;
    margin:5px;
    word-break: break-all
}

.transfer_main {
    margin-top: 20px
}

.transfer-mini-btn {
    font-weight: 500;
    transition: .3s
}

.transfer_main label {
    font-weight: 500
}

.form-inline .form-control {
    width: 156px
}

.btn_transfer {
    font-size: 13px;
    width: 100%;
    border-radius: 26px;
    min-height: 36px
}

.toggle-btn {
    position: relative;
    display: inline-block;
    width: 190px;
    height: 35px;
    margin: 0
}

.toggle-btn .toggle-checkbox {
    display: none
}

.toggle-btn .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px
}

.toggle-btn .toggle-slider .on {
    display: none
}

.toggle-btn .toggle-slider .on,
.toggle-btn .toggle-slider .off {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 130px;
    text-align: center;
    font-weight: bold;
    font-size: 12px
}

.toggle-btn .toggle-slider:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 10px;
    bottom: 7px;
    border-radius: 100%
}

.toggle-btn .toggle-checkbox:checked + .toggle-slider:before {
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px)
}

.toggle-btn .toggle-checkbox:checked + .toggle-slider .on {
    display: block
}

.toggle-btn .toggle-checkbox:checked + .toggle-slider .off {
    display: none
}

.table-wrapper .dataTables_wrapper {
	overflow-x: scroll;
    width: 800px!important
}


/* Game Product div */
.nav-tabs.tabsection_main {
    border-bottom: none;
    margin-bottom: 20px;
    justify-content: center;
    gap: 1rem
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-item .nav-link {
    font-weight: 500
}

.tabsection_main .nav-item .nav-link {
    border: none;
    padding: 0
}

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover {
    font-weight: 500
}

.tabsection_main .nav-item .nav-link.active,
.tabsection_main .nav-item .nav-link:hover,
.tabsection_main .nav-item .nav-link:focus {
    background-color: transparent;
    border: none
}

.tabsection_main .nav-item .nav-link .game_tab {
    position: relative;
    max-width: 125px
}

.tabsection_main .nav-item .nav-link.active .game_tab .img_normal,
.tabsection_main .nav-item:hover .nav-link .game_tab .img_normal {
    display: none
}

.tabsection_main .nav-item .nav-link.active .game_tab .img_hover,
.tabsection_main .nav-item:hover .nav-link .game_tab .img_hover {
    display: block
}

.tabsection_main .nav-item .nav-link .game_tab .game_tab_info {
    position: absolute;
    /* display: grid;
    grid-template-columns: 30% 70%; */
    display: flex;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    justify-items: center;
    text-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700
}

.tabsection_main .nav-item .nav-link .game_tab .game_tab_info img {
	width: 40px;
	padding: 5px
}

.tabsection_main .nav-item .nav-link .game_tab .game_tab_info .game_tab_info_text {
	width: calc(125px - 40px);
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 5px;
    text-transform: uppercase
}

.tabsection_main .nav-item .nav-link .game_tab .game_tab_info .game_tab_info_text div {
	overflow: hidden;
    text-overflow: ellipsis
}

/* .tabsection_main .nav-item #casino-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/casino-mini-icon.png')
}

.tabsection_main .nav-item #casino-tab.active .game_tab_info img,
.tabsection_main .nav-item #casino-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/casino-mini-icon-hover.png')
}

.tabsection_main .nav-item #sports-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/sports-mini-icon.png')
}

.tabsection_main .nav-item #sports-tab.active .game_tab_info img,
.tabsection_main .nav-item #sports-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/sports-mini-icon-hover.png')
}

.tabsection_main .nav-item #esport-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/esport-mini-icon.png')
}

.tabsection_main .nav-item #esport-tab.active .game_tab_info img,
.tabsection_main .nav-item #esport-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/esport-mini-icon-hover.png')
}

.tabsection_main .nav-item #slot-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/slot-mini-icon.png')
}

.tabsection_main .nav-item #slot-tab.active .game_tab_info img,
.tabsection_main .nav-item #slot-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/slot-mini-icon-hover.png')
}

.tabsection_main .nav-item #fishing-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/fishing-mini-icon.png')
}

.tabsection_main .nav-item #fishing-tab.active .game_tab_info img,
.tabsection_main .nav-item #fishing-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/fishing-mini-icon-hover.png')
}

.tabsection_main .nav-item #lottery-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/lottery-mini-icon.png')
}

.tabsection_main .nav-item #lottery-tab.active .game_tab_info img,
.tabsection_main .nav-item #lottery-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/lottery-mini-icon-hover.png')
}

.tabsection_main .nav-item #horsebook-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/horsebook-mini-icon.png')
}

.tabsection_main .nav-item #horsebook-tab.active .game_tab_info img,
.tabsection_main .nav-item #horsebook-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/horsebook-mini-icon-hover.png')
}

.tabsection_main .nav-item #cricket-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/cricket-mini-icon.png')
}

.tabsection_main .nav-item #cricket-tab.active .game_tab_info img,
.tabsection_main .nav-item #cricket-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/cricket-mini-icon-hover.png')
}

.tabsection_main .nav-item #cockfight-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/cockfight-mini-icon.png')
}

.tabsection_main .nav-item #cockfight-tab.active .game_tab_info img,
.tabsection_main .nav-item #cockfight-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/cockfight-mini-icon-hover.png')
}

.tabsection_main .nav-item #poker-tab .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/poker-mini-icon.png')
}

.tabsection_main .nav-item #poker-tab.active .game_tab_info img,
.tabsection_main .nav-item #poker-tab:hover .game_tab_info img {
	content: url('/images/templates/Template 4/provider_images/poker-mini-icon-hover.png')
} */

.index_tab {
    padding: 20px
}

.tab-content>.tab-pane {
   /*  display: block;
    height: 0; */
}

.tab-content>.active {
    /* height: auto;  */
}

.index_tab_content {
    padding-top: 20px
}

.tab_bar_tltle {
    font-size: 40px;
    font-weight: 700;
    line-height: 1
}

.tab_bar_tltle_sec {
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: normal
}

.tab_bar_tltle_sec_inner {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: normal
}

.maintenance-border {
    width: fit-content;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem
}

.game_products {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
    margin: 1rem 0 0;
    gap: 1rem 5px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 320px
}

.hotGamesTab-content .tab-pane .index_tab_content .game_products {
    /* height: 230px */
}

.game_products_inner {
    cursor: pointer;
    text-align: center
}

.game_products_inner img {
	width: 100px
}

.img_hover_product {
    display: none;
}

.hotGames-tabs .noBtnBase,
.hotGames-tabs .noHoverBtnBase{
	width: 125px;
	height: 40px;
	border-radius: 30px;
}

.game_products_inner:hover .img_normal_product {
    display: none
}

.game_products_inner:hover .img_hover_product {
    display: inline-block
}

.game_products_text {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 1px
}

.qualityservice_inner {
    display: grid;
    grid-template-columns: 30% 70%;
    justify-items: center;
    align-items: center;
    margin-bottom: 30px
}

.qualityservice_inner_img {
    text-align: center
}

.qualityservice_inner_title {
    font-size: 20px;
    font-weight: 700
}

.qualityservice_inner_content {
    font-size: 13px
}

/* SPORTS */
.nav-tabs.inner_main {
    border-bottom: none
}

.inner_main .nav-item .nav-link {
    padding: 0;
    border: none
}

.img_active {
    display: none
}

.inner_main .nav-item .nav-link.active .img_nonactive {
    display: none
}

.inner_main .nav-item .nav-link.active .img_active {
    display: block
}

.game_products_select {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    justify-items: center;
    align-items: center;
    margin-top: 15px
}

.game_products_btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px
}

.game_products_btn:focus {
    outline: none;
}

.game_products_btntext {
    position: absolute;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}

/* LOGIN */
.login_body {
    padding: 14px;
    margin: 50px 0 30px 0;
    border-radius: 10px;
    background-position: top center;
    background-repeat: repeat-y;
    background-size: contain
}

.login_title {
    font-weight: 700;
    font-size: 20px;
    text-align: center
}

.login_form {
    margin: 20px auto 0 auto
}

.login_form .form-group .col-form-label {
    text-align: right;
    font-size: 14px
}

.login_form .form-group .form-control {
    border-radius: 20px;
    height: 32px
}

.login_form .form-group img {
	cursor: pointer;
	width: unset;
}

.login_form .forgotText {
    cursor: pointer;
}

.btn_login_main {
    margin-top: 10px
}

.btn_login {
    min-width: 186px;
    height: 43px;
    border-radius: 8px;
    font-weight: 500
}

.btn_redeem{
	width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.registrationPassIcon {
    position: absolute;
    top: 11px;
    right: 24px;
    cursor: pointer
}

.btn_otp {
    min-width: 109px;
    height: 34px;
    border-radius: 8px
}

/* PROMOTION */
.promotion_main {
    margin-top: 45px;
    margin-bottom: 45px;
}

.filter-menu-bar {
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

.pmbox {
    font-size: 13px;
    font-weight: 700;
    border-radius: 29px;
    height: 45px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    margin: 10px;
    text-transform: uppercase
}

.pmbox img {
	margin-right: 5px
}

.pmbox.active .img_active {
    display: block
}

.pmbox.active .img_nonactive {
    display: none
}

.promo-boxes {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px 15px;
    text-align: center;
    margin: 46px 0 10px 0
}

.promo-bx {
    border-radius: 10px
}

.promo-dl {
    position: relative
}

.promo-dl img {
    border-radius: 10px
}

.promo-dl-date {
    position: absolute;
    bottom: 10px;
    font-size: 13px;
    padding: 2px 8px;
    font-weight: bold;
    border-radius: 0 20px 20px 0
}

.promo-dl-date.right {
	right: 0;
	border-radius: 20px 0 0 20px
}

.promoModal .modal-dialog {
    max-width: 800px
}

.promoModal .modal-header {
    font-size: 25px;
    font-weight: 700
}

.promoModal .modal-header .close {
    position: absolute;
    right: 20px
}

.promoModal .modal-body {
    padding: 30px 0
}

.promoModal .modal-footer .btn {
	font-size: 20px;
    font-weight: 700;
    border: none;
    color: #fff;
    background-image: linear-gradient(#dcb3ac, #b39894)
}

.promoModal .modal-footer .btn:hover {
	filter: drop-shadow(2px 4px 6px black);
	-webkit-filter: drop-shadow(2px 4px 6px black)
}

.lotto_table {
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px
}

.lotto_table table {
    font-weight: 700;
    font-size: 15px
}

.lotto_table table thead tr td,
.lotto_table table tbody tr td {
    padding: 10px 2px
}

.lotto_table table thead tr td:first-child {
    border-top-left-radius: 7px
}

.lotto_table table thead tr td:last-child {
    border-top-right-radius: 7px
}

.lotto_table span.lotto_extra {
    font-size: 14px
}

.promotnc {
    padding: 5px 10px 5px 10px;
    font-weight: 500;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    height: 44px
}

.promotnccontent ul {
    list-style: none;
    padding-left: 26px
}

.promotnccontent ul li::before {
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -15px;
    font-size: 17px
}

/* DOWNLOAD PAGE */
.downloadProducts {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
    grid-gap: 1.5rem 1rem
}

.downloadProducts .downloadItem {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
	text-align: center
}

.downloadProducts .downloadItem{
    display: block;
    margin: auto;
}

.downloadProducts .downloadItem .providerLogo {
	height: 180px
}

.downloadProducts .downloadItem .download_btn {
	margin: 0 auto;
	margin-top: 10px
}

.downloadProducts .downloadItem .game_products_btntext {
	text-transform: uppercase
}

.downloadmodal .modal-dialog {
    max-width: 800px
}

.downloadmodal .modal-header {
    padding: 0px
}

.downloadmodal .modal-header {
    padding: 0px
}

.downloadmodal .modal-header img {
    margin: 10px auto;
    max-width: 150px
}

.downloadmodal .modal-header .close {
    position: absolute;
    right: 20px;
    top: 10px
}

.downloadmodal .modal-body {
    padding: 30px
}

.download_main2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    font-weight: 700;
    text-align: center;
    grid-column-gap: 20px
}

.download_main3 {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    font-weight: 700;
    text-align: center;
    grid-column-gap: 20px
}

.download_box_column {
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    margin-top: 35px
}

.download_icon {
    position: absolute;
    top: -19px;
    left: 8px;
    z-index: 1;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 22px;
    font-size: 25px
}

.download_toptitle {
    border-radius: 5px;
    height: 33px;
    width: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -14px;
    left: 40px
}

.download_scan {
	padding: 5px;
    width: 120px;
    height: 120px;
    text-align: center;
    margin: 36px auto 0 auto;
    display: flex;
    align-items: center
}

.download_text {
    margin-top: 20px;
    font-size: 19px
}

.btn_login_download {
    margin-top: 10px
}

.btn_download {
    border-radius: 30px
}

.download_table table tbody tr td {
    padding: 10px
}

.btn_login_download {
    margin-top: 10px
}

.btn_download {
    border-radius: 30px
}

/* INFO PAGES */
.sup_wrap_main {
    margin: 20px 0;
    font-size: 12px
}

.sub-side-nav {
    margin: 0;
    padding: 0;
    width: 195px;
    float: left;
    list-style-type: none;
    text-transform: uppercase
}

.sub-side-nav li {
    cursor: pointer;
    font-weight: 700;
    text-align: center
}

.sub-side-nav li a {
    padding: 20px;
    display: block;
    text-decoration: none
}

.sub-side-right {
    display: block;
    padding: 30px;
    margin-left: 212px;
    min-height: 400px
}

.sub-side-right-title {
    margin-bottom: 10px;
    text-transform: uppercase
}

/* FOOTER */
.footer_section {
    padding: 10px 0
}

.index_logo_provider {
    padding: 15px;
    margin: 0;
    text-align: center
}

.index_logo_provider img {
    padding: 5px 12px;
    max-width: 100px
}

.footer_title {
    font-size: 16px
}

.footer_content {
    font-size: 10px
}

.footer_content_more {
    display: none
}

.footer_content_more_trigger span {
    cursor: pointer
}

.menu-footer a {
    padding: 0 10px;
    line-height: 1
}

.menu-footer a:last-child {
    border-right: none
}

/* footer sitemap */
.footer-sitemap {
	display: grid;
    grid-auto-flow: row;
    gap: 2rem 0;
    margin: 0 0 3rem
}

.footer-sitemap .f-sec-container {
	position: relative;
	display: grid;
    grid-auto-flow: column;
    grid-gap: 0 2rem
}

.footer-sitemap .f-sec-container:after {
	content: "";
	position: absolute;
	width: 100%;
    height: 1px;
    left: 0;
    bottom: -1rem
}

.footer-sitemap .f-sec-container:last-child:after {
	width: 0;
	height: 0;
	background: transparent
}

.footer-sitemap .sitemap-col {
	position: relative
}

.footer-sitemap .sitemap-col:after {
	content: "";
	position: absolute;
	width: 1px;
    height: 90%;
    right: -1rem;
    top: 50%;
    transform: translateY(-50%)
}

.footer-sitemap .sitemap-col:last-child:after {
	width: 0;
	height: 0;
	background: transparent
}

.footer-sitemap .sitemap-col .col-label {
	margin: 0 0 1rem;
	text-transform: uppercase;
    letter-spacing: 1px
}

.footer-sitemap .sitemap-col .col-img {
	display: flex;
    flex-wrap: wrap;
    gap: 5px 1rem;
    align-items: center
}

.footer-sitemap .sitemap-col .col-img img {
	max-width: 150px;
	width: auto;
	height: 100%
}

.footer-sitemap .sitemap-col .col-img img {
	height: 100%
}

.footer-sitemap .sitemap-col .col-img img.s1 {
	max-width: 150px
}

.footer-sitemap .sitemap-col .col-img img.s2 {
	max-width: 100px
}

.footer-sitemap .sitemap-col .col-img img.s3 {
	max-width: 50px
}

.footer-sitemap .sitemap-col .col-img img.s4 {
	max-width: 30px
}

.footer-sitemap .sitemap-col .col-text {
	margin: 1rem 0 0;
    max-width: 450px;
    line-height: 20px
}

.footer-sitemap .sitemap-col .col-text a:hover {
	text-decoration: underline
}

.footer-sitemap .sitemap-col .col-text ul {
	padding: 0 0 0 20px
}

.footer-sitemap .sitemap-col .col-text ul li a:hover {
	text-decoration: none
}
/* footer sitemap */

/* add on css */
#announcementmodal .modal-dialog .modal-content{
	max-height: 600px;
	overflow-x:hidden;
}

.modal-content .modal-header .label {
	margin: auto;
	font-size: 20px;
	font-weight: 600
}

.box-prov .box-seperate {
	margin: 0 0 2rem
}

.box-prov .box-seperate:last-child {
	margin: 0
}

.box-prov ul li .prov-btn {
	display: grid;
    grid-column-gap: 2px
}

.box-prov ul li .prov-btn button {
	border: none;
	padding: 5px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px
}

.box-prov ul li .prov-btn .btn-quickPlay {
    font-size: 16px;
    padding: 0
}

.box-prov ul li .prov-maintenance {
	border-radius: 2px;
    padding: 5px 2px;
    font-size: 12px
}

.box-prov ul li .prov-name {
	font-weight: 600;
    font-size: 12px
}

.box-prov ul li .prov-bal {
	padding: 2px 5px;
    font-size: 12px;
    border-radius: 10px;
    border: 2px solid
}

.box-prov ul li .locked-.hide- {
	display: none;
	opacity: 0
}

#provgamemodal .modal-body {
	position: relative
}

#provgamemodal .close {
	position: absolute;
    top: -10px;
    right: -10px;
    padding: 0;
    margin: 0;
    opacity: 1;
    text-shadow: none;
    border-radius: 100%;
    background: #fff
}

#provgamemodal .prov-img {
	position: relative;
	padding: 1rem;
    border: 1px solid;
    border-radius: 10px;
    text-align: center
}

#provgamemodal .prov-img .maintenance- {
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

#provgamemodal .prov-img img {
    width: 40%
}

#provgamemodal .prov-info {
	padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    display: grid;
    grid-template-columns: 30% 40% 30%;
    align-items: center
}

#provgamemodal .prov-info {
	padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    display: grid;
    grid-template-columns: 30% 40% 30%;
    align-items: center
}

#provgamemodal .prov-info .action- {
	display: flex;
    gap: 5px;
    justify-content: center
}

#provgamemodal .prov-info .action- button {
	width: 60px;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase
}

#provgamemodal .prov-info .action- button:hover {
	filter: brightness(.6)
}

#provgamemodal .prov-btn {
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center
}

#provgamemodal .prov-btn button {
	width: calc(97%/2);
    padding: 5px 1rem;
    border: 1px solid;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase
}

#provgamemodal .prov-notice {
	padding: 1rem;
    border: 1px solid;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    background: var(--color2);
    border-color: var(--color4)
}

#provgamemodal .prov-notice ul {
	padding: 0 0 0 1rem
}

#restorelistmodal.modal {
	z-index: 9999999
}

#restorelistmodal.modal .modal-header {
	padding: 0;
	height: 50px;
}

#restorelistmodal.modal .modal-header .close {
	position: absolute;
	right: 20px;
	top: 10px;
	opacity: .5
}

#restorelistmodal.modal .modal-body {
	padding: 10px
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable {
	margin-top: 10px
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    font-size: 14px
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row div {
	padding: 10px 0
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-row.t-header div {
	padding: 10px 0;
	font-weight: 500;
	text-transform: uppercase
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-content {
	max-height: 300px
}

#restorelistmodal.modal .modal-body .restore_main .restoreListTable .t-content.scroll {
	overflow-y: scroll
}

#transferplaymodal.modal .modal-dialog,
#slotplaymodal.modal .modal-dialog {
	max-width: 600px
}

#transferplaymodal.modal,
#slotplaymodal.modal {
	z-index: 9999999
}

#transferplaymodal.modal .modal-body,
#slotplaymodal.modal .modal-body  {
	padding: 20px
}

#transferplaymodal.modal .modal-header,
#slotplaymodal.modal .modal-header {
	padding: 0;
	height: 50px
}

#transferplaymodal.modal .modal-header .provider-name,
#slotplaymodal.modal .modal-header .provider-name {
	margin: auto;
    font-weight: 600;
    font-size: 20px
}

#transferplaymodal.modal .modal-header .close,
#slotplaymodal.modal .modal-header .close {
	position: absolute;
	right: 20px;
	top: 10px;
	opacity: .5
}

#transferplaymodal.modal .modal-body .provider_main,
#slotplaymodal.modal .modal-body .provider_main {
	justify-items: center;
    text-align: center
}

#transferplaymodal.modal .modal-body .provider_main .providerimg,
#slotplaymodal.modal .modal-body .provider_main .providerimg {
    width: 80%;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    margin: auto
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo {
	width: 90%;
	margin: 1rem auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: 50px;
    font-size: 14px
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo .balance {
	width: 100%;
    margin: auto;
    text-align: left;
    padding: 0 10px
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo .maintenance {
	width: 90%;
    margin: auto;
    text-align: center
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo .maintenance div {
    border-radius: 2px;
    padding: 5px 2px;
    font-size: 12px
}

#transferplaymodal.modal .modal-body .provider_main .providerinfo .status {
	width: 100%;
    margin: auto;
    text-align: right;
    padding: 0 10px
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo {
	padding: 10px 0;
	width: 90%;
    margin: auto
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .msg {
	text-align: left
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .msg span img {
	width: 15px
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable {
	margin-top: 10px
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row div {
	padding: 5px 0;
	font-size: 12px
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row.t-header div {
	font-weight: 500;
	text-align: center;
	text-transform: uppercase
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-content {
	max-height: 100px
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-content .scroll {
	overflow-y: scroll
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn,
#slotplaymodal.modal .modal-body .provider_main .providerbtn {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px 5px;
    margin: 10px 0
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn.col1,
#slotplaymodal.modal .modal-body .provider_main .providerbtn.col1 {
	display: block;
    grid-template-columns: none
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn.col2,
#slotplaymodal.modal .modal-body .provider_main .providerbtn.col2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px 5px
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn button,
#slotplaymodal.modal .modal-body .provider_main .providerbtn button {
	border-radius: 5px;
    width: auto;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 10px 5px;
    text-transform: uppercase
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn.col1 button,
#slotplaymodal.modal .modal-body .provider_main .providerbtn.col1 button {
	width: 40%;
	margin: auto;
	margin-left: 5px
}

#transferplaymodal.modal .modal-body .provider_main .providerbtn.col2 button,
#slotplaymodal.modal .modal-body .provider_main .providerbtn.col2 button {
	width: 80%;
	margin: auto
}

#transferplaymodal.modal .modal-body .provider_main .providernotice {
    border-radius: 10px;
    width: auto;
    padding: 10px
}

#transferplaymodal.modal .modal-body .provider_main .providernotice ul {
	list-style: disc;
    padding-left: 17px;
    margin-top: 10px;
    font-size: 10px;
    text-align: left
}

#transferplaymodal.modal .modal-body .provider_main .providernotice ul li {
	margin-bottom: 4px;
    margin-top: 3px
}

#languagemodal {
	z-index: 9999999
}

#languagemodal .modal-header {
    padding: 0;
    height: 2.6rem
}

#languagemodal .modal-header .close {
	position: absolute;
    right: 20px;
    top: 10px;
    opacity: .5
}

#languagemodal .modal-dialog {
	max-width: 600px
}

#languagemodal .modal-dialog .modal-content {
	text-align: center
}

#languagemodal .modal-dialog .modal-content ul {
	padding: 0;
	list-style-type: none;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
	justify-content: space-between
}

#languagemodal .modal-dialog .modal-content ul li {
	margin: 10px 0;
	font-size: 16px;
	cursor: pointer;
	max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.language-content {
	margin-bottom: 5px
}

.language-content:last-child {
	border: none;
	margin-bottom: 0
}

.language-content .language-label {
	display: grid;
    grid-template-columns: 1fr 6fr;
    height: 50px
}

.language-content .language-label img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 60%;
    margin: 0 auto
}

/* .language-content .language-label .language-icon.icon-MYR {
	background-image: url('/images/templates/Template 4/flag/flag_MYR.png')
}

.language-content .language-label .language-icon.icon-SGD {
	background-image: url('/images/templates/Template 4/flag/flag_SGD.png')
}

.language-content .language-label .language-icon.icon-THB {
	background-image: url('/images/templates/Template 4/flag/flag_THB.png')
}

.language-content .language-label .language-icon.icon-MMK {
	background-image: url('/images/templates/Template 4/flag/flag_MMK.png')
}

.language-content .language-label .language-icon.icon-INR {
	background-image: url('/images/templates/Template 4/flag/flag_INR.png')
}

.language-content .language-label .language-icon.icon-NPR {
	background-image: url('/images/templates/Template 4/flag/flag_NPR.png')
}

.language-content .language-label .language-icon.icon-IDR {
	background-image: url('/images/templates/Template 4/flag/flag_IDR.png')
}

.language-content .language-label .language-icon.icon-BDT {
	background-image: url('/images/templates/Template 4/flag/flag_BDT.png')
}

.language-content .language-label .language-icon.icon-USD {
	background-image: url('/images/templates/Template 4/flag/flag_USD.png')
}

.language-content .language-label .language-icon.icon-USDT {
	background-image: url('/images/templates/Template 4/flag/flag_USDT.png')
}

.language-content .language-label .language-icon.icon-AUD {
	background-image: url('/images/templates/Template 4/flag/flag_AUD.png')
}

.language-content .language-label .language-icon.icon-PHP {
	background-image: url('/images/templates/Template 4/flag/flag_PHP.png')
}

.language-content .language-label .language-icon.icon-VND {
	background-image: url('/images/templates/Template 4/flag/flag_VND.png')
}

.language-content .language-label .language-icon.icon-HKD {
	background-image: url('/images/templates/Template 4/flag/flag_HKD.png')
}

.language-content .language-label .language-icon.icon-RMB {
	background-image: url('/images/templates/Template 4/flag/flag_RMB.png')
} */

.language-content .language-label .language-text {
    margin: auto;
    margin-left: 0;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.language_header .country-icon {
	margin: auto;
	width: 30px;
    height: 30px
}

.modal {
	z-index: 9999999 !important
}

.modal-backdrop.show {
	z-index: 999999
}

.game-page-label {
	margin: 10px 0;
    font-size: 25px;
}

.alertify .ajs-dimmer {
	z-index: 99999999
}

.alertify .ajs-modal {
	z-index: 99999999
}

.game_products.game_slot,
.game_products.game_lottery {
	 grid-template-columns: repeat(9, 1fr)
}

.slot-content .tab-pane .topContent,
.lottery-content .tab-pane .topContent {
	display: grid;
    grid-template-columns: 70% 30%;
    margin: 0 40px
}

.slot-content .tab-pane .topContent .game-play-button,
.lottery-content .tab-pane .topContent .game-play-button {
	display: flex;
}

.slot-content .tab-pane .topContent .rightContent, 
.lottery-content .tab-pane .topContent .rightContent{
	text-align: right
}

.slot-content .tab-pane .topContent .rightContent img, 
.lottery-content .tab-pane .topContent .rightContent img{
	width: 70%
}

.slot-content .tab-pane .topContent .leftContent .reglink,
.lottery-content .tab-pane .topContent .leftContent .reglink {
	cursor: pointer;
	transition: .3s
}

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar,
.lottery-content .tab-pane .topContent .leftContent .filter-menu-bar {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 20px 0
}

.slot-content .tab-pane .topContent .leftContent .filter-menu-bar .slotbox,
.lottery-content .tab-pane .topContent .leftContent .filter-menu-bar .lotterybox {
	display: inline-block;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 5px;
    margin: 4px;
    text-transform: uppercase;
    cursor: pointer
}

.slot-content .tab-pane .topContent .leftContent .form-group .addGenerate {
	margin-top: -40px;
    margin-left: 400px;
}

.slot-content .tab-pane .topContent .leftContent .form-group .addGenerate .generateBtn {
	border-radius: 10px;
    border: none;
    padding: 7px;
}

.slot-content .tab-pane .topContent .leftContent .downloadProv {
	display: grid;
    grid-template-columns: 1fr 1fr
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadQR {
    text-align: center
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadQR img {
    padding: 5px;
    background: #fff;
	width: 70%
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink {
	text-align: center;
    margin-top: 5px
}

.slot-content .tab-pane .topContent .leftContent .downloadProv .downloadItem .downloadLink button {
	font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    width: 90%;
    border-radius: 20px;
    padding: 5px 0
}

.slot-content .tab-pane .bottomContent .slot-list-content,
.lottery-content .tab-pane .bottomContent .lottery-list-content {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx  {
	cursor: pointer
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer {
/* 	position: relative; */
	display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gameimg,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gameimg  {
	text-align: center;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gameimg img,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .game-boxer .gameimg img {
	width: -webkit-fill-available
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .game-boxer .gamename,
.lottery-content .tab-pane .bottomContent .lottery-list-content .slot-bx .game-boxer .gamename {
    display: flex;
    height: 100%;
    min-height: 30px;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 1rem;
	text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.main-menu li>.megamenu {
	overflow-y: auto;
	overflow-x: hidden
}

.balance-drop {
	position: relative;
	text-align: right
}

.balance-drop .dropdown-balance {
	display: none;
    position: absolute;
    width: 450px;
    text-align: center;
    top: 100%;
    right: 0;
    margin-top: 3px;
    z-index: 99999
}

.balance-drop:hover .dropdown-balance {
	display: block
}

.balance-drop .dropdown-balance .dropdown-btn {
	display: flex;
	margin: 5px 5px 10px;
    justify-content: flex-end;
    gap: 5px
}

.balance-drop .dropdown-balance .summary-wrapper {
	max-height: 400px;
	overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 5px;
    margin-bottom: 15px;
}

.balance-drop .dropdown-balance .summary-wrapper::-webkit-scrollbar {
	width: 5px
}

.balance-drop .dropdown-balance .summary-wrapper::-webkit-scrollbar-thumb {
	border-radius: 0
}

.balance-drop .dropdown-balance .summary-wrapper .list-item- {
	display: grid;
    grid-template-columns: 55% 30% 15%;
    margin-bottom: 10px
}

.balance-drop .dropdown-balance .summary-wrapper .list-item-:last-child {
	margin: 0
}

.balance-drop .dropdown-balance .summary-wrapper .list-item- .prov-name {
	text-align: left;
    font-weight: 600
}

.balance-drop .dropdown-balance .summary-wrapper .list-item- .prov-amt {
	
}

.balance-drop .dropdown-balance .summary-wrapper .list-item- .status {
	
}

.balance-drop .dropdown-balance .summary-wrapper .list-item- .status .hide- {
	opacity: 0;
	display: none
}

/* .balance-drop .dropdown-balance .summary-wrapper .platform-item {
    font-weight: 500;
    text-align: left;
    align-self: center;
    font-size: 12px;
    line-height: 12px
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item {
    text-align: right
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item .balc {
    display: inline-block;
    margin: 0 3px;
    font-size: 12px
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-in {
	display: inline-block;
    margin: 0 5px;
    margin-right: 0;
    height: 30px;
    width: 59px;
    padding: 0;
    text-transform: uppercase;
    font-size: 13px
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-out {
	display: inline-block;
    margin: 0 2px;
    height: 30px;
    width: 83px;
    padding: 0;
    text-transform: uppercase;
    font-size: 13px
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item button.btn-quickplay {
	display: inline-block;
    height: 30px;
    width: 149px;
    padding: 0;
    text-transform: uppercase;
    margin-left: 5px;
    margin-right: 2px;
    font-size: 13px
}

.balance-drop .dropdown-balance .summary-wrapper .amount-item .wpDrop-maintenance {
	display: inline-block;
    border-radius: 2px;
    height: 30px;
    width: 149px;
    padding: 6px 0;
    margin-left: 4px;
    margin-right: 2px;
    font-size: 13px;
    text-align: center
} */

ul#registerTab,
ul#loginTab,
ul#memberInfoTab,
ul#forgotPasswordTab {
	width: 100%;
    border: none;
    gap: 5px
}

ul#registerTab .nav-item,
ul#loginTab .nav-item,
ul#memberInfoTab .nav-item,
ul#forgotPasswordTab .nav-item {
	border: none
}

ul#registerTab li a.nav-link,
ul#loginTab li a.nav-link,
ul#memberInfoTab li a.nav-link,
ul#forgotPasswordTab li a.nav-link {
	border-radius: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500
}

ul#registerTab li a.nav-link.active,
ul#loginTab li a.nav-link.active,
ul#memberInfoTab li a.nav-link.active,
ul#forgotPasswordTab li a.nav-link.active {
	border: none;
    background: 0 0
}

/*FOR JACKPOT*/
@media ( min-width :1024px) and (max-width:1499px) {
	.dstg-container {
		width: 80% !important;
		min-width: 980px
	}
}

@media ( max-width :1024px) {
	.dstg-container {
		padding: 0 20px
	}
}

@media ( min-width :1500px) {
	.dstg-container {
		max-width: 1400px
	}
}

.dstg-pageContent {
	padding-top: 20px;
}

.dstg-m-auto{
	margin: 0 auto;
}

.dstg-p-relative{
	position: relative;
}

.dstg-flex-wrap{
	flex-wrap:wrap;
	display:flex;
}

.dstg-flex-column, .dstg-flex-row{
	-webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.dstg-jackpot-wrap {
    margin: 0 auto;
	max-width: 1120px;
	width: 100%;
	position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px
}

.dstg-jackpot-wrap .dstg-jackpot-title {
	margin: auto 10px;
	font-size: 30px;
    font-weight: bold
}

@media ( max-width :1500px) {
	.dstg-jackpot-wrap .dstg-jackpot-title {
		font-size: 20px
	}
}

.dstg-jackpot-wrap .dstg-jackpot-img {
	width: 100%;
	display: block
}

/*FOR JACKPOT*/

.dataTables_wrapper .history-list.dataTable {
	border-collapse: collapse
}

.dataTables_wrapper .history-list.dataTable tr {
	border: solid grey
}

.history-list.dataTable td {
	text-align: center
}

.history-list.dataTable .btn-detail {
	width: 35px;
    text-align: center;
	border-radius: 10px
}

.referralModal.modal .modal-body .history-list {
	width: 100% !important
}

#bethistorymodal.modal .modal-dialog {
	min-width: 750px
}

#bethistorymodal.modal .modal-body .referralinfo {
	margin-bottom: 20px
}

#bethistorymodal.modal .modal-body .referralinfo div:nth-child(2){
	text-align: right
}

#bonusmodal.modal .modal-dialog {
	min-width: 850px
}

.msgBox-wrap {
    display: block;
    padding: 30px;
    min-height: 400px
}

.msgBox-wrap .msgtitle {
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center
}

.msgBox-wrap .msgContent {
	text-align: center
}

.msgBox-wrap .msgContent .error-btn {
    padding: .4rem 1rem;
    cursor: pointer
}

/* FREE CREDIT */
/* in home page */
.freecredit-wrap {
	width: 140px;
	height: 200px;
 	z-index: 9999;
    position: fixed;
    bottom: 0;
    margin: 0 10px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.minigame-wrap {
	width: 140px;
	height: 375px;
 	z-index: 9999;
    position: fixed;
    bottom: 0;
    margin: 0 10px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.freecredit-wrap .freecreditCloseBtn,
.minigame-wrap .miniGameCloseBtn {
	 margin-left: 140px;
}

.freecredit-wrap:hover,
.float-spinwheel-wrapper:hover {
	opacity: 1;
	transform: scale(1.15);
}

.freecredit-wrap:hover:after,
.float-spinwheel-wrapper:hover:after {
	opacity: 1;
}

.freecredit-wrap .CREDITS img,
.minigame-wrap .MINIGAME img {
	max-width: 100%;
	max-height: 100%;
	animation: up-down 1.4s infinite ease-in-out alternate;
}

#btn-freecredit-close,
#btn-minigame-close {
 	cursor:pointer;
 	border-radius: 25px;
}

@keyframes up-down{
  from{
    transform: translatey(0px);
  }
  to{
    transform: translatey(-20px);
  }
}

/* EligibleGames */
.gamesList-wrapper {
	max-width: 100% !important;
    margin: 0 auto;
    overflow-y: auto;
    height: 215px;
    -ms-overflow-style: none;
	scrollbar-width: none
}

.gamesList-wrapper::-webkit-scrollBar {
	display: none
}

.gamesList-wrapper:-ms-scrollBar {
	display: none
}

.gamesList-wrapper::-o-scrollBar {
	display: none
}

.gamesList-wrapper::scrollBar {
	display: none
}

.gamesList-wrapper .games-wrapper .games-packet {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px 10px;
    margin: 1rem 0 0
}

.gamesList-wrapper .games-wrapper .games-packet .angpowGame-wrap {
    position: relative;
    text-align: center;
    overflow: hidden
}

.gamesList-wrapper .games-packet .angpowGame-wrap .title-info {
	/* top: 35%;
    left: 20%;
    overflow-wrap: break-word;
    inline-size: 130px; */
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}
/* in home page */

#angpowmodal {
	z-index: 9999999
}

#angpowmodal .modal-header {
    padding: 0;
    height: 2.6rem
}

#angpowmodal .modal-header .close {
	position: absolute;
    right: 20px;
    top: 10px;
    opacity: .5
}

.sub-slider-wrapper {
	max-width: 1400px;
	margin: auto;
    margin-bottom: 50px;
}

.bonus-wrapper {
    margin-top: 50px;
    overflow-x: hidden;
}

.bonus-wrapper .home-packet {
	display: grid;
}

.bonus-wrapper .home-packet .freeCreditList {
    width: 1000px;
    height: 100%;
    margin: auto;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems {
    display: grid;
    grid-template-columns: 35% 44% 20%;
    height: 80px;
    margin: 40px 0;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left {
	font-family: bahnschrift semibold,sans-serif;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left .currencyCode {
	text-align: left;
	font-size: 25px;
    padding: 0 25px;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left .amount-info {
	margin: 2px auto;
	font-size: 30px;
	width: 180px;
	word-break: break-all;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center {
	font-family: bahnschrift semibold,sans-serif;
	text-align: left;
	padding: 5px;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center .title {
	font-size: 25px;
	margin-bottom: 5px;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .center .moreInfo-btn {
   	font-style: italic;
	margin-top: 10px;
	font-size: 10px;
	text-decoration-line: underline;
    cursor: pointer
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right {
	font-family: bahnschrift semibold,sans-serif;
   	cursor: pointer;
   	margin: 20px 0
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right .claim-btn {
	border-radius: 30px;
	border: none;
    width: 180px;
    height: 50px;
    font-size: 25px;
    font-style: italic;
    cursor: pointer
}

.banner {
    max-width: 1045px;
    margin-bottom: 50px!important;
}

.banner img{
	max-width: 100%;
	max-height: 100%;
}

.redeemImg {
    max-width: 40% !important
}

.redeemImg img{
	max-width: 100%;
	max-height: 100%;
}

/* angpow popBox */
.title-box {
	display: flex;
	margin-top: 50px;
	border-bottom: solid 1px;
}

.title-box .title{
	margin: 0 10px;
}

#angpowmodal .modal-dialog {
	width: 720px;
    height: 550px;
}

#angpowmodal .modal-dialog .angpowPopContent-wrap {
	overflow-y:auto; 
	height: 450px;
}

#angpowmodal .modal-dialog .popContent-wrap {
	padding: 10px 0;
    line-height: 1.6
}

/* #angpowmodal .bonusList-wrapper .description-content {
	 white-space: pre-line;
} */

/* before login show loginBox */
#angpowmodal .login-box {
    margin: 50px;
}

#angpowmodal .login-box .login-wrap .login_form_inner {
    border-radius: 20px;
    width: 320px;
    margin: auto;
    padding: 5px 0;
    text-transform: uppercase;
	cursor: pointer;
}

#angpowmodal .login-box .login-wrap .login_form_inner a {
	-webkit-transition: .3s;
	transition: .3s;
	border-bottom: none;
}

/* claim button box */
.bonusList-wrapper .btnBox {
	text-align: center;
	margin:10px;
}

.bonusList-wrapper .btnBox .claimBtn {
	width: 100px;
	border: none;
	font-size: 13px;
	font-weight: bold;
	min-width: 180px;
    border-radius: 26px;
    min-height: 36px;
    margin-bottom: 15px;
	cursor: pointer;
	padding: 10px 0;
	margin-top: 10px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

#angpowclaimmodal .claimPop-wrapper {
	width: 500px
}

.claimList-wrapper .bonus-img {
  	width: 100%;
  	height: 360px;
  	background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

.claimList-wrapper .bonus-img .description-title .text {
	text-align: center;
    font-size: 1.2rem;
}
/* angpow popBox */

/* FreeCredit in transfer page */
.row .transaction-btn {
	display: flex;
	margin-bottom:10px;
}

.freeCreditTransfer-wrap .transaction-freeCredit-title {
	font-size: 20px;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.transactionChangeTab-btn,
.historyChangeTab-btn {
	display: flex;
	padding: 5px;
}

.transactionChangeTab-btn .active, 
.referralChangeTab-btn .active,
.historyChangeTab-btn .active {
	font-weight: 900;
	transition: .3s;
}

.transactionBtn,
.historyBtn {
    border-radius: 10px;
    border: 0px;
    width: 180px;
    padding: 12px 0;
    font-weight: 700;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
 }
 
.transactionBtn:hover,
.historyBtn:hover {
	  transition: .3s;
} 

.transactionChangeTab-btn .freeCreditBtn, 
.referralChangeTab-btn .referralReport,
.historyChangeTab-btn .claimRewardBtn {
	left: -15px;
    position: relative;
}

.transactionChangeTab-btn .notification {
	position: absolute;
    top: 5px;
    left: 76%;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.transaction-list {
	position: relative;
}

.transaction-list:before {
	content: "";
    position: absolute;
    top: 21px;
    left: 5px;
    z-index: 0;
    opacity: 0;
    cursor: pointer;
    background: rgb(0 0 0 / 70%);
    border-radius:22px;
    height: 117px;
    width: 789px;
}

.transaction-list.masked:before {
	content: "";
	cursor: default;
	z-index: 1; 
	opacity:1;
}

.transaction-list.masked .maskedText {
	position: absolute;
    top: 44%;
    left: 15%;
    z-index: 1;
    font-size: 16px;
    font-style: italic;
}

.freeCreditWrapper .transaction-list {
	width: 100%; 
	height: 140px; 
	padding: 16px; 
	margin-bottom: 1em; 
	box-sizing: border-box; 
	background-size: 100%; 
 	background-repeat: no-repeat; 
 	justify-content: space-around; 
 	border-radius: 19px; 
 	grid-template-columns: 30% 50% 20%; 
 /* 	background-image: url('/images/templates/Template 4/freeCredit/claimCreditBackground.png'); */
}

.claim-credit-background{
	position:absolute;
	width:800px;
	height: 125px;
	margin-left:-15px;
}

.claim-credit-background img{
	width:100%;
	height: 100%;
}

.claim-credit{
	margin-top:15px;
}

.freeCreditTransfer-wrap .freeCreditAmt {
	text-align: center; 
	font-weight: 600; 
	right: 9px;
    top: 7px;
    font-size: 47px;
}

.freeCreditTransfer-wrap .freeCreditTitle {
    margin-bottom: 10px;
    text-transform: uppercase;
    overflow-wrap: break-word;
    inline-size: 280px;
    font-weight: 700;
}

.freeCreditTransfer-wrap .freeCreditContent {
	overflow-wrap: break-word;
    inline-size: 280px;
    white-space: pre-line;
    line-height: 1.6;
}

.freeCreditTransfer-wrap .moreInfoBtn {
	font-family: bahnschrift semibold,sans-serif;
    font-style: italic;
    font-size: 12px;
    letter-spacing: 0.5px;
    cursor: pointer;
    border: none;
/*     margin-left: 25%; */
    width: max-content;
}
/* FreeCredit in transfer page */

/* VOUCHER */
.freeCreditTransfer-wrap .transaction-freeCredit-title .freeCreditTitle {
   	font-size: 25px;
}

.freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap {
	width: 390px;
}

.freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .voucherCode {
	width: 260px;
}

.freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .voucherCode::placeholder {
  	font-size: 12px;
}

.freeCreditTransfer-wrap .transaction-freeCredit-title .voucher-wrap .redeemBtn,
.freeCreditTransfer-wrap .unClaim_voucher-wrap .redeemBtn {
    border-radius: 10px;
    border: 0;
    width: 120px;
    padding: 8px 0;
    font-weight: 700;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase
}

.freeCreditTransfer-wrap .unClaim_voucher-wrap .voucherCode {
	width: 410px;
    margin-block: 20px;
    padding: 5px;
}
/* VOUCHER */

/* Member Group Progress Header */
.member-container {
	position: relative;
	border-radius: 10px;
    padding: 14px;
    padding-top: 35px;
    font-weight: normal;
    width: 85%;
    margin: auto;
    cursor: pointer;
}

.member-container .dstg-info-memberGroup {
	font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.member-container .member-progress-text {
	text-align: left;
    font-size: 14px;
    user-select: none;
}

.member-container .member-progress-text .currentPoint {
	font-size: 30px;
	padding-right: 5px;
	font-weight: bold;
}

.member-container .member-progress-container {
	margin-top: 8px;
	width: 100%;
    border-radius: 4px;
    overflow: hidden;
    height: 6px;
}

.member-container .member-progress-container .member-progress-bar  {
	height: 100%;
    width: 0%;
    transition: width 0.4s ease;
}

.member-container .currentLvlTxt {
	position: absolute;
	top: 0;
	left: 0;
    padding: 4px 10px;
    border-radius: 10px 0 10px 0;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

.member-container .member-group-icon {
	position: absolute;
	width: 45px;
	top: -10px;
    right: -10px;
}
/* Member Group Progress Header */

/* Member Group Progress Header */
.member-container.firstRank {
	background: radial-gradient(circle at center, #A7A7A7, #656565);
}

.member-container.secondRank {
	background: radial-gradient(circle at center, #FC9A7E, #BA3026);
}

.member-container.thirdRank {
	background: radial-gradient(circle at center, #C1C4E0, #8B86FF);
}

.member-container.fourthRank {
	background: radial-gradient(circle at center, #F5D28D, #D24003);
}

.member-container.topRank {
	background: radial-gradient(circle at center, #F1BEEE, #775EC3);
}

.member-container .currentPoint {
	color: #ffe6a9;
}

.member-container.firstRank .currentLvlTxt {
	background-color: #464646;
	color: #fff;
}

.member-container.secondRank .currentLvlTxt {
	background-color: #8F3146;
	color: #fff;
}

.member-container.thirdRank .currentLvlTxt {
	background-color: #3B2F91;
	color: #fff;
}

.member-container.fourthRank .currentLvlTxt {
	background-color: #D12B2C;
	color: #fff;
}

.member-container.topRank .currentLvlTxt {
	background-color: #4413A9;
	color: #fff;
}

.member-container .dstg-info-memberGroup {
	color: #fff;
}

.member-container .member-progress-text {
	color: #fff;
}

.member-container .member-progress-container {
    background-color: #fff;
}

.member-container.firstRank .member-progress-container .member-progress-bar {
    background-color: #FDB813;
}

.member-container.secondRank .member-progress-container .member-progress-bar {
    background-color: #96253E;
}

.member-container.thirdRank .member-progress-container .member-progress-bar {
    background-color: #372A8A;
}

.member-container.fourthRank .member-progress-container .member-progress-bar {
    background-color: #bf2805;
}

.member-container.topRank .member-progress-container .member-progress-bar {
    background-color: #4413A9;
}
/* Member Group Progress Header */

/* Member Group Upgrade Downgrade Modal */
.rankUpgradeModal, 
.rankDowngradeModal {
	display: none;
	opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
}

.rankUpgradeModal .modal-content, 
.rankDowngradeModal .modal-content {
	width: 90%;
	max-width: 350px;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	position: relative;
	top: -8%;
	transform: scale(0.9);
	transition: transform 0.3s ease;
}

.rankUpgradeModal.show .modal-content, 
.rankDowngradeModal.show .modal-content {
    transform: scale(1);
}

.rankUpgradeModal .modal-content .modal-header, 
.rankDowngradeModal .modal-content .modal-header {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px;
    justify-content: center;
}

.rankUpgradeModal .modal-content .modal-header:after, 
.rankDowngradeModal .modal-content .modal-header:after {
	border: none;
}

.rankUpgradeModal .modal-content .modal-close, 
.rankDowngradeModal .modal-content .modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.rankUpgradeModal .modal-content .modal-image {
    width: 75%;
    margin: auto;
}

.rankDowngradeModal .modal-content .modal-image {
	width: 50%;
    margin: auto;
}

.rankUpgradeModal .modal-content .modal-text, 
.rankDowngradeModal .modal-content .modal-text {
    margin-top: 20px;
    font-size: 14px;
}

.rankUpgradeModal .modal-content .modal-button, 
.rankDowngradeModal .modal-content .modal-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 13px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    margin: 20px auto auto;
    width: 80%;
}
/* Member Group Upgrade Downgrade Modal */

/* Member Group Upgrade Downgrade Modal */
.rankUpgradeModal, 
.rankDowngradeModal {
    background-color: rgba(0, 0, 0, 0.6);
}

.rankUpgradeModal .modal-content {
	background: linear-gradient(162.92deg, #41B993 1.18%, #F7F7F7 98.95%);
	border: none;
}

.rankDowngradeModal .modal-content {
	background: linear-gradient(162.92deg, #E0E0E0 1.18%, #757575 98.95%);
	border: none;
}

.rankUpgradeModal .modal-content .modal-header {
    color: #fff;
    background: none;
}

.rankDowngradeModal .modal-content .modal-header {
    color: #000;
    background: none;
}

.rankUpgradeModal .modal-content .modal-close {
    color: #fff;
    background: none;
    border: 1px solid #fff;
}

.rankDowngradeModal .modal-content .modal-close {
	color: #000;
	background: none;
	border: 1px solid #000;
}

.rankUpgradeModal .modal-content .modal-text {
    color: #000;
}

.rankDowngradeModal .modal-content .modal-text {
	color: #fff;
}

.rankUpgradeModal .modal-content .modal-button, 
.rankDowngradeModal .modal-content .modal-button {
    background-color: #FDB813;
    color: #fff;
}

.rankUpgradeModal .modal-content .modal-button:hover, 
.rankDowngradeModal .modal-content .modal-button:hover {
    background-color: #ffa500;
}
/* Member Group Upgrade Downgrade Modal */

/* REWARD POINT */
.memberPoint-wrap {
	min-width: 145px;
	display: flex;
	margin: 10px 40px;
}

.memberPoint-wrap .point-info {
	cursor: pointer;
}

.memberPoint-wrap .rewardPoint {
	font-size: 13px;
    border: none;
    min-width: 145px;
    margin-top: 6px;
}

.memberPoint-wrap .refreshBtn-box {
	padding: 4px;
}

.memberPoint-wrap .refreshBtn-box div {
	border: none;
    cursor: pointer;
    background: none;
}

.memberPoint-wrap .refreshBtn-box div i {
	transform: rotateZ(0);
    transition: transform .5s ease-in-out;
}

.memberPoint-wrap .refreshBtn-box div:hover i {
	transform: rotateZ(360deg);
	transition: transform .5s ease-in-out
}

.memberPoint-wrap .refreshBtn-box div:active {
  	transform: translateY(4px);
}
/* REWARD POINT */

/* MEMBER UPDATE */
.memberUpdate-menu.header-menu {
    min-height: 46px
}

.memberUpdate-menu .login_header_afterlogin {
    float: right
}

.memberUpdate_body.index_home {
    background-size: cover
}

.memberUpdate_body.index_body_custom {
    padding: 0 0 290px
}

.memberUpdate_body .main_profile_right {
    text-align: center;
    margin: 5rem auto 2rem
}

.memberUpdate_body .updateName {
    border-radius: 20px;
    height: 32px;
    max-width: 300px;
    margin: auto
}
/* MEMBER UPDATE */

/* REFERRAL PAGE */
.referralChangeTab-btn {
	display: flex;
    margin-bottom: 10px
}

.referralChangeTab-btn button {
	border-radius: 10px;
    border: 0px;
    width: 180px;
    padding: 12px 0;
    font-weight: 700;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
    position: relative
}

.referralReport-btn {
    left: -15px;
}

.referralBtnBox {
    padding-left: 26px
}

.referralBtnBox .referralShareBtn {
    padding: 0
}

.referralBtnBox .referralShareBtn img {
	width: 100%
}

.QRtext {
    width: 110%;
	text-align: center;
    padding: 0.6rem 0;
    font-weight: 600;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

.referral-flow-box {
	margin-top: 4rem
}

.referral-flow-box .title {
	text-align: center;
    text-transform: uppercase;
    font-size: 2rem
}

.referral-flow-box .content {
	position: relative
}

.referral-flow-box .content img {
	width: 100%
}

.referral-flow-box .content .referral-flow-desc {
	position: absolute;
    max-width: 160px;
    line-height: 12px;
    text-align: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px
}

.referral-flow-box .content .referral-flow-desc {
	max-width: 130px;
}

.referral-flow-box .content .desc-1 {
	left: 7.6rem
}

.referral-flow-box .content .desc-2 {
	left: 24rem
}

.referral-flow-box .content .desc-3 {
	right: 1rem
}

.referral-flow-box .end {
	text-align: left;
    margin: 10px 16px;
    font-size: 1.2rem;
}
/* REFERRAL PAGE */

/* Referral Container */
.ref-box{
	margin-top: 20px;
	margin-left: auto;
    margin-right: auto;
    display: flex;
    border-radius: 5px;
    width:100%;
    height:85px !important
}


.ref-box .ref-logo{
	font-size: 50px;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
}

.ref-box .ref-details{
	font-size: 15px;
    margin-top: auto;
    margin-bottom: auto;	
}

.ref-box .ref-details .ref-desc-1{
	font-size: 20px;
	font-weight: 600;
    margin-bottom: 5px;
}

.ref-box .referral-code-box{
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    padding: 0px 15px;
}

.ref-box .referral-code-box #refCode{
	font-size: 18px;
    padding: 0 36px 0 15px;
    border: none;
    max-height:50px;
}

.ref-box .referral-code-box .copyIcon{	
    position: relative;
    right: 30px;
    margin-top:auto;
    margin-bottom:auto;
    font-size: 15px;	
    cursor: pointer
}

.ref-box .referral-code-box .share-btn {
    border-radius: 5px;
    padding: 12px 0px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    max-height:50px;
    width: 105px;
    cursor: pointer;
}

.ref-box .referral-code-box .myDownline-btn,
.ref-box .referral-code-box .copyLink-btn{
	border-radius: 5px;
	padding: 12px 0px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    max-height:50px;
    width: 150px;
    cursor: pointer;
    margin-right: 15px
}

.ref-box .referral-code-box .share-btn .share-icon{
    padding-top: 4px;
    padding-left: 4px;
}
/* Referral Container */

/* ANNOUNCEMENT MODAL */
#announcementmodal .modal-dialog {
    max-width: 600px
}

#announcementmodal .announce-item {
	margin-bottom: 10px;
    padding: 5px 1rem
}

#announcementmodal .announce-item:last-child {
	margin-bottom: 0
}

#announcementmodal .announce-item .message {
	margin-top: 10px;
	padding-top: 5px
}
/* ANNOUNCEMENT MODAL */

/* TUTORIAL */
.tutorial-item {
	margin: 3rem 0;
	display: flex;
    flex-direction: column;
    gap: 1rem 0
}

.tutorial-title {
	text-align: center;
    font-size: 25px;
    font-weight: 700
}

.tutorial-video {
	position: relative
}

.tutorial-video iframe {
	width: 100%;
	height: 100%;
    min-height: 800px !important;
	background: transparent
}
/* TUTORIAL */

/* AD MODAL */
#advertisementmodal .modal-content .modal-body {
	padding: 0
}

.btn-modalClose {
	position: absolute;
    padding: 0 5px;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 5px;
    transform: unset;
    top: 1rem;
    right: 1rem
}
/* AD MODAL */

/* DEPOSIT RETURN PAGE */
.h2p-message-box .message-text {
	font-weight: bold;
}

.h2p-message-box .message-description .summary-separate {
	display: flex;
}
/* END OF DEPOSIT RETURN PAGE */

/* Countdown Widget */
.countdown-widget {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 5px;
    margin-bottom: 20px;
}

.countdown-widget .countdowm-letter:first-child {
    font-size: 24px;
    padding: 10px;
    font-weight: bold;
}

.countdown-widget>div:first-child {
    width: 288px;
}

.countdown-widget>div {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    margin: 4px;
    border-radius: 3px;
    min-height: 106px;
    box-sizing: border-box;
    width: 100px;
}

.countdown-widget>div span {
	font-size: 45px;
    font-weight: 700;
    display: block;
    width: 100%;
}

.countdown-widget>div div {
	font-size: 10px;
	margin-bottom: 5px;
}
/* Countdown Widget */

/* UPCOMING MATCH */
.upcoming-match-wrap .upcomingSlider-wrap {
	margin: 3rem 0 5rem;
	padding: 0
}

.upcoming-match-wrap #upcomingSlider li {
	margin-top: 0
}

.upcoming-match-wrap .lSPrev,
.upcoming-match-wrap .lSNext {
	font-size: 2rem;
	width: fit-content;
    height: fit-content
}
/* END UPCOMING MATCH */

/* TOURNAMENT */
/* flip card animation */
.flip-card {
	position: relative;
	font-size: 90px;
	font-weight: bold;
	display: inline-flex;
	flex-direction: column;
	border-radius: .1em
}

.flip-card .top,
.flip-card .bottom,
.flip-card .top-flip,
.flip-card .bottom-flip {
	height: .75em;
	line-height: 1;
	padding: .25em;
	overflow: hidden
}

.flip-card .top,
.flip-card .top-flip {
	border-top-right-radius: .1em;
	border-top-left-radius: .1em
}

.flip-card .bottom,
.flip-card .bottom-flip {
	background-color: white;
	display: flex;
	align-items: flex-end;
	border-bottom-right-radius: .1em;
	border-bottom-left-radius: .1em
}

.flip-card .top-flip {
	position: absolute;
	width: 100%;
	animation: flip-top 250ms ease-in;
	transform-origin: bottom
}

@keyframes flip-top {
	100% {
		transform: rotateX(90deg)
  	}
}

.flip-card .bottom-flip {
	position: absolute;
	bottom: 0;
	width: 100%;
	animation: flip-bottom 250ms ease-out 250ms;
	transform-origin: top;
	transform: rotateX(90deg)
}

@keyframes flip-bottom {
	100% {
		transform: rotateX(0deg)
	}
}
/* flip card animation */

.upcomingList .label,
.ongoingList .label,
.completedList .label,
.winnerList .label {
	font-size: 12px
}

.upcomingList .title,
.ongoingList .title,
.completedList .title,
.winnerList .title {
	display: flex;
	font-weight: 700;
	font-size: 25px;
}

.ongoingList .title .total,
.upcomingList .title .total,
.completedList .title .total {
    margin-top: -4px;
  	    padding: 0 10px;
}

.ongoingList .total span, 
.upcomingList .total span,
.completedList .total span {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: inline-block;
    font-size: 12px;
    line-height: 2em;
    text-align: center;
}

.tournament-carousel-area {
	padding: 3rem 0
}

.tour-carousel-item {
	position: relative;
	min-height: 360px
}

.tour-carousel-item:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.tour-carousel-item .main-content {
    position: absolute;
    width: 80%;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.tour-carousel-item .main-content .countdown-container {
	display: flex;
	gap: .5em;
	justify-content: center
}

.tour-carousel-item .main-content .countdown-container .container-segment .segment {
	display: flex;
	gap: .1em
}

.tour-carousel-item .main-content .countdown-container .container-segment .segment-title {
	margin-top: 5px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	z-index: 0
}

.tour-carousel-item .main-content .detailsBox {
	margin: 2rem 2rem 0
}

.tour-carousel-item .main-content .detailsBox hr {
    margin: 5px 0
}

.tour-carousel-item .main-content .detailsBox .main-title {
	position: relative;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
    font-size: 30px;
    text-transform: uppercase
}

.tour-carousel-item .main-content .detailsBox .main-title:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 80%;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.tour-carousel-item .main-content .detailsBox .main-title .date {
	margin-left: 1rem;
	font-size: 1rem;
	font-weight: 300;
    text-transform: capitalize
}

.tour-carousel-item .main-content .detailsBox .title {
	font-size: 20px
}

.tour-carousel-item .main-content .detailsBox .desc span {
	padding: 5px;
}

.tour-carousel-item .main-content .detailsBox .desc .btn-moreInfo {
	margin-left: 1rem;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    transition: .3s;
    font-size: 16px
}
/* tournament carousel */

/*ranking-list*/
.ranking-section {
	padding-left: 2rem;
}

.ranking-section .section-title{
	display: flex;
    font-weight: 700;
    font-size: 25px;
}

.rank-top{
	padding-top:18px;
}

.ranking-section .boxAction {
	position: absolute;
    top: 1rem;
    right: 0;
    transform: translateY(10px);
}

.ranking-section .boxAction:before {
	content: "";
	position: absolute;
	top: 0;
	right: 70px
}

.ranking-section .boxAction i {
    margin: 0 10px;
    font-size: 1.4rem;
    cursor: pointer;
    transition: .3s
}

.ranking-section .rank-bottom {
	position: relative;
	border-radius: 15px
}

.ranking-section .loading-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 15px;
	background: #000000a8
}

.ranking-section .loading-mask .spinner-animation {
	top: 50%;
    left: 50%;
	transform: scale(.8) translateX(-50%) translateY(-50%) translateZ(0);
	margin: 0
}

.ranking-section .tournament-type {
	width: fit-content;
    margin-bottom: 1rem;
    padding-bottom: 2px;
    padding-top: 20px;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
} 

.ranking-section .rank-tab {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-gap: 5px;
    list-style: none;
    padding-left: 1px;
}

.ranking-section .rank-tab li {
	padding: 5px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    
}

.ranking-section .rank-tab-content {
	display: block;
	text-align: right
}

.ranking-section .tab-box {
	display: none;
	margin-bottom: 1rem
}

.ranking-section .tab-box.active {
	display: block
}

.ranking-section .tab-box .title {
	font-size: 20px;
    font-weight: 600;
    text-align: left;
}

.ranking-section .rank-tab-content button {
	float: right;
    font-weight: 600;
    text-transform: uppercase;
}

.ranking-section .rank-tab-content button:hover {
	text-decoration: underline
}

.rank-list .list-item {
	display: grid;
    grid-template-columns: 15% 40% 45%
}

.rank-list .list-item {
	position: relative
}

.rank-list .list-item:nth-child(1) {
	margin: 1rem 0 1.2rem 10px;
	padding: 10px 0
}

.rank-list .list-item:nth-child(2) {
	margin: 0 0 1.2rem 10px;
	padding: 10px 0
}

.rank-list .list-item:nth-child(3) {
	margin: 0 0 1.2rem 10px;
	padding: 10px 0
}

.rank-list .list-item:nth-child(4) {
	margin: 0 0 1.2rem 10px;
	padding: 10px 0
}

.rank-list .list-item:nth-child(5) {
	margin: 0 0 1.2rem 10px;
	padding: 10px 0
}

.rank-list .list-item:nth-child(1) .index,
.rank-list .list-item:nth-child(2) .index,
.rank-list .list-item:nth-child(3) .index {
	color: transparent;
	transform: skewX(0)
}

.rank-list .list-item .index {
	position: relative;
	font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    transform: skewX(-10deg);
    padding:6px;
}

.rank-list .list-item .name {
	margin: auto;
	font-size: 1rem;
    font-weight: 600
}

.rank-list .list-item .amount {
	margin: auto 10px auto auto;
	font-size: 1rem;
	font-weight: 600
}

.medal {
	position: absolute;
	left: -10px;
    top: -1rem
}

.medal_circle {
	font-family: "Roboto", sans-serif;
	font-size: 28px;
	font-weight: 500;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	color: white;
	text-align: center;
	line-height: 46px;
	vertical-align: middle;
	position: relative;
	border-width: 0.2em;
	border-style: solid;
	z-index: 1;
}

.medal_ribbon {
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 6px 10px;
	width: 0;
	height: 20px;
	top: 50px;
}

.medal_ribbon-left {
	border-color: #fc402d #fc402d transparent #fc402d;
	left: 8px;
	transform: rotate(20deg) translateZ(-32px);
}

.medal_ribbon-right {
	left: 28px;
	border-color: #f31903 #f31903 transparent #f31903;
	transform: rotate(-20deg) translateZ(-48px);
}

.medal_circle-1 {
	box-shadow: inset 0 0 0 #b67d05, 2px 2px 0 rgba(0, 0, 0, 0.08);
	border-color: #fadd40;
	text-shadow: 0 0 4px #9d6c04;
	background: linear-gradient(to bottom right, #f9ad0e 50%, #e89f06 50%);
}

.medal_circle-2 {
	box-shadow: inset 0 0 0 #a7b2b8, 2px 2px 0 rgba(0, 0, 0, 0.08);
	border-color: #edeff1;
	text-shadow: 0px 0px 4px #98a6ad;
	background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%);
}

.medal_circle-3 {
	box-shadow: inset 0 0 0 #955405, 2px 2px 0 rgba(0, 0, 0, 0.08);
	border-color: #f7bb23;
	text-shadow: 0 0 4px #7d4604;
	background: linear-gradient(to bottom right, #df7e08 50%, #c67007 50%);
}
/* ranking list */

.tournament-content .subTitle {
	font-weight: 600;
}

/* tournament countdown */
.tournament_main {
	position: relative;
	margin: 2rem 0 4rem
}

.tournament_main:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
    top: 0
}

.tournament_main .main-content {
	position: absolute;
	width: fit-content;
	height: fit-content;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.tournament_main .main-content .countdown-container {
	display: flex;
	gap: .5em;
	justify-content: center;
}

.tournament_main .main-content .countdown-container .container-segment {
	display: flex;
	flex-direction: column;
	gap: .1em;
	align-items: center
}

.tournament_main .main-content .countdown-container .container-segment .segment {
	display: flex;
	gap: .1em
}

.tournament_main .main-content .countdown-container .container-segment .segment-title {
	font-size: 18px;
	font-weight: 700;
	z-index: 0
}

.tournament_main .main-content .upComing-item {
    position: relative;
    margin: 3rem 0 0 0
}

.tournament_main .main-content .upComing-item .title {
    font-weight: 700;
    font-size: 1.4rem
}

.tournament_main .main-content .upComing-item .gameDetails .moreInfo-btn {
	margin-left: 1rem;
	cursor: pointer;
	font-style: italic;
	text-decoration: underline
}
/* tournament countdown */

/* tournament list */
.tournament-section {
	position: relative;
	display: block
}

.tournament-section .tournament-box-action {
	position: absolute;
    top: 1rem;
    right: 0;
    transform: translateY(10px)
}

.tournament-section .tournament-box-action i {
	margin: 0 10px;
	font-size: 1.4rem;
	cursor: pointer;
    transition: .3s
}

.tournament-boxes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	margin: 2rem 0 10px 0
}

.tournament-bx {
    position: relative;
	border-radius: 10px
}

.tournament-bx.bx-1 img {
	border-radius: 10px
}

.tournament-bx .box-hover {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    text-align: center;
    opacity: 0;
    z-index: 0;
    transition: .3s
}

.tournament-bx:hover .box-hover {
	opacity: 1;
    z-index: 1
}

.tournament-bx .box-hover .wrap {
	position: absolute;
	width: 100%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.tournament-bx .box-hover .name {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem
}

.tournament-bx .box-hover .date {
	font-size: 12px
}

.tournament-bx .box-hover button {
    border-radius: 5px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s ease 0s
}

.tournament-bx.bx-2 {
	display: flex;
    cursor: pointer;
    transition: .3s
}

.tournament-bx.bx-2 img {
    padding: 3px;
    margin: 5px;
    width: 75px;
    height: 75px;
	border-radius: 100%
}

.tournament-bx.bx-2 .box-content {
	margin: auto 0;
	padding: 5px 5px 5px 0;
	line-height: 1rem
}

.tournament-bx.bx-2 .box-content .name {
	font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.tournament-bx.bx-2 .box-content .date {
	font-size: 12px
}
/* tournament list */

/* ranking list */
.winnerList {
	padding-left: 2rem
}

.winnerList .nav-tabs {
	margin-top: 1rem;
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 5px
}

.winnerList .nav-tabs .nav-item .nav-link {
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px
}

.winnerList .winner-boxes .groupList {
	padding-bottom: 20px;
	margin: 10px
}

.winnerList .winner-boxes .groupList .tournament_name {
    font-size: 20px;
    font-weight: 600;
    margin: 10px -10px 1rem -10px
}

.winnerList .winner-boxes .groupList .rankingList {
	margin-bottom: 2rem
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx {
	position: relative;
	margin-bottom: 2rem
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx:last-child {
	margin-bottom: 0
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx .details {
	display: grid;
	grid-template-columns: 10% 40% 50%;
	padding: 1rem 10px
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx .details .index {
	font-size: 1.2rem;
    font-weight: 600;
    text-align: center
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx .details .username,
.winnerList .winner-boxes .groupList .rankingList .winner-bx .details .amount {
	margin: auto 0
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx .medal {
	position: absolute;
	left: -1rem;
    top: -5px
}

.winnerList .winner-boxes .groupList button {
	float: right;
    font-weight: 600;
    text-transform: uppercase
}

.medal_circle {
	font-family: "Roboto", sans-serif;
	font-size: 28px;
	font-weight: 500;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	color: white;
	text-align: center;
	line-height: 46px;
	vertical-align: middle;
	position: relative;
	border-width: 0.2em;
	border-style: solid;
	z-index: 1
}

.medal_ribbon {
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 6px 10px;
	width: 0;
	height: 20px;
	top: 50px
}

.medal_ribbon-left {
	border-color: #fc402d #fc402d transparent #fc402d;
	left: 8px;
	transform: rotate(20deg) translateZ(-32px)
}

.medal_ribbon-right {
  left: 28px;
  border-color: #f31903 #f31903 transparent #f31903;
  transform: rotate(-20deg) translateZ(-48px)
}

.medal_circle-gold {
	box-shadow: inset 0 0 0 #b67d05, 2px 2px 0 rgba(0, 0, 0, 0.08);
	border-color: #fadd40;
	text-shadow: 0 0 4px #9d6c04;
	background: linear-gradient(to bottom right, #f9ad0e 50%, #e89f06 50%)
}
.medal_circle-silver {
	box-shadow: inset 0 0 0 #a7b2b8, 2px 2px 0 rgba(0, 0, 0, 0.08);
	border-color: #edeff1;
	text-shadow: 0px 0px 4px #98a6ad;
	background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%)
}
.medal_circle-bronze {
  box-shadow: inset 0 0 0 #955405, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #f7bb23;
  text-shadow: 0 0 4px #7d4604;
  background: linear-gradient(to bottom right, #df7e08 50%, #c67007 50%)
}
/* ranking list */

/* tournament modals */
#tournamentmodal .modal-body {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

#tournamentmodal hr {
	margin: 10px 0
}

#tournamentmodal .upperTitle {
    font-size: 25px;
   	font-weight: 700;
   	text-transform: uppercase
}

#tournamentmodal .tournament-title {
	position: absolute;
    width: fit-content;
    padding: 0 10px 0 1rem;
    bottom: 1rem;
    font-weight: 600;
    font-size: 1.2rem
}

#tournamentmodal .btn-box {
	margin: 5px 0 1rem;
    text-align: right
}

#tournamentmodal .btn-box button {
	font-size: 14px;
	font-weight: 600;
	border-radius: 5px;
	transition: .3s ease 0s
}

#tournamentmodal .tournament-desc {
	font-size: 12px
}

#tournamentmodal .tournament-img {
	max-height: 240px;
	border-radius: 10px
}

#tournamentmodal .tournament-date {
	font-size: 12px;
    font-weight: 500
}

#tournamentmodal .tour-play {
	margin-bottom: 10px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600
}

#tourrankingmodal .modal-body {
    height: 480px
}

#tourrankingmodal hr {
	margin: 10px 0
}

#tourrankingmodal .upperTitle {
    font-size: 25px;
   	font-weight: 700;
   	text-transform: uppercase
}

#tourrankingmodal .rank-title {
	display: flex
}

#tourrankingmodal .rank-title h2 {
    margin: auto 0;
	font-size: 1.4rem;
	text-transform: uppercase
}

#tourrankingmodal .rank-title button {
	width: fit-content;
    margin: auto 0 auto auto;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    transition: .3s ease 0s
}

#tourrankingmodal .tournament-rank {
	padding-top: 1rem;
	max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

#tourrankingmodal .tournament-rank .rank-item {
	position: relative;
	margin: 0 0 2rem 1rem;
	padding: 1rem 10px;
	display: grid;
    grid-template-columns: 10% 40% 50%
}

#tourrankingmodal .tournament-rank .rank-item:last-child {
	margin-bottom: 0
}

#tourrankingmodal .tournament-rank .rank-item .medal {
	position: absolute;
    top: -5px;
    left: -1rem
}

#tourrankingmodal .tournament-rank .rank-item .index {
	font-size: 1.2rem;
    font-weight: 600;
    text-align: center
}

#tourrankingmodal .tournament-rank .rank-item .username,
#tourrankingmodal .tournament-rank .rank-item .amount {
	margin: auto 0
}
/* tournament modals */
/* TOURNAMENT */


/* deposit page button */

.deposit-box .deposit-option {
	text-align: center;
}

.deposit-option button {
	font-size: 18px;
    width: 65%;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 30px;
    border-style: none;
    transition: .3s;
}

.deposit-option button:nth-child(1)  {
	margin-top: 4rem;
}

.deposit-gateway .btn-back .deposittype {
	font-size: 20px;
    border-radius: 8px;
    padding: 5px 10px;
    border-style: none;
    margin-bottom: 15px;
}

#content_inputAmount .choose-box {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 1rem;
    margin-top: 20px;
    width: 100%;
    padding: 0;
}

#content_inputAmount .choose-box .style-add-amount{
	display: block;
    margin-right: 9px;
    margin-bottom: 10px;
    transition: .3s;
    text-align: center;
    border-radius: 0.05rem;    
    cursor: pointer;
    font-size: 16px;
    padding: 1px;
}

#content_inputAmount .choose-box .style-add-amount p{
    line-height: 2.375rem;
    margin: 0;
}

/* deposit page button */

/* Share Option modals */

#shareReferralmodal .modal-header{
	padding: 0;
    height: 2.6rem;
}

#shareReferralmodal .modal-header .close{
    position: absolute;
    right: 20px;
    top: 10px;
    opacity: .5;
}

#shareReferralmodal .modal-body .share-option {
	display:grid;
}

#shareReferralmodal .modal-body .share-option .referralShareBtn{
	border: none;
	width: 110px;
	display: flex
}

#shareReferralmodal .modal-body .share-option .referralShareBtn .text{
	font-size: 20px;
    margin: auto;
    padding-left: 15px;
}
/* Share Option modals */

/* Deposit and Withdraw Page Announcement */
.Announcement-container{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 1125px;
}

.Announcement-container section{
	padding: 20px
}

.Announcement-container section .announcement-info .announce-bx{
	padding: 1rem;
    margin-bottom: 1rem;
}
/* Deposit and Withdraw Page Announcement */


/* LIVE SCORE */
/* live score loading */
@keyframes ldio-gblex47ykrc {
	0% { transform: translate(12px, 80px) scale(0) }
	25% { transform: translate(12px, 80px) scale(0) }
	50% { transform: translate(12px, 80px) scale(1) }
	75% { transform: translate(80px, 80px) scale(1) }
	100% { transform: translate(148px, 80px) scale(1) }
}

@keyframes ldio-gblex47ykrc-r {
	0% { transform: translate(148px, 80px) scale(1) }
	100% { transform: translate(148px, 80px) scale(0) }
}

.ldio-gblex47ykrc div {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transform: translate(80px, 80px) scale(1);
	animation: ldio-gblex47ykrc 1s infinite cubic-bezier(0, 0.5, 0.5, 1)
}
.ldio-gblex47ykrc div:nth-child(1) {
	transform: translate(148px,80px) scale(1);
	animation: ldio-gblex47ykrc-r 0.25s infinite cubic-bezier(0, 0.5, 0.5, 1), ldio-gblex47ykrc-c 1s infinite step-start
}
.ldio-gblex47ykrc div:nth-child(2) {
	animation-delay: -0.25s
}
.ldio-gblex47ykrc div:nth-child(3) {
	animation-delay: -0.5s
}
.ldio-gblex47ykrc div:nth-child(4) {
	animation-delay: -0.75s
}
.ldio-gblex47ykrc div:nth-child(5) {
	animation-delay: -1s
}

.loadingio-spinner-ellipsis-ikykzdc02sc {
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 200px;
	height: 200px;
	display: inline-block;
	overflow: hidden
}

.ldio-gblex47ykrc {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0
}

.ldio-gblex47ykrc div { 
	box-sizing: content-box
}
/* live score loading */

.liveScoreWidget {
	width: 100%;
	margin-bottom: 2rem
}

.memberLiveScoreWidget {
	width: 77%;
	margin: 2rem auto;
}

.liveScoreWidget .ls-header {
	display: grid;
	grid-template-columns: 20% 60% 20%;
    padding: 1rem
}

.liveScoreWidget .ls-header .filter-select {
	position: relative;
	align-self: center
}

.liveScoreWidget .ls-header .filter-select .input {
	width: 100%;
    border-radius: 5px;
    cursor: pointer
}

.liveScoreWidget .ls-header .filter-select select {
	padding: 14px 10px 14px 2rem
}

.liveScoreWidget .ls-header .filter-select input {
	padding: 12px 2rem 12px 10px
}

.liveScoreWidget .ls-header .filter-select .icon {
	position: absolute;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.liveScoreWidget .ls-header .filter-select img {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.liveScoreWidget .ls-header .filter-select .icon.fa-caret-down {
	right: 4px
}

.liveScoreWidget .ls-header .filter-select .icon.fa-calendar-alt {
	right: 10px
}

.liveScoreWidget .ls-header .date-option {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    margin: 0 1rem;
    align-self: center;
    padding-inline-start: 0 !important;
}

.liveScoreWidget .ls-header .date-option li {
	list-style: none;	
}

.liveScoreWidget .ls-header .date-option li button {
	width: 100%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s
}

.liveScoreWidget .ls-header .date-option li button.active {
	cursor: default
}

.liveScoreWidget .ls-header .date-option li button.day {
	font-size: 12px
}

.liveScoreWidget .ls-header .date-option li button.date {
	font-size: 10px
}

.liveScoreWidget .ls-body {
	position: relative;
	padding: 1rem
}

.liveScoreWidget .ls-body .b-msg {
	display: none;
	margin-bottom: 5px;
    padding: 10px 1rem;
    font-size: 1rem;
    letter-spacing: .48px;
    border-radius: 5px
}

.liveScoreWidget .ls-body .b-msg.show {
	display: block
}

.liveScoreWidget .ls-body .b-content {
	display: grid;
	grid-template-columns: 30% 70%;
	min-height: 520px
}

.liveScoreWidget .ls-body .b-mask {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.liveScoreWidget .ls-body .b-getResult .msg {
	position: absolute;
    width: 90%;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center
}

.liveScoreWidget .league-section {
	padding: 1rem 8px 1rem 1rem;
    border-radius: 5px
}

.liveScoreWidget .league-fixture-list .layer {
	overflow-y: auto;
	max-height: 520px;
    padding-right: 5px
}

.liveScoreWidget .league-fixture-list .fixture-drop {
	margin: 5px 0 0;
	padding: 1rem;
    border-radius: 5px;
    cursor: pointer;
    background: #dcb3ac
}

.liveScoreWidget .league-fixture-list .fixture-drop:first-child {
	margin-top: 0
}

.liveScoreWidget .league-fixture-list .cat-name {
	position: relative;
	padding-right: 1rem;
    font-size: 14px;
    font-weight: 600
}

.liveScoreWidget .league-fixture-list .cat-name i {
	position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 1rem
}

.liveScoreWidget .league-fixture-list .fixture-item-list {
	overflow: hidden
}

.liveScoreWidget .league-fixture-list .fixture-item-list .inner {
	padding-top: 1rem
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item {
	display: grid;
	grid-template-columns: 20% 70% 10%;
	margin: 5px 0 0;
    padding: 10px 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item:first-child {
	margin-top: 0
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-info {
	display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    margin: auto;
    justify-content: space-around;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .41px
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .win {
	font-weight: 600
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .t-home,
.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .t-away {
	display: flex
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .t-home {
	margin-bottom: 5px
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .t-home div:first-child img,
.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .t-away div:first-child img {
	width: 25px;
	height: 25px
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .t-home div:last-child,
.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-team .t-away div:last-child {
	padding: 0 5px 0 10px;
	font-size: 10px;
    letter-spacing: .41px;
    align-self: center
}

.liveScoreWidget .league-fixture-list .fixture-item-list .item .f-score {
	display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    margin: auto;
    justify-content: space-around;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600
}

.liveScoreWidget .league-fixture-content {
	margin-left: 5px;
	padding: 0
}

.liveScoreWidget .league-fixture-content hr {
	margin: 1rem 0
}

.liveScoreWidget .league-fixture-content .fc-label {
	position: relative;
	display: grid;
    grid-template-columns: 50% 50%;
    padding: 17px 10px 17px 2rem;
    font-weight: 600;
    border-radius: 5px 5px 0 0
}

.liveScoreWidget .league-fixture-content .fc-label img {
	position: absolute;
    width: 20px;
    height: 20px;
    left: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.liveScoreWidget .league-fixture-content .fc-label div:last-child {
	text-align: right
}

.liveScoreWidget .league-fixture-content .fc-main {
	padding: 1rem
}

.liveScoreWidget .league-fixture-content .fc-team {
	display: grid;
    grid-template-columns: 40% 20% 40%;
    margin: 0 3rem 1rem
}

.liveScoreWidget .league-fixture-content .fc-team .fc-home div:first-child,
.liveScoreWidget .league-fixture-content .fc-team .fc-away div:first-child {
	margin-bottom: 5px;
	text-align: center
}

.liveScoreWidget .league-fixture-content .fc-team .fc-home div:first-child img,
.liveScoreWidget .league-fixture-content .fc-team .fc-away div:first-child img {
	width: 100px;
	max-height: 100px
}

.liveScoreWidget .league-fixture-content .fc-team .fc-home div:last-child,
.liveScoreWidget .league-fixture-content .fc-team .fc-away div:last-child {
	font-size: 1rem;
    font-weight: 600;
    text-align: center
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info {
    text-align: center;
    align-self: center
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score {
	position: relative;
	display: flex;
	margin-bottom: 2rem;
	font-size: 3rem;
    font-weight: 600;
    justify-content: space-around
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score i {
	position: absolute;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score .fa-caret-right {
	left: 0
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score .fa-caret-left {
	right: 0
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-status {
	font-size: 14px
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date {
	display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 0 2rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .48px
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date span:first-child {
	font-size: 2rem
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date span:last-child {
	font-size: 14px
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-btn button {
	width: 100%;
	font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s
}

.liveScoreWidget .league-fixture-content .fc-info .info-row {
	display: grid;
	grid-gap: 5px;
    margin-bottom: 5px
}

.liveScoreWidget .league-fixture-content .fc-info .info-row:first-child {
    grid-template-columns: repeat(3, 1fr)
}

.liveScoreWidget .league-fixture-content .fc-info .info-row:last-child {
    grid-template-columns: repeat(2, 1fr)
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column {
	display: flex;
    flex: 1;
    flex-direction: column;
    padding: 10px;
    border-radius: 5px;
    justify-content: center
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:first-child {
	text-transform: uppercase;
	font-size: 14px;
    font-weight: 600
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:last-child {
	font-size: 1rem;
	letter-spacing: .48px;
	font-size: 14px
}

.liveScoreWidget .league-fixture-content .fc-score-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
	margin-top: 2rem
}

.liveScoreWidget .league-fixture-content .fc-score-details .score-section {
	padding: 1rem;
    border-radius: 5px
}

.liveScoreWidget .league-fixture-content .score-section .label {
	margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: .48px;
    text-align: center;
    text-transform: uppercase
}

.liveScoreWidget .league-fixture-content .score-section .score-board {
	display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.liveScoreWidget .league-fixture-content .score-section .score-board div:first-child,
.liveScoreWidget .league-fixture-content .score-section .score-board div:last-child {
	text-align: center
}

.liveScoreWidget .league-fixture-content .score-section .score-board div:first-child img,
.liveScoreWidget .league-fixture-content .score-section .score-board div:last-child img {
	width: 70px;
    max-height: 70px
}

.liveScoreWidget .league-fixture-content .score-section .score-board div:nth-child(2) {
	display: flex;
    font-size: 2rem;
    font-weight: 600;
    justify-content: space-around;
    align-self: center
}
/* LIVE SCORE */

/* TOTAL WALLET BALANCE */
.balance-drop .dropdown-balance .dropdown-btn .timerArea {
	font-size: 12px
}

.balance-drop .dropdown-balance .dropdown-main-wallet {
    padding: 0 5px;
	text-align: left;
    line-height: 1rem
}

.balance-drop .dropdown-balance .dropdown-main-wallet .mainWalletArea {
	margin-bottom: 5px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px
}
/* TOTAL WALLET BALANCE */

/* favourite */
.tab-content .favourite-box {
	display: flex;
}

.tab-content .game-play-button {
	display: flex;
}

.tab-content .fav-icon {
    font-size: 20px;
    cursor: pointer;
    margin-left: 20px;
}

#favouritemodal .modal-dialog {
	max-width: 650px
}

#favouritemodal .modal-header {
	padding: 0;
    height: 2.6rem;
}

#favouritemodal .modal-header .label {
	margin: auto;
    font-size: 25px;
    font-weight: 500;
}

#favouritemodal .modal-header .close {
	position: absolute;
    right: 20px;
    top: 10px;
    opacity: .5;
}

#favouritemodal .favourite-box .provider-logo {
	padding: 0;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px 5px;
    margin: 0
}

#favouritemodal .favourite-box .provider-logo li {
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center
}

#favouritemodal .favourite-box .provider-logo li .locked {
	position: absolute;
	width: 100%;
    height: 100%;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    color: #fff;
    background: #00000094
}

#favouritemodal .favourite-box .provider-logo li .loading {
	position: absolute;
	width: 100%;
    height: 100%;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background: #00000094
}

#favouritemodal .favourite-box .provider-logo li .loading img {
	width: 25px
}

#favouritemodal .favourite-box .provider-logo li .hide {
	z-index: -2 !important;
    opacity: 0 !important;
    display: none !important;
}

#favouritemodal .favourite-box .provider-logo li img {
	cursor: pointer;
	width: 90%
}

#favouritemodal .favourite-box .provider-logo li img:hover {
	filter: saturate(2);
	-webkit-filter: saturate(2)
}

#favouritemodal .favourite-box .provider-logo li.loading img,
#favouritemodal .favourite-box .provider-logo li.loading img:hover,
#favouritemodal .favourite-box .provider-logo li.locked img,
#favouritemodal .favourite-box .provider-logo li.locked img:hover {
	cursor: default;
	filter: grayscale(1);
	-webkit-filter: grayscale(1)
}

/* favourite */

/* Preloader */
#preloader {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 9999999
}
#loading-center {
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loader_img{
	width:250px;
}
/* Preloader */

/* HOME PAGE HIGHLIGHT VIDEO */
.video-frame .col-4 {
	display: flex;
    flex-direction: column;
    gap: 10px 0
}

.viframe-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.viframe-wrap.wrap1 {
	min-height: 470px
}

.viframe-wrap.wrap2 {
    min-height: 400px
}

.viframe-wrap.wrap3 {
	max-height: calc(100%/2)
}

.viframe-wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
/* HOME PAGE HIGHLIGHT VIDEO */

/* ANNOUNCEMENT PAGE */
.announce-bx {
	margin: 5px 0 0;
	padding: 0 0 10px;
    border-bottom: 1px solid #7d7d7d78
}

.announce-bx:first-child {
	margin: 0
}
/* ANNOUNCEMENT PAGE */

/* NEW PAGE HEADER */
.header-menu .menu-bottom {
	/* margin: 10px 0 0 */
}

.header-menu .logo {
	display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

.header-menu .logo img {
	width: 100%;
	max-height: unset;
	padding: 0
}

.header-menu .login_header {
	display: flex;
	justify-content: end;
	align-items: center;
	float: none;
	padding: 0;
	gap: 0 20px;
    height: 100%
}

.header-menu .login_header a {
	position: relative;
	font-weight: 600;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 5px;
}

.header-menu .login_header a:after {
	content: "";
	position: absolute;
	width: 1px;
    height: 100%;
    top: 0;
    right: -10px
}

.header-menu .login_header a:last-child:after {
	width: 100%;
    height: 2px;
    top: 100%;
    left: 0
}

.header-menu .login_header_afterlogin {
	display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0 10px
}

.header-menu .main-menu ul {
	position: relative;
	display: flex;
    gap: 0 1rem;
    justify-content: center;
    margin: 0;
    padding: 0;
    overflow-x: auto
}

.header-menu .main-menu ul li {
	display: block;
	padding: 10px 0;
	font-size: 14px;
	text-transform: uppercase
}

.header-menu .main-menu ul.icons- li {
	min-width: 100px
}

.header-menu .main-menu ul li > .megamenu {
	position: absolute;
	width: 100%;
    left: 0;
    top: 45px;
    font-size: 12px
}

.header-menu .main-menu ul li>.megamenu::-webkit-scrollbar {
	width: 5px
}

.header-menu .main-menu ul li>.megamenu::-webkit-scrollbar-thumb {
	border-radius: 0
}

/* .header-menu .main-menu ul.icons- li {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
} */
 
.header-menu .main-menu .navi-sub-list {
	position: absolute;
    width: 100%;
    height: fit-content;
    left: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden
}

.header-menu .main-menu .navi-sub-list.hover {
    opacity: 1;
    z-index: 16;
    visibility: visible
}

.header-menu .main-menu .navi-sub-list .provItem- {
	position: relative;
    width: calc(100%/7)
}

.header-menu .main-menu .navi-sub-list .provItem- .prov-click-wrap- {
	cursor: pointer;
    padding: 10px;
    border: none;
    color: inherit;
    background: transparent
}

.header-menu .main-menu .navi-sub-list .provItem- .prov-name- {
	font-weight: 600
}

.header-menu .main-menu .navi-sub-list .provItem- .locked- {
	position: absolute;
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    border: 3px solid;
    border-radius: 10px;
    z-index: 2
}

.header-menu .main-menu .navi-sub-list .provItem- .locked-.hide- {
	opacity: 0;
	z-index: -2
}
/* NEW PAGE HEADER */

/* MEMBER TNC (CREDIT MART) */
.member-tnc-sec {
	margin: 30px 0 0
}

.member-tnc-container {
	padding: 1rem;
    border: 1px solid #dcb3ac;
    background: #fcfcfc
}

.member-tnc-container hr {
	border-top: 1px solid #00000024
}

.member-tnc-container .member-tnc-title {
	font-size: 2rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #6a718e
}

.member-tnc-container .member-tnc-content {
	color: #000
}

.member-tnc-container .member-tnc-content strong {
	text-transform: uppercase
}

.member-tnc-container .member-tnc-content .btn-box {
	margin: 2rem 0 1rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem
}

.member-tnc-container .member-tnc-content .btn-box button {
	width: 130px;
    padding: 5px 10px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 20px;
    transition: .3s
}

.member-tnc-container .member-tnc-content .btn-box button:first-child {
	border: none;
    color: #fff;
    background: #ff6464
}

.member-tnc-container .member-tnc-content .btn-box button:first-child:hover,
.member-tnc-container .member-tnc-content .btn-box button:first-child:focus {
	filter: drop-shadow(0 0 6px #ff6464);
	-webkit-filter: drop-shadow(0 0 6px #ff6464)
}

.member-tnc-container .member-tnc-content .btn-box button:last-child {
	border: none;
    color: #fff;
    background: #64ff77
}

.member-tnc-container .member-tnc-content .btn-box button:last-child:hover,
.member-tnc-container .member-tnc-content .btn-box button:last-child:focus {
	filter: drop-shadow(0 0 6px #64ff77);
	-webkit-filter: drop-shadow(0 0 6px #64ff77)
}
/* MEMBER TNC (CREDIT MART) */

/* Spin Wheel */
.spinwheel-container {
	margin-bottom: 25px;
}

.spinwheel_tab {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.spinwheel_tab  .spinwheel-wrap {
	padding: 10px 20px;
	display: grid;
    grid-template-columns: 54% 54%;
}

.spinwheel-container .spin-container {
    margin: 0 auto;
   	display: grid;
    grid-template-columns: repeat(2,52%);
    max-height: 425px;
    overflow-y: scroll;
}

.spinwheel-container .spin-container::-webkit-scrollbar {
   	display: none;
}

.spinwheel-container .spin-container .spin-selector {
    text-align: center;
    margin-right: 36px;
    margin-left: 0.5rem;
}

.spinwheel-container .spin-container .spin-selector .spin-selector-gameName {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -15px;
    overflow-wrap: anywhere;
}

.spinwheel-container .spin-container .spin-selector .spin-selector-balance {
	font-size: 3rem;
    font-weight: 600;
    margin-top: 30px;
}

.spinwheel-container .spin-container .spin-selector .spin-selector-label {
	font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: -26px;
    margin-top: 40px;
}

.spinwheel-container .spin-container .spin-selector .spin-selector-box {
	border-radius: 15px;
	padding: 2.5rem 2rem;
	margin-top: 20px;
}

.spinwheel-container .button-container {
	width: 100%;
    margin-top: 3rem;
    text-align: center;
    margin-bottom: -20px;
}

.spinwheel-container .button-container button {
	border-radius: 24px;
    padding: 12px;
    width: 145px;
    cursor: pointer;
    font-size: 25px;
    font-weight: bold;
}

.spinwheel_main {
	margin-top: 20px;
	padding-top: 20px;
}

.Spinwheel-bg {
	height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Spinwheel-bg img {
	height: 104%;
    margin-top: 16px;
    margin-right: 80px

}

.btn-box {
	display: flex;
	padding-top: 2rem;
}

.btn-box .btn-item {
	width: 100%;
}

.btn-box .btn-history,
.btn-box .claimed-reward  {
	vertical-align: middle;
    font-size: 12px;
    border-radius: 15px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px;
}

.btn-box .claimed-reward  {
	animation: glowing-box 1200ms infinite;
}

.btn-box .claimed-reward .msg-label,
.btn-box .btn-history .msg-label  {
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	width: max-content;
}

.btn-box .claimed-reward .msg-label .icon,
.btn-box .btn-history  .msg-label .icon{
    margin-left: 10px;
}

.spinwheel-container .errormsg-box {
	margin-top: 20%;
}

.spinwheel-container .msg-box {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
}

.spinwheel-container .msg-box .error-msg-label {
    font-size: 18px;
    font-weight: bold;
    width: 55%;
    color: #fff
}

.spinwheel-container .msg-box .button-box button {
	padding: 10px;
	border: none;
	font-size: 12px;
	color: #fff;
	border-radius: 15px;
	font-weight: bold;
	cursor: pointer;
}

.spinwheel-container .msg-box .button-box .icon { 
    margin-left: 10px;
}


/* Spin Wheel */

/* DAILY LOGIN REWARD */

.member-daily-reward-container{
	max-width: 1180px;
    margin: 1.5rem auto;
}

.daily-reward-container{
	max-width: 1100px;
    margin: 1.5rem auto;
    width: 100%;
    height: 600px;
}

.daily-reward-container .bg-img img{
	position: absolute;
    width: 1280px;
    height: 600px;
}

.daily-reward-title{
	text-align: center;
    pointer-events: none;
    position: relative;
    font-size: 40px;
    padding: 22px 3px 3px 3px;
    font-weight: 900;
}


.dailyLoginReward{
	display: flex;
    flex-direction: row;
    overflow-x: auto;
    cursor: grab;
    position: relative;
    scrollbar-width: none;
    padding: 5px 20px 20px;
    max-width: 1050px;
    margin-left: 25px;

}

.dailyLoginReward::-webkit-scrollbar{
	width:0px;
	height:0px;
}

.reward-frame{
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 150px;
    margin: 1.5rem 10px;
    padding: 1rem 0.5rem;
    gap: 1rem;
    border-radius: 30px;
    height: 420px;
}


.reward-details-wrap{
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-width:130px;
    margin: 1.5rem 1rem;
    padding: 1rem 0.5rem;
    gap: 5px;
    border-radius: 30px;
}

.reward-details-wrap.streak{
	margin: -0.5rem 1rem;
}

.reward-details-wrap::before{
	content: "";
	position: absolute;
	border-radius: 30px;
	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	border-radius: 30px; 
 	border: 4px solid transparent;
  	-webkit-mask:
    linear-gradient(#fff 0 0) padding-box, 
    linear-gradient(#fff 0 0);
  	-webkit-mask-composite: destination-out;
  	pointer-events: none;
}

.reward-img{
	height: 100px;
}

.check-in-day{
	font-size: 22px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.reward-check-in-button{
	font-size: 18px;
    font-weight: 600;
    padding: 16px 38px;
    border-radius: 100px;
    min-width: 96px;
    transition: all 0.2s linear;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.reward-check-in-button:hover{
	cursor: pointer;
}

.claimed-btn:disabled{
	cursor: not-allowed;
    padding: 16px 24.5px;
}

.claim-next:disabled{
	cursor: not-allowed;
}


.claim-today{
	animation: glowing 1300ms infinite;
}

.dailyRewardPop-wrapper {
	width: 500px;
}

.dailyRewardContent-wrapper .reward-pop {
    width: 100%;
    height: 360px;
    border-radius: 10px;
}

.dailyRewardContent-wrapper .reward-pop .description-title{
	margin-top: 40px;
}

.dailyRewardContent-wrapper .reward-pop .description-title .text {
    padding: 2px 0;
    margin: 0 auto;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.dailyRewardContent-wrapper .reward-pop .description-content{
	text-align: center;
    margin-top: 30px;
}

.dailyRewardContent-wrapper .reward-pop .description-content .success-icon{
	font-size: 30px;
    margin-bottom: 30px;
}

.dailyRewardContent-wrapper .reward-pop .description-content .success-icon i{
	border: solid 4px;
    border-radius: 50%;
    padding: 10px;
}

.dailyRewardContent-wrapper .reward-pop .description-content .please-login-icon{
	font-size: 30px;
    margin-bottom: 30px;
}

.dailyRewardContent-wrapper .reward-pop .description-content .please-login-icon i{
	border: solid 4px;
    border-radius: 50%;
    padding: 18px 20px;
    font-size: 30px;
}

.dailyRewardContent-wrapper .reward-pop .dailyRewardPop-btn{
	text-align: center;
    margin-top: 30px;;
}

.dailyRewardContent-wrapper .reward-pop .dailyRewardPop-btn button{
	padding: 9px 40px;
    border-radius: 5px;
    font-size: 15px;
    margin: 0 10px;
}


.daily-progress-wrap{
	position: absolute;
    bottom: 175px;
    left: 28px;
    display: flex;
}

.daily-progress{
	border-radius: 16px;
    width: 950px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 5px;
    font-family: sans-serif;
    text-transform: uppercase;
}

.daily-progress-bar{
	float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    border-radius: 16px;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-message{
	position: absolute;
    width: 950px;
    margin: 0 auto;
}
.daily-progress-percentage-front{
	font-size: 20px;
    padding-right: 11px;
}

.daily-progress-percentage-back{
    padding: 0px 0 0 11px;
    font-size: 20px;
}

/* DAILY LOGIN REWARD */

/*PROMO GROUP*/
.tab-content .tab-pane .game-play-button .loading{
	margin-top: 30px;
    width: 191px;
    height: 61px;
    border-radius: 5px;
    background-color: rgb(188 188 188 / 85%);
}

.tab-content .tab-pane .game-play-button .loading .wrap{
	line-height: 61px;
}

.tab-content .tab-pane .game-play-button .loading img{
	width: 30px;
}

.tab-content .tab-pane .game-play-button .locked{
	margin-top: 30px;
    width: 191px;
    height: 61px;
    border-radius: 5px;
    background-color: rgb(188 188 188 / 85%);
}

.tab-content .tab-pane .game-play-button .locked .icon{
	line-height: 61px;
}

.tab-content .tab-pane .game-play-button .hide{
	width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}

.btn.disabled, .btn:disabled, .btn:disabled:hover {
    color: #bdbdbd;
    background-color: #505050 !important;
    background: #505050 !important;
    filter: brightness(1) drop-shadow(0 0 5px transparent);
}

.common-prov-content-area .game_products .nav-item {
	position:relative;
}

.common-prov-content-area .game_products .nav-item .loading{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);
}

.common-prov-content-area .game_products .nav-item .wrap{
	line-height: 93px;
	width: 35px;
	margin: 0 auto;
}


.common-prov-content-area .game_products .nav-item .locked{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);
}

.common-prov-content-area .game_products .nav-item .icon{
	line-height: 108px;
	font-size: 22px;
}

.common-prov-content-area .game_products .nav-item .hide{
	width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}



/*home page hot game*/
.hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap{
	position:relative;
}

.hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .loading{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);
}

.hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .loading .wrap{
	width: 35px;
    line-height: 101px;
    margin: 0 auto;
}

.hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .locked{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);
}

.hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .icon{
	line-height: 108px;
	font-size: 22px;
}

.hotGamesTab-content .tab-pane .row .index_tab_content .game_products .hot-games-navi-wrap .hide{
	width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}

.hotGamesTab-content .tab-pane .row .game_products .hot-games-navi-wrap{
	position:relative;
}

.hotGamesTab-content .tab-pane .row .game_products .hot-games-navi-wrap .loading{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);
}

.hotGamesTab-content .tab-pane .row .game_products .hot-games-navi-wrap .loading .wrap{
	width: 35px;
    line-height: 101px;
    margin: 0 auto;
}

.hotGamesTab-content .tab-pane .row .game_products .hot-games-navi-wrap .locked{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);
}

.hotGamesTab-content .tab-pane .row .game_products .hot-games-navi-wrap .icon{
	line-height: 108px;
	font-size: 22px;
}

.hotGamesTab-content .tab-pane .row .game_products .hot-games-navi-wrap .hide{
	width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}

/*hot game banner*/

.sub-slider-wrapper {
	max-width: 1400px;
	margin-bottom: 50px
}

.sub-slider-wrapper .subSlider-wrapper {
	position: relative
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider img {
	width: 100%;
	height: 100%
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .hide {
    opacity: 0 !important;
    z-index: -1 !important
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .locked {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 1rem;
    opacity: 1;
    transition: .3s linear;
    background-color: #000000ba
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .locked .l-wrap {
	position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    text-align: center;
    font-size: 2rem;
    color: #fff
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .loading {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 1rem;
    opacity: 1;
    transition: .3s linear;
    background-color: #000000ba
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .loading .l-wrap {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    text-align: center
}

.sub-slider-wrapper .subSlider-wrapper .sub-slider .loading .l-wrap img {
	width: 30px
}

.sub-slider-wrapper .subSlider-wrapper .lSSlideOuter .lSPager.lSpg {
	text-align: right
}

.sub-slider-wrapper .subSlider-wrapper .lSSlideOuter .lSPager.lSpg li:last-child {
	margin-right: 10px
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 {
    overflow: hidden;
    position: relative
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer {
	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;
    position: absolute
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer.hotgames-enter-active {
	-webkit-animation: enter 20s linear;
	animation: enter 20s linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer.hotgames-leave-active {
	-webkit-animation: leave 20s linear;
	animation: leave 20s linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

@-webkit-keyframes enter {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	} 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes leave {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	} 100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer .imgItem {
	margin-right: 20px;
    height: 100%
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer .imgItem .img {
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    position: relative
}

.sub-slider-wrapper .subSlider-wrapper .game-slider.v2 .imgContainer .imgItem .img img {
	position: absolute;
	display: block;
    width: 100%;
    height: auto
}

.sub-slider-wrapper  .subSlider-wrapper .lSAction i{
	font-size: 30px;
}

/*slot game list*/
.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx {
    position: relative;
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .loading,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .loading{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);

}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .loading .wrap,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .loading .wrap{
	line-height:150px;
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .loading img,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .loading img{
	width: 35px;
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .locked,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .locked{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .icon,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .icon{
	line-height: 108px;
	font-size: 22px;
}

.slot-content .tab-pane .bottomContent .slot-list-content .slot-bx .hide,
.lottery-content .tab-pane .bottomContent .lottery-list-content .lottery-bx .hide{
	width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}


/* decorator navi */
.megamenu .menu-in .navi-provider-wrap{
	position: relative;
	width:100%;
	height:100%;
}

.megamenu .menu-in .navi-provider-wrap .locked{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(195 195 195 / 85%);
}

.megamenu .menu-in .navi-provider-wrap .loading{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(195 195 195 / 85%);
}

.megamenu .menu-in .navi-provider-wrap .loading img{
	width:35px;
}

.megamenu .menu-in .navi-provider-wrap .locked .wrap{
	line-height: 191px;
	font-size: 22px;
	color:#484848;
}

.megamenu .menu-in .navi-provider-wrap .loading .wrap{
	line-height: 191px;
}

.megamenu .menu-in .navi-provider-wrap .hide{
	width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}
/*PROMO GROUP*/

/* NEW PROV CAT LIST */
.prov-list-area- {
	margin: 1rem 0 3rem
}

.prov-list-wrap- .tablist-carousel- {
	width: 100%
}

.prov-list-wrap- .tablist-carousel-.half {
	max-width: 650px
}

.prov-list-wrap- .tablist-carousel-.full {
	max-width: 1000px
}

.prov-list-wrap- .tablist-carousel- .paddle-.disabled {
    display: none
}

.prov-list-wrap- .tablist-carousel- .paddle- button {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s ease-in-out;
	padding: 0;    
    font-size: 2rem
}

.prov-list-wrap- .tablist-carousel- .paddle- .prev {
	left: -2rem
}

.prov-list-wrap- .tablist-carousel- .paddle- .next {
	right: -2rem
}

.prov-list-wrap- .gametablist- {
	position: relative;
	margin: 0 auto
}

.prov-list-wrap- .gametablist- .tablist- {
	width: 100%;
	overflow: hidden
}

.prov-list-wrap- .gametablist- .tablist- ul {
	display: grid;
	list-style: none;
    padding: 0;
    height: fit-content;
    transition: transform .2s ease-in-out;
    justify-items: center;
    margin: 1rem 0 0;
    gap: 1rem 5px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 320px;
}

.prov-list-wrap- .gametablist- .tablist- .game-slot-list {
    grid-template-columns: repeat(9,1fr);

}

.prov-list-wrap- .gametablist- .tablist- .game-prov-list {
    grid-template-columns: repeat(6,1fr);
}

.prov-list-wrap- .gametablist- .tablist- ul li {
	position: relative;
	padding: 10px;
	text-align: center
}

.prov-list-wrap- .gametabcontent- {
	display: block
}

.prov-list-wrap- .gametabcontent- .tabcontent- {
	display: none;
	animation-name: fadeOut
}

.prov-list-wrap- .gametabcontent- .tabcontent-.show {
	display: block;
  	animation-name: fadeIn;
  	animation-duration: .5s
}

.prov-list-wrap- .gametabcontent- .tabcontent- h3 {
	margin: 0;
    font-size: 40px;
    font-weight: 600
}

.prov-list-wrap- .gametabcontent- .tabcontent- h4 {
	margin: 0 0 2rem;
	font-size: 30px;
	font-weight: 600
}

.prov-list-wrap- .gametabcontent- .tabcontent- h4 .tag {
	background-color: var(--color4);
    border-radius: 12px;
    padding: 5px 10px;
    font-size: 20PX;
    color: white;
    display: inline-block;
    margin-left: 10px;
}

.prov-list-wrap- .gametabcontent- .tabcontent- .locked- {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    border: 3px solid;
    border-radius: 10px;
    z-index: 2
}

.prov-list-wrap- .gametabcontent- .tabcontent- .locked-.hide- {
	opacity: 0;
    z-index: -1
}

.prov-list-wrap- .gametabcontent- .tabcontent- .maintenance- {
	position: relative;
	width: fit-content;
    padding: 5px 1rem;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px
}

.prov-list-wrap- .gametabcontent- .tabcontent- .maintenance-:before,
.prov-list-wrap- .gametabcontent- .tabcontent- .maintenance-:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0
}

.prov-list-wrap- .gametabcontent- .tabcontent- .maintenance-:after {
	bottom: 0
}

.prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play- {
	position: relative;
    width: fit-content
}

.prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play- .btn-nobg {
	min-width: 120px;
    padding: 5px 20px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 20px
}

.prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play- .btn-bg {
	position: relative;
	border: none;
	padding: 0;
	background: 0
}

.prov-list-wrap- .gametabcontent- .tabcontent- .btn-prov-play- .btn-bg span {
	position: absolute;
	width: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	font-size: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.prov-list-wrap- .gametabcontent- .tabcontent- .prov-filter-list- {
	display: flex;
	flex-wrap: wrap;
    gap: 1rem 10px
}

.prov-list-wrap- .gametabcontent- .tabcontent- .prov-filter-list- button {
    min-width: 120px;
    font-weight: 600;	
	border: 1px solid;
	border-radius: 20px
}

/* provider list search bar */

.prov-list-wrap- .gametabcontent- .tabcontent- .search-bar{
	border-radius: 15px;
    width: 250px;
    margin-bottom: 10px;
    padding: 0 10px;
}

/* provider list search bar */

.prov-list-wrap- .gametabcontent- .tabcontent- .prov-filter-content- {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1rem
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- {
	position: relative;
	min-height: 120px;
	border: 1px solid;
	border-bottom: none;
	border-radius: 10px 10px 0 0
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- img {
	border-radius: 10px 10px 0 0
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 10px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    z-index: -1;
    opacity: 0;
    transition: .3s linear;
    border-radius: 10px 10px 0 0
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img-:hover .prov-btn-wrap- {
    z-index: 2;
    opacity: 1
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- button {
	width: 90%;
    padding: 5px;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 10px
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-img- .prov-btn-wrap- .locked- {
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
    font-size: 1rem
}

.prov-list-wrap- .gametabcontent- .tabcontent- .provItem- .prov-name- {
	padding: 10px 5px;
    text-align: center;
    font-weight: 600;
    line-height: 1rem;
    border-radius: 0 0 10px 10px
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-notice- {
    font-weight: 600
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-notice- a:hover {
	text-decoration: underline
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- label {
	margin: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- .input- {
	position: relative;
    width: fit-content
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- .input- input {
    width: 250px;
	border-radius: 5px;
    border: 2px solid
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- .input-.pswd input {
	padding: 5px 2rem 5px 1rem
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- .copyIcon {
	position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    cursor: pointer
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- .mobileapp-icon {
	 right: -2rem;
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-field- button {
	padding: 5px;
    font-weight: 600;
    border: none;
    border-radius: 5px;
    line-height: normal
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-download- {
	display: flex;
    gap: 0 2rem;
    margin: 1rem 0 0
}

.prov-list-wrap- .gametabcontent- .tabcontent- .usrpswd-download- .down-item .lbl {
	padding: 5px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px 5px 0 0;
    font-weight: 600
}
/* NEW PROV CAT LIST */

/* Side Navi 1 */

.main_btn_short_custom a .main_text {
    font-size: 12px;
    font-weight: 500;
    margin: auto;
}


.member-info {
	position: relative;
    margin: 0 auto 0.9375rem;
    padding: 0 10%;
    text-align: center;
}

.user_profile_img {
	position: relative;
    cursor: pointer;
}

.sidenav-area::after{
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    margin: 0.625rem auto;
    background: #dcb3ac;
}

/* sidenav */
.player-sidenav {
    margin-right: 1rem;
    padding: 1.25rem 0 0.3125rem;
    margin-bottom: 0.625rem;
    border-radius: 3px;
    background: #313131;
    box-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,.5);
    position: relative;
    overflow: hidden;
    font-size: .875rem;
}

.sidenav-money {
    text-align: center;
}

.member-photo, .sidenav-area {
    position: relative;
}

.sidenav-area a, .sidenav-area li,
.menu_account a, .menu_account li {
    display: block;
}

.menu_account a {
	font-weight: 500;
    font-size: 13px;
    text-align: left;
}

.menu_account .menu_account_inner {
	display: grid;
    grid-template-columns: 20% 80%;
    gap: 10px;
}

.sidenav-money li {
    display: inline-block;
    vertical-align: top;
}

.player-sidenav a, .player-sidenav h2, .player-sidenav h3, .player-sidenav h6, .player-sidenav p, .player-sidenav span {
    line-height: 1.2;
    word-wrap: break-word;
}

.main_btn_short_custom img {
    width: 35px;
}

.main_btn_short_custom a.active .afteractive {
    display: block;
    margin: auto;
}

.sidenav-area:not(.sidenav-money) li {
    position: relative;
    margin-bottom: 0.3125rem;
}

.sidenav-area:not(.sidenav-money) a {
    padding: 0.3125rem 0.9375rem;
    background-color: transparent;
}

.sidenav-area:not(.sidenav-money) li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.1875rem;
    height: 100%;
    transition: .3s;
    opacity: 0;
}

.sidenav-area:not(.sidenav-money) li.active::after, .sidenav-area:not(.sidenav-money) li:hover::after {
    opacity: 1;
}
/* Side Navi 1 */

/*Sub Navi*/
.subNavi-container{
	margin: 20px 0;
}

.subNavi-container .prov-filter-list- {
	display: flex;
	flex-wrap: wrap;
    gap: 1rem 10px
}

.prov-filter-list- .filter-header{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0.25rem;
    border-radius: 1.2rem;
    margin: 0 0.2rem 0 0;
    cursor: pointer;
    min-width: 135px;
}

.subNaviItem .icon{
	padding-right: 5px;
}

.subNaviItem .icon img{
	width:20px;
}
/*Sub Navi*/


/* New Deposit Layout */
.main_profile_right .deposit-tab-container .deposit-option-container {
	 margin-top: 30px;
}

.main_profile_right .deposit-tab-container .deposit-channel-container {
	 margin-top: 30px;
}

.main_profile_right .deposit-tab-container .deposit-tab-header {
	display: flex;
    justify-content: space-between;
    position: relative;
}

.main_profile_right .standard-tab-container,
.main_profile_right .deposit-channel-container .deposit-select-box {
	width: 100%;
    font-size: .14rem;
    background: transparent!important;
    display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); */
    grid-gap: 20px;
    align-items: start;
    border-radius: 0.08rem;
    margin: 0 0 0.25rem;
    padding: 0;
}

.main_profile_right .standard-tab-container {
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.main_profile_right .deposit-channel-container .deposit-select-box {
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.main_profile_right .standard-tab-container .tab-header,
.main_profile_right .deposit-channel-container .deposit-select-box .tab-header {
    justify-content: center;
    width: auto;
    white-space: nowrap;
    flex-grow: inherit;
    font-weight: 500;
    border-radius: unset;
    position: relative;
    align-items: center;
    background: unset!important;
    display: flex;
    flex-direction: column;
    height: unset!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 14px;
}

.main_profile_right .standard-tab-container .tab-header .img-container,
.main_profile_right .deposit-channel-container .deposit-select-box .tab-header .img-container {
	align-items: center;
    border-radius: 8px;
    padding: 10px 0;
    width: 100%;
    min-height: 0.7rem;
    text-align: center;
    height: 70px;
}

.main_profile_right .standard-tab-container .tab-header .deposit-option-tittle,
.main_profile_right .deposit-channel-container .deposit-select-box .deposit-option {
    font-size: 13px;
    text-align: center;
    white-space: initial;
    padding: 10px 0 0;
}

.main_profile_right .deposit-channel-container p {
	color: #000;
}

.main_profile_right .bank-list-container {
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-row-gap: 0.15rem;
    grid-column-gap: 0.1rem;
    margin: 0 0 0.35rem;
    padding: 8px;
    margin-top: 35px;
    width: 100%;
    border: unset;
}

.deposit-container .deposit-tab-container .standard-form-field {
	width: 90%;
	margin-left: 4%;
}

.form-group .choose-box {
	font-family: bebas neue,Helvetica,Tahoma,sans-serif;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin-bottom: 1rem;
    margin-top: 20px;
    width: 80%;
    padding: unset;
}

.form-group .choose-box li {
    display: block;
    margin-right: 9px;
    margin-bottom: 10px;
    transition: .3s;
    text-align: center;
    border-radius: 0.05rem;
    cursor: pointer;
    font-size: 16px;
    padding: 1px;
}

.form-group .choose-box li p {
	line-height: 2.375rem;
    margin: 0;
}

.form-group .choose-box li p span {
	display: none;
}

.form-group button {
    border-radius: 10px;
    width: 49%;
    height: 42px;
    font-size: 13px;
    border: none;
}

.form-group .form-input.minmax {
	position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-group .form-input .deposit-amount-input {
	position: relative;
}

.form-group .form-input .deposit-amount-input span {
    position: absolute;
	right: 10px;
    top: 54%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.form-group .form-input .minmax-input {
	align-items: center;
    display: flex;
    width: 49%;
}

.region-qr-container {
    grid-area: transaction;
    padding: 0 0.4rem;
}

.region-qr-container .bank-qrcode {
	margin: 0 0 0.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form-group .specificUploadBtn {
	position: relative;
}

.form-group .specificUploadBtn .btnDepositReceipt {
	width: 49%;
    text-align: center;
    padding: 12px;
    text-transform: uppercase;
    border-radius: 10px;
    width: 49%;
    height: 42px;
    font-size: 13px;
    margin-top: 35px;
}

.form-group .specificUploadBtn .form-control#depositReceipt {
	position: absolute;
    opacity: 0;
    top: 0;
    width: 48%;
    height: 100%;
    cursor: pointer;
}

.form-group .depositReceiptImg .receipt-img {
	display: flex;
    justify-content: center;
}

.nav-tabs .nav-link {
	align-items: center;
    cursor: pointer;
    display: flex;
}

.nav-tabs .nav-link .paymentgateway_logo {
    width: 14%;
    border-radius: 6px;
    position: relative;
}


/* New Deposit Layout */
/* Dont Show Again Pop up */
.modal-footer {
	border-top: none;
	justify-content: center; 
	color: #fff;
}

.admodal- .modal-footer input{
	cursor: pointer
}
/* Dont Show Again Pop up */

#angpowmodal .description-content table,
#moreinfomodal .description-content table{
	max-width: 400px;
}

/**SELECT 2*/
.select2-container.mobile_prefix_selection {width:100% !important}
.mobile_prefix_selection .select2-selection {
	height:100% !important;
}
.mobile_prefix_selection .select2-selection--single {
	border: 1px solid var(--color4);
    border-radius: 20px;
    height: 32px !important;
}
.smobile_prefix_selection .select2-selection--single .select2-selection__rendered {
	padding:1px 15px !important;
}
.mobile_prefix_selection .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/**==== SELECT2 DROPDOWN =====**/
.mobile_prefix_dropdown.select2-dropdown {
	width: 180px !important;
	border:1px solid var(--color4);
}
.country_code_option {
	display:flex;
	align-items:center;
	gap:8px;
}
.country_code_option img {
	height:20px;
	width:20px;
}

li.contactOuter > span{
	max-height:300px;
	overflow-y:scroll;
}

/* Contact Box */
.contactBox.active {
    right: 0;
}

.contactBox {
    align-items: center;
    bottom: 20px;
    display: flex;
    position: fixed;
    right: -240px;
    transition: all .3s;
    width: 270px;
    z-index: 9999;
    cursor: pointer;
}

.contactBox_left {
    align-items: center;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    padding: 20px 0;
    white-space: nowrap;
    width: 30px;
    z-index: 2;
}

#contact_icon_mobile{
	max-width:30px;
	min-width:30px;
	margin-right: .75rem;
}


.contactbox_text {
    transform: rotate(0);
    writing-mode: vertical-lr;
}

.active .contact_us_arrow {
    transform: rotate(180deg);
}

.contact_us_arrow {
    background-color: #fff3;
    border-radius: 100%;
    height: 21px;
    margin-top: 10px;
    position: relative;
    transition: all .3s;
    width: 21px;
}

.contact_us_arrow i {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 9px;
}

.contactBox_right {
    align-self: stretch;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 10px;
    transition: all .15s;
    width: calc(100% - 30px);
}

.contactBox_right .contact_btn_mobile i{
	font-size: 30px;
    margin-right: .75rem;
    color: #fff;
}

.contactBox.active .contactBox_right {
    margin-left: 0;
    padding: 10px 0 10px 20px;
    width: calc(100% - 30px);
}

.contact_btn_mobile:first-child {
    margin-top: 0;
}

.contact_btn_mobile {
    align-items: center;
    display: flex;
    margin-top: 15px;
}

.contact-tab-text-1, .contact-tab-text-2 {
	font-size: .75rem;
    line-height: 1rem;
}
/* Contact Box */

/* Beside Parnter Logo */
.BesideParnterLogo .ParnterLogo-1,
.BesideParnterLogo .ParnterLogo-2 {
	position: fixed;
    width: 25px;
    right: 0px;
    z-index: 99;
}

.BesideParnterLogo .ParnterLogo-1{
	bottom: 160px;
}

.BesideParnterLogo .ParnterLogo-2 {
    bottom: 430px;
}
/* Beside Parnter Logo */