@font-face {
    font-family: bahnschrift_semibold;
    font-weight: 600;
    src: url('/resources/fonts/bahnschrift.TTF') format('truetype')
}

: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_TABLIST_BORDER_RADIUS: 5px;
	--vip3_TABLIST_BG: #7d7d7d;
	--vip3_TABLIST_BORDER: none;
	--vip3_TABLIST_LI_COLOR: #fff;
	--vip3_TABLIST_LI_ACTIVE_COLOR: var(--color1);
	--vip3_TABLIST_LI_ACTIVE_BG: var(--color4);
	
	--vip3_MEMBER_GRP_STATUS_SUB_HEADER_COLOR: #000;
	--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: #001976B2;
	--freeCredit3_CLAIM_ALL_CONTAINER_COLOR: var(--color2);
	--freeCredit3_CLAIM_ALL_BORDER_RADIUS: 5px;
	--freeCredit3_CLAIM_ALL_CARD_BG: #F3F4F5;
	--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 #fff;
	--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-text .text {
	text-align: center;
	margin: 10px 0;
}

#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 .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 .nav-tabs {
	border-bottom: none;
	margin-bottom: 1rem;
}
#loginmodal .nav-tabs .nav-link.active {
	background: var(--color5) !important;
	color: var(--color2) !important;
}
#loginmodal .loginOtpBtn {
	height: auto !important;
}
.background-primary-img {
	position: fixed;
	top: 0;
    left: 0;
	z-index: -1;
	height: 100%
}

/* slidebars */
html, body, [canvas=container], [off-canvas] {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html, body {
	width: 100%;
	height: 100%;
	overflow: hidden
}

[canvas] {
	z-index: 1
}

[canvas=container] {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: relative;
	-webkit-overflow-scrolling: touch
}

[canvas=container]:before, [canvas=container]:after {
	clear: both;
	content: '';
	display: table
}

[off-canvas] {
	display: none;
	position: fixed;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

[off-canvas*=top] {
	width: 100%;
	height: 255px;
	top: 0
}

[off-canvas*=right] {
	width: 255px;
	height: 100%;
	top: 0;
	right: 0
}

[off-canvas*=bottom] {
	width: 100%;
	height: 255px;
	bottom: 0
}

[off-canvas*=left] {
	width: 250px;
	height: 100%;
	top: 0;
	left: 0
}

[off-canvas*=reveal] {
	z-index: 0
}

[off-canvas*=push] {
	z-index: 1
}

[off-canvas*=overlay] {
	z-index: 9999
}

[off-canvas*=shift] {
	z-index: 0
}

[canvas], [off-canvas] {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 300ms;
	transition: transform 300ms;
	-webkit-backface-visibility: hidden
}

[off-canvas*=shift][off-canvas*=top] {
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%)
}

[off-canvas*=shift][off-canvas*=right] {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

[off-canvas*=shift][off-canvas*=bottom] {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[off-canvas*=shift][off-canvas*=left] {
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0)
}

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

@media print {
	[canvas] {
		-webkit-transform: translate(0, 0) !important;
		-ms-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important
	}
	[off-canvas] {
		display: none !important
	}
}
/* slidebars */

/* style-slidebars */
[canvas=container],
[off-canvas] {
    
}

[class*=js-] {
    cursor: pointer;
}
/* style-slidebars */

/* @charset "utf-8";  */

.live_section {
	padding: 60px 0px 20px 0px;
}

.Powered {
	text-align: right;
	font-size: 14px
}

body {
	font-family: var(--PRIMARY_FONT_FAMILY);
	line-height: 1.4;
	font-size: var(--FONT_SIZE_BASE);
	margin: 0 auto;
	max-width: 991px
}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

a:focus,
a:hover {
	text-decoration: none
}

input::placeholder {
	opacity: .4 !important;
	font-size: 12px
}

img {
	max-width: 100%
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	width: 100%
}

a:focus,
button.btn:focus,
button:focus {
	outline: 0;
	box-shadow: none
}

[off-canvas*=left] {
	background-size: contain;
	background-position: bottom right
}

.js-close-any-slidebar:after {
	content: '';
	position: absolute;
	z-index: 999;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.t-body {
	overflow: auto;
	height: 100%;
	padding: 5em 0 6em
}

#languagemodal .modal-header,
#viewtypemodal  .modal-header,
#demoviewtypemodal  .modal-header,
#selectviewtypemodal  .modal-header,
#shareReferralmodal .modal-header,
#updateversionmodal .modal-header,
#playoptionmodal .modal-header {
    padding: 0;
    height: 2.6rem
}

#languagemodal .modal-header .label,
#viewtypemodal .modal-header .label,
#demoviewtypemodal .modal-header .label,
#selectviewtypemodal .modal-header .label,
#shareReferralmodal .modal-header .label,
#updateversionmodal .modal-header .label,
#playoptionmodal .modal-header .label {
	margin: auto;
    font-size: 1.2rem;
    font-weight: 500
}

#languagemodal .modal-header .close,
#viewtypemodal .modal-header .close,
#demoviewtypemodal .modal-header .close,
#selectviewtypemodal .modal-header .close,
#shareReferralmodal .modal-header .close,
#updateversionmodal .modal-header .close,
#playoptionmodal .modal-header .close {
	position: absolute;
    right: 20px;
    top: 10px
}

#updateversionmodal .modal-body .update-btn {
	text-align: center;
    margin: 20px;
    border-radius: 20px;
    padding: 5px;
}

#languagemodal .modal-dialog {
	height: 90vh
}

#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(3, 1fr);
	justify-content: space-between;
	align-items: center;
}

#languagemodal .modal-dialog .modal-content ul li {
	margin: 10px 0;
	font-size: var(--FONT_SIZE_LIGHT_MD);
}

#afterlogin_bonus .modal-content {
	border: none;
	top: -10px
}

#afterlogin_bonus button.close {
	top: 63px;
	position: absolute;
	right: 17px;
	z-index: 999
}

.bonus_bg {
	background-size: cover;
	background-position: bottom;
	height: 100%;
	position: relative;
	border-radius: 10px
}

.bonus_inner {
	display: grid;
	grid-template-columns: 40% 60%;
	align-items: center;
	text-align: center;
	border-radius: 5px;
	width: 100%;
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 10px
}

.img_bonus_head {
	top: 44px;
	position: inherit;
	z-index: 9
}

.bonus_inner img {
	width: 80%
}

.bonus_bg_custom {
	z-index: 99;
	position: inherit;
	padding: 10px
}

.btn_bonus {
	min-width: 122px;
	height: 31px;
	border-radius: 5px;
	margin-top: 5px
}

.header-top {
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 991px;
	z-index: 99;
	min-height: 50px;
	align-content: center
}

.header-top .container-fluid{
    align-content: center;	
}

.logo {
	max-width: 100px
}

.inbox-icon {
	position: relative
}

.inbox-icon::after {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 3px;
	right: 0
}

.title-top {
	padding: 8px 5px;
	font-size: 18px;
	text-align: center;
	position: relative
}

.left-btn {
	position: absolute;
	left: 2%
}

.right-btn {
	right: 2%;
	font-size: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.right-btn-mail {
	font-size: 22px;
	margin: 0 10px
}

.right-btn-1 {
	position: absolute;
	right: 2%;
	top: 1%;
	font-size: 17px
}

button.float-menu-btn {
	background: 0 0;
	border: none;
	display: flex;
	top: 10%;
	left: 8px
}

.nav-icon {
	width: 25px;
	margin: 0
}

.nav-icon div,
.nav-icon:after,
.nav-icon:before {
	content: '';
	border-radius: 3px;
	display: block;
	height: 4px;
	margin: 3px 0;
	transition: all .2s ease-in-out
}

.userlogin {
	display: grid;
	grid-template-columns: 40% 60%;
	padding: 20px 20px 5px 20px;
	grid-gap: 10px
}

.userlogin_name {
	text-align: left;
	display: block;
	align-self: center;
	font-weight: 700
}

.userlogin_name .dstg-member-grp {
	padding: 2px 8px;
    border-radius: 10px;
    margin-top: 6px;
    font-size: 11px;
    text-align: center;
    background: var(--color8);
    color: var(--color1);
}

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

.member-container {
	overflow: visible;
}

.member-container .dstg-info-memberGroup {
	font-size: var(--BODY_TXT_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
}

.member-container .member-progress-text {
	text-align: left;
    font-size: var(--BODY_TXT_FONT_SIZE);
    user-select: none;
}

.member-container .member-progress-text .currentPoint {
	font-size: 24px;
	padding-right: 5px;
	font-weight: var(--MED_FONT_WEIGHT);
}

.member-container .member-progress-container {
	margin-top: 12px;
	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: var(--MED_FONT_WEIGHT);
    font-size: var(--FONT_SIZE_SM);
}

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

/* Member Group Progress */
.member-container .currentPoint {
	color: #ffe6a9;
}

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

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

.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.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 .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 */

/* 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: 280px;
	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 */

.left-menu-wrapper hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	width: 80%
}

.responsive-menu {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem 5px;
	padding: 0 10px;
	text-align: center;
	font-size: var(--FONT_SIZE_SM);
}

.responsive-menu a {
    display: flex;
    flex-direction: column;
    gap: 3px;
    justify-content: center;
    align-items: center;
	font-weight: 600;
	text-transform: uppercase
}

.sidemenu-icon {
	border-radius: 34px;
	width: 40px;
	height: 40px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2px
}

.sidemenu-icon img {
	width: 35px
}

.sidemenu-icon .highlight {
	position: absolute;
    width: 45px;
    height: 45px;
    transform: translate(-2px, 2px);
}

.sidemenu-icon i {
	font-size: 20px
}

.lang-box {
	top: 10px;
	right: 8px;
	margin-left: 3px
}

button#language-menu {
	font-size: 13px;
	padding: 0
}

.lang-box button img {
	max-width: 23px
}

.dropdown-menu.language {
	padding: 2px 0;
	margin: 0;
	min-width: 48px;
	font-size: 13px;
	overflow: hidden;
	left: 0 !important
}

.dropdown-menu.language .dropdown-item {
	padding: 3px 10px;
	text-align: center
}

.dropdown-toggle::after {
	display: none
}

.btn_login {
	background: 0 0;
	border-radius: 20px;
	font-size: 12px;
	width: 65px;
	font-weight: 500;
	text-align: center;
	padding: 5px;
	margin-right: 2px
}

.btn_redeem{
    display: block;
    margin: 0 auto !important;
}

.btn_reg {
	border-radius: 20px;
	font-size: 12px;
	width: 65px;
	font-weight: 500;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	padding: 5px
}

.btn_logout {
	border-radius: 20px;
	font-size: 10px;
	width: 100%;
	font-weight: 500;
	text-align: center;
	padding: 5px;
	height: 30px
}

.btn_logout_outset {
	position: fixed;
	bottom: 18px
}

.mobile-slider {
	margin: 0 0 1rem;
    padding: 0 15px;
	border-radius: 10px
}

.mobile-slider .carousel-inner {
	border-radius: 10px;
	will-change: transform
}


.carousel-inner{
	border-radius: 10px;
}

.carousel.pointer-event{
	padding: 0 15px;
}

.carousel-control-next, .carousel-control-prev {
	top: 22%
}

.annouce-sec {
	padding: 10px 0
}

.annuuce-wrapper {
	display: grid;
	grid-template-columns: 10% 85%;
	border-radius: 20px
}

.speaker-icon {
	font-size: 18px;
	text-align: center
}

.marquee-wrapper {
	position: relative;
    overflow: hidden;
  	width: 300px; 
    margin: 0 auto;
    white-space: nowrap;
    box-sizing: border-box;
}

.marquee-wrapper div {
	display: table-row;
  	white-space: nowrap;
  	padding-left: 100%; 
}

.marquee-wrapper div p{
	width: 300px; 
	padding-left: 450px; 
	display: table-cell; 
}

.marquee-wrapper .anouce-msg {
	align-self: center;
	font-size: 12px;
	line-height: 25px;
}

@keyframes scroll-left {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}

.no-sign {
	font-size: 9px
}

.pls-sign a {
	font-size: 8px;
	font-weight: 600
}

.slct-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0
}

.slct-wrapper a {
	display: block;
	text-align: center;
	font-size: 12px
}

.slct-wrapper a img {
	display: block;
	margin: auto;
	width: 30px
}

.game-sec {
	margin-bottom: 1rem;
	padding: 20px 0
}

/*referral container*/

.referral-container{
	margin: 20px 5px 20px;
}

.ref-container{
    border-radius: 5px;
    height: 165px !important;
}

.ref-row1{
	display:flex;
	margin: 0px 16px;
	height: 105px;
}

.ref-row2{
	margin: 10px 16px 5px;
}

.referral-tittle{
    font-size: 15px;
    font-weight: bold;
    padding-left: 4px;
    margin-bottom: 3px;
}

.ref-row1-tittle {
    font-size: 18px;
    font-weight: 600;
    margin: 7px 5px;
    line-height: 18px;   
}

.ref-row2-tittle{
	margin-bottom: 5px;
    font-size: 1rem;
    font-weight: 600;
}

.ref-logo{
    font-size: 50px;
    margin: auto 15px;
}

.ref-row1-msg{
	margin-left: 5px;
    font-size: 12px;
}

.ref-box {
    margin-top: 8px
}

.ref-box1{
	margin-right: 10px;
	display:flex;
	width:100%;
}

.ref-box1 #refCode{
    height: 39px;
    font-size: 15px;
    width: 100%;
    border: none;
    padding: 0px 30px 0px 10px;
}

.ref-box1 .copyIcon{
	position: relative;
    right: 22px;
    top: 12px;
}

.ref-wrap{
	display:flex;
	margin-bottom:5px;
}

.myDownline-btn,
.share-btn,
.copyLink-btn{
    border: 1px solid;
    border-radius: 5px;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 700;
    width: 60%;
    text-align: center;
    margin: 0 4px;
    align-self: center;
}


/*referral container*/

.nav-pills.game-nav {
	padding-right: 5px;
	border-bottom: none
}

.nav-pills li.nav-item {
	width: 100%;
	text-align: center
}

.nav-pills.game-nav .nav-link {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	border-radius: 10px;
	padding: 2px 5px 2px 1px;
	margin-bottom: 9px;
	font-size: 12px;
	font-weight: 500;
	align-items: center
}

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

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

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

.nav-pills.game-nav #sport-tab.active img {
	content: url('/images/templates/Template 4/provider_images/sports-mini-icon-hover.png')
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.game-nav .nav-link img {
	max-width: 100%;
	margin-right: 0;
	padding: 5px
}

.game-nav .nav-link .gameNavImg {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	max-width: 100%;
    margin: 0 .4rem;
    height: 3rem
}

/* .game-nav .nav-link .gameNavImg.casinoNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/casino-hover.png')
}

.game-nav .nav-link.active .gameNavImg.casinoNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/casino-white.png')
}

.game-nav .nav-link .gameNavImg.sportNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/sport-hover.png')
}

.game-nav .nav-link.active .gameNavImg.sportNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/sport-white.png')
}

.game-nav .nav-link .gameNavImg.esportNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/esport-hover.png')
}

.game-nav .nav-link.active .gameNavImg.esportNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/esport-white.png')
}

.game-nav .nav-link .gameNavImg.slotNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/slot-hover.png')
}

.game-nav .nav-link.active .gameNavImg.slotNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/slot-white.png')
}

.game-nav .nav-link .gameNavImg.fishingNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/fish-hover.png')
}

.game-nav .nav-link.active .gameNavImg.fishingNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/fish-white.png')
}

.game-nav .nav-link .gameNavImg.lotteryNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/lottery-hover.png')
}

.game-nav .nav-link.active .gameNavImg.lotteryNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/lottery-white.png')
}

.game-nav .nav-link .gameNavImg.horsebookNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/horse-hover.png')
}

.game-nav .nav-link.active .gameNavImg.horsebookNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/horse-white.png')
}

.game-nav .nav-link .gameNavImg.pokerNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/poker-hover.png')
}

.game-nav .nav-link.active .gameNavImg.pokerNavImg {
	background-image: url('/images/templates/Template 4/navi_icon/poker-white.png')
} */

.tab-content.game {
	padding-left: 3px
}

.tab-content.game a img {
	border-radius: 5px;
	margin-bottom: 10px
}

.gwrap_2 a img,
.gwrap_3 a img {
	width: 48%;
	display: inline-block
}

.gwrap_2 a:nth-of-type(2n) img {
	margin-left: 5px
}

.gwrap_3 a.wdimg img {
	width: 100%
}

.menu-btm {
	width: 100%;
	bottom: 0;
	z-index: 99;
	/* border-radius: 16px 16px 0 0  */
}

.menu-wrapper {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	text-align: center;
	padding: 10px 5px
}

