/* :root {
	--reg9_REGISTER_TITLE_COLOR: #FFCD37;
	--reg9_LOGIN_NOW_TXT_COLOR: var(--color2);
	--reg9_REGISTER_LINK_BORDER_BOTTOM_COLOR: 1px solid #FFCD37;
	--reg9_REGISTER_LINK_COLOR: #FFCD37;
	--reg9_SIGN_UP_BTN_BG: none;
	--reg9_SIGN_UP_BTN_COLOR: var(--color2);
	--reg9_LOGIN_BTN_BORDER: 1px solid var(--color2);
	--reg9_LOGIN_BTN_BG: none;
	--reg9_LOGIN_BTN_COLOR: var(--color2);
	--reg9_REGISTER_BOX_PROGRESS_LABEL_BG: #FFCD37;
	--reg9_REGISTER_BOX_PROGRESS_LABEL_TXT: #726f6f;
	--reg9_REGISTER_BOX_PROGRESS_LABEL_FILTER: brightness(0.5);
	--reg9_REGISTER_BOX_PROGRESS_LABEL_IS_ACTED_BG: #FFCD37;
	--reg9_REGISTER_BOX_PROGRESS_LABEL_IS_ACTED_TXT_COLOR: var(--color1);
	--reg9_REGISTER_BOX_PROGRESS_LABEL_IS_ACTED_FILTER: none;
	--reg9_REGISTER_BOX_PROGRESS_BAR_BG: var(--color2);
	--reg9_REGISTER_BOX_PROGRESS_BAR_CHECK_BG: var(--color2);
	--reg9_REGISTER_BOX_PROGRESS_BAR_IS_ACTED_BG: #FFCD37;
	--reg9_LABEL_TICK_TXT_COLOR: var(--color1);
	--reg9_LABEL_TICK_ACTIVE_COLOR: #3B7A29;
	--reg9_REGISTER_WRAPPER_OPTION_LIST_BORDER: none;
	--reg9_REGISTER_WRAPPER_OPTION_LIST_A_TXT_COLOR: var(--color1);
	--reg9_REGISTER_WRAPPER_OPTION_LIST_A_BG: var(--color2);
	--reg9_REGISTER_WRAPPER_OPTION_LIST_A_BORDER: none;
	--reg9_REGISTER_WRAPPER_OPTION_LIST_A_FILTER: none;
	--reg9_REGISTER_WRAPPER_OPTION_LIST_ACTIVE_HOVER_FILTER: brightness(0.8);
	--reg9_OR_SEPARATOR_TXT_COLOR: var(--color2);
	--reg9_OR_SEPARATOR_LINE_BG: #ffffff7a;	
	--reg9_TAB_TITLE_COLOR: var(--color2);
	--reg9_FORM_GROUP_B_TXT_COLOR: var(--color2);
	--reg9_LABEL_IMPORTANT_ICON_COLOR: #FFCD37;
	--reg9_FORM_GROUP_INPUT_SELECT_BORDER: none;
	--reg9_FORM_GROUP_INPUT_SELECT_TXT_COLOR: var(--color1);
	--reg9_FORM_GROUP_INPUT_SELECT_BG: var(--color2);
	--reg9_FORM_GROUP_INPUT_SELECT_OPTION_BG: var(--color2);
	--reg9_FORM_GROUP_INPUT_SELECT_OPTION_COLOR: var(--color1);
	--reg9_FORM_GROUP_INPUT_MSG_COLOR: #ff0000;
	--reg9_OTP_BTN_BG: #FFCD37;
	--reg9_OTP_BTN_COLOR: var(--color1);
	--reg9_FORM_GROUP_WHATAPPS_TELEGRAM_REG_TXT_COLOR: var(--color2);
	--reg9_FORM_GROUP_VCODE_IMG_BG: var(--color2);
	--reg9_FORM_GROUP_VCODE_IMG_RELOAD_TXT_COLOR: var(--color1);
	--reg9_PSW_ICON_COLOR: #011729;
	--reg9_BTN_REGISTER_NEXT_PREV_MOBILE_BG: #FFCD37;
	--reg9_BTN_REGISTER_NEXT_PREV_MOBILE_TXT_COLOR: var(--color1);
	--reg9_BTN_REGISTER_NEXT_PREV_MOBILE_BORDER: none;
	--reg9_BTN_COPY_BG: #FFCD37;
	--reg9_BTN_COPY_TXT_COLOR: var(--color1);
	--reg9_BTN_COPY_BORDER: none;
	--reg9_BTN_OTP_DISABLED_BG: #7d7d7d;
	--reg9_TIMER_SPAN_OTP_COlOR: #ff0000;
	--reg9_SUPPORT_WRAPPER_HOTLINE_TITLE_TXT: var(--color2);
	--reg9_SUPPORT_WRAPPER_BOX_CONTACT_TELEGRAM_BG: transparent;
	--reg9_SUPPORT_WRAPPER_BOX_CONTACT_TELEGRAM_TXT_COLOR: #7d7d7d;
	--reg9_SUPPORT_WRAPPER_BOX_CONTACT_TELEGRAM_BORDER: 1px solid #7d7d7d;
	--reg9_REG_SUCCESS_MSG_COLOR: #FFCD37;
	--reg9_TNC_MODAL_BODY_BG: #1e1e1e;
	--reg9_TNC_MODAL_BODY_COLOR: var(--color2);
	--reg9_TNC_MODAL_FOOTER_BORDER_TOP: none;
	--reg9_TNC_MODAL_FOOTER_BG: #2c2c2c;
} */

