.register-7-.register-section {
	background: var(--register7_BODY_BG)	
}

.register-7- .register-header-section {
	color: var(--register7_HEADER_TITLE_COLOR)
}

.register-7- .register-header {
    font-size: var(--SECTION_HEADER_LARGE_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    text-align: center
}

.register-7- .register-header-desc {
    text-align: center;
    font-size: var(--SUBHEADER_FONT_SIZE)
}

.register-7- .register-form {
	margin: 0 auto;
	padding: 0 0 1.5rem;
	background-color: var(--register7_REG_FORM_BG);
    color: var(--register7_REG_FORM_COLOR);
}

/* REGISTER TAB */
.register-7- .tablist- {
	margin: 28px 20px;
}

.register-7- .tablist- .nav-tabs {
	display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.register-7- .tablist- .nav-tabs .nav-item .nav-link {
	padding: 8px 1rem;
    font-weight: var(--REG_FONT_WEIGHT);
    font-size: var(--SUBHEADER_FONT_SIZE);
    text-transform: uppercase;
    color: var(--register7_TABLIST_COLOR);
    text-decoration: none;
    background-color: var(--register7_TABLIST_BG);
    border-bottom: var(--register7_TABLIST_BORDER_BOTTOM_COLOR);
    transition: .3s;
}

.register-7- .tablist- .nav-tabs .nav-item .nav-link:hover,
.register-7- .tablist- .nav-tabs .nav-item .nav-link.active {
    background-color: var(--register7_TABLIST_ACTIVE_BG);
    border-bottom: var(--register7_TABLIST_ACTIVE_BORDER_BOTTOM_COLOR);
    color: var(--register7_TABLIST_ACTIVE_COLOR);
}

.register-7- .field-group {
	margin-bottom: 1.5rem;
	display: flex;
	flex: 1 1 auto;
    flex-wrap: wrap;
    font-size: var(--BODY_TXT_FONT_SIZE)
}

.register-7- .label-group {
	padding: 0
}

.register-7- .input-group {
    padding: 0;
    display: flex
}

.register-7- .input-group input,
.register-7- .input-group select,
.register-7- .input-group textarea,
.register-7- .selection-group {
    border-radius: .75rem;
    border: var(--register7_REG_FORM_INPUT_BORDER_COLOR);
    color: var(--register7_REG_FORM_INPUT_COLOR);
    font-size: var(--BODY_TXT_FONT_SIZE);
    padding: .65rem .75rem;
	width: 100%
}

.register-7- .input-group select,
.register-7- .selection-group {
	appearance: none;
	-webkit-appearance: none;
	padding: .7rem .75rem
}

.register-7- .input-group input::placeholder {
	color: var(--register7_REG_FORM_INPUT_PLACEHOLDER_COLOR);
}

.register-7- .tooltip-container {
	position: relative;
	display: inline-block;
}

.register-7- .tooltip-container i {
	font-size: var(--ICON_FONT_SIZE);
}

.register-7- .tooltip-text {
	visibility: hidden;
	width: 280px;
	background-color: var(--register7_TOOLTIP_BOX_BG);
	color: var(--register7_TOOLTIP_BOX_COLOR);
	text-align: center;
	padding: 10px 0;
	border-radius: 6px;
	position: absolute;
  	z-index: 1;
  	bottom: 0%;
  	left: 110%;
  	transform: scale(0);
  	opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    font-size: var(--SUBBODY_TXT_FONT_SIZE);
    line-height: 15px;
}

.register-7- .tooltip-container:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

.register-7- .inputMsg {
    font-size: var(--DEFAULT_FONT_SIZE);
}

.register-7- .registrationPassIcon {
	position: absolute;
    width: fit-content;
    height: fit-content;
    top: 20px;
    right: 15px;
    transform: translateY(-50%);
    font-size: var(--ICON_SMALL_FONT_SIZE);
    cursor: pointer;
    color: var(--register7_REG_FORM_ICON_COLOR);
}

.register-7- .currency-select-icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--register7_REG_FORM_DROPDOWN_ARROW_ICON_COLOR);
}