.menu-wrapper.col3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
}

.menu-wrapper.col4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

.menu-wrapper a,
.menu-wrapper .menu-item {
	font-size: var(--FONT_SIZE_SM);
    font-weight: var(--MED_FONT_WEIGHT);
    display: flex;
    flex-direction: column;
    gap: 3px 0;
    justify-content: center;
    align-items: center;
    text-transform: uppercase
}

.menu-wrapper a img,
.menu-wrapper .menu-item img {
	max-width: 25px;
	display: block
}

.menu-wrapper a .active-img,
.menu-wrapper .menu-item .active-img {
	display: none
}

.menu-wrapper a.active .active-img,
.menu-wrapper .menu-item.active .active-img {
	display: block
}

.menu-wrapper a.active .com-img,
.menu-wrapper .menu-item.active .com-img {
	display: none
}

.announcement_more {
	border-radius: 20px;
	width: 57px;
	text-align: center;
	cursor: pointer;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center
}

.announcement_more a {
	vertical-align: middle;
	font-size: 12px
}

.userlogin_username {
	font-size: .8rem;
	font-weight: 500
}

.userlogin_name_index {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center
}

.btn_acc {
	font-size: 9px;
	min-width: 103px;
	border-radius: 16px
}

.wrapper_main {
	padding: 10px 0
}

.mix {
	display: none
}

.filter-menu-bar {
	overflow: auto;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 1rem
}

.filter-menu-bar::-webkit-scrollbar {
	display: none
}

.pmbox {
	display: inline-block;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	margin: 5px 2px;
    margin-bottom: 0;
	text-align: center;
	padding: 4px;
	text-transform: uppercase
}

.promo-content {
	/* padding: 15px */
}

.promo-bx {
	position: relative;
	margin-bottom: 10px;
	width: 100%;
}

.promo-tag {
	position: absolute;
	max-width: 15%;
	left: -4px;
	top: 0;
	z-index: 2
}

.pm-boxer {
	position: relative;
	overflow: hidden;
	border-radius: 10px 10px 0 0
}

.pm-boxer img {
	width: 100%;
}

.promo-bx .btn-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 10px;
	margin: 0;
	padding: 10px 5px;
    background: #fff
}

.promo-bx .btn-box .btn {
	width: 100%;
	text-transform: uppercase
}

.promo-bx .btn-box .btn:nth-child(odd) {
	color: #fff;
    border: 1px solid #b5928c;
    background: linear-gradient(180deg, #fdcdc5, #b5928c);
    box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%)
}

.promo-bx .btn-box .btn:nth-child(even) {
	color: #fff;
    border: 1px solid #72716f;
    background: linear-gradient(180deg, #cfcfcf, #929292);
    box-shadow: 0 3px 11px -5px rgb(0 0 0 / 58%)
}

.date-promo {
	position: absolute;
	left: 0;
	bottom: 9%;
	border-radius: 0 15px 15px 0;
	z-index: 2;
	font-size: var(--DEFAULT_FONT_SIZE);
	padding: 3px 8px
}

.date-promo.right {
	right: 0;
    left: unset;
    border-radius: 15px 0 0 15px
}

.pmbx {
	padding: 20px 15px;
	border-radius: 8px;
	margin-bottom: 15px
}

.prosm-title {
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px
}

.ptable {
	overflow: auto;
	border-radius: 8px
}

.promo-table {
	text-align: center
}

.promo-table tr th {
	color: #fff;
	font-weight: 500;
	padding: 8px 3px
}

.promo-table tr td {
	padding: 8px 3px
}

.lotto_table span {
	font-size: 9px;
	font-weight: 700
}

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

.promo_example {
	font-weight: 500
}

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

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

.lotto_table table tbody tr td:first-child {
	text-transform: uppercase
}

.lotto_table table tbody tr td {
	text-transform: uppercase
}

.lotto_table span.promo_table_exclude {
	display: block
}

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

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

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

.promo_collapse {
	/* margin-top: -18px; */
	padding-top: 10px
}

.promo_collapse .promoTitle {
	font-size: var(--SECTION_HEADER_SMALL_FONT_SIZE);
    font-weight: 500;
    margin: 0 5px;
    margin-bottom: 10px
}

.promo_collapse .promoDescription {
	font-size: var(--SUBHEADER_FONT_SIZE);
    font-weight: 500;
    margin: 0 5px;
    margin-bottom: 10px;
    padding: 9px;
}

.promo_collapse .promoDetails {
	padding: 0 5px;
	margin-bottom: 10px;
	overflow-x: auto;
}

.promo-sec {
	/* margin-top: 70px; */
	margin-bottom: 1rem
}

.lotto_table .sub_title {
	font-weight: 300
}

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

.profile-sec {
	border-radius: 0 0 12px 12px;
	margin-bottom: 25px;
	/* margin-top: 50px */
}

.profile-user {
	display: grid;
	grid-template-columns: 70px auto 47px;
	grid-gap: 10px;
	padding: 10px 0 15px
}

.propic {
	max-width: 70px;
	position: relative
}

.propic img {
	border-radius: 50%;
	width: 60px;
	height: 60px
}

.cam_icon {
	position: absolute;
	bottom: 0;
	left: 48px
}

.cam.fa-camera {
	border-radius: 50%;
	height: 2em;
	width: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px
}

#profilemodal.modal .modal-dialog {
	max-width: 500px
}

#profilemodal.modal .modal-header {
	font-size: 16px;
	font-weight: 500;
	justify-content: center
}

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

.user_select_img {
	max-width: 125px;
	max-height: 125px;
	margin: auto
}

.user_select_img img {
	border-radius: 100px;
	width: 100px;
	height: 100px;
	max-width: 125px;
	max-height: 125px
}

.user_select_img_item {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	justify-items: center;
	grid-row-gap: 10px
}

.user_select_img_item img {
	border-radius: 100px;
	max-width: 53px;
	cursor: pointer
}

.upload_profile {
	cursor: pointer
}

.upload.fa-camera {
	border-radius: 50%;
	height: 55px;
	width: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px
}

.playerinfo {
	align-self: center
}

.playername {
	font-weight: 500;
	font-size: 15px
}

.vip-lvl {
	font-size: 11px;
	text-transform: uppercase;
	padding: 1px 4px;
	border-radius: 5px;
	margin-left: 5px
}

.plycap {
	font-size: 12px;
	margin-top: 4px
}

.grey {
	align-self: center;
	font-size: 15px
}

.grey a {
	font-size: 15px
}

.vip-mall {
	border-radius: 12px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 7px 20px
}

.vip-priv {
	display: grid;
	grid-template-columns: 30% 70%
}

.vptitle {
	align-self: center;
	font-size: 19px;
	font-weight: 700
}

.vptitle span {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 400
}

.player-wallet-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 15px 3px 10px 3px;
}

.player-wallet-wrapper a {
	display: block;
	text-align: center;
	font-weight: var(--MED_FONT_WEIGHT);
	font-size: var(--FONT_SIZE_SMALL);
}

.player-wallet-wrapper img {
	display: block;
	margin: auto;
	max-width: 35%
}

.profile-1 {
	margin-bottom: 20px
}

.profile-2 {
	margin-bottom: 5px
}

.profile-2_last {
	margin-bottom: 25px
}

.record-wrapper {
	display: grid;
	grid-template-columns: 35px auto 15px;
	align-items: center;
	padding: 12px 32px
}

.rtitle {
	text-align: center
}

.rtitle i {
	margin: auto;
	font-size: 20px
}

.rcaption {
	font-size: var(--FONT_SIZE_SM);
	text-align: left;
	padding-left: 10px;
	font-weight: var(--MED_FONT_WEIGHT)
}

.wallet-sec {
	padding: 15px 5px 0;
	margin: 15px 15px 0;
	border-radius: 6px
}

.total-amt-wrapper {
	display: grid;
	grid-template-columns: 70% 30%;
	margin-bottom: 15px
}

.remaining {
	font-size: 18px;
	font-weight: 600
}

.remaining.unit {
	font-size: 12px;
	font-weight: 400
}

.totaldp {
	align-self: end;
	text-align: right
}

.dps-btn {
	border-radius: 30px;
	font-size: 12px;
	padding: 5px 19px 6px
}

.taowapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 20px 0 15px;
	text-align: center
}

.taowapper a {
	display: block;
	font-size: 13px
}

.taowapper a img {
	display: block;
	max-width: 35%;
	margin: auto auto 10px
}

.wallet-detail {
	padding: 12px 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.wd-caption {
	font-size: 12px;
	text-align: right;
	font-weight: 300;
	align-self: center
}

.wpbox {
	border-radius: 4px
}

.walet-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	padding: 15px 0
}

.wamot {
	font-weight: 600;
	font-size: 15px
}

.wwb {
	position: relative
}

.walet-wrap .wwb:first-child:after {
	content: "";
	position: absolute;
	right: 0;
	top: 24%;
	height: 20px;
	width: 1px
}

.provider-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	text-align: center
}

.pwbox {
	font-size: 12px;
	padding: 12px 1px;
	position: relative
}

.pamount {
	display: block;
	font-size: 11px;
	font-weight: 500
}

.provider-wrapper .pwbox:after {
	content: "";
	position: absolute;
	right: 0;
	top: 32%;
	height: 20px;
	width: 1px
}

.provider-wrapper .pwbox:nth-of-type(4n):after {
	content: none
}

.wallet-1 {
	padding: 18px 0
}

.wtitle {
	display: flex;
	justify-content: space-between
}

.wtitle h3 {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	padding-left: 9px
}

.wtitle h3:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 20px
}

.wtcap {
	font-size: 12px
}

.wtitle i {
	font-size: 8px;
	padding-left: 5px
}

.wuser-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 15px 0
}

.wuser-wrapper a {
	display: block;
	font-size: 12px;
	text-align: center
}

.wuser-wrapper a img {
	display: block;
	max-width: 30%;
	margin: auto;
	margin-bottom: 7px
}

.gif-img img {
	border-radius: 45px
}

.norecord {
	padding: 30px;
	font-size: 13px;
	text-align: center
}

.withdraw-sec {
	border-radius: 8px;
	margin-top: 10px;
	padding: 10px 0
}

.wallet-money {
	font-size: 15px;
	font-weight: 600
}

.card-btm {
	margin-top: 10px
}

.addcard {
	padding: 14px;
	text-align: center;
	display: block;
	font-weight: 600;
	font-size: 15px
}

.bind {
	padding: 10px;
	font-size: 12px
}

.trans-btm {
	margin-top: 10px;
	padding: 10px 0
}

.auto-trans {
	padding: 2px;
	font-weight: 600;
	font-size: 16px;
}

.btn-toggle {
	margin: auto;
	padding: 0;
	position: relative;
	height: 1.5rem;
	width: 3rem;
	border-radius: 1.5rem;
	float: right
}

.btn-toggle.focus,
.btn-toggle.focus.active, 
.btn-toggle:focus,
.btn-toggle:focus.active {
	outline: 0;
	box-shadow: none
}

.btn-toggle:after,
.btn-toggle:before {
	line-height: 1.5rem;
	width: 4rem;
	text-align: center;
	font-weight: 600;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	transition: opacity .25s
}

.btn-toggle>.handle {
	position: absolute;
	top: .1875rem;
	left: .1875rem;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 1.125rem;
	transition: left .25s
}

.btn-toggle.active {
	transition: background-color .25s
}

.btn-toggle.active>.handle {
	left: 1.6875rem;
	transition: left .25s
}

.btn-toggle.active:before {
	opacity: .5
}

.btn-toggle.active:after {
	opacity: 1
}

.card-sec {
	padding: 30px 15px 15px
}

.cardbox {
	padding: 10px 0;
	font-size: 15px
}

.cardbox input,
.cardbox select {
	border: none;
	padding: 7px 0;
	background: 0 0
}

.cardbox label {
	font-weight: 300;
	margin-bottom: 1px
}

.cardbox input::placeholder,
.cardbox select {
	font-weight: 300
}

.notc {
	padding: 10px 15px;
	margin: 0 -15px;
	font-size: 12px;
	font-weight: 300
}

.cardfirm {
	font-size: 12px;
	font-weight: 300;
	padding: 13px 0
}

button.nextbtn {
	border: none;
	font-size: 17px;
	width: 100%;
	padding: 11px;
	border-radius: 6px;
	margin-top: 8px
}

.help-sec {
	padding: 30px 0;
	font-size: 15px;
	text-align: center
}

.cardm-sec {
	padding: 30px 0
}

.nocard {
	max-width: 50%;
	margin: auto
}

.addcard-btn {
	display: block;
	padding: 25px;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	border-radius: 8px
}

.cardsup {
	text-align: center;
	padding: 10px
}

.bank-input-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
	justify-items: center
}

.login_arrow {
	font-size: 25px;
	margin-top: 14px
}

.afterloginform.transfer_main .form-group b,
.afterloginform.transfer_amount .form-group b {
	font-size: 12px
}

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

.bank-input-wrap label [type=radio]+img {
	cursor: pointer
}

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

.bank-input-wrap label img {
	border-radius: 5px;
	width: 60px
}

.bank-input-wrap label {
	max-width: 70px;
	margin: auto;
	text-align: center;
	width: 100%
}

span.bank-type {
	font-size: 10px
}

.deposit-sec {
	padding: 15px 0 0;
	margin-top: 10px
}

.bank-choice {
	padding: 5px 0;
	margin-top: 10px
}

.bank-select select {
	border: none;
	padding: 10px;
	background: 0 0
}

.amount-input-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px
}

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

.amount-input-wrap label [type=radio]+div {
	cursor: pointer;
	text-align: center;
	padding: 9px 0;
	font-size: 13px;
	font-weight: 500;
	border-radius: 6px
}

.amount-input-wrap label [type=radio]:checked+div {
	background-size: 25%;
	background-position: right bottom;
	transition: none
}

.amount-input-wrap label {
	margin-bottom: 0
}

.afterloginform .form-group b {
	font-size: var(--FONT_SIZE_SMALL);
}

.btn_upload {
	min-width: 20px;
	height: 35px;
	border-radius: 9px;
	width: 75px
}

.nav-pills.messagemain {
	justify-content: center;
	padding: 5px 0 0 0
}

.nav-pills.messagemain li.nav-item {
	width: auto;
	text-align: center;
	margin-right: 5%;
	margin-left: 5%
}


.nav-pills.messagemain .nav-link.active {
	border-radius: unset
}

.nav-pills.messagemain .nav-link.info {
	position: relative
}

.nav-pills.messagemain .nav-link.info .info_notiy {
	position: absolute;
	display: inline-block;
	padding: 0 .12rem;
	line-height: .3rem;
	border-radius: 3.15rem;
	top: .2rem;
	margin-left: .04rem;
	height: 18px;
	width: 18px
}

.nav-pills.messagemain .nav-link.info .info_notiy span {
	top: 6px;
	position: absolute;
	left: 5px
}

.messagesubtab ul {
	list-style-type: none;
	padding-left: 0
}

.messagesubtab ul li {
	max-height: 60px;
	padding: 10px
}

.messagesubtab ul li a {
	display: flex
}

.messagesubtab ul li img {
	max-width: 35px
}

.messagesubtab ul li .imp {
	border-radius: 5px;
	font-size: 10px;
	padding: 1px;
	margin-left: 5px
}

.messagesubtab ul li .date {
	float: right;
	font-size: 10px
}

.messagesubtab ul li .info_content {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 250px;
	font-size: 12px
}

.messagesubtabread ul {
	list-style-type: none;
	padding-left: 0
}

.messagesubtabread ul li {
	max-height: 60px;
	display: flex;
	padding: 10px
}

.messagesubtabread ul li img {
	max-width: 35px
}

.messagesubtabread ul li .date {
	font-size: 10px
}

.messagesubtabread ul li .info_content {
	font-size: 12px
}

.vipbody {
	padding-bottom: 0
}

.vipbg {
	background-size: 100% 100%
}

.userdetails img {
	width: 45px
}

.userbadge img {
	width: 60px;
	float: right
}

.vipghead00 {
	padding-bottom: 25px;
	font-size: 18px
}

.vipghead01 {
	padding-bottom: 25px
}

.vipfrom {
	font-size: 10px;
	border-radius: 13px;
	padding: 0 5px;
	float: right;
	margin-top: 3px
}

.vipto {
	font-size: 10px;
	border-radius: 13px;
	padding: 0 5px
}

.vipbg .progress {
	height: 10px
}

.vipbg .progress .progress-bar-striped {
	background-size: 1rem 1rem
}

.progressicon {
	display: inline-block
}

.progressicon .fa-sort-down:before {
	position: absolute;
	top: 13px;
	width: 29px
}

.progresscustom {
	margin: auto;
	position: relative
}