body {
    overflow: auto;
}

/* To avoid extra spacing */
.page-content-.pushed- {
	width: 100%;
}

.register-header {
    text-align: center;
    padding: 24px 0 0;
}

.register-title {
    font-size: 28px;
    color: var(--reg9_REGISTER_TITLE_COLOR);
    font-weight: var(--BOLD_FONT_WEIGHT);
}

.login-now {
	color: var(--reg9_LOGIN_NOW_TXT_COLOR);
}

.login-now a {
	border-bottom: var(--reg9_REGISTER_LINK_BORDER_BOTTOM_COLOR);
	color: var(--reg9_REGISTER_LINK_COLOR) !important;
}

.register-container {
	display: flex;
    position: relative;
    height: 95%;
    width: 98%;
    justify-content: flex-end;
    z-index: 1;
	background-size: 100% 100%;
	background-position: center -26px;
	background-repeat: no-repeat;
	border-radius: 25px;
    left: 50%;
    transform: translateX(-50%);
    background-attachment: local;
}

.register-wrapper {
	width: 35%;
	padding: 1rem;
    max-width: none;
    position: relative;
    top: 3%;
    display: flex;
    flex-direction: column;
}

.register-wrapper .header-btn- {
	text-align: end;
    padding-bottom: 6%;
    font-size: var(--SUBHEADER_FONT_SIZE);
    margin-right: 10px;
}

.register-wrapper .header-btn- .sign-up-btn- {
	text-transform: uppercase;
	border: none;
    margin-right: 16px;	
	background: var(--reg9_SIGN_UP_BTN_BG);
	color: var(--reg9_SIGN_UP_BTN_COLOR);
}

.register-wrapper .header-btn- .login-btn- {
	text-transform: uppercase;
	border: var(--reg9_LOGIN_BTN_BORDER);
	border-radius: 10px;
	padding: 6px 22px;
	background: var(--reg9_LOGIN_BTN_BG);
	color: var(--reg9_LOGIN_BTN_COLOR);
}

.register-wrapper .reg-step {
	width: 60%;
    height: auto;
    margin: auto;
    text-align: unset;
    display: none;
}