.register-7- .currency-img {
	align-self: center
}

.register-7- .currency-img img {
	width: 60%
}

.register-7- .reqEmailOtp,
.register-7- .reqOtp,
.register-7- .regCopy {
	padding: 10px 25px;
	font-size: var(--BUTTON_LARGE_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
	border-radius: .75rem;
	color: var(--register7_REQUEST_OTP_BTN_COLOR);
	background-color: var(--register7_REQUEST_OTP_BTN_BG);
	border: var(--register7_REQUEST_OTP_BTN_BORDER)
}

.register-7- .reqOtp:disabled {
	background-color: var(--register7_REQUEST_OTP_BTN_DISABLED_BG) !important
}

.register-7- .btn_login {
    width: 100%;
    padding: 10px;
    border-radius: .75rem;
    font-size: var(--BUTTON_LARGE_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    background-color: var(--register7_REG_BTN_BG);
    color: var(--register7_REG_BTN_COLOR);
    border: var(--register7_REG_BTN_BORDER);
    user-select: none
}

.register-7- .btn_login:disabled {
	color: var(--register7_REG_BTN_DISABLED_COLOR);
}

.register-7- .register-form-divider {
	border-color: var(--register7_REG_DIVIDER_BORDER_COLOR);
}

.register-7- .regAffCode-label, .regAffCode-label2 {
	display: flex;
	align-items: center;
	cursor: pointer;
	width: 100%;
	min-height: 48px;
	transition: min-height .3s cubic-bezier(.25,.8,.5,1);
}

.register-7- .regAffCode-label.active, .regAffCode-label2.active {
	min-height: 64px;
}

.register-7- .regAffCode-label i,
.register-7- .regAffCode-label2 i {
	transition: .3s cubic-bezier(.25,.8,.5,1), visibility 0s;
}

.register-7- .regAffCode-label.active i,
.register-7- .regAffCode-label2.active i {
	transform: rotate(-180deg);
	transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.register-7- .regAffCode-input,
.register-7- .regAffCode-input2 {
	display: none;
	overflow: hidden;
	height: 0%;
    opacity: 0;
    transition: height 0.3s ease, opacity 0.3s ease;
}

.register-7- .regAffCode-input.active,
.register-7- .regAffCode-input2.active {
	height: 100%;
	opacity: 1;
	transition-duration: .15s;
}

.register-7- .whatsappRegStep {
	list-style-position: outside;
    list-style-type: decimal;
}

.register-7- .whatsappRegStep li {
	list-style: inherit
}

.register-7- .regCaptcha {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background-color: var(--register7_REG_CAPTCHA_BG);
    border-radius: .75rem
}

.register-7- .regCaptcha i {
	font-family: "Font Awesome 6 Free";
}

.register-7- .timerSpanOTP,
.register-7- .timerSpanEmailOTP {
	position: absolute;
    top: -1.5rem;
    font-size: var(--DEFAULT_FONT_SIZE);
    user-select: none;
    -webkit-user-select: none
}

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

.reg-btn.enabled {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
/**SELECT 2*/
.select2-container.mobile_prefix_selection {width:95% !important;}
.mobile_prefix_selection .select2-selection {height:100% !important;}
.mobile_prefix_selection .select2-selection--single {
	border-radius: .75rem !important;
	background-color: var(--register7_REG_WRAP_INPUT_BOX_BG);
	border: var(--register7_REG_FORM_INPUT_BORDER_COLOR);
}

.mobile_prefix_selection .select2-selection--single .select2-selection__rendered {
	padding: 8px !important;
}

.mobile_prefix_selection .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/** select2 dropdown ***/
 .select2-dropdown.mobile_prefix_dropdown {
	width: 180px !important;
	border: var(--register7_REG_FORM_INPUT_BORDER_COLOR);
	z-index: 0;
}

.mobile_prefix_dropdown .select2-results__options li{
	color: var(--color1);
}

.country_code_option {
	display: flex;
	align-items: center;
	gap: 8px;
}

.country_code_option img {
	height: 25px;
	width: 25px;
}