.progresspercent {
	position: absolute;
	top: -29px;
	left: -8px;
	text-align: right;
	font-size: 11px;
	font-weight: 900
}

.progresspercent img {
	width: 30px;
	margin-top: 10px
}

.vipghead02 {
	padding-bottom: 25px
}

.currentsaving span {
	font-size: 10px
}

.currentsaving .saving01 {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside
}

.currentsaving .savingamt {
	font-size: 12px;
	margin-left: 5px
}

.controlwalletsection {
	margin: auto;
	margin-top: 20px
}

.walletcard-item {
	background-size: 100% 100%;
	padding: 20px;
	position: relative
}

.walletgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 25px;
	text-align: center
}

.walletgrid .walletgridtitle {
	font-size: 10px
}

.walletcard-item img {
	width: 50px;
	margin: auto;
	position: absolute;
	top: -20px;
	right: 33px
}

.walletcard-item .walletname {
	font-size: 30px;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	margin-left: 17%
}

.slick-slide .mt-3 {
	padding: 0
}

.displaywalletcount {
	margin: 30px 0 0 0;
	text-align: right;
	font-size: 12px
}

.sectionhead {
	padding-bottom: 10px
}

.vipexclusivemain {
	margin-top: 10px;
	padding: 5px 0 0 0
}

.vipexclusivelabel:before {
	content: "";
	position: absolute;
	top: 1px;
	height: 15px;
	width: 3px;
	left: 13px;
	border-radius: 10px;
}

.vipexclusive {
	margin-left: 10px;
	font-size: 14px;
	font-weight: 700
}

.vipexclusive_inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	padding: 15px
}

.vipexclusive_inner img {
	min-width: 35px;
	max-width: 35px
}

.vipexclusive_inner .vipexclusive_amount {
	font-size: 18px;
	word-break: break-all
}

.vipexclusive_inner .vipexclusive_title {
	font-size: 12px
}

.vipexclusive_inner_wrapper {
	display: flex
}

.vipbonusmain {
	margin-top: 10px;
	padding: 5px 0 0 0
}

.vipbonus_inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	padding: 15px;
	text-align: center
}

.vipbonus_inner .vipbonus_amount {
	word-break: break-all;
	font-size: 20px
}

.vipbonus_inner .vipbonus_amount_sec {
	word-break: break-all;
	font-size: 12px
}

.vipbonus_inner .vipbonus_title {
	word-break: break-all;
	font-size: 12px
}

.vipbonusselect_section {
	display: flex;
	margin: auto;
	width: 320px;
	border-radius: 5px;
	padding: 20px 10px
}

.vipbonuslvl {
	margin-left: 45px;
	width: 82px;
	padding: 8px;
	font-size: 12px;
	border-radius: 5px;
	text-align: center;
	opacity: .5
}

.vipbonusselect select {
	width: 108px;
	height: 30px;
	font-size: 12px;
	padding: 0;
	text-align-last: center;
	border-radius: 2px
}

.info-boxer {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	margin-bottom: 5px
}

.blog_read {
	border-radius: 5px;
	border: none;
	min-width: 100px;
	height: 26px
}

.blod_title {
	font-size: 10px
}

.blog_read a {
	font-size: 11px
}

.info-boxer-custom {
	display: grid;
	grid-template-columns: 70% 30%;
	padding: 5px;
	align-items: center
}

.blog_paging {
	margin-bottom: 20px;
	min-height: 27px;
	display: flex;
	align-items: center;
	justify-content: center
}	

.info_tab {
	padding: 20px;
	margin-bottom: 20px
}

.info_back a {
	font-weight: 700
}

.info_main_title {
	font-size: 14px;
	font-weight: 700
}

.blog_content {
	font-size: var(--SUBHEADER_FONT_SIZE);
	margin-top: 10px
}


.contact_main_title {
	font-size: var(--FONT_SIZE_LIGHT_MD);
	font-weight: var(--MED_FONT_WEIGHT);
	margin: 20px 0 10px 0
}

.contact_inner_title {
	font-size: var(--FONT_SIZE_MD);
	font-weight: var(--MED_FONT_WEIGHT);
	margin: 0 0 10px 0
}

table.bankingtable tbody tr td img {
	width: 40px
}

#accordion.banking_drop .card-link:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f106";
	float: right;
	font-weight: 900
}

#accordion.banking_drop .card-link.collapsed:after {
	content: "\f107"
}

.bankaccordion .card .tncbtn {
	width: 100%;
	text-align: left;
	height: 41px;
	border-radius: 0;
	margin-top: 10px;
	font-size: 12px
}

.bankaccordion .card {
	border: none
}

.tncaccordion .card .tncbtn {
	width: 100%;
	text-align: left;
	height: 46px;
	border-radius: 10px;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: 500
}

.tncaccordion .card {
	border: none
}

.tncaccordion .card ul {
	padding-left: 0
}

ul#registerTab,
ul#loginTab,
ul#forgotPasswordTab {
	width: 100%;
    border: none;
    justify-content: center;
    /* margin-top: 5rem; */
}

ul#registerTab .nav-item,
ul#loginTab .nav-item,
ul#forgotPasswordTab .nav-item {
	border: none;
    margin: .4rem .1rem
}

ul#registerTab li a.nav-link,
ul#loginTab li a.nav-link,
ul#forgotPasswordTab li a.nav-link {
    border-radius: 20px;
    text-align: center;
    font-weight: var(--REG_FONT_WEIGHT);
}

ul#downloadTab {
	width: 100%;
	border: none
}

ul#downloadTab .nav-item {
	width: 50%
}

ul#downloadTab li a.nav-link {
	display: inline-block;
	width: 100%;
	border: none;
	border-radius: 0;
	text-align: center;
	font-weight: 700
}

.download_inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 10px;
	text-align: center;
	padding: 0 5px;
	align-items:center;
}

.download_inner_title {
	position: relative;
	justify-content: center;
    display: flex;
    margin: auto;
    width: 155px;
    height: 165px;
}

.download_inner_title img {
	margin: auto;
}

.download_inner_title_custom {
	position: absolute;
	bottom: 0px;
	font-size: var(--FONT_SIZE_LIGHT_MD);
	font-weight: var(--REG_FONT_WEIGHT);
	width: 100%
}

.download_btn {
	display: grid;
	/* grid-template-columns: repeat(2, 1fr); */
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 0
}

.download_btn_img {
	width: 85%;
	height: 2.2rem;
	margin: auto;
    border-radius: 20px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.download_btn_img img {
	width: 78%
}

.download_btn_play {
	position: absolute;
	font-size: 9px;
	font-weight: 700
}

.download_btn_download {
	position: absolute;
	font-size: 12px;
	font-weight: var(--MED_FONT_WEIGHT)
}

.download_icon_wrap{
	display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}

.download_icon_wrap .download_icon{
	font-size: 20px;
    padding-right: 10px;
}

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

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

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

#downloadmodal.modal .modal-header img {
	margin: 0 auto;
	width: 125px
}

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

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

.download_box_column {
	width: 80%;
	border-radius: 10px;
	padding: 10px;
	position: relative;
	margin: 20px auto 0 auto;
}

.applybg {
	/* background: url('/images/templates/Template 4/download/ios_bg.jpg') no-repeat top center; */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.androidbg {
	/* background: url('/images/templates/Template 4/download/android_bg.jpg') no-repeat top center; */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.btn_login_download {
	margin-top: 10px
}

.download_scan {
	padding: 5px;
	width: 100px;
	height: 100px;
	text-align: center;
	display: flex;
	align-items: center;
	/* border-radius: 60px; */
	margin: auto
}

.download_scan img {
	width: 100%;
	margin: auto
}

.btn_download {
	border-radius: 5px;
	width: auto;
	font-size: 9px
}

.download_table table {
	font-size: 9px
}

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

.download_pass {
	width: 100%
}

.login_body {
	/* background: url(../images/signin/bg.jpg) no-repeat; */
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover
}

.signin_main {
	/* margin-top: 50px; */
	margin-bottom: 6rem
}

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

.login_form {
	margin: 20px auto 0 auto;
	/* padding-top: 1rem */
	padding: 1.25rem 2rem 2px 2rem;
	max-width: 350px;
}

.login_form_inner a {
	font-size: 13px;
	font-weight: var(--MED_FONT_WEIGHT);
}

.login_form_inner {
	font-size: var(--FONT_SIZE_BASE);
	align-self: center
}

.login_form .form-group .form-control {
	border-radius: 3px;
	height: 29px;
	font-size: 11px
}

.login_form .form-group .col-form-label {
	text-align: left;
	font-size: 11px;
	padding-right: 0
}

.registrationPassIcon {
	position: absolute;
	top: 50%;
    right: 2rem;
    transform: translateY(-50%)
}

/* .btn_login_main {
	margin-top: 50px
} */

.btn_login_page {
	min-width: 186px;
	height: 40px;
	border-radius: 8px;
	margin-top: 10px;
}

.btn_otp {
	height: 29px;
	border-radius: 8px;
	font-size: var(--DEFAULT_FONT_SIZE);
	margin-left: 10px;
	width: 100px
}

.btn_otp:disabled {
	border: none
}

.form-check {
	padding-left: 2.25rem
}

.checkbox_custom {
	display: flex;
	justify-content: space-between
}

.checkbox_inner_custom {
	margin-left: 9%
}

.checkbox_inner_custom .form-check-input {
	margin-top: .2rem
}

.contact-mall {
	border-radius: 12px;
	display: grid;
	grid-template-columns: 30% 70%;
	padding: 7px 20px;
	align-items: center
}

.contact_welc {
	font-size: var(--FONT_SIZE_SMALL);
	font-weight: var(--MED_FONT_WEIGHT)
}

.contact_sub_welc {
	font-size: 11px
}

.contact_info_icon img {
	width: 50px
}

.contact_info_main {
	margin: 20px auto
}

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

.contact_live img {
	width: 170px
}

.contact_live_text {
	position: absolute;
	font-weight: 500;
	font-size: 16px
}

.contact-wrapper {
	border-radius: 20px;
	padding: 20px 0
}

.follow {
	text-decoration: none
}

.contact-record-wrapper {
	display: grid;
	grid-template-columns: 35px auto 15px;
	align-items: center;
	padding: 12px 12px;
	margin: 0 20px
}

#contactContent .contact-record-wrapper .rtitle {
	border-radius: 50%;
    overflow: hidden;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border: 2px solid transparent;
}

#contactContent .contact-record-wrapper .rtitle i {
	margin-right: 0px;
}

.contact-record-wrapper-spec {
	border-bottom: none
}

.contact-info {
	position: relative;
	padding-top: 43px;
	margin: 43px 0 20px 0;
	width: 100%
}

.contact-info-icon {
	position: absolute;
	top: -41px
}

.vipdetails_btn {
	min-width: 87px;
	min-height: 24px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700
}

.wallet_balance {
	margin-top: 5px;
	background-size: cover;
    background-repeat: no-repeat;
	border-radius: 10px;
}

.wallet_balance .topWrap {
	border-radius: 10px;
}

.wallet_balance-timer {
	text-align: right;
	padding: 5px;
	padding-bottom: 0;
	font-size: var(--FONT_SIZE_XS)
}

.wallet_balance-record-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0 5px 5px;
	/* font-size: 12px; */
    font-weight: var(--MED_FONT_WEIGHT);
}

.wallet_balance-record-wrapper div:first-child {
	display: flex;
	gap: 3px;
    align-items: center
}

.wallet_balance-record-wrapper div:first-child img {
	width: 30px;
	height: 30px
}

.wallet_balance-record-wrapper div:first-child span {
	/* text-transform: uppercase; */
	font-size: var(--FONT_SIZE_BASE);
	font-weight: var(--MED_FONT_WEIGHT);
    line-height: 12px
}

.wallet_balance-record-wrapper div:last-child {
	display: flex;
    justify-content: flex-end;
    align-items: center
}

.wallet_balance-record-wrapper div:last-child span:first-child {
	font-size: var(--FONT_SIZE_LIGHT_MD);
}

.wallet-provider {
	/* position: absolute;
	z-index: 9; */
	width: 100%
}

.index_login_wallet .wallet-provider {
	width: 100%;
	text-align: center;
	padding-top: 12px;
	overflow-y: auto;
    overflow-x: hidden;
	max-height: 400px;
	border-radius: unset
}

.index_login_wallet .transfer-form {
	padding: 0 5px;
    border-radius: unset
}

.profile-1_last {
	margin-bottom: 35px
}

.index_login_wallet .dropdown-balance {
	width: 100%
}

.index_login_wallet.dropdown-menu {
	min-width: 93vw;
	border: none;
	padding: 0
}

.dropdown-balance {
	width: 100%;
	text-align: center;
	padding-top: 12px;
	overflow: scroll;
	height: 400px
}

.summary-wrapper {
	padding: 10px
}

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

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

.summary-wrapper .list-item .prov-name {
	text-align: left;
	font-weight: var(--REG_FONT_WEIGHT);
	font-size: var(--FONT_SIZE_SMALL);
}
.summary-wrapper .list-item .prov-amt {
	font-size: var(--FONT_SIZE_SMALL);
}
.summary-wrapper .list-item .locked-.hide- {
	opacity: 0;
	display: none
}

.platform-item {
	text-transform: none;
	font-weight: 500;
	padding: 0 0 0 5px;
	text-align: left;
	font-size: .8rem
}

.amount-item {
	text-align: right;
	height: 25px;
	padding: 0 5px
}

.amount-item .btn-quickplay {
	display: inline-block;
    border: none;
    height: 30px;
    padding: 0 54px;
    text-transform: uppercase;
    margin-left: 5px;
    margin-right: 2px;
    font-size: 13px
}

.amount-item .wpDrop-maintenance { 
    display: inline-block;
    border-radius: 2px;
    height: 30px;
    padding: 6px 24px;
    margin-left: 4px;
    margin-right: 2px;
    font-size: 13px
}

.amount-item .wpDrop-locked { 
    display: inline-block;
    border-radius: 2px;
    height: 30px;
    padding: 6px 46px;
    margin-left: 5px;
    margin-right: 2px;
    font-size: 12px
}

.balc {
	display: inline-block;
	margin: 0 3px;
	font-size: 14px
}

button.btn-in {
	display: inline-block;
	border: none;
	margin: 0 5px;
	margin-right: 0;
	height: 30px;
	padding: 0 11px;
	text-transform: uppercase;
	font-size: 13px
}

button.btn-out {
	display: inline-block;
	border: none;
	margin: 0 2px;
	height: 30px;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 13px
}

.main_profile_title {
	font-size: var(--FONT_SIZE_LIGHT_MD);
	font-weight: var(--MED_FONT_WEIGHT);
	font-family: var(--SECONDARY_FONT_FAMILY);
	letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
	margin: 9px 0
}

.btn-gender {
	width: 100%
}

.btn-gender .btn-outline-primary {
	border-radius: 0
}

.btn-gender .btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

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

.form-check-label {
	font-size: 10px
}

.afterloginform .form-control {
	border-radius: 0;
	font-size: var(--FONT_SIZE_LIGHT_MD);
}

.submit_btn {
	font-size: 19px;
	font-weight: 500;
	min-width: 100%;
	border: none;
	min-height: 39px;
	border-radius: 34px;
	margin: 30px 0
}

.afterlogin-sec {
	border-radius: 0 0 12px 12px;
	/* margin-bottom: 6rem; */
	/* margin-top: 70px */
	margin: 10px 0 6rem 0;
}

.afterlogin-main {
	padding: 10px 0
}

.phone_number_custom {
	padding-left: 5px
}

.afterlogin_deposit.nav-tabs {
	border: none
}

.afterlogin_deposit.nav .nav-item .nav-link {
	border-radius: 40px;
	text-align: center;
	height: 29px;
	font-size: var(--DEFAULT_FONT_SIZE);
	/* text-transform: uppercase; */
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500
}

.afterlogin_deposit.nav .nav-item .nav-link.active,
.afterlogin_deposit.nav .nav-item .nav-link:hover {
	height: 29px;
}

.afterlogin_deposit.nav.nav-tabs {
	justify-content: center
}

.afterlogin_deposit.nav.nav-tabs .nav-item {
	margin: 5px 0;
	margin-right: 5px
}

.bank-input-wrap.method {
	padding: 9px 0;
	border-radius: 8px;
	width: 100%
}

.bank-input-wrap label {
	margin: 0 0;
	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: 100%;
	height: auto
}

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

.bank-input-wrap label [type=radio]+.bank-type {
	cursor: pointer
}

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

.bank-input-wrap label [type=radio]+.bank-type img {
	cursor: pointer;
	filter: grayscale(.8)
}

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

.bnk-info {
	border-radius: 10px;
	width: auto;
	padding: 10px;
	background-size: cover;
    background-repeat: no-repeat
}