.register-wrapper .reg-step .reg-progress {
	display: flex;
	justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.register-wrapper .reg-progress .label {
	border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    background: var(--reg9_REGISTER_BOX_PROGRESS_LABEL_BG);
	color: var(--reg9_REGISTER_BOX_PROGRESS_LABEL_TXT);
	transition: .3s;
	font-size: var(--HEADER_FONT_SIZE);
	font-weight: var(--BOLD_FONT_WEIGHT);
	filter: var(--reg9_REGISTER_BOX_PROGRESS_LABEL_FILTER);
}

.register-wrapper .reg-progress .label.is-acted {
	background: var(--reg9_REGISTER_BOX_PROGRESS_LABEL_IS_ACTED_BG);
	color: var(--reg9_REGISTER_BOX_PROGRESS_LABEL_IS_ACTED_TXT_COLOR);
	transition: .3s;
	filter: var(--reg9_REGISTER_BOX_PROGRESS_LABEL_IS_ACTED_FILTER);
}

.register-wrapper .reg-progress .progressBar {
	width: 80%;
    height: 0.03rem;
    background: var(--reg9_REGISTER_BOX_PROGRESS_BAR_BG);
	transition: .3s;
	margin: 0 16px;
}

.register-wrapper .reg-progress .progressBar-check {
	width: 80%;
    height: 0.03rem;
    background: var(--reg9_REGISTER_BOX_PROGRESS_BAR_CHECK_BG);
	transition: .3s;
	margin: 0 16px;
}

.register-wrapper .reg-progress .progressBar.is-acted, 
.register-wrapper .reg-progress .progressBar-check.is-acted {
	background: var(--reg9_REGISTER_BOX_PROGRESS_BAR_IS_ACTED_BG);
	transition: .3s;
}

#label-tick{
	color: var(--reg9_LABEL_TICK_TXT_COLOR);
}

#label-tick.is-acted i {
	color: var(--reg9_LABEL_TICK_ACTIVE_COLOR);
}

.register-with-txt {
	text-align: center;
    margin: 14px 0;
    font-size: var(--SUBHEADER_FONT_SIZE);
}

.register-wrapper .register-option-list- {
	position: relative;
    display: flex;
    gap: 1rem 6px;
    justify-content: center;
    padding: 0 0 15px;
    flex-wrap: wrap;
    border: var(--reg9_REGISTER_WRAPPER_OPTION_LIST_BORDER);
    margin-top: 10px;
}

.register-wrapper .register-option-list- a {
	position: relative;
    padding: 8px 18px;
    color: var(--reg9_REGISTER_WRAPPER_OPTION_LIST_A_TXT_COLOR);
    background: var(--reg9_REGISTER_WRAPPER_OPTION_LIST_A_BG);
    border: var(--reg9_REGISTER_WRAPPER_OPTION_LIST_A_BORDER);
    filter: var(--reg9_REGISTER_WRAPPER_OPTION_LIST_A_FILTER);
    border-radius: 6px;
}

.register-wrapper .register-option-list- a.active {
	display: none;
}

.register-wrapper .register-option-list- a:hover {
	filter: var(--reg9_REGISTER_WRAPPER_OPTION_LIST_ACTIVE_HOVER_FILTER);
}

.register-wrapper .register-option-list- a img {
	width: 25px;
	height: 25px;
}

.or-separator {
	display: flex;
    align-items: center;
    gap: 10px;
    color: var(--reg9_OR_SEPARATOR_TXT_COLOR);
    padding: 14px 0;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    width: 80%;
    margin: auto;
}

.or-separator .line {
	flex-grow: 1;
    height: 1px;
    background-color: var(--reg9_OR_SEPARATOR_LINE_BG);
}

.register-wrapper .tab-title- {
	text-align: center;
	font-weight: var(--BOLD_FONT_WEIGHT);
	margin: 0;
	color: var(--reg9_TAB_TITLE_COLOR)
}

.tab-content .tab-pane {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transform: translateY(-10px);
	visibility: hidden;
}