.bnk-info ul {
	list-style: disc;
	padding-left: 17px;
	margin-top: 10px;
	font-size: var(--FONT_SIZE_SM)
}

.bnk-info ul li.bnk_custom {
	margin-bottom: 4px;
	margin-top: 3px
}

.copy_btn {
	border-radius: 20px;
	padding: 3px 10px;
	margin-left: 10px;
	cursor: pointer;
	width: 42px;
	display: inline-block
}

.allout_btn {
	width: fit-content;
	height: 100%;
	padding: 5px 1rem;
	border: none;
	border-radius: 20px;
	font-size: var(--FONT_SIZE_SM);
}

.box-prov {
	padding: 10px 0 10px 0;
	border-radius: 8px;
	margin-top: 5px
}

.box-prov ul {
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px 5px
}

.box-prov ul li {
	padding: 5px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 500;
	display: grid;
	grid-gap: 5px;
	min-height: 75px
}

.box-prov ul li a {
	font-weight: 500
}

.box-prov ul li a:hover {
	text-decoration: none
}

.prov-amot {
	border-radius: 2px;
	word-break: break-all;
	align-self: end;
	font-size: 1rem
}

.box-prov ul li.active .prov-amot,
.box-prov ul li:hover .prov-amot {
	/* border: 2px solid #6a718e */
}

.with-info {
	border-radius: 10px;
	width: auto;
	padding: 10px;
	margin-bottom: 20px
}

.with-info ul {
	list-style: none;
	padding-left: 25px;
	margin-top: 10px;
	font-size: 12px
}

.wallet_balance_display {
	padding: 12px 15px;
	margin: 10px 0
}

.transfer_main {
	margin-top: 20px
}

.normalTransfer-wrap .form-group label {
	margin-bottom: 2px;
    font-size: var(--FONT_SIZE_SMALL);
    font-weight: var(--REG_FONT_WEIGHT)
}

.form-inline .form-control label {
	font-size: 13px;
	font-weight: 500
}

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

.btn_history {
	height: 35px;
	width: 100%
}

.history_table_main {
	margin-top: 30px;
	font-size: 9px
}

.dataTables_wrapper .history-table {
	border-collapse: collapse
}

.dataTables_wrapper .history-table tr {
	border: none
}

table.history_table tbody tr td,
table.history_table thead tr td {
	padding: 12px 5px
}

table.history_table thead {
	font-weight: 700
}

table.history_table tbody tr td {
	font-weight: 500
}

table.history_table tbody tr td:last-child {
	border: none
}

.date_history {
	font-size: 11px;
	line-height: initial
}

.date_history_time {
	font-size: 11px
}

.afterlogin_inbox.nav-tabs {
	border: none
}

.afterlogin_inbox.nav-tabs .nav-item {
	width: 33.3%
}

.afterlogin_inbox.nav .nav-item .nav-link {
	border-radius: 0;
	text-align: center;
	height: 33px;
	font-size: 11px;
	display: flex;
	justify-content: center;
	align-items: center
}

.inbox_tab table tbody tr td {
	padding: 10px 5px;
	font-weight: 500;
	font-size: 9px
}

.inbox_tab table tbody tr {
	cursor: pointer
}

.notice_main {
	position: relative
}

.notification_NOTICE {
	position: absolute;
	top: 1px;
	right: 27px;
	padding: 0 4px;
	border-radius: 50%
}

.inbox_box {
	display: grid;
	grid-template-columns: 30% 70%
}

.inbox_box_content {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	padding-top: 15px;
	padding-bottom: 100px;
	position: fixed;
	bottom: 0
}

.inbox_box table tbody tr td {
	font-size: 13px
}

.inbox_box_back a {
	font-size: 23px;
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.inbox_box_back a:hover {
	text-decoration: none
}

.inbox_title {
	font-weight: 700
}

.inbox_content {
	font-size: 12px;
	height: 100px;
	overflow-y: auto
}

.delete_btn {
	min-height: 30px;
	min-width: 120px;
	font-size: 15px
}

.delete_btn a {
	color: #fff
}

.delete_btn a:hover {
	text-decoration: none
}

.min_deposit {
	font-size: 8px
}

.inbox_icon {
	font-size: 13px
}

.vip_main {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 10px;
	grid-row-gap: 20px;
	grid-column-gap: 16px
}

.vip_inner {
	display: grid;
	grid-template-columns: 30% 70%;
	align-items: center;
	grid-gap: 5px
}

.vip_inner.non {
	filter: grayscale(1);
	opacity: .5
}

.vip_inner img {
	width: 60%
}

.vip_inner_img_custom {
	text-align: center
}

.vip_inner_title_small {
	font-size: 11px
}

.vip_inner_title {
	font-size: 16px
}

.vip_inner_title_sub {
	font-size: 9px;
	text-transform: uppercase
}

.vip_daily_title {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
	text-align: center;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin-top: 10px
}

.btn_vip {
	border: none;
	background: 0 0;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	margin-right: 10px;
	text-align: center;
	padding: 5px;
	height: 27px;
	min-width: 75px;
}

.slick-slide.slick-current.slick-active .item .btn_vip {
	border: none;
	background: 0 0;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
	text-align: center;
	padding: 5px;
	height: 27px;
	min-width: 75px
}

.profile_bg {
	margin: 10px 0
}

.vip_detect_slider .slick-list {
	margin-bottom: 15px
}

.vipaccordion .card .tncbtn {
	width: 100%;
	text-align: left;
	height: 46px;
	border-radius: 0;
	font-size: 14px;
	font-weight: 500
}

.vipaccordion .card {
	border: none
}

.card-body ul {
	padding-left: 15px
}

.vip_table_rules table {
	font-weight: 500;
	font-size: 10px
}

.vip_table_rules table thead tr td:first-child {
	width: 210px;
	border-top-left-radius: 7px
}

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

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

.vip_table_rules ol {
	padding-left: 10px
}

.vip_detect_slider .item img {
	border-radius: 3px
}

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

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

.errorBg {
	/* background: url(../images/maintenance/bg.jpg) no-repeat; */
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: left top
}

.logo_error {
	margin-top: 30px
}

.logo_error img {
	width: 160px
}

.mainimg {
	margin: 30px 0
}

.mainimg img {
	width: 500px
}

.error_text_eng {
	font-weight: 500;
	font-size: 11px
}

.error_text_chin {
	font-size: 11px
}

.btn_error_custom {
	font-size: 11px
}

.server_text {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase
}

.logo_provider_error_custom {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 10px 0;
	justify-items: center
}

.error_btn_img {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.error_btn_img img {
	width: 140px
}

.btn_error_main {
	margin: 20px 0
}

.buttonback {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 30px;
	position: absolute;
	bottom: 5rem;
	left: 50%;
	transform: translateX(-50%);
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000
}

.buttonback.high {
	bottom: 90px
}

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

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

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

.lottoTitle {
	font-size: 17px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 10px
}

.lotto_main {
	border-radius: 5px;
	padding: 10px 0
}

.lotto_ball {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-items: center;
	align-items: center;
	margin: 0 auto;
	grid-gap: 5px
}

.lotto_ball_out {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.lotto_balltext {
	position: absolute;
	font-size: 25px;
	font-weight: 700
}

.game_products_btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px auto;
	border: none;
	background: 0 0;
	width: 121px
}

.game_products_btntext {
	position: absolute;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase
}

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

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

#payoutmodal.modal,
#promomodal.modal {
	z-index: 9999999
}

#payoutmodal.modal .modal-body {
	padding: 30px 0
}

#payoutmodal.modal .modal-dialog,
#promomodal.modal .modal-dialog {
	max-width: 800px
}

#payoutmodal.modal .modal-header,
#promomodal.modal .modal-header {
	font-size: 25px;
	font-weight: 700
}

#payoutmodal.modal .modal-header img,
#promomodal.modal .modal-header img {
	margin: 0 auto;
	width: 200px
}

#payoutmodal.modal .modal-header .close,
#promomodal.modal .modal-header .close {
	position: absolute;
	right: 20px
}

#payoutmodal.modal .lotto_table table {
	font-weight: 700;
	font-size: 10px
}

.vip_table_spctext {
	font-weight: 400
}

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

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

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

#payoutmodal.modal .lotto_table table tbody tr td:first-child {
	text-transform: uppercase
}

#payoutmodal.modal .lotto_table table tbody tr td {
	text-transform: uppercase
}

#payoutmodal.modal .lotto_table span {
	font-size: 14px;
	font-weight: 700
}

.blinking {
	animation: blinkingText 1.2s infinite
}

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

.tab-content.game a .game_products_btn img {
	margin-bottom: 0;
	box-shadow: unset
}

.toto-result-sec {
	padding: 58px 0 45px 0;
	text-align: center
}

ul.lt-wrap {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 2px;
	padding: 0 2px
}

li.lt-item {
	position: relative;
	padding-bottom: 22px
}

.nav-tabs.lt-wrap .nav-link {
	border: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0
}

.date-box {
	padding: 10px 0;
	font-size: 16px
}

span#resultDate {
	vertical-align: middle
}

.result-boxes {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
}

.prize {
	font-weight: 500;
	font-size: 16px;
	padding: 3px 2px
}

.result-tt {
	padding: 7px 2px;
	font-weight: 500;
	font-size: 16px
}

.result-boxes-1 {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.result-ttt {
	padding: 3px 2px;
	font-weight: 500;
	font-size: 14px
}

.table-in {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.table-in div {
	padding: 5px 0
}

ul.lt-wrap li a.active:after {
	content: "";
	position: absolute;
	width: 8px;
	margin: auto;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10
}

.promo-boxes {
	display: grid;
	grid-template-columns: auto;
	text-align: center
}

.pre_box {
	margin: 0 0 5px 0
}

.pre_box img {
	border-radius: 10px
}

#announcement_completed.announcementmodal .close,
#announcement_winner.announcementmodal .close {
	position: absolute;
	right: 9px;
	top: 0
}

#announcement_completed .modal-content img,
#announcement_winner .modal-content img {
	margin: auto
}

#announcement_record .modal-content {
	margin: auto;
	text-align: center
}

#announcement_record .close {
	position: absolute;
	right: 4px;
	top: 38px;
	z-index: 99
}

.latest_main {
	position: relative;
	text-align: center
}

.latest_main img {
	width: 230px
}

.latest_title {
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 13px
}

.record_table {
	margin-top: -12px;
	border-radius: 10px;
	padding: 10px
}

.record_table_pry:first-child {
	border-radius: 13px;
	padding: 5px;
	font-size: 13px;
	font-weight: 900;
	margin-top: 10px;
	margin-bottom: 10px
}

.record_table_pry {
	display: grid;
	grid-template-columns: 10% 45% 45%;
	padding: 7px 5px;
	font-size: 12px;
	align-items: center
}

.record_line {
	position: relative
}

.predict_box {
	margin-bottom: 15px;
	border-radius: 10px
}

.predict_box img, .predict_box_ongo img {
	border-radius: 10px
}

.howtowin_btn {
	width: 100%;
	margin: 10px 0;
	padding: 6px 0;
	font-size: 23px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: italic;
	border-radius: 30px
}

.rules_btn {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 6px 0;
	font-size: 23px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: italic;
	border-radius: 30px
}

.end_custom {
	margin: 10px 0;
	text-align: center
}

.endsin {
	font-size: 28px;
	position: relative;
	font-weight: 700
}

.endsin:before {
	content: "";
	width: 35%;
	height: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto
}

.endsin:after {
	content: "";
	width: 69%;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto
}

.countdown01 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	text-align: center;
	justify-items: center;
	margin: 0 0;
	grid-gap: 10px
}

.countdown01_sub {
	position: relative
}

.countdown01_sub_txt {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin: auto;
	top: 1px;
	left: 6px;
	right: 0;
	font-size: 12vw;
	letter-spacing: 13px
}

.vs_custom {
	margin: 30px 0 10px 0
}

.vs_head {
	position: relative;
	text-align: center
}

.vs_head img {
	width: 237px
}

.vs_head_txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-weight: 700;
	font-size: 18px
}

.vs_team_L {
	position: absolute;
	left: 3%;
	bottom: 31%;
	font-size: 3vw;
	font-weight: 700
}

.vs_team_R {
	position: absolute;
	right: 3%;
	bottom: 31%;
	font-size: 3vw;
	font-weight: 700
}

.vs_body {
	margin-top: -6px;
	position: relative
}

.vs_score {
	display: grid;
	grid-template-columns: 25% 50% 25%;
	justify-content: center;
	grid-gap: 10px;
	margin: 0 5px;
	align-items: center
}

.vs_score_img img {
	width: 250px
}

.vs_score_main {
	display: grid;
	grid-template-columns: auto auto auto;
	text-align: center;
	justify-content: center;
	align-content: center;
	align-self: center;
	border-radius: 10px;
	padding: 5px
}

.countdown02 {
	position: relative;
	display: flex;
	align-items: center;
	align-self: center;
	justify-content: center;
	text-align: -moz-center;
	text-align: -webkit-center;
	text-anchor: middle
}

.countdown02_r {
	margin-right: 0
}

.countdown02_txt {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	font-size: 11vw;
	text-align: -moz-center;
	text-align: -webkit-center;
	text-anchor: middle
}

.vs_btn {
	display: flex;
	margin: auto;
	margin-top: 14px;
	justify-content: center
}

.vsbtn_sub {
	position: relative
}

.vs_btn_txt {
	position: absolute;
	font-weight: 700;
	font-size: 4vw;
	bottom: 0;
	left: 0;
	right: 0;
	top: 7px;
	margin: auto
}

button.vsbtn_sub {
	border: none;
	background: 0 0
}

#announcement_howtowin .latest_title {
	position: absolute;
	bottom: 3px;
	left: 0;
	right: 0;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 15px;
	text-align: center;
	text-align: -webkit-center
}

.modal_title_predict {
	font-size: 20px;
	font-weight: 700;
	text-align: left
}

.how_to_win_table tr td:first-child {
	border-top-left-radius: 7px
}

.how_to_win_table tr td:last-child {
	border-top-right-radius: 7px
}

.how_to_win_table tr td {
	padding: 4px;
	font-weight: 700;
	text-align: center
}

#announcement_howtowin .record_table {
	margin-top: -1px;
	border-radius: 10px;
	padding: 25px 25px
}

#announcement_howtowin .record_table p {
	margin-bottom: 4px
}

#announcement_howtowin .record_table p.txt_spec {
	font-weight: 700;
	margin-top: 20px
}

#announcement_howtowin .record_table p.txt_spec01 {
	margin-top: 20px
}

.text-bold {
	font-weight: 700
}

.modal_title_predict_custom {
	margin-top: 20px
}

#announcement_rules .latest_title {
	position: absolute;
	bottom: 3px;
	left: 0;
	right: 0;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 14px;
	text-align: center
}

#announcement_rules .modal-content {
	margin: auto;
	text-align: center
}

#announcement_rules .record_table {
	margin-top: -1px;
	border-radius: 10px;
	padding: 25px 25px;
}

ul.rules_ul {
	padding-left: 20px;
	text-align: left
}

#announcement_howtowin .close, #announcement_rules .close {
	position: absolute;
	right: 0;
	z-index: 99
}

#announcement_howtowin .modal-body, #announcement_rules .modal-body {
	padding: 5px
}

select.countdown_select {
	text-transform: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	width: unset;
	letter-spacing: 11px;
	text-indent: 6px;
	text-align: -moz-center;
	text-align: -webkit-center;
	text-anchor: middle
}

select.countdown_select:focus {
	border: none;
	outline: unset
}

select::-ms-expand {
	display: none
}

select.countdown_select option {
	height: 60px;
	font-size: 25px
}

.tab-content.game .tab-pane .gameCategoryLabel {
	margin: 1rem .4rem;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

.language-content:last-child {
	border: none
}

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

.language-content .language-label img {
     margin-top: 10px;
}

/* .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-AUD {
	background-image: url('/images/templates/Template 4/flag/flag_AUD.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-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 {
	width: 90%;
    height: 60%;
    margin: auto;
    text-align: left;
    font-size: var(--FONT_SIZE_LG);
    font-weight: var(--MED_FONT_WEIGHT);
    text-transform: uppercase
}

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

.downloadmodal .modal-header img {
    margin: 0 auto;
    max-width: 125px
}

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

#announceContentList .announce-bx {
    margin: 10px 0
}

#announceContentList .announce-bx a .title {
	font-size: var(--FONT_SIZE_SM);
    font-weight: var(--MED_FONT_WEIGHT);
    padding: 1rem;
    margin: auto 5px
}

#announceContentList .announce-bx a .title i {
    margin-right: 5px
}

#announceContentList .announce-bx .announce_collapse {
    margin: auto 5px;
    font-size: var(--FONT_SIZE_SM);
    font-weight: var(--MED_FONT_WEIGHT);
    padding: 9px;
}

.member-info-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 15px 3px;
    border-radius: 20px;
    margin: 1rem 0
}

.member-info-wrapper .member-info-item {
	text-align: center;
    margin: 10px 0
}

.member-info-wrapper .member-info-item .item-icon {
	font-size: 1.8rem
}

.member-info-wrapper .member-info-item .item-icon img {
	width: 35px;
    max-height: 35px
}

.member-info-wrapper .member-info-item .item-label {
	font-weight: 500;
    text-transform: uppercase
}

.changePswd-sec {
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.changePswd-sec .changePswdContent {
	margin: 1rem 0
}

.changePswd-sec .changePswdContent .chgPswdMobileIdLabel {
	font-size: 1rem
}

.changePswd-sec .changePswdContent .chgPswdMobileIdLabel .underline {
	font-weight: 500
}

.bank-info-wrapper {
    padding: 15px 3px;
    border-radius: 10px;
    margin: 0 3px;
    margin-bottom: 2rem
}

.bank-info-wrapper .info-item {
    display: grid;
    grid-template-columns: 50px auto 50px;
    margin: 1rem 10px
}

.bank-info-wrapper .info-item:first-child {
	margin-top: 0
}

.bank-info-wrapper .info-item:last-child {
	border-bottom: none;
	margin-bottom: 0
}

.bank-info-wrapper .info-item .ibankimg {
	margin: auto
}

.bank-info-wrapper .info-item .iaccinfo.info-3 {
	display: grid;
	grid-template-rows: repeat(3, 1fr)
}

.bank-info-wrapper .info-item .iaccinfo.info-4 {
	display: grid;
	grid-template-rows: repeat(4, 1fr)
}

.bank-info-wrapper .info-item .iaccinfo div:nth-child(1) {
    font-size: 16px;
    font-weight: 500
}

.bank-info-wrapper .info-item .ibtn {
    width: fit-content;
    margin: auto
}

.bank-info-wrapper .info-item .ibtn button {
	border: none;
    font-size: 2rem;
    margin: auto
}

.bank-info-wrapper .emptyBankList {
	margin: auto
}

.bankInfo-sec {
	/* margin-top: 6rem */
}

.bankSetting-sec {
	margin-bottom: 6rem
}

.bankSetting-sec .setting-label {
	display: grid;
    grid-template-columns: 35px auto 15px;
    align-items: center;
    padding: 12px 32px
}

.bankSetting-sec .setting-label .scaption {
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
    font-weight: 500
}

.bankSetting-sec .setting-content {
	margin-bottom: 1rem;
    padding-top: 1rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

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

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

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

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

.transfer_title_main .toggle-btn .toggle-slider:before {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	left: 10px;
	bottom: 8px;
	border-radius: 100%;
	-webkit-transition: .4s;
	transition: .4s
}

.transfer_title_main .toggle-btn .toggle-slider .on,
.transfer_title_main .toggle-btn .toggle-slider .off {
	position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 80%;
    font-weight: 500;
    text-align: center
}

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

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

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

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

.afterlogin-sec .fund-sec {
	margin-bottom: 2rem
}

.afterloginform .specificUploadBtn {
	display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.afterloginform .specificUploadBtn .btnDepositReceipt {
    width: 90%;
    height: 30px;
    text-align: center;
    padding: 4px 0;
    text-transform: uppercase
}

.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: 50%
}

.history-list {
	margin-top: 4rem;
	overflow-x: scroll
}

.history-list .dataTables_wrapper .dataTables_filter {
	text-align: left
}

.history-list .dataTables_wrapper .dataTables_filter label input {
    border-radius: 0;
	height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.history-list .dataTables_wrapper .history-table {
	margin-top: 1rem;
	width: 460px !important
}

.history-list .dataTables_wrapper .history-table thead {
    font-weight: 700;
    font-size: 10px
}

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

.con-sec {
	margin: 1rem 0
}

.loading-panel {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999
}

.loading-panel .loading-logo {
    margin: auto;
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.loading-panel .loading-gif {
    margin: auto;
    position: absolute;
    width: 20%;
    top: 15%;
    bottom: 0;
    left: 0;
    right: 0
}

.prov-split {
	margin-bottom: 2rem
}

.prov-split:last-child {
	margin-bottom: 0
}

.prov-split .prov-category {
	font-size: var(--FONT_SIZE_LIGHT_MD);
	font-weight: var(--MED_FONT_WEIGHT);
	font-family: var(--SECONDARY_FONT_FAMILY);
	padding-bottom: 5px;
    margin-bottom: 1rem;
    letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
   /*  text-transform: uppercase */
}

.prov-split .prov-list .prov-name {
	font-size: var(--FONT_SIZE_SMALL);
    line-height: 1rem;
    align-self: center
}

.prov-split .prov-list .prov-maintenance {
    border-radius: 2px;
    padding: 2px;
    font-size: 12px
}

.prov-split .prov-list .locked-.hide- {
	opacity: 0
}

.prov-split .prov-list .prov-amt {
	border-radius: 2px;
    font-size: var(--SUBHEADER_FONT_SIZE);
    background: var(--color2);
    color: var(--color3);
    padding-top: 6px;
}

#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(96%/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
}

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

ul#transferTab {
	width: 100%;
    border: none
}

ul#transferTab .nav-item {
	width: 50%
}

ul#transferTab li a.nav-link {
	display: inline-block;
    width: 100%;
    border: none;
    border-radius: 0;
    text-align: center;
    font-weight: 700
}

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

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

#transferplaymodal.modal .modal-header .provider-name {
	margin: auto;
    font-weight: 500;
    font-size: 25px
}

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

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

#transferplaymodal.modal .modal-body .provider_main .providerimg {
    width: 80%;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    margin: auto;
   /*  background-image: url('/images/templates/Template 4/login_base.jpg'); */
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

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

#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: 2px
}

#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
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .msg {
	text-align: left;
	width: 90%;
    margin: auto
}

#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);
	text-align: center
}

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-row div {
	padding: 10px 0
}

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

#transferplaymodal.modal .modal-body .provider_main .providerautoinfo .restoreListTable .t-content {
	max-height: 170px;
	overflow-y: scroll
}

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

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

#transferplaymodal.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 {
	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 {
	width: 45%;
	margin: auto;
	margin-left: 5px;
}

#transferplaymodal.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
}

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

#restorelistmodal.modal .modal-header label {
	margin: auto;
    font-weight: 500;
    font-size: 25px
}

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

#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
}

#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;
	overflow-y: scroll
}

.slot-sec,
.lottery-sec{
	/* margin-top: 4rem; */
    margin-bottom: 6rem
}

.slot-sec .slot-title,
.lottery-sec .lottery-title {
	font-size: 15px;
    font-weight: 700;
    margin: 5px 0;
    text-align: center
}

.slot-sec .slotbox,
.lottery-sec .lotterybox {
	display: inline-block;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 2px;
    margin-bottom: 0;
    text-align: center;
    padding: 4px;
    text-transform: uppercase
}

.slot-sec .slot-content,
.lottery-sec .lottery-content {
	margin-top: 1rem
}

.slot-sec .slot-content .slot-bx,
.lottery-sec .lottery-content .lottery-bx {
	position: relative;
	width: calc(100%/3)
}

.slot-sec .slot-content .slot-bx .game-boxer,
.lottery-sec .lottery-content .lottery-bx .game-boxer {
/* 	position: relative; */
    overflow: hidden;
    margin-bottom: 5px;
    margin: 5px;
    border-radius: 10px
}

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

.slot-sec .slot-content .slot-bx .game-boxer .gameimg span img,
.lottery-sec .lottery-content .lottery-bx .game-boxer .gameimg span img {
	width: -webkit-fill-available
}

.slot-sec .slot-content .slot-bx .game-boxer .gamename,
.lottery-sec .lottery-content .lottery-bx .game-boxer .gamename {
	text-align: center;
    padding: 5px 0
}

.slot-sec .downloadWrapper,
.lottery-sec .downloadWrapper {
	margin: 3rem 0
}

.slot-sec .downloadWrapper.col2,
.lottery-sec .downloadWrapper.col2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.slot-sec .downloadWrapper .downloadContent .downloadQR {
	text-align: center
}

.slot-sec .downloadWrapper .downloadContent .downloadQR span img {
	width: 40%
}

.slot-sec .downloadWrapper.col2 .downloadContent .downloadQR span img {
	padding: 5px;
    background: #fff;
	width: 70%
}

.slot-sec .downloadWrapper .downloadContent .downloadLink {
	margin-top: 10px;
	text-align: center
}

.slot-sec .downloadWrapper .downloadContent .downloadLink.col-8 {
	margin: 0 auto;
	margin-top: 10px
}

.slot-sec .downloadWrapper .downloadContent .downloadLink button {
    font-size: 12px;
    font-weight: 700;
	text-transform: uppercase;
	width: 85%;
    height: 2.2rem;
    border-radius: 20px;
    position: relative
}
/* FOR JACKPOT */
.dstg-jackpot-wrap {
	width: 100%;
	position: relative;
	margin: 1rem 0;
	padding: 0 15px
}

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

.dstg-jackpot-wrap .dstg-jackpot-content {
	position: absolute;
	width: 90%;
	font-family: var(--SECONDARY_FONT_FAMILY);
	font-weight: var(--MED_FONT_WEIGHT);
	letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
}

/* .jackpot-bar {
	width: 100%;
	height: 70px;
	margin: 1rem 0;
    position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 
}

.jackpot-bar .jackpot-amt {
	position: absolute;
    width: 100%;
    text-align: center
}
 */
 
 /* FOR JACKPOT */
.t-footer {
	/* margin: 2em 0 3em */
	padding: 30px 0;
}

.copyright {
	text-align: center;
	font-size: var(--DEFAULT_FONT_SIZE);
}

.referralModal.modal .modal-body .history-list {
	margin-top: 1rem
}

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

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

.msgContent {
	text-align: center;
	word-wrap: break-word;
}

.msgContent p {
	word-wrap: break-word;
}

/* Free Credit */
.freecredit-wrap {
	width: 110px;
	height: fit-content;
 	z-index: 9999;
    position: fixed;
    bottom: 4em;
    margin: 0 10px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

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

.freecredit-wrap .freecreditCloseBtn,
.minigame-wrap .miniGameCloseBtn{
 	border-radius: 25px;
 	margin-left: 80px;
}

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


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

.banner {
    max-width: 375px;
/*     height: 120px; */
    margin-bottom: 30px!important;
}

.redeemImg {
    max-width: 255px;
    margin-bottom: 10px!important;
}

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

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

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

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

.gamesList-wrapper .games-wrapper .angpowGame-wrap .title-info {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.eligible-games-wrapper .title-box {
	display: flex;
	margin-top: 50px;
	border-bottom: solid 1px;
}
.eligible-games-wrapper .title-box .title{
	margin: 0 10px;
}

.bonus-wrapper {
    max-width: 100%!important;
    padding: 0 12px;
}

.bonus-wrapper .home-packet {
	display: grid;
	margin-bottom: 50px;
}

@media (min-width: 768px) {
	.bonus-wrapper .home-packet {
		margin-top:50px;
	}
	
	.bonus-wrapper .home-packet .freeCreditList {
    	height: 115px !important;
    	margin: auto;
   	    margin-bottom: 10px;
	}
} 

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

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems {
    display: grid;
    grid-template-columns: 35% 45% 20%;
    height: 80px;
    margin: 10px 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;
    padding: 0 15px;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .left .amount-info {
	margin: 5px auto;
	width: 100px;
	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{
	margin-bottom: 5px;
	font-weight: var(--MED_FONT_WEIGHT);
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right {
/* 	font-family: 'bahnschrift_semibold', sans-serif;
   	font-style: italic; */
   	cursor: pointer;
   	margin: 20px 0
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right .claim-btn {
	border-radius: 30px;
	border: none;
	/* font-style: italic; */
    width: 70px;
    height: 20px;
}

.bonus-wrapper .home-packet .freeCreditList .freeCreditItems .right .moreInfo-btn {
	margin-top: 30px;
	text-decoration-line: underline;
	font-size: 10px
}


/* angpow popBox */
#angpowmodal, #moreinfomodal, #vouchermodal{
	z-index: 9999999
}

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

#angpowmodal .modal-header .label,
#moreinfomodal .modal-header .label {
	margin: auto;
    font-weight: 500
}

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

#angpowmodal .modal-dialog,
#moreinfomodal .modal-dialog{
    height: 460px;
}

#angpowmodal .modal-dialog .angpowPopContent-wrap,
#moreinfomodal .modal-dialog .moreInfoPopContent-wrap {
	overflow-y:auto; 
	height:405px;
}

#angpowmodal .modal-dialog .popContent-wrap {
    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: 225px;
    margin: auto;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 700;
}

#angpowmodal .login-box .login-wrap .login_form_inner a {
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}

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

.bonusList-wrapper .btnBox .claimBtn {
	width: 100px;
	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 {
	display: flex;
	align-items: center;
   	justify-content: space-between;
	flex-direction: row;
   	flex-wrap: nowrap;
   	margin: 25px 0;
   	padding-bottom: 12px;
}

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

.transactionChangeTab-btn .active, 
.referralChangeTab-btn .active,
.historyChangeTab-btn .active {
	font-weight: var(--MED_FONT_WEIGHT);
	transition: .3s;
}

.transactionBtn,
.historyBtn {
    border-radius: 10px;
    width: 180px;
    padding: 12px 0;
    font-weight: var(--MED_FONT_WEIGHT);
    cursor: pointer;
    font-size: var(--FONT_SIZE_SMALL);
    /* text-transform: uppercase; */
    transition: .3s;
}
 
.transactionChangeTab-btn .freeCreditBtn, 
.referralChangeTab-btn .referralReport,
.historyChangeTab-btn .claimRewardBtn {
	left: -15px;
    position: relative;
}

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

.transaction-list {
	position: relative;
}

.transaction-list:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    cursor: pointer;
    border-radius:22px;
    height: 100%;
	width: 100%;
}

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

.transaction-list.masked .maskedText {
	position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1;
    font-size: var(--FONT_SIZE_MD);
   /*  font-style: italic */
}

.freeCreditList {
	padding: 0 1rem;
}

.freeCreditWrapper .transaction-list {
	width: 100%; 
	height: 110px; 
	/* padding: 16px;  */
	margin-bottom: 1em; 
	box-sizing: border-box; 
	/* background-size: 100% 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'); */
}
.freeCreditWrapper .transaction-list .claim-credit {
	width: 100%;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 0 !important;
	padding: 0 10px;
}
.freeCreditWrapper .transaction-list .claim-credit .provPromoCheck- {
	margin-bottom: 0 !important;
	padding: 8px;
}
.claim-credit-background{
	position:absolute;
	width:100%;
	height: 115px;
	/* margin-left:-15px; */
	
}

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

.freeCreditTransfer-wrap .freeCreditAmt {
	text-align: center; 
	font-weight: var(--MED_FONT_WEIGHT); 
	font-size: var(--SECTION_HEADER_LARGE_FONT_SIZE); 
}

.freeCreditTransfer-wrap .freeCreditTitle {
    /* margin-bottom: 10px; */
    text-transform: uppercase;
    overflow-wrap: break-word;
    inline-size: 120px;
    font-weight: var(--MED_FONT_WEIGHT);
    font-size: var(--BODY_TXT_FONT_SIZE);
}

.freeCreditTransfer-wrap .freeCreditContent {
    overflow-wrap: break-word;
    white-space: pre-line;
    line-height: 1.2;
    font-size: var(--FONT_SIZE_SM);
}

.freeCreditWrapper #labelTransferTo {
	font-size: var(--DEFAULT_FONT_SIZE);
}

.freeCreditWrapper .freeCreditProviderOption {
	width: 100px!important;
    height: calc(1.5em + 0.5rem + 2px)!important;
    font-size: var(--DEFAULT_FONT_SIZE) !important;
}
	

.freeCreditTransfer-wrap .btn_freeCredit_transfer {
    height: 27px;
    border-radius: 8px;
    padding: 0 10px;
    font-size: var(--DEFAULT_FONT_SIZE);
    margin-bottom: 4px !important;
}

.freeCreditTransfer-wrap .moreInfoBtn {
	/* font-family: 'bahnschrift_semibold', sans-serif; */
    /* font-style: italic; */
	cursor: pointer;
}
/* FreeCredit in transfer page */

/* VOUCHER */
#vouchermodal .modal-dialog .modal-content {
	margin-top: 45%;
}

#vouchermodal .modal-body .voucherPopContent-wrap .voucherCode {
    width: 200px;
    padding: 4px;
}