.tab-content .tab-pane.show.active {
	max-height: 800px;
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.register-box {
	width: 100%;
	border-radius: 0.2rem;
	padding: 10px;
}

.register-box .input-separate {
    margin-top: 10px;
}

.register-form .input {
   	padding-right: 5px;
}

.register-form .input2 {
   	padding-left: 5px;
}

.mobile-register-box {
	width: 100%;
	border-radius: 0.2rem;
}

.form-group {
    position: relative;
    margin-bottom: unset;
}

.form-group.input-field- {
    padding: 10px 0 0;
    margin-bottom: 6px;
    flex-direction: column;
}

.form-group label {
    margin: 0;
    padding: 0 16px;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
}

.form-group b {
    color: var(--reg9_FORM_GROUP_B_TXT_COLOR);
    font-weight: var(--MED_FONT_WEIGHT);
}

.form-group label .important-icon {
	color: var(--reg9_LABEL_IMPORTANT_ICON_COLOR);
}

.form-group .input- {
    position: relative;
    display: flex;
    flex-direction: column;
}

.form-group .input- input,
.form-group .input- select,
.form-group .input- textarea {
    width: 100% !important;
    padding: 6px;
    border: var(--reg9_FORM_GROUP_INPUT_SELECT_BORDER);
    border-radius: 6px;
    color: var(--reg9_FORM_GROUP_INPUT_SELECT_TXT_COLOR);
    background: var(--reg9_FORM_GROUP_INPUT_SELECT_BG);
    height: 32px;
    font-size: var(--DEFAULT_FONT_SIZE);
}

.form-group .input- select option {
	background: var(--reg9_FORM_GROUP_INPUT_SELECT_OPTION_BG);
	color: var(--reg9_FORM_GROUP_INPUT_SELECT_OPTION_COLOR);
}

.form-group .input- .inputMsg {
	color: var(--reg9_FORM_GROUP_INPUT_MSG_COLOR);
	margin-top: 4px;
	font-size: var(--DEFAULT_FONT_SIZE);
}

.form-group #captchaLabelrow,
.form-group #OTProw,
.form-group #OTP2row {
	flex-direction: row;
	gap: 4px;
}

.form-group #regMobile,
.form-group #regMobile2 {
	width: 100% !important;
}

.form-group #regCaptcha {
	display: inline-block;
    width: 50% !important;
    vertical-align: top;
    flex: 1;
}

.form-group #OTProw button,
.form-group #OTP2row button {
	width: 70%;
	font-weight: var(--REG_FONT_WEIGHT);
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--reg9_OTP_BTN_BG);
	color: var(--reg9_OTP_BTN_COLOR);
}

.form-group.whatsappReg,
.form-group.telegramReg {
	margin-left: 45px;
	color: var(--reg9_FORM_GROUP_WHATAPPS_TELEGRAM_REG_TXT_COLOR);
	margin-top: 20px;
}

.form-group #regPswd {
	padding-right: 26px;
}

.form-group.regCurrency3 {
	margin-left: 32px;
}

.form-group.regCurrency4 {
	margin-left: 6px;
}

.form-group #regCurrency3 {
	width: 90% !important;
}

.form-group #regCurrency4 {
	width: 80% !important;
}

.form-group.whatsappReg ul,
.form-group.telegramReg ul {
	list-style-position: outside;
    list-style-type: decimal;
}

.form-group.whatsappReg ul li {
	margin-bottom: 10px;
}

.form-group.telegramReg ul li {
	margin-bottom: 5px;
}

.form-group .vcode-img {
	position: relative;
    width: 25%;
    height: 32px;
    float: right;
    overflow: hidden;
    border-radius: 6px;
    background: var(--reg9_FORM_GROUP_VCODE_IMG_BG);
}

.form-group .vcode-img img {
	width: auto;
    max-width: 120px;
    height: 100%;
}

.form-group .vcode-img .reload {
	position: absolute;
    bottom: 13px;
    width: 20px;
    height: 20px;
    transition: .5s;
    font-size: var(--HEADER_FONT_SIZE);
    color: var(--reg9_FORM_GROUP_VCODE_IMG_RELOAD_TXT_COLOR);
}

.form-group .registerPassIcon {
	right: 0;
    margin-right: 10px;
    position: absolute;
    margin-top: 10px;
    color: var(--reg9_PSW_ICON_COLOR);
}

.form-group .regMobileCurrency- {
	display: flex;
    gap: 4px;
}

.btn_login_main {
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
	margin-bottom: 20px;
}

.btn_register, .btn_next, .btn_prev, .btn_mobile_register {
    min-width: 186px;
    height: 43px;
    border-radius: 8px;
    margin-top: 20px;
    background: var(--reg9_BTN_REGISTER_NEXT_PREV_MOBILE_BG);
    color: var(--reg9_BTN_REGISTER_NEXT_PREV_MOBILE_TXT_COLOR);
    border: var(--reg9_BTN_REGISTER_NEXT_PREV_MOBILE_BORDER);
    font-weight: var(--BOLD_FONT_WEIGHT);
    text-transform: uppercase;
}

.btn_register, .btn_prev {
	margin-bottom: 20px;
}

.btn_register {
	float: inline-start;
    margin-left: 40px;
}