#vouchermodal .modal-body .voucherPopContent-wrap .redeemBtn,
.freeCreditTransfer-wrap .transaction-freeCredit-title .redeemBtn {
   	border-radius: 8px;
    border: 0;
    width: 95px;
    padding: 7px 0;
    font-weight: var(--MED_FONT_WEIGHT);
    cursor: pointer;
    font-size: var(--DEFAULT_FONT_SIZE);
   /*  text-transform: uppercase; */
}

#vouchermodal .modal-body .voucherPopContent-wrap .redeemBtn:active,
.freeCreditTransfer-wrap .transaction-freeCredit-title .redeemBtn:active {
  	transform: translateY(4px);
}
/* VOUCHER */

/* REWARD POINT */
.memberPoint-wrap {
	margin-top:20px; 
	display: flex;
	justify-content: center;
	align-items: center;
}
.memberPoint-wrap .refreshBtn-box{
	margin-top: -18px;
}
.memberPoint-wrap > div:first-child {
	/* width: 50%; */
	display: flex;
}
.memberPoint-wrap .refreshBtn-box div {
	border: none;
    cursor: pointer;
    background: none;
}

.memberPoint-wrap .refreshBtn-box div i {
	margin-top: 21px;
	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-container .header-top .logo {
	max-width: 130px
}

.memberUpdate-container .header-top .country-icon {
	float: right;
	width: 35px;
    height: 35px
}
/* MEMBER UPDATE */

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

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

.referralReport-btn {
    left: -15px
}

.referralBtnBox .referralShareBtn {
	padding: 5px;
	margin-bottom: 40px;
}

.referralBtnBox .referralShareBtn img {
	width: 100%
}

.QRtext {
	text-align: center;
    padding: .6rem 0;
    font-weight: var(--MED_FONT_WEIGHT);
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

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

.referral-flow-box .title {
	text-align: center;
    text-transform: uppercase;
    font-size: var(--HEADER_FONT_SIZE)
}

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

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

.referral-flow-box .content .referral-flow-desc {
	position: absolute;
    top: 0;
	left: 60%;
	transform: translateX(-50%);
	max-width: 170px;
	line-height: 1rem;
	text-align: left;
	font-size: 12px
}

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

.referral-flow-box .content .desc-2 {
	top: 11.8rem
}

.referral-flow-box .content .desc-3 {
	top: 21.4rem
}

.referralInfo .form-group #referralQR canvas {
	width: inherit!important;
	display:none;
}

/* REFERRAL PAGE */

/* ANNOUNCEMENT MODAL */

#announcementmodal .modal-dialog .modal-content{
    max-height: 500px;
    overflow-x: hidden;
}

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

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

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

/* HOME PAGE */
.bar_title {
	position: relative;
	margin: auto;
	padding: 0 0 10px;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px
}

.bar_title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0
}

.floating-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999
}

.floating-banner .close {
	position: absolute;
	top: 5px;
	left: 5px; 
	padding: 0;
	font-size: 22px
}

.announce-bar-area{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.simple-marquee-box {
    position: relative !important;
    padding: 1rem 0 !important;
    overflow: hidden !important;
    border-radius: 10px;
}

.simple-marquee-box .marquee-sibling {
    height: 100% !important;
	padding: 5px 10px 5px 10px !important;
    font-size: 18px !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1 !important;
}

.simple-marquee-box .marquee,
*[class^="marquee"] {
	position: absolute !important;
	display: inline-block !important;
	white-space: nowrap !important;
}

.simple-marquee-box .marquee-content-items {
    position: relative !important;
	display: flex !important;
    margin: 0 !important;
    padding: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    list-style: none !important;
    font-size: 12px !important;
    font-weight: 100 !important;
}

.simple-marquee-box .marquee-content-items li:after {
	content: "|" !important;
	margin: 0 1rem !important;
}

.dstg-banner-area{
	padding: 0 15px;
}

.dstg-video-wrap,
.dstg-upcoming-wrap{
	padding: 0 15px;
}

.dstg-video-wrap .dstg-title-box .dstg-icon{
	display:none;
}

.dstg-video-wrap .dstg-title,
.dstg-upcoming-wrap .dstg-bar_title{
	position: relative;
	margin: auto;
	padding: 0 0 10px;
    font-size: var(--FONT_SIZE_MD);
    font-weight: var(--MED_FONT_WEIGHT);
    font-family: var(--SECONDARY_FONT_FAMILY);
    text-align: center;
    letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
    width: 100%;
    margin-top: 10px;
}

.dstg-video-wrap .dstg-title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0
}

.dstg-upcoming-wrap .dstg-bar_title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 5px;
	left: 0
}

.dstg-video-wrapper{
	padding: 10px 0px;
}

.dstg-video-wrapper iframe{
	height: 200px;
}
/* HOME PAGE */

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

#advertisementmodal .modal-dialog{
	top: 40%;
    left: 50%;
    transform: translate(-60%, -40%);
    margin: 30px;
}

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

/* VIEW TYPE MODAL */

#viewtypemodal.modal .modal-dialog .view-type-content,
#demoviewtypemodal.modal .modal-dialog .view-type-content,
#selectviewtypemodal.modal .modal-dialog .view-type-content{
	top: 100px;
}

#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView,
#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView {
	display: flex;
	margin: 20px;
    padding: 20px;
    justify-content: center;
    border-radius: 20px;
    font-size: 15px;
    cursor: pointer;
}

#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView i,
#viewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView i,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView i,
#demoviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView i,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-DesktopView i,
#selectviewtypemodal .modal-dialog .view-type-content .modal-body .btn-MobileView i {
	margin-right: 10px;
	font-size: 20px
}

/* VIEW TYPE MODAL END*/

/* LAUNCH GAME PAGE */
.loading-panel.launch-loader {
    z-index: -9
}

.launchFrame {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: none
}

.launchGame-navi {
	position: absolute;
    z-index: 9
}

.launchGame-navi.show {
	width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important
}

.launchGame-navi .drag-label {
	position: absolute;
	top: 0;
    left: 0;
    transform: translateY(0);
    width: 40px;
    height: 40px;
    border-radius: 5px
}

.launchGame-navi.scaled .drag-label {
    width: 60px;
    height: 60px
}

.launchGame-navi.show .drag-label {
	top: 50%;
    left: .4rem;
    transform: translateY(-50%)
}

.launchGame-navi .drag-label:before,
.launchGame-navi .drag-label div,
.launchGame-navi .drag-label:after {
	content: "";
	position: absolute;
	width: 70%;
	height: 4px;
    left: 50%;
    border-radius: 5px
}

.launchGame-navi .drag-label:before {
	top: 25%;
	transform: translate(-50%, -25%)
}

.launchGame-navi .drag-label div {
	top: 50%;
	transform: translate(-50%, -50%)
}

.launchGame-navi .drag-label:after {
	top: 75%;
	transform: translate(-50%, -75%)
}

.launchGame-navi .drag-item {
	position: absolute;
	top: 0;
    left: 0;
    transform: translateY(0);
    padding-left: 0;
    opacity: 0;
    z-index: -9
}

.launchGame-navi.show .drag-item {
	top: 50%;
    left: 4rem;
    transform: translateY(-50%);
    opacity: 1;
    z-index: 9
}

.launchGame-navi.scaled.show .drag-item {
	left: 5rem
}

.launchGame-navi .drag-item li {
	margin-bottom: 10px;
	padding: 5px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    list-style: none;
    text-align: center
}

.launchGame-navi.scaled .drag-item li {
	width: 70px;
    height: 70px
}

.launchGame-navi .drag-item li:last-child {
	margin-bottom: 0
}

.launchGame-navi .drag-item li img {
	width: 35px;
	height: 35px
}

.launchGame-navi.scaled .drag-item li img {
	width: 55px;
	height: 55px
}
/* LAUNCH GAME PAGE */


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

.video-wrap .lSPrev,
.video-wrap .lSNext {
	background-image: none;
    font-size: 2rem;
    width: fit-content;
    height: fit-content;
}

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

.mobile-countdown-widget .countdown-letter:first-child {
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
}

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

.mobile-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: 2px;
    border-radius: 3px;
    font-size: 10px;
    min-height: 69px;
    box-sizing: border-box;
    width: 50px;
}

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

.mobile-countdown-widget>div div {
	font-size: 10px;
	margin-bottom: 5px;
}

/* countdown-widget */

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

.flip-card .top,
.flip-card .bottom,
.flip-card .top-flip,
.flip-card .bottom-flip {
	width: .85em;
	height: .55em;
	line-height: 1;
	padding: .05em 0;
	overflow: hidden;
	text-align: center;
    justify-content: center
}

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

.flip-card .bottom,
.flip-card .bottom-flip {
	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
}

.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-top {
	100% {
		transform: rotateX(90deg)
  	}
}

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

/* tournament carousel */
.tournament-carousel-area {
	padding: 1rem;
}

#tour-carousel-area{
	width:100% !important;
}

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

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

.tour-carousel-item img { 
	width: 100%
}

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

.tour-carousel-item .main-content .countdown-container {
	display: flex;
	gap: .3em;
	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: 12px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	z-index: 0
}

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

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

.tour-carousel-item .main-content .detailsBox .main-title {
	position: relative;
	padding: 0 0 0 10px;
    font-size: 20px;
    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 .date {
	font-size: 14px;
	font-weight: 300;
    text-transform: capitalize
}

.tour-carousel-item .main-content .detailsBox .title {
	font-size: 1rem
}

.tour-carousel-item .main-content .detailsBox .desc {
	font-size: 14px
}

.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
}
/* tournament carousel */

/* tournament countdown */
.tournament_main {
	position: relative
}

.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: 14px;
	z-index: 0
}

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

.tournament_main .main-content .upComing-item .title {
	font-weight: 700
}

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

/*ranking-list*/
.ranking-section .section-title{
	display: flex;
	font-weight: var(--MED_FONT_WEIGHT);
	font-size: var(--FONT_SIZE_LIGHT_MD);
	font-family: var(--SECONDARY_FONT_FAMILY);
    width: fit-content;
}

.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: var(--BODY_TXT_FONT_SIZE);
    font-family: var(--SECONDARY_FONT_FAMILY);
    letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
    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: var(--BODY_TXT_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    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: var(--SECTION_HEADER_SMALL_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    font-family: var(--SECONDARY_FONT_FAMILY);
    letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
    text-align: left;
}

.ranking-section .rank-tab-content button {
    font-weight: var(--MED_FONT_WEIGHT);
}

.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 list */
.tournament-section {
	position: relative;
	display: block;
	margin: 2rem 0
}

.tournament-section .tournament-box-action {
	position: absolute;
    top: 1rem;
    right: 0
}

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

.tournament-section .label {
	font-size: var(--DEFAULT_FONT_SIZE);
	z-index: 0
}

.tournament-section .title {
    position: relative;
    width: fit-content;
	font-weight: var(--MED_FONT_WEIGHT);
	font-size: var(--FONT_SIZE_LIGHT_MD);
	font-family: var(--SECONDARY_FONT_FAMILY);
	letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
}

.tournament-section .title .total { 
	position: absolute;
	height: 25px;
    width: 25px;
    top: 0;
    right: -2rem;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    line-height: 2em
}

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

.tournament-section .tournament-bx {
    position: relative;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s
}

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

.tournament-section .tournament-bx .box-content .date {
    font-size: var(--FONT_SIZE_SM);
}

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

.tournament-section .tournament-bx.bx-1 .box-content {
	margin: 5px
}

.tournament-section .tournament-bx.bx-2 {
    display: flex
}

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

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

/* ranking list */
.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
}

.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: 1rem
}

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

.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: 15% 50% 35%;
	padding: 10px;
	font-weight: 600
}

.winnerList .winner-boxes .groupList .rankingList .winner-bx:nth-child(1) .details,
.winnerList .winner-boxes .groupList .rankingList .winner-bx:nth-child(2) .details,
.winnerList .winner-boxes .groupList .rankingList .winner-bx:nth-child(3) .details {
	grid-template-columns: 60% 40%;
	margin-left: 3em
}

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

.winnerList .winner-boxes .groupList .rankingList .winner-bx .details .username,
.winnerList .winner-boxes .groupList .rankingList .winner-bx .details .amount {
	margin: auto 0;
	font-size: 1rem
}

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

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

.winnerList .winner-boxes .groupList button:hover {
	text-decoration: underline
}

.medal_circle {
	font-family: "Roboto", sans-serif;
    font-weight: 500;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: white;
    text-align: center;
    line-height: 26px;
    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 8px;
    width: 0;
    height: 15px;
    margin-left: -10px;
    top: 26px
}

.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 modal */


#tournamentmodal .modal-dialog .modal-body {
	padding-top: 0;
	max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

#tournamentmodal .popTitle-wrap {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase
}

#tournamentmodal .popTitle-wrap .upperTitle {
	font-size: var(--FONT_SIZE_LG);
	font-weight: var(--MED_FONT_WEIGHT);
	text-transform: uppercase;
	line-height: 1em
}

#tournamentmodal .modal-content .modal-header {
	max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden
}

#tournamentmodal .tournament-img {
	border-radius: 10px
}

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

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

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

#tournamentmodal .btn-box button {
    font-size: var(--BODY_TXT_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    border-radius: 5px;
    transition: .3s ease 0s
}

#tournamentmodal .tournament-desc {
    font-size: var(--SUBHEADER_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
}

#tournamentmodal hr {
    margin: 10px 0
}

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

#tourrankingmodal .modal-header .popTitle-wrap {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase
}

#tourrankingmodal .modal-body {
    height: 100%;
}

#tourrankingmodal hr {
	margin: 10px 0
}

#tourrankingmodal .upperTitle {
    font-size: 20px;
   	font-weight: 700;
   	text-transform: uppercase;
   	line-height: 1em
}

#tourrankingmodal .rank-title {
	display: flex
}

#tourrankingmodal .rank-title h2 {
    margin: auto 0;
	font-size: 1rem;
	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;
    color: #222;
    background: #dcb3ac;
    border: 2px solid #dcb3ac;
    box-shadow: 2px 2px #888888
}

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

#tourrankingmodal .tournament-rank .rank-item {
	position: relative;
    display: grid;
    grid-template-columns: 15% 50% 35%;
    margin: 0 0 1rem 0;
    padding: 10px;
    font-weight: 600
}

#tourrankingmodal .tournament-rank .rank-item:nth-child(1),
#tourrankingmodal .tournament-rank .rank-item:nth-child(2),
#tourrankingmodal .tournament-rank .rank-item:nth-child(3) {
	grid-template-columns: 60% 40%;
    margin-left: 3em
}

#tourrankingmodal .tournament-rank .rank-item .medal {
	position: absolute;
    top: 0;
    left: -3em
}

#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 modal */
/* TOURNAMENT */

/* register page */

.register-box {
	width: 100%;
	border-radius: 0.2rem;
	margin: 0 auto .825rem;
	/* padding: 10px; */
}

.mobile-register-box {
	width: 100%;
	border-radius: 0.2rem;
	margin: 0 auto .825rem;
	padding: 10px;
}

.register-box .input-separate {
    margin: 10px 0 5px 0;
}

.mobile-register-box .input-separate {
    margin-top: 10px;
}

.register-box .reg-step {
	width: 85%;
    height: auto;
    margin: 0 auto 0.5rem auto;
    text-align: unset;
}

.register-box .reg-progress {
	display: flex;
	justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.register-box .reg-progress .label {
	border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
}

.register-box .reg-progress .progressBar {
	width: 80%;
    height: 0.03rem;
}

.register-box .reg-progress .progressBar-check {
	width: 80%;
    height: 0.03rem;
}

.register-box .register-form .form-input .form-control,
.mobile-register-box .form-input .form-control {
	border-radius: 3px;
    height: 31px;
    font-size: 11px;
}

.register-form .form-input .registerPassIcon,
.mobile-register-box .form-input .registerPassIcon {
	/* right: 20px;
	margin-right: 10px;
    position: absolute;
    margin-top: -20px; */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.register-form .form-input #regMobileCurrency {
	width: 40%;
}

.mobile-register-box .form-input #regMobileCurrency2 {
	width: 35%;
}

.register-form .form-input #regMobile {
    margin-left: 10px;
}

.mobile-register-box .form-input #regMobile2 {
	margin-left: 10px;
}

.mobile-register-box .form-input #regOTP,
.register-box .register-form .form-input #regOTP2 {
	width: 35%;
	/* margin-right: 15%; */
}

.register-box .register-form .form-input #regCaptcha {
	margin-left: 10px;
}

.register-box .register-form .form-separate .input-separate .form-input .select-input {
	width: 44%;
    border-radius: 3px;
}

.register-box .register-form .form-separate .input-separate .form-input .select-input img {
	width: unset;
}

.btn_next,
.btn_prev {
	min-width: 186px;
	height: 40px;
	border-radius: 8px;
	margin-top: 15px;
}

.mobile-register-banner img {
	width: 100%;
}


/* register page */

/* register success page */

.blog_content .label-success{
	background: rgb(148,221,60);
    color: #fff;
	border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 60px;
    height: 60px;
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

/* register success page */


/* deposit page button */

.deposit-box .deposit-option {
	text-align: center;
	margin-top: 15px;
}

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

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

#content_inputAmount .choose-box {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
}

#content_inputAmount .choose-box li{
	flex-basis: calc(20% - 10px);
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: .3s;
    border-radius: 3px;
    text-align: center;
    border: var(--depot1_ADD_MONEY_BOX_LI_BORDER);
    color: var(--depot1_ADD_MONEY_BOX_LI_TXT);	
}

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

/* deposit page button *//* register page */

/* Share Option modals */
#shareReferralmodal .modal-body .referralBtnBox{
	margin-left: auto;
	margin-right: auto;
	display: grid;
}

#shareReferralmodal .modal-body .referralBtnBox button{
	display: flex
}

#shareReferralmodal .modal-body .referralBtnBox button .text{
	margin: auto 10px
}

#shareReferralmodal .modal-body .referralBtnBox .referralShareBtn{
    padding: 5px
}
/* Share Option modals */

/* Deposit and Withdraw Page Announcement */

.announcement-container{
	padding: 10px;
	border-radius: 10px;
	margin: 15px;
}

/* 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: 30px;
	height: 30px;
	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: absolute;
    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 {
    margin: 2rem 15px
}

.liveScoreWidget .ls-header {
	position: relative;
    padding: 10px 5px 5px
}

.liveScoreWidget .ls-header .h-top {
	display: grid;
    grid-template-columns: 90% 10%;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.liveScoreWidget .ls-header .h-top .filter-select {
	position: relative;
    font-size: 20px;
    align-self: center;
    text-align: center
}

.liveScoreWidget .ls-header .h-top .league-- {
	position: relative;
	display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0 5px 0 35px;
    font-size: 14px;
    font-weight: 600;
    align-self: center
}

.liveScoreWidget .ls-header .h-top .league-- .sub {
	font-size: 10px;
    font-weight: normal
}

.liveScoreWidget .ls-header .h-top .league-- img {
	position: absolute;
    width: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption {
	display: grid;
    grid-template-columns: 85% 15%
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption #lsQuickDate {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 3px;
    margin: 0;
    padding: 0
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption li {
	list-style: none
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption li button {
	width: 100%;
    padding: 5px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption .cal-- {
	position: relative;
    padding: 0 0 0 5px;
    font-size: 20px;
    text-align: center;
    align-self: center
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption .cal-- .fa-caret-down {
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px
}

.liveScoreWidget .ls-header .h-bottom .h-dateOption .cal-- input {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 5px;
    top: 0;
    opacity: 0
}

.liveScoreWidget .ls-header .h-search {
    position: absolute;
    width: 100%;
    height: fit-content;
    top: 3rem;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: .3s
}

.liveScoreWidget .ls-header .h-search.show {
	opacity: 1;
	z-index: 1
}

.liveScoreWidget .ls-header .h-search .search-field {
	position: relative;
    width: 95%;
    margin: 2rem auto
}

.liveScoreWidget .ls-header .h-search .field-- {
	position: relative
}

.liveScoreWidget .ls-header .h-search .field-- .input {
	width: 100%;
    border-radius: 5px;
    cursor: pointer
}

.liveScoreWidget .ls-header .h-search .field-- select {
	padding: 12px 10px 12px 2rem
}

.liveScoreWidget .ls-header .h-search .field-- input {
	padding: 12px 2rem 12px 10px
}

.liveScoreWidget .ls-header .h-search .field-- .icon {
	position: absolute;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.liveScoreWidget .ls-header .h-search .field-- .icon.fa-caret-down {
	right: 5px
}

.liveScoreWidget .ls-header .h-search .field-- .icon.fa-calendar-alt {
	right: 10px
}

.liveScoreWidget .ls-header .h-search .field-- img {
	position: absolute;
    width: 20px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.liveScoreWidget .ls-body {
	position: relative;
    padding: 1rem 5px
}

.liveScoreWidget .ls-body .b-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.liveScoreWidget .ls-body .b-getResult .msg {
	position: absolute;
    width: 95%;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center
}

.liveScoreWidget .ls-body .b-msg {
	display: none;
	margin-bottom: 5px;
    padding: 5px 1rem;
    font-size: 12px;
    letter-spacing: .48px;
    border-radius: 5px
}

.liveScoreWidget .ls-body .b-msg.show {
	display: block
}

.liveScoreWidget .ls-body .b-content {
	min-height: 400px
}

.liveScoreWidget .league-section {
    border-radius: 5px
}

.liveScoreWidget .league-fixture-list .layer {
    overflow-y: auto;
    max-height: 400px;
    padding-right: 5px
}

.liveScoreWidget .league-fixture-list .fixture-drop {
    margin: 5px 0 0;
    padding: 1rem 10px;
    border-radius: 5px;
    cursor: pointer
}

.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 .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: 20px;
    height: 20px
}

.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-team .win {
    font-weight: 600
}

.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 {
    padding: 0
}

.liveScoreWidget .league-fixture-content hr {
    margin: 10px 0
}

.liveScoreWidget .league-fixture-content .fc-label {
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 10px 10px 10px 25px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 5px 5px 0 0
}

.liveScoreWidget .league-fixture-content .fc-label img {
    position: absolute;
    width: 15px;
    height: 15px;
    left: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.liveScoreWidget .league-fixture-content .fc-label div:last-child {
    text-align: right
}

.liveScoreWidget .league-fixture-content .fc-back {
	padding: 10px 5px
}

.liveScoreWidget .league-fixture-content .fc-back button {
	padding: 5px 20px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px
}

.liveScoreWidget .league-fixture-content .fc-main {
	padding: 10px 5px
}

.liveScoreWidget .league-fixture-content .fc-team {
	display: grid;
    grid-template-columns: 40% 20% 40%;
    margin: 0 0 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: 70px;
	max-height: 70px
}

.liveScoreWidget .league-fixture-content .fc-team .fc-home div:last-child,
.liveScoreWidget .league-fixture-content .fc-team .fc-away div:last-child {
	padding: 0 5px;
	font-size: 14px;
    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: 1rem;
	font-size: 25px;
    font-weight: 600;
    justify-content: space-around
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-score i {
	position: absolute;
    font-size: 15px;
    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: 10px
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date {
	display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 0 1rem;
    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: 1rem
}

.liveScoreWidget .league-fixture-content .fc-team .fc-short-info .fc-date span:last-child {
	font-size: 12px
}

.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(2, 1fr)
}

.liveScoreWidget .league-fixture-content .fc-info .info-row:last-child {
	grid-template-columns: repeat(1, 1fr);
	margin-bottom: 0
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 10px 5px;
    border-radius: 5px;
    justify-content: center
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:first-child {
	font-size: 10px;
	font-weight: 600;
    text-transform: uppercase
}

.liveScoreWidget .league-fixture-content .fc-info .info-row .info-column span:last-child {
    font-size: 12px;
    letter-spacing: .48px
}

.liveScoreWidget .league-fixture-content .fc-score-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
	margin-top: 1rem
}

.liveScoreWidget .league-fixture-content .fc-score-details .score-section {
	padding: 5px;
    border-radius: 5px
}

.liveScoreWidget .league-fixture-content .score-section .label {
	margin-bottom: 10px;
	font-size: 10px;
    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: 40px;
    max-height: 40px
}

.liveScoreWidget .league-fixture-content .score-section .score-board div:nth-child(2) {
	display: flex;
    font-size: 20px;
    font-weight: 600;
    justify-content: space-around;
    align-self: center
}
/* LIVE SCORE */

/* HOT GAME */
.hot-games-wrap .subSlider-wrapper .lSSlideOuter .lSSlideWrapper .lSAction i{
	font-size: 32px;
}

.dstg-sub-slider-wrapper .dstg-subSlider-wrapper {
	position: relative
}

.dstg-hot-games-wrapper .dstg-subSlider-wrapper {
    position: relative;
    margin-top: 10px !important;
}

.dstg-hot-games-wrapper .dstg-subSlider-wrapper .dstg-sub-slider img {
    width: 100%;
    height: 100%
}

.dstg-hot-games-wrapper .dstg-subSlider-wrapper .dstg-sub-slider .dstg-hide {
    opacity: 0 !important;
    z-index: -1 !important
}

.dstg-hot-games-wrapper .dstg-subSlider-wrapper .dstg-sub-slider .dstg-locked {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 1rem;
    opacity: 1;
    transition: .3s linear;
    background-color: #000000ba
}

.dstg-hot-games-wrapper .dstg-subSlider-wrapper .dstg-sub-slider .dstg-locked .dstg-l-wrap {
	position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    text-align: center;
    font-size: 1rem;
    color: #fff
}

.dstg-hot-games-wrapper .dstg-subSlider-wrapper .dstg-sub-slider .dstg-loading {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 1rem;
    opacity: 1;
    transition: .3s linear;
    background-color: #000000ba
}

.dstg-hot-games-wrapper .dstg-subSlider-wrapper .dstg-sub-slider .dstg-loading .dstg-l-wrap {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    text-align: center
}

.dstg-hot-games-wrapper .dstg-subSlider-wrapper .dstg-sub-slider .dstg-loading .dstg-l-wrap img {
	width: 20px
}

.dstg-upcoming-wrap .dstg-upcomingSlider-wrap{
	margin-top: 10px; 
}

.dstg-subSlider-wrapper {
	position: relative;
}

.dstg-subSlider-wrapper .dstg-game-slider {
	overflow: hidden;
    position: relative;
    height: 160px;
}

.dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer.dstg-hotgames-enter-active {
	-webkit-animation: enter 20s linear;
	animation: enter 20s linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

.dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer.dstg-hotgames-leave-active{
	-webkit-animation: leave 20s linear;
    animation: leave 20s linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.dstg-subSlider-wrapper .dstg-game-slider .dstg-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;
    list-style: none;
}

.dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem {
	margin-right: 20px;
    height: 100%;
    width: 119px;
}

.dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem .dstg-img{
    width: 130px;
    height: 150px;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.dstg-subSlider-wrapper .dstg-game-slider .dstg-imgContainer .dstg-imgItem .dstg-img img{
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
}

@-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%)
	}
}
/* HOT GAME */

/* TOTAL WALLET BALANCE */
.dropdown-main-wallet {
	position: relative;
	margin: 0 5px 1rem;
	padding: 0 0 5px
}

.col-12 .dropdown-main-wallet{
	position: relative;
	margin:0;
	padding: 0 0 5px
}

.dropdown-main-wallet:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0
}

.dropdown-main-wallet .mainWalletArea {
	display: flex;
    gap: 10px;
    align-items: center;
    padding: 0 10px
}
.dropdown-main-wallet .mainWalletArea span {
	margin-bottom: 10px;
}
.dropdown-main-wallet .mainWalletArea span:nth-child(1) {
    font-size: var(--HEADER_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
}

.dropdown-main-wallet .mainWalletArea span.mainWalBal {
	font-size: var(--HEADER_FONT_SIZE);
}
.dropdown-main-wallet .mainWalletArea span:nth-child(2) {
	font-size: var(--FONT_SIZE_MD);
    font-weight: var(--MED_FONT_WEIGHT);
    /* margin-top: -4px; */
}
.dropdown-main-wallet .mainWalletArea button {
	font-size: 20px
}

.summary-wrapper.large {
	grid-template-columns: repeat(2, 1fr)
}

.summary-wrapper .amount-item .fa-tools {
    height: fit-content;
    padding: 0
}
/* TOTAL WALLET BALANCE */

/* PRELOADER */
#preloader {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	z-index: 99999
}

#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%)
}

#loading-center-absolute img {
    width: 100%
}
/* PRELOADER */

/* FIX FOOTER */
.fix-footer {
	position: fixed;
    z-index: 99;
    bottom: 0;
    width: 100%;
}

.fix-footer .menu-btm {
    position: relative
}

.fix-footer .traceAmt {
	padding: 2px 0;
    text-align: center;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
}
/* FIX FOOTER */

/* TUTORIAL PAGE */
.tutorial-item {
	margin: 2rem 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: 700px !important;
	min-height: 200px;
	background: none;
	border: none
}
/* TUTORIAL PAGE */

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

.footer-sitemap .f-sec-container {
	position: relative;
/* 	display: grid;
    grid-auto-flow: column;
    grid-gap: 0 1rem */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0;
}

.footer-sitemap .f-sec-container:after {
	content: "";
	position: absolute;
	width: 95%;
    height: 1px;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%)
}

.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: -8px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.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; */
	font-size: 12px;
    line-height: 1.2;
    letter-spacing: 1px
}

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

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

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

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

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

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

.footer-sitemap .sitemap-col .col-img img.s5 {
	max-width: 25px
}

.footer-sitemap .sitemap-col .col-text {
	margin: 1rem 0 0;
	line-height: 1.2;
    font-size: 12px
}

.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 */

/* MEMBER TNC (CREDIT MART) */
.member-tnc-container {
	margin: 0 5px;
	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: 20px;
    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 ul {
	padding: 0 0 0 25px
}

.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 {
    width: 100%;
    margin-top: 15px;
    display: grid;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: 6px;
}

.spinwheel-tab {
	background-position: right;
    background-repeat: no-repeat;
    background-size: 145% 100%;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.spinwheel-container .spin-selector {
    text-align: center;
    display: flex;
   	overflow: scroll;
    width: 100%;
}

.spinwheel-container .spin-selector::-webkit-scrollbar {
   	display: none;
}

.spinwheel-container .spin-selector .spin-selector-box {
    margin-left: 20px;
    padding: 15px 20px;
    border-radius: 15px;
    width: 150px;
}

.spinwheel-container .spin-selector .spin-selector-box:last-child {
     margin-right: 20px;
}

.spinwheel-container .spin-selector .spin-selector-label {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 14px;
    margin-top: 20px;
}

.spinwheel-container .spin-selector .spin-selector-balance {
	font-size: 28px;
    margin-top: 18px;
    font-weight: 700;
    margin-bottom: 1px;
}

.spinwheel-container .spin-selector .spin-selector-gameName {
	font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0px;
    overflow-wrap: anywhere;
}

.spinwheel-container .button-container {
	width: 100%;
    text-align: center;
}

.spinwheel-container .button-container button {
	border-radius: 24px;
    padding: 8px;
    width: 100px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}

.spinwheel-sec {
	margin-top: 25px;
    margin-bottom: 6rem;
}


.Spinwheel-bg img {
	width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.btn-box {
	display: flex;
	margin: 2px;
	margin-top: 20px;
}

.btn-box .claimed-reward {
	animation: glowing-box 1200ms infinite;
}

.btn-box .claimed-reward,
.btn-box .btn-history {
    border: none;
    border-radius: 5px;
    padding: 10px 10px;
    font-size: var(--FONT_SIZE_SMALL);
    font-weight: var(--MED_FONT_WEIGHT);
    width: 50%;
    text-align: center;
    margin: 0 2px;
}

.btn-box .claimed-reward .msg-label .icon,
.btn-box .btn-history .msg-label .icon {
	 margin-left: 10px;
}

.spinwheel-container .msg-box .error-msg-label {
	font-size: var(--FONT_SIZE_LIGHT_MD);
	text-align: center;
	font-weight: var(--REG_FONT_WEIGHT);
	color: #fff
}

.spinwheel-container .msg-box .button-box {
	text-align: center;
    margin-top: 10px;
}

.spinwheel-container .msg-box .button-box button {
	border: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: var(--MED_FONT_WEIGHT);
    text-align: center;
    background: linear-gradient(180deg,rgb(208 179 91) 0%,rgb(140 105 1) 100%);
    color: #fff;
}

.spinwheel-container .msg-box .button-box .icon { 
    margin-left: 10px;
}

/* Spin Wheel */

/* DAILY LOGIN REWARD */
.daily-reward-section{
	position: relative;
	margin: 10px 15px;
}

.daily-reward-container,
.member-daily-reward-container{
    margin: 1.5rem auto;
    width: 100%;
    height: 300px;
}

.daily-reward-container .bg-img img{
	position:absolute;
	height: 290px;
	width: 100%;
}

.daily-reward-title{
	text-align: center;
    pointer-events: none;
    font-size: 18px;
    padding: 12px 3px 3px 3px;
    font-family: var(--SECONDARY_FONT_FAMILY);
    font-size: var(--FONT_SIZE_MD);
    font-weight: var(--REG_FONT_WEIGHT);
    position: relative;
}


.dailyLoginReward{
	display: flex;
    flex-direction: row;
    overflow-x: auto;
    cursor: grab;
    position: relative;
    scrollbar-width: none;
    padding: 5px 0px 20px 0;
	margin: 0 10px;
}

.dailyLoginReward::-webkit-scrollbar{
	width:0px;
	height:0px;
}

.reward-frame{
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-width: 120px;
    margin: 0.2rem 0.5rem 0rem 0.5rem;
    padding: 1rem 0.5rem;
    border-radius: 30px;
}

.reward-details-wrap{
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100px;
    margin: 0 10px 10px;
    padding: 1rem 0.5rem;
    border-radius: 10px;
}

.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: 75px;
}

.check-in-day{
	font-size: var(--FONT_SIZE_BASE);
    text-align: center;
    font-weight: var(--MED_FONT_WEIGHT);
    text-transform: uppercase;
}

.reward-amount {
	font-size: var(--CLAIM_REWARD_AMO_FONT_SIZE);
}

.reward-check-in-button{
	font-size: 12px;
    font-weight: var(--MED_FONT_WEIGHT);
    padding: 8px;
    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: auto;
	padding: 8px;
}

.claim-next:disabled{
	cursor: not-allowed;
}


.claim-today{
	animation: glowing 1300ms infinite;
}

.dailyRewardPop-wrapper {
	width: 350px;
}

.dailyRewardContent-wrapper .reward-pop {
    width: 100%;
    height: 340px;
    border-radius: 10px;
}

.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: 15px 18px;
    font-size: 20px;
}

.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 LOGIN REWARD */

/*PROMO GROUP*/
.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);
}