.btn_prev {
	float: inline-end;
    margin-right: 30px;
}

.btn_copy {
	min-width: 100px!important;
    height: 43px;
    border-radius: 8px;
    background: var(--reg9_BTN_COPY_BG) !important;
    color: var(--reg9_BTN_COPY_TXT_COLOR) !important;
    border: var(--reg9_BTN_COPY_BORDER) !important;
    width: unset !important;
    margin-left: -80px;
}

.btn_otp:disabled {
	background: var(--reg9_BTN_OTP_DISABLED_BG) !important;
}

#timerSpanOTP {
    display: flex;
    align-self: end;
    color: var(--reg9_TIMER_SPAN_OTP_COlOR);
    font-size: var(--SUBBODY_TXT_FONT_SIZE);
    margin-top: 4px;
}

#timerSpanOTP i {
	margin-top: 3px;
}

.reg-btn.enabled {
	opacity: 1;
	cursor: pointer;
	pointer-events: auto;
}

.reg-btn[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}

#whatsappQR {
	margin-left: 75px;
    margin-top: 10px
}

#telegramQR {
	margin-left: 25px;
}

#whatsappQR img,
#telegramQR img {
	width: 60%;
}

.checking-box {
	padding: 0 30px;
	margin-top: 20px;
}

.checking-box .check-wrap {
	margin-left: 0px;
    flex-wrap: unset;
}

.checking-box .check-wrap input {
	 max-width: 28px;
}

.checking-box .check-wrap .emailCheck {
	margin-top: 10px !important;
}

.support-wrapper {
    padding: 20px 30px;
}

.support-wrapper .hotline-tittle {
	text-align: center;
	color: var(--reg9_SUPPORT_WRAPPER_HOTLINE_TITLE_TXT)
}

.support-wrapper .support-box {
    display: grid;
    justify-content: center;
    margin-top: 15px;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
}

.support-wrapper .support-box button:last-child:nth-child(5n+1) {
	grid-column: 3 / span 1; /* Centered in the row (column 3 of 5) */
}

.support-wrapper .support-box .btn_contact,
.support-wrapper .support-box .btn_telegram {
	width: 100%;
    height: 43px;
    background: var(--reg9_SUPPORT_WRAPPER_BOX_CONTACT_TELEGRAM_BG);
    color: var(--reg9_SUPPORT_WRAPPER_BOX_CONTACT_TELEGRAM_TXT_COLOR);
    border: var(--reg9_SUPPORT_WRAPPER_BOX_CONTACT_TELEGRAM_BORDER);
    font-size: var(--ICON_FONT_SIZE);
}

.support-wrapper .support-box .btn_contact {
	margin-right: 10px;
}

.support-wrapper .support-box .btn_contact img {
	width: 50%;
	height: 90%;
}

.support-wrapper .support-box .btn_livechat .icon,
.support-wrapper .support-box .btn_telegram .icon {
	font-size: var(--ICON_FONT_SIZE);
    margin-right: 10px;
}

.reg-success-img- {
	width: 350px;
    margin: 40px 0 10px 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#registerSuccess p {
	text-align: center;
    margin: 0;
    color: var(--reg9_REG_SUCCESS_MSG_COLOR);
    font-weight: var(--BOLD_FONT_WEIGHT);
    font-size: var(--SUBHEADER_FONT_SIZE);
}

/* Tnc Modal */
#tncDefaultRegModal .modal-body {
	padding-bottom: 10px !important;
	max-height: 50vh; 
	overflow-y: auto; 
	background: var(--reg9_TNC_MODAL_BODY_BG);
	color: var(--reg9_TNC_MODAL_BODY_COLOR);
}

#tncDefaultRegModal .modal-footer {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px;
	margin-top: 0 !important;
	border-top: var(--reg9_TNC_MODAL_FOOTER_BORDER_TOP);
	background: var(--reg9_TNC_MODAL_FOOTER_BG);
}

#tncDefaultRegModal .btn_login_main {
	margin: 0;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
}

#tncDefaultRegModal .btn_login_main button {
	margin: 0;
	display: inline-block;
}
/* Tnc Modal */

/* Banner */
.reg9-banner- img {
	position: absolute;
    z-index: 99;
    width: 40%;
    bottom: 6%;
}
/* Banner */