/* decorator navi */
.tab-content .tab-pane .gwrap_4 .prov-tab-wrap{
	position: relative;
	width: 50%;
	display: inline-block;
}

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .locked{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
   	background-color: rgb(195 195 195 / 85%);
}

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .loading{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
   	background-color: rgb(195 195 195 / 85%);
}

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .loading img{
	width:35px;
}

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .locked .wrap{
	line-height: 120px;
	font-size: 22px;
	color:#484848;
}

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .loading .wrap{
	line-height: 120px;
}

.tab-content .tab-pane .gwrap_4 .prov-tab-wrap .hide{
	width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}

/*slot game list*/
.slot-content .slot-bx,
.lottery-content .lottery-bx {
    position: relative;
}

.slot-content .slot-bx .loading,
.lottery-content .lottery-bx .loading{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 85%);
    z-index:999999

}

.slot-content .slot-bx .loading .wrap,
.lottery-content .lottery-bx .loading .wrap{
	line-height:104px;
}

.slot-content .slot-bx .loading img,
.lottery-content .lottery-bx .loading img{
	width: 35px;
}

.slot-content .slot-bx .locked,
.lottery-content .lottery-bx .locked{
	position:absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
   	background-color: rgb(0 0 0 / 85%);
   	z-index:999999
}

.slot-content .slot-bx .icon,
.lottery-content .lottery-bx .icon{
	line-height: 104px;
	font-size: 22px;
}

.slot-content .slot-bx .hide,
.lottery-content .lottery-bx .hide{
	width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    display: none !important;
}
/*END OF PROMO GROUP*/

/* NEW PROV CAT LIST */
#playoptionmodal .modal-body {
	display: flex;
    flex-direction: column;
    justify-content: center
}

#playoptionmodal .content- {
	display: flex;
	flex-direction: column;
	gap: 1rem 0
}

#playoptionmodal .content- button {
	padding: 10px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 5px
}

.provgamelist- {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    transform: scaleX(0);
    padding: 4rem 10px 6rem;
    z-index: -1;
    opacity: 0;
    transition: all .2s ease-in-out, opacity 1s ease-in-out
}

.provgamelist-.active {
    left: 0%;
    transform: scaleX(1);
    z-index: 15;
    opacity: 1;
    transition: all .2s ease-in-out, opacity .2s ease-in-out;
}

.provgamelist- .top-lbl- button {
	padding: 5px 10px;
    border: 1px solid;
    border-radius: 5px
}

.provgamelist- .bottom-gamelist- {
	height: 85%
}

.provgamelist- .gamelist- {
	height: 100%
}

.provgamelist- .gamelist-.hide- {
	display: none;
    opacity: 0
}

.provgamelist- .gamelist- .gamelist-lbl- {
	margin: 0 0 10px;
	text-align: center
}

.provgamelist- .gamelist- .gamelist-lbl- img {
    width: 200px
}

.provgamelist- .gamelist- .gamelist-lbl- .prov-filter-list- {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.provgamelist- .gamelist- .gamelist-lbl- .prov-filter-list- button {
	padding: 5px;
    font-weight: 600;
    border: 1px solid;
    border-radius: 20px
}

.provgamelist- .gamelist- .gamelist-content- {
	height: 100%
}

/* provider list search bar */

.provgamelist- .gamelist- .gamelist-content- .search-bar{
	display: flex;
    border-radius: 15px;
    border: 1px solid var(--color4);
    padding: 5px 10px;
    margin-bottom: 10px;	
}

.provgamelist- .gamelist- .gamelist-content- .search-bar i{
	margin: auto;
}

.provgamelist- .gamelist- .gamelist-content- .search-bar .searchInputBox{
	outline: none;
    border: none;
}

/* provider list search bar */

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- {
	height: 80%;
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-gap: 10px;
    overflow-x: hidden;
    overflow-y: auto
}

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- {
	
}

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- .prov-img- {
	position: relative;
    min-height: 120px;
    border: 1px solid;
    border-bottom: none;
    border-radius: 10px 10px 0 0
}

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- .prov-img- img {
	border-radius: 10px 10px 0 0
}

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- .prov-img- .locked- {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    border: 3px solid;
    border-radius: 10px 10px 0 0;
    z-index: 2
}

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- .prov-img- .locked-.hide- {
	opacity: 0;
	display: none;
	z-index: -2
}

.provgamelist- .gamelist- .gamelist-content- .gamelist-wrap- .provItem- .prov-name- {
	padding: 10px 5px;
    text-align: center;
    font-weight: 600;
    line-height: 1rem;
    border-radius: 0 0 10px 10px
}

.provgamelist- .gamelist- .gamelist-content- .usrpswd-field- label {
	margin: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.provgamelist- .gamelist- .gamelist-content- .usrpswd-field- .input- {
    position: relative
}

.provgamelist- .gamelist- .gamelist-content- .usrpswd-field- .input- input {
    width: 100%;
    padding: 10px 3rem 10px 1rem;
    border-radius: 5px;
    border: 2px solid
}

.provgamelist- .gamelist- .gamelist-content- .usrpswd-field- .input- .copyIcon {
	position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    font-size: 20px
}

.provgamelist- .gamelist- .gamelist-content- .usrpswd-download- {
	display: flex;
    gap: 0 2rem;
    margin: 1rem 0 0;
    justify-content: center
}

.provgamelist- .gamelist- .gamelist-content- .usrpswd-download- .down-item .lbl {
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px 5px 0 0;
    font-weight: 600
}

.homeprovlist- {
	margin: 1rem 0
}

.homeprovlist- .tablist- ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
    flex-direction: column;
    gap: 5px
}

.homeprovlist- .tablist- ul li {
	margin: 0 5px 0 0;
	border: 1px solid;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 500
}

.homeprovlist- .tablist- .tablist-1 li {
	display: grid;
    grid-template-columns: 40% 60%;
    align-items: center;
    justify-content: flex-start;
    height: 45px;
}

.homeprovlist- .tablist- .tablist-1 li div {
    text-align: center;
    padding: 0 5px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--SECONDARY_FONT_FAMILY);
    font-size: var(--FONT_SIZE_SM);
    letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
    text-align: left;
}

.homeprovlist- .tablist- .tablist-1 li img {
	padding: 5px;
    max-width: 40px
}

.homeprovlist- .tablist- .tablist-2 li {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px;
    text-align: center
}

.homeprovlist- .tablist- .tablist-2 img {
	width: 50px
}

.homeprovlist- .tabcontent- {
	display: none;
    animation-name: fadeOut
}

.homeprovlist- .tabcontent-.show {
	display: block;
    animation-name: fadeIn;
    animation-duration: .5s
}

.homeprovlist- .tabcontent- .content-wrap- {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 0
}

.homeprovlist- .tabcontent- .provItem- {
	position: relative;
	display: flex;
    justify-content: center;
	width: calc(100%/2)
}

.homeprovlist- .tabcontent- .provItem- .btn-prov-click {
	width: 90%;
	padding: 0;
	border: none;
	border-radius: 5px
}

.homeprovlist- .tabcontent- .provItem- .label_lobby,
.homeprovlist- .tabcontent- .provItem- .label_game_list {
	position: absolute;
    top: 0px;
    right: 1px;
    font-size: 10px;
    font-weight: 500;
    min-width: 39px;
    text-align: center;
    width: max-content;
    padding: 2px 0.25rem;
    background-color: var(--color4);
    color: var(--color2);
    border-radius: 2px;
    text-transform: uppercase;
}

.homeprovlist- .tabcontent- .provItem- img {
	border-radius: 5px
}

.homeprovlist- .tabcontent- .provItem- .maintenance- {
	position: absolute;
    width: 95%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    border: 3px solid;
    border-radius: 5px;
    z-index: 2
}

.homeprovlist- .tabcontent- .provItem- .locked- {
	position: absolute;
    width: 95%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    border: 3px solid;
    border-radius: 5px;
    z-index: 2
}

.homeprovlist- .tabcontent- .provItem- .locked-.hide- {
	opacity: 0;
    z-index: -1
}
/* NEW PROV CAT LIST */

/* info page navi bar */
.navi-bar-container {
    margin: 10px 0px 25px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.navi-bar-container .navi-bar-content {
	display: flex;
    overflow-x: auto;
}

.navi-bar-container .navi-bar-content .navi-item {
	padding: 10px 5px;
    font-weight: var(--MED_FONT_WEIGHT);
    min-width: 110px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
/* info page navi bar */


/* New Deposit Layout */
.m-deposit-landing-container {
	font-size: 13px;
}

.deposit-landing-container {
	margin: 0 15px;
}

.m-deposit-landing-container .deposit-option-tittle-container {
	margin: 0 0 20px;
}

.m-deposit-landing-container .standard-form-container {
	margin: 0 0 1rem;
}

.m-deposit-landing-container .standard-form-container .deposit-channel-container {
	background: transparent;
    margin: 0 0 0.45rem;
}

.m-deposit-landing-container .deposit-option-tittle-container .deposit-option-tittle {
	display: grid;
    grid-template-columns: 90% auto;
}

.deposit-tab-container {
	width: 100%;
	background: transparent;
    margin: 0 0 35px;
    overflow: unset;
}

.deposit-tab-container .deposit-tab,
.deposit-channel-container .deposit-select-box {
	display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 12px;
    grid-row-gap: 5px;
    padding: 0;
    font-size: 13px;
    border-bottom: 0;
    width: 100%;
}

.deposit-tab-container .deposit-tab .tab-header,
.deposit-channel-container .deposit-select-box .tab-header {
    cursor: pointer;
    height: auto;
    align-items: center;
    width: auto;
    white-space: nowrap;
    margin: 0;
    font-weight: 500;
    border-radius: unset;
    position: relative;
    font-size: 13px;
    flex-direction: column;
    justify-content: start;
    padding: 0;
    margin-bottom: 10px;
}

.deposit-tab-container .deposit-tab .tab-header .img-container,
.deposit-channel-container .deposit-select-box .tab-header .channel-img {
	align-items: center;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin: 0 0 10px;
    padding: 10px 0;
    width: 100%;
    height: 62px;
}

.form-group .choose-box {
	display: grid;
    grid-template-columns: repeat(4,0.5fr);
    grid-column-gap: 0.1rem;
    grid-row-gap: 0.1rem;
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 20px;
    padding: unset;
}

.form-group .choose-box li {
    display: block;
    margin-right: 9px;
    margin-bottom: 10px;
    transition: .3s;
    text-align: center;
    border-radius: 6px;
    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: 100%;
    height: 42px;
    font-size: var(--BUTTON_SMALL_FONT_SIZE);
    border: none;
    margin-bottom: 20px;
}

.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;
    width: 100%;
}

.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 .bank-qrcode {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0.78rem 0;
}

.form-group .specificUploadBtn {
	position: relative;
}

.form-group .specificUploadBtn .btnDepositReceipt {
    text-align: center;
    padding: 12px;
    text-transform: uppercase;
    border-radius: 10px;
    height: auto;
    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;
}

.form-group .exchangeIcon {
	transform: rotate(270deg);
    width: fit-content;
    height: fit-content;
    top: 55%;
    left: 10rem;
    font-size: 1rem;
    cursor: pointer;
}

.standard-form-container .bank-list-container {
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-row-gap: 0.15rem;
    grid-column-gap: 0.1rem;
    margin: 0 0 0.35rem;
    margin-top: 20px;
    border-bottom: none;
    text-align: center;
    font-size: 13px;
}

.standard-form-container .bank-list-container.NO {
	padding: 10px;
}

.bank-list-container .nav-item .nav-link {
	align-items: center;
    display: flex;
	text-align: start;
}

.bank-list-container .nav-item .nav-link .paymentgateway-name {
	margin-left: 30px;
    font-size: 15px;
}
/* New Deposit Layout */
/* Dont Show Again Pop up */
.modal-footer {
	border-top: none;
	justify-content: center; 
	color: #fff;
}
/* Dont Show Again Pop up */

#moreinfomodal .description-content table,
#angpowmodal .description-content table,
#angpowmodal .description-content img,
#moreinfomodal .description-content img{
	max-width: 320px !important;
}
/**SELECT 2*/
.select2-container.mobile_prefix_selection {width:50% !important;}
.mobile_prefix_selection  .select2-selection {
	height:100% !important;
}
.mobile_prefix_selection  .select2-selection--single {
	border:1px solid #dedede;	
}
.mobile_prefix_selection  .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.mobile_prefix_dropdown.select2-dropdown {
	width: 180px !important;
	border:1px solid #ccc;
}
.country_code_option {
	display:block;
}
.country_code_option img {
	height:18px;
	width:18px;
	margin-right:7px !important;
}

/* Contact Box */
.contactBox.active {
    right: 0;
    z-index: 101;
}

.contactBox {
    align-items: center;
    bottom: 200px;
    display: flex;
    position: fixed;
    right: -240px;
    transition: all .3s;
    width: 270px;
    z-index: 99;
}

.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: 100;
}

.BesideParnterLogo .ParnterLogo-1 {
	bottom: 350px;
}

.BesideParnterLogo .ParnterLogo-2 {
    bottom: 465px;
}
/* Beside Parnter Logo */


/* header qr element */
.qrElmemntlogo .fa-qrcode {
	font-size: 18px;
    border: 1px solid #6a718e;
    padding: 3px;
    border-radius: 4px;
}
/* header qr element */

.userlogin_name  {
	font-weight: var(--MED_FONT_WEIGHT);
}

.deposit-form .form-group .col-form-label b,.col-form-label {
	font-size: var(--FONT_SIZE_SMALL);
	font-weight: var(--MED_FONT_WEIGHT) !important;
}
.ref_banner_container .ref_banner_overlay .text-lg-bold {
	font-size: var(--SECTION_HEADER_LARGE_FONT_SIZE) !important;
}
.ref_banner_container .ref_banner_overlay .text-sm-bottom {
	font-size: var(--BODY_TXT_FONT_SIZE) !important;
}
.ref_banner_container .ref_banner_overlay ._text-sm {
	font-size: var(--FONT_SIZE_XS) !important;
}
.hotgame-menu .hotgame-title .title_hotGameDesktop {
	font-size: var(--HEADER_FONT_SIZE) !important;
}
.banner-section- .container img {
	border-radius: 10px;
}
.register-form  {
	padding: 8px 0;
}
.login_form .input-separate .label-title {
	font-size: var(--DEFAULT_FONT_SIZE);
	margin-bottom: 4px;
}
.register-form .input-separate .form-input {
	position: relative;
}
#telegramRegister ul,#whatsappRegister ul {	
	list-style-type: decimal;
	padding-left: 0px;
}

#telegramRegister ul li,
#whatsappRegister ul li {
	font-size: var(--DEFAULT_FONT_SIZE);
	margin: 9px 0;
	padding-left: 5px;
}
#telegramRegister ul li .form-group.row{
	flex-direction: column;
}
#telegramRegister .form-group .col-form-label b,
#whatsappRegister .form-group .col-form-label b,
.afterloginform .form-group b {
	font-weight: var(--MED_FONT_WEIGHT) !important;
}
#announcemodal .announce-item .title i {
	margin-right: 10px;
}

.menu-wrapper a.active .active-img, .menu-wrapper .menu-item.active .active-img {
	filter: brightness(0) saturate(100%) invert(24%) sepia(65%) saturate(2103%) hue-rotate(206deg) brightness(101%) contrast(100%);
}