/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, caption
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  /*vertical-align: baseline;*/
				  vertical-align:top;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ height: 100%; font-size: 100.01% }
body 			{ height: 100%; font-size: 62.5%; color: #000 }	

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6
 				{ font-weight:normal; color: #000 }
				
h1 				{ font-size: 24px; line-height: 22px; margin-bottom: 14px;} 
h2 				{ font-size: 18px; line-height: 20px; margin-bottom: 18px; color:#07192c; background:none;}
h3				{ font-size: 15px; line-height: 18px; margin-bottom: 18px; font-weight:bold;}
h4				{ font-size: 14px; line-height: 14px; margin-bottom: 18px; font-weight:bold;}
h5				{ font-size: 13px; line-height: 14px; margin-bottom: 18px; font-weight:bold;}
h6				{ font-size: 12px; line-height: 14px; margin-bottom: 18px; font-weight:bold;}

p, pre, code, label, dd, dt, select, li
				{ font-size: 12px; line-height: 14px; margin-bottom: 12px }
				
ul, ol			{ margin-bottom: 0px }
ul 				{ list-style:none }
ol 				{ list-style: decimal }
li	 			{ margin: 0px;}

legend			{ display: none }
 
small 			{ font-size: 9px }
 
sup 			{ position:relative; bottom: 3px; vertical-align: baseline }
sub 			{ position:relative; bottom: -2px; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label 			{ color:#484848;}
			
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: underline; color:#24425f; background:none;}
a:hover			{ text-decoration: none;}
a img			{ border: none }

/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noBG			{ background: none !important}
.noPadding		{ padding: 0 !important}
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.red			{ color:#ff0000; }
.marine			{ color:#00d7ca; }
.bordo			{ color:#740000; }

/* ============================================== ucp_register_co ================================================== */
*{
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
html,body {
    background-color: #DFDFDF;
    font: 600 16px/125% Open Sans, sans-serif;
    color: #000000;
    width: 100%;
    min-height: 100% !important;
    height: 100%;
}

#ucp_register {
    /*max-width: 1440px;*/
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Open Sans, sans-serif;
    font-size: 10px;
    color: #2a2a2a;
    margin: 0 auto;
    background-color: #F0F2F5;
}

#ucp_register .logo {
    align-self: center;
    max-width: 115px;
    width:100%;
}

#ucp_register .form-title {
    margin: 36px 0 8px;
    color: #005679;
    text-align: center;
    font: 600 18px/133% Open Sans, sans-serif;
}

#ucp_register .terms-text {
    color: #000000;
    margin-top: 24px;
    font: 11px Open Sans, sans-serif;
}

#ucp_register .terms-text a {
    color: #2062B3;
    font-weight: 700;
    margin-top: 24px;
    text-decoration: none;
}

#ucp_register .terms-text a:hover {
    text-decoration: underline;
}

#ucp_register .login-text {
    align-self: center;
    color: #979797;
    margin-top: 24px;
    font: 16px Open Sans, sans-serif;
}

#ucp_register .login-text a {
    color: #2062B3;
    font-weight: 700;
    margin-top: 24px;
    text-decoration: none;
}

#ucp_register .login-text a:hover {
    text-decoration: underline;
}

.loginButtonsWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 0 auto;
}

#ucp_register .registerHeader {
    font-size: 24px;
    font-weight: 600;
    color: #215a85;
    margin: 15px auto 33px auto;
    text-transform: uppercase;
    text-align: center;
}

#ucp_register .registerBySocial > div {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 400px;
    width: 100%;
}

#ucp_register .registerBySocial > div > a {
    /*display: inline-block;*/
    text-decoration: none;
}

#ucp_register .registerBySocial .socialButton {
    padding: 11px 0;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    line-height: 0.9;
}

#ucp_register .registerBySocial .socialButton.facebook {
    background-color: #3b5998;
    width: 182px;
    height: 41PX;
    margin-top: 6px;
    box-sizing: border-box;
    /*margin-right: 7px;*/
}

#ucp_register .registerBySocial .googleSignIn {
    height: 40px;
}

#ucp_register .registerBySocial .googleSignIn img {
    width: 100%;
}

#ucp_register .registerBySocial .socialButton.google {
    background-color: #db4437;
    padding: 7px 0;

}

#ucp_register .registerBySocial .socialButton span:first-of-type {
    font-size: 22px;
    color: #ffffff;
}

#ucp_register .registerBySocial .socialButton.google span:first-of-type {
    font-size: 30px;
}

#ucp_register .registerBySocial .socialButton .link > span {
    font-size: 16px !important;
}

#ucp_register .registerBySocial .socialButton .link {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    padding-left: 10px;
}

#ucp_register .registerBySocial .socialButton.google .link {
    display: inline-block;
    padding-top: 4px;
}

#ucp_register .ucp_register_form_middle .registerBySocial a {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    grid-template-columns: 40px 1fr 30px;
    justify-content: center;
    justify-items: center;
    margin: 13px auto;
    border-radius: 4px;
    font-family: Roboto, Open-Sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    text-decoration: none;
}


#ucp_register .registerBySocial .loginButtonsWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 0 auto;
}

#ucp_register .registerBySocial .socialButton {
    padding: 11px 0;
    width: 182px;
    height: 41px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
}

#loginBox .registerBySocial a img {
    max-width: 40px;
    padding: 0;
}

#ucp_register .registerBySocial a.login-btn-facebook {
    background: #3975ea;
}

#ucp_register .registerBySocial a.login-btn-google {
    background: #4285f4;
}
#ucp_register .registerBySocial a.login-btn-google:hover {
    background: #1568f1;
}

#ucp_register .registerBySocial a.login-btn-apple {
    background: #000000;
}
#ucp_register .registerBySocial a.login-btn-apple:hover {
    background: #2c2c2c;
}

#ucp_register .registerBySocial > span {
    width: 50px;
    position: relative;
    text-align: center;
    display: block;
    color: #a2a1a1;
    font-size: 16px;
    margin: 32px auto 32px auto;
}

#ucp_register .registerBySocial > span:before {
    left: 50px;
}

#ucp_register .registerBySocial > span:after {
    right: 50px;
}

/*
#ucp_register  .registerBySocial .socialButton a,
#ucp_register  .registerBySocial .socialButton a:hover{
	text-decoration: none;
	color: #ffffff;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	padding-left: 10px;
}*/

/* ============================================== Croppie Popup Styles ================================================== */

.croppie-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	z-index: 10000;
	overflow-y: auto;
}

.croppie-popup-content {
	background: #fff;
	border-radius: 12px;
	width: 100%;
	max-width: 600px;
	margin: auto;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	display: flex;
	flex-direction: column;
    padding: 20px;
}

.popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.popup-header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.close-btn {
	background: none;
	border: none;
	font-size: 30px;
	line-height: 1;
	color: #666;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-btn:hover {
	color: #000;
}

.croppie-wrapper {
	padding-top: 20px;
	min-height: 300px;
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
}

.popup-actions {
	display: flex;
	justify-content: center;
	gap: 12px;
}

.btn-cancel,
.btn-apply {
	flex: 1;
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	border: none;
}

.btn-cancel {
	background: #fff;
	color: #333;
	border: 1px solid #BFBFBF;
}

.btn-cancel:hover {
    border: 1px solid #000;
}

.btn-apply {
	background: #F98827;
	color: #fff;
}

.btn-apply:hover {
	background: #e7720d;
}

.btn-apply:disabled {
	background: #ccc;
	cursor: not-allowed;
}

/* Uploaded avatar display */
#uploaded-avatar-container {
	padding: 24px;
	border-top: 1px solid #e8e8e8;
	display: none;
	justify-content: center;
}

#uploaded-avatar-container.active {
	display: flex;
}

.uploaded-avatar-btn {
	position: relative;
	transition: all 0.3s;
    border: none;
    background: transparent;
}

.uploaded-avatar-btn .input_block {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.uploaded-avatar-btn .avatar-preview {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid transparent;
	transition: all 0.3s;
	object-fit: cover;
}

.uploaded-avatar-btn.active .avatar-preview {
	border-color: #ff6f31;
	box-shadow: 0 0 0 4px rgba(255, 111, 49, 0.1);
}

@media (max-width: 1400px) {
	.croppie-popup-content {
		max-width: 400px;
	}
}

/* Mobile optimization */
@media (max-width: 768px) {
	.croppie-popup {
		padding: 10px;
	}
	
	.croppie-popup-content {
		max-width: 100%;
		border-radius: 8px;
	}
	
	.popup-header h3 {
		font-size: 16px;
	}
	
	.croppie-wrapper {
		padding: 15px;
		min-height: 250px;
	}
	
	.popup-actions {
		gap: 8px;
	}
	
	.btn-cancel,
	.btn-apply {
		padding: 10px 20px;
		font-size: 14px;
		flex: 1;
	}
	
	#uploaded-avatar-container {
		margin-top: 20px;
		padding-top: 20px;
	}
}

/* Extra small devices */
@media (max-width: 480px) {
	.croppie-wrapper {
		min-height: 200px;
	}
	
	.popup-header h3 {
		font-size: 16px;
	}
}

/* ============================================== End Croppie Popup Styles ================================================== */

#ucp_register .registerBySocial > span {
    width: 50px;
    position: relative;
    text-align: center;
    display: block;
    color: #a2a1a1;
    font-size: 16px;
    margin: 29px auto 25px auto;
}

#ucp_register .registerBySocial > span:before,
#ucp_register .registerBySocial > span:after {
    width: 175px;
    height: 1px;
    background-color: #bfbfbf;
    content: "";
    position: absolute;
    top: 50%;
}

#ucp_register .registerBySocial > span:before {
    left: 50px;
}

#ucp_register .registerBySocial > span:after {
    right: 50px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%% END REGISTER HEADER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#ucp_register .ucp_register_form_middle {
    display: flex;
    height: 100%;
    max-width: 410px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#ucp_register .ucp_register_form_middle .form-container .input_block{
    position: relative;
}

#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .field_items{
    display: flex;
    gap:12px
}

#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .label_avatars{
    font: 16px Open Sans, sans-serif;
    margin-top: 40px;
    font-weight: 600;
    text-align: left;
    color: #215A85;
}

#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .input_blocks_avatars{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 400px;
    overflow-y: auto;
    margin: 12px 0 28px;
    row-gap: 20px;
}
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .input_blocks_avatars .avatar-name{
    width: 84px;
    height: 84px;
    border-radius: 50%;
    position: relative;
}

#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .input_blocks_avatars .avatar-name.active{
    border: 3px solid #F98827;
}


#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .input_button_avatars{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 400px;
    row-gap: 20px;
}
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .input_button_avatars .load-button{
    flex-basis: 50%;
    flex-grow: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #BFBFBF;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    padding: 11px 16px;
    max-width: 198px;
    height: 42px;
    width: 100%;
    font: 600 12px/120% Open Sans, sans-serif;
    overflow: hidden;
}
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .input_button_avatars .load-button:hover{
    border: 1px solid black;
    cursor: pointer;
}

#ucp_register input[type="file"] {
    display: none;
}
#ucp_register .file-name {
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    text-align: start;
}
#ucp_register .file-name.active {
    color: #F98827;
}
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .avatar-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    width: 90px;
    height: 90px;
}
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .avatar-btn .input_block .choice-icon {
    display:none;
}
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .avatar-btn .input_block .choice-icon.active {
    display:none;
}

#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .avatar-btn:nth-child(3n) {
    margin-right: 0;
}

#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form #username__btn{
    min-width: 46px;
    height: 46px;
    background-color: white;
    border: 1px solid #BFBFBF;
    border-radius: 50%;
}
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form #username__btn:hover{
    cursor:pointer;
    border: 1px solid black;
}

#ucp_register .ucp_register_form_middle form .input_block,
#ucp_register .ucp_register_form_middle form .agreed {
    position: relative;
}

#ucp_register .ucp_register_form_middle form .input_block.submit_button_block {
    margin-top: 40px;
}

#ucp_register .ucp_register_form_middle form .input_block label {
    font: 16px Open Sans, sans-serif;
    display: block;
    font-weight: 600;
    color: #215a85;
    margin: 24px 0 4px 0;
    line-height: 26px;
}

/* Password label container for positioning label and hint */
#ucp_register .password-label-container {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 10px;
}

#ucp_register .password-label-container label {
    margin: 0;
}

/* Password input wrapper with toggle button */
#ucp_register .password-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

#ucp_register .password-input-wrapper input {
    flex: 1;
    padding-right: 45px;
}

#ucp_register .password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    z-index: 10;
}

#ucp_register .password-toggle:hover {
    color: #333;
}

#ucp_register .password-toggle:focus {
    outline: none;
}

#ucp_register .password-toggle:active {
    outline: none;
}

#ucp_register .password-toggle .eye-icon {
    width: 24px;
    height: 24px;
    display: block;
}

#ucp_register .password-toggle .eye-closed {
    display: none;
}

/* Password requirements container */
#ucp_register .password-requirements {
    margin-top: 12px;
    padding: 16px;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
}

#ucp_register .password-requirements.show {
    max-height: 300px;
    opacity: 1;
}

#ucp_register .requirement-title {
    font: 14px Open Sans, sans-serif;
    font-weight: 600;
    color: #1C1B1F;
    margin-bottom: 12px;
}

#ucp_register .requirement-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    transition: color 0.3s ease-in-out;
}

#ucp_register .requirement-item:last-child {
    margin-bottom: 0;
}

#ucp_register .req-icon {
    display: inline-block;
    min-width: 18px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
}

#ucp_register .req-text {
    font: 13px Open Sans, sans-serif;
    line-height: 18px;
    flex: 1;
}

/* Invalid state (red X) */
#ucp_register .requirement-item.invalid .req-icon {
    color: #d32f2f;
}

#ucp_register .requirement-item.invalid .req-text {
    color: #d32f2f;
}

/* Valid state (green checkmark) */
#ucp_register .requirement-item.valid .req-icon {
    color: #2e7d32;
}

#ucp_register .requirement-item.valid .req-text {
    color: #2e7d32;
}

/* Warning state (black bullet for informational items) */
#ucp_register .requirement-item.warning .req-icon {
    color: #1C1B1F;
}

#ucp_register .requirement-item.warning .req-text {
    color: #1C1B1F;
}

/* Error styling for password input */
#ucp_register .password-error {
    border: 2px solid #d32f2f !important;
    transition: border-color 0.3s ease-in-out;
}

#ucp_register .password-error:focus {
    border: 2px solid #d32f2f !important;
}

#ucp_register .ucp_register_form_middle form .input_block label[required]:after {
    content: " *";
    color: #FF9A6C;
    font-weight: 600;
}

#ucp_register .ucp_register_form_middle.registerViaFacebook form .input_block label {
    margin-top: 37px;
}

#ucp_register .input_block .g-recaptcha {
    padding: 32px 0 24px;
}

#ucp_register .ucp_register_form_middle form .mistake {
    position: absolute;
    left: 370px;
    top: 15px;
    display: block;
    color: #a70a0a;
    font-size: 14px;
    padding: 10px;
    background-color: #ffd2d2;
    white-space: nowrap;
    border-radius: 4px;
}

#ucp_register .ucp_register_form_middle form .mistake-all {
    display: block;
    color: #a70a0a;
    font-size: 14px;
    padding: 10px;
    background-color: #ffd2d2;
    border-radius: 4px;
    margin: 40px 0 -20px 0;
    line-height: 14px;
}

#ucp_register .ucp_register_form_middle form .agreed .mistake {
    top: -7px;
    margin-top: 0;
}

#ucp_register .ucp_register_form_middle form .mistake::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border: 5px solid;
    border-color: transparent #ffd2d2 transparent transparent;
}

#ucp_register .ucp_register_form_middle .input_block input {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #ffffff;
    padding: 0 0 0 16px;
    line-height: 48px;
    font-size: 16px;
    caret-color: #000000;
    box-sizing: border-box;
    transition: border-color 0.3s ease-in-out;
}

#ucp_register .ucp_register_form_middle .input_block input:focus /*.input_active*/
{
    border: 2px solid #685BC7
}

#ucp_register .ucp_register_form_middle .input_block .submit_button {
    margin-top: 32px;
    width: 100%;
    display: block;
}

#ucp_register .ucp_register_form_middle .input_block .submit_button input {
    background-color: #ff8c2a;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border: 0;
    margin: 0;
    color: #ffffff;
    padding: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#ucp_register .ucp_register_form_middle .horizontalLine {
    width: 400px;
    height: 1px;
    margin-top: 30px;
    margin-left: -20px;
    background-color: #bfbfbf;
    display: block;
    margin-bottom: 25px;
}

#ucp_register .ucp_register_form_middle form .agreed {
    width: 100%;
    display: block;
    margin: 10px 0 20px 0;
}

#ucp_register .ucp_register_form_middle form .submit_button_block .agreed {
    margin-bottom: 0;
}

#ucp_register .ucp_register_form_middle form .agreed label {
    font-size: 11px;
    color: #2a2a2a;
    vertical-align: middle;
    font-weight: normal;
    text-transform: none;
    margin: 0;
}

#ucp_register .ucp_register_form_middle form .agreed label .checkbox {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background-color: #f4f2f1;
    margin: 0 7px 0 0;
    display: inline-block;
}

#ucp_register .ucp_register_form_middle form .agreed label a,
#ucp_register .ucp_register_form_middle form .agreed label a:hover,
#ucp_register .ucp_register_form_middle form .agreed label a:visited {
    color: #215a85;
    text-decoration: none;
    font-weight: bold;
}

#ucp_register .ucp_register_form_middle form .agreed label > span {
    display: inline-block;
    width: 91%;
    vertical-align: middle;
}

#ucp_register .ucp_register_form_middle.registerViaFacebook form .agreed label {
    margin-top: 10px;
}

#ucp_register .ucp_register_form_middle.registerViaFacebook form .agreed label > span {
    width: 330px;
    margin: 0 auto;
    display: block;
}

#ucp_register .ucp_register_form_middle.registerViaFacebook form .agreed.bottom {
    margin: 18px 0;
}

#ucp_register .ucp_register_form_middle.registerViaFacebook form .agreed.bottom label > span {
    display: inline-block;
    max-width: 335px;
    font-size: 14px;
    line-height: 20px;
}

#ucp_register .ucp_register_form_middle.registerViaFacebook form .agreed.bottom label .checkbox {
    vertical-align: top;
    margin: 3px 8px 0 0;
}

#ucp_register .ucp_register_form_middle .input_block .select {
    position: absolute;
    width: 360px;
    height: 45px;
    font-size: 16px;
    color: #2a2a2a;
    overflow: hidden;
    float: left;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 4px;
    line-height: 45px;
    padding-left: 16px;
}

#ucp_register .ucp_register_form_middle .input_block .select:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6.5px 0 6.5px;
    border-color: #ff8d2a transparent transparent transparent;
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 13px;
    transition: 0.5s;
}

#ucp_register .ucp_register_form_middle .input_block .select.open:after {
    /*width: 0;*/
    /*height: 0;*/
    /*border-style: solid;*/
    /*border-width: 0 6.5px 8px 6.5px;*/
    /*border-color: transparent transparent #ff8d2a transparent;*/
    /*content: "";*/
    /*display: inline-block;*/
    /*position: absolute;*/
    /*top: 38%;*/
    /*right: 15px;*/
    transform: rotate(180deg);
    transition: 0.5s;
}

#ucp_register .ucp_register_form_middle .input_block select {
    width: 360px;
    height: 42px;
}

#ucp_register .ucp_register_form_middle .input_block select option {
    height: 23px;
    font-size: 14px;
    color: #2a2a2a;
}

#ucp_register .ucp_register_form_middle .input_block select > option:hover,
#ucp_register .ucp_register_form_middle .input_block select > option:focus,
#ucp_register .ucp_register_form_middle .input_block select > option:active {
    /*background: #ff8c2a!important;*/
    /*color: white;*/
    color: #444645;
    background: #ff8c2a;
}


.red {
    display: block;
    line-height: 10px;
    vertical-align: bottom;
    margin: 10px 0 0 0;
}

#ucp_register .red a {
    color: #ff0000;
}

#ucp_register .floatLeft.marginTop5.border {
    border-bottom: 1px solid #cccccc;
}

#ucp_register .floatLeft.marginTop5.border span {
    padding-bottom: 10px;
}

.box .floatLeft {
    margin-top: 3px;
}

#ucp_register .ucp_register_caption_box {
    height: 145px;
}

#ucp_register .ucp_register_caption_box .ucp_register_caption_img {
    margin: 0;
    float: left;
}

#ucp_register .ucp_register_caption_box .ucp_register_caption_text {
    margin: 3px 0 0 105px;
    float: left;
    width: 340px;
    font-size: 12px;
}

#ucp_register .ucp_register_caption_box .ucp_register_caption_text P {
    font-size: 12px;
}


#ucp_register .ucp_register_form_middle .input_block .box {
    width: 310px;
}

#ucp_register .ucp_register_form_middle .input_block .box .checkbox {
    float: left;
    width: 13px;
    height: 13px;
    margin: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    border: none;
}

#ucp_register .ucp_register_form_middle .input_block .box .floatLeft LABEL {
    font-size: 10px;
}

#ucp_register .ucp_register_form_middle .input_block .box .floatLeft.marginTop5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

#ucp_register .ucp_register_form_middle .input_block.borderNone {
    border: none;
    padding-bottom: 0;
}

/*#ucp_register  .ucp_register_form_middle .input_block .submit_button*/
/*{*/
/*text-align:center;*/
/*padding-top:5px;*/
/*}*/
/*#ucp_register  .ucp_register_form_middle .input_block .submit_button INPUT*/
/*{*/
/*background:url(./images/ucp_register_create_an_account_button.jpg) center center no-repeat;*/
/*width:226px;*/
/*height:30px;*/
/*border:none;*/
/*cursor:pointer;*/
/*}*/
#ucp_register .ucp_register_form_middle .input_block .disabled {
    opacity: 1;
}

/*#ucp_register  .ucp_register_form_middle .input_block .submit_button P*/
/*{*/
/*text-align:left;*/
/*font-size:10px;*/
/*padding:13px 0;*/
/*padding-bottom:0;*/
/*margin-bottom:2px;*/
/*}*/
#ucp_register .ucp_register_form_middle .input_block .left {
    float: left;
    font-size: 10px;
    width: 200px;
    margin-top: 10px;
}

#ucp_register .ucp_register_form_middle .input_block .left B {
    font-size: 12px;
}

#ucp_register .ucp_register_form_middle .input_block .right {
    float: left;
    width: 100px;
    margin-top: 10px;
}

#ucp_register .ucp_register_form_middle .input_block .right INPUT {
    width: 99px;
}

#ucp_register .ucp_register_form_bottom {
    background: url(./images/ucp_register_form_bottom.jpg) bottom center no-repeat;
    width: 369px;
    height: 10px;
}

#ucp_register .ucp_register_right {
    width: 330px;
    float: left;
}

#ucp_register .ucp_register_right .ucp_register_caption_box {
    margin-left: 15px;
}

#ucp_register .ucp_register_right .ucp_register_caption_box .ucp_register_caption_img {

}

#ucp_register .ucp_register_right .ucp_register_caption_box .ucp_register_caption_text {
    padding: 5px 0 5px 50px;
}

#ucp_register .ucp_register_right .ucp_register_caption_box .ucp_register_caption_text P {
    margin-top: 8px;
    font-size: 12px;
}


#loginBox .loginBySocial {
    text-align: center;
    max-width: 420px;
    width: 100%;
    margin: 0 auto; 
}
#loginBox .loginBySocial a {
    width: 250px;
    height: 40px;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    grid-template-columns: 40px 1fr 30px;
    justify-content: center;
    justify-items: center;
    margin: 13px auto;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    text-decoration: none; 
}
#loginBox .loginBySocial a img {
    max-width: 40px;
    padding: 0; 
}
#loginBox .loginBySocial a.login-btn-facebook {
    background: #3975ea; 
}
#loginBox .loginBySocial a.login-btn-google {
    background: #4285f4; 
}
#loginBox .loginBySocial a.login-btn-apple {
    background: #000000; 
}
#loginBox .loginBySocial .loginButtonsWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 0 auto; 
}
#loginBox .loginBySocial .socialButton {
    padding: 11px 0;
    width: 182px;
    height: 41px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;
    border-radius: 2px;
    cursor: pointer; 
}
#loginBox .loginBySocial .socialButton.facebook {
    background-color: #3b5998;
    line-height: 0.9; 
}
#loginBox .loginBySocial .socialButton.linkedinButton {
    background: #0274b3;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0 9px 0;
}
#loginBox .loginBySocial .socialButton.linkedinButton b {
    font-size: 20px; 
}
#loginBox .loginBySocial .socialButton.linkedin {
    background-color: #dddddd;
    margin-left: 3px;
    display: none; 
}
#loginBox .loginBySocial .socialButton.google {
    background-color: #db4437;
    margin-left: 3px;
    margin-right: 3px;
    padding: 7px 0; 
}
#loginBox .loginBySocial .socialButton.google .link {
    display: inline-block;
    padding-top: 4px; 
}
#loginBox .loginBySocial .socialButton.google span:first-of-type {
    font-size: 30px; 
}
#loginBox .loginBySocial .socialButton span:first-of-type {
    font-size: 22px;
    color: #ffffff; 
}
#loginBox .loginBySocial .socialButton .link {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    padding-left: 10px; 
}
#loginBox .loginBySocial > span {
    width: 50px;
    position: relative;
    text-align: center;
    display: block;
    color: #a2a1a1;
    font-size: 16px;
    margin: 31px auto 26px auto; 
}
#loginBox .loginBySocial > span:before, #loginBox .loginBySocial > span:after {
    width: 175px;
    height: 1px;
    background-color: #bfbfbf;
    content: "";
    position: absolute;
    top: 50%; 
}
#loginBox .loginBySocial > span:before {
    left: 50px; 
}
#loginBox .loginBySocial > span:after {
    right: 50px; 
}

@media only screen and (max-width: 490px) {
    #ucp_register .registerBySocial > div {
        flex-direction: column;
    }
}

@media only screen and (max-width: 640px) {
    #ucp_register {
        width: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        max-width: 410px;
    }

    #ucp_register .ucp_register_form_middle {
        width: 90%;
        margin: 0 auto;
    }

    #ucp_register .registerHeader {
        font-size: 20px;
        margin: 15px auto 21px auto;
    }

    /*#ucp_register .ucp_register_left .registerBySocial>div {*/
    /*	font-size: 0;*/
    /*	width: 290px;*/
    /*}*/
    /*#ucp_register  .registerBySocial>div>a {*/
    /*	width: 50%;*/
    /*}*/
    /*#ucp_register  .registerBySocial .socialButton {*/
    /*	width: 135px;*/
    /*	padding: 9px 0 9px 12px;*/
    /*	text-align: left;*/
    /*}*/
    #ucp_register .registerBySocial .socialButton.facebook {
        margin-right: 0;
    }

    #ucp_register .registerBySocial .socialButton.google {
        padding: 5px 0 5px 22px;
    }

    #ucp_register .registerBySocial .socialButton .link {
        line-height: 23px;
        padding-left: 11px;
    }

    #ucp_register .registerBySocial .socialButton.google .link {
        padding-left: 8px;
    }

    /*#ucp_register  .registerBySocial > span:before,*/
    /*#ucp_register  .registerBySocial>span:after {*/
    /*	width: 120px;*/
    /*}*/
    /*#ucp_register  .registerBySocial>span{*/
    /*	margin: 19px auto;*/
    /*}*/
    #ucp_register .ucp_register_form_middle form .input_block label {
        margin: 18px 0 5px 0;
    }

    #ucp_register .ucp_register_form_middle .horizontalLine {
        width: 104%;
        margin-left: -5px;
    }

    #ucp_register .ucp_register_form_middle .input_block select,
    #ucp_register .ucp_register_form_middle .input_block .select {
        width: 100%;
    }

    #ucp_register .ucp_register_form_middle .input_block .select {
        line-height: 39px;
    }

    #ucp_register .ucp_register_form_middle .input_block .select:after {
        top: 16px;
        right: 15px;
    }

    #ucp_register .ucp_register_form_middle .agreed label > span {
        width: 90%;
    }

    #ucp_register .ucp_register_form_middle .input_block .submit_button input {
        line-height: 41px;
        font-size: 18px;
    }

    #ucp_register .ucp_register_form_middle form .mistake {
        position: static;
        white-space: normal;
        font-size: 13px;
        line-height: 16px;
    }

    #ucp_register .ucp_register_form_middle form .mistake::after {
        top: 69px;
        right: 92%;
        border: 5px solid;
        border-color: transparent transparent #ffd2d2 transparent;
    }

    #ucp_register .ucp_register_form_middle .agreed {
        margin: 4px 0 19px 0;
    }

    #ucp_register .ucp_register_form_middle .agreed.bottom {
        margin: 10px 0 20px 0;
    }

    #ucp_register .registerBySocial .socialButton .link > span {
        display: none;
    }
}

/* ============================================== /ucp_register ================================================== */

/* ============================================== ucp_register_co ================================================== */
#ucp_register_co {
    float: left;
    width: 853px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    color: #2a2a2a;
}

#ucp_register_co .ucp_register_co_caption {
}

#ucp_register_co .ucp_register_co_caption .ucp_register_co_caption_text {
    margin-left: 105px;
}

#ucp_register_co .ucp_register_co_form_box {
    padding: 0 0 0 95px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_up {
    background: url(./images/ucp_register_co_form_up.jpg) top center no-repeat;
    width: 722px;
    height: 8px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle {
    background: url(./images/ucp_register_co_form_middle.jpg) center center repeat-y;
    width: 722px;
    float: left;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left {
    width: 365px;
    float: left;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block {
    padding: 8px;
    margin: 0 20px;
    border-bottom: 1px solid #cccccc;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block B {
    font-size: 15px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block DIV {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 5px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block INPUT {
    width: 310px;
    height: 24px;
    border-bottom: 1px solid #9ba6b3;
    border-left: 1px solid #9ba6b3;
    border-right: 1px solid #9ba6b3;
    border-top: 2px solid #9ba6b3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 5px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block .input_active {
    width: 310px;
    height: 24px;
    border-bottom: 1px solid #f0801a;
    border-left: 1px solid #f0801a;
    border-right: 1px solid #f0801a;
    border-top: 2px solid #f0801a;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 5px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block SELECT {
    width: 310px;
    height: 24px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block .select {
    background: url(./images/ucp_register_select.jpg) no-repeat;
    position: absolute;
    width: 310px;
    height: 24px;
    font-size: 13px;
    overflow: hidden;
    float: left;
    padding: 4px 0 0 5px;
    left: 124px;
    margin: 0 0 0 0;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block .box {
    width: 310px;
    font-size: 10px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block .box .checkbox {
    float: left;
    width: 13px;
    height: 13px;
    margin: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    border: none;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block .box .floatLeft.marginTop5 {
    margin-top: 5px;
    margin-bottom: -5px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block.borderNone {
    border: none;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .left .input_block.borderNone {
    border: none;
    padding-bottom: 0;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right {
    width: 345px;
    float: left;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right .input_block {
    padding: 8px;
    margin: 0 12px 0 10px;
    border-bottom: 1px solid #cccccc;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right .input_block B {
    font-size: 15px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right .input_block DIV {
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 5px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right .input_block .box {
    width: 310px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right .input_block .box .checkbox {
    float: left;
    width: 13px;
    height: 13px;
    margin: 0;
    margin-top: 7px;
    margin-right: 6px;
    margin-bottom: 8px;
    border: none;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right .input_block .box SPAN P {
    padding-left: 24px;
    padding-top: 4px;
    font-size: 10px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right .input_block .box .description {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    margin-bottom: -15px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .right .notice {
    padding: 10px 20px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .bottom {
    float: left;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .bottom .input_block .submit_button {
    border-top: 1px solid #cccccc;
    text-align: center;
    width: 680px;
    padding-top: 12px;
    height: 75px;
    margin-left: 20px;
    margin-top: 4px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .bottom .input_block .submit_button INPUT {
    background: url(./images/ucp_register_create_an_account_button.jpg) center center no-repeat;
    width: 226px;
    height: 30px;
    border: none;
    cursor: pointer;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_middle .bottom .input_block .submit_button P {
    text-align: center;
    font-size: 10px;
    padding: 13px 0;
    padding-bottom: 5px;
}

#ucp_register_co .ucp_register_co_form_box .ucp_register_co_form_bottom {
    background: url(./images/ucp_register_co_form_bottom.jpg) bottom center no-repeat;
    width: 722px;
    height: 15px;
    float: left;
}

/* ============================================== /ucp_register_co ================================================== */

#ucp_register.popup {
    width: 375px;
    padding: 0;
}

#ucp_register.popup .ucp_register_caption_box {
    margin: -5px 0 0 0;
    padding: 10px;
    height: 65px;
}

#ucp_register.popup .ucp_register_caption_text {
    margin: 0;
}


.register-step {
/*    max-width: 1440px;*/
    width:100%;
    background-color: #f0f2f5;
    display: flex;
    flex-direction: column;
    padding: 40px;
    box-sizing: border-box;
    margin: 0 auto;
    min-height: 100%;
    font-family: 'Open Sans', sans-serif;
    align-items: center;
}

.register-step a:link,
.register-step a:visited,
.register-step a:active {
    text-decoration: none;
}

.register-step .header-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 20px;
    font: 600 16px/160% Open Sans, sans-serif;
    color: #1c1b1f;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
}

.register-step .back-button {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration:none;
    color:#707070;
}
.register-step .back-button svg path{
    fill:#707070;
}

.register-step .back-button:hover {
    text-decoration:underline;
}

.register-step .back-text {
    font-family: Open Sans, sans-serif;
    font-weight:600;
}

.register-step .logo {
    margin: 0 auto;
    width: 115px;
    max-width: 100%;
}

.register-step .content-wrapper {
    align-items: center;
    align-self: center;
    display: flex;
    margin-top: 35px;
    width: 100%;
    flex-direction: column;
}

.register-step .header-text {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.register-step .header-title {
    text-align: center;
    color: #215a85;
    font: 700 24px/160% Open Sans, sans-serif;
}
.register-step .header-title.header-title-light {
    font-weight: 500;
}
.register-step .header-title.header-title-light span{
    font-weight: 700;
}
.register-step [aria-required=true]:after {
    content: " *";
    color: #FF9A6C;
    font-weight: 600;
    margin-right: -5px;
}

.register-step .header-subtitle {
    color: #215a85;
    margin-top: 10px;
    font: 400 18px/29px Open Sans, sans-serif;
}

.register-step .options-container {
    display: flex;
    margin-top: 42px;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.register-step  .options-container.step-1 {
    margin-top: 32px;
}

.register-step .options-container.username {
    margin-top: 11px;
}

.register-step .option-item {
    max-width: 416px;
    min-width: 416px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    display: flex;
    gap: 20px;
    margin-top: 16px;
}

.register-step .option-item,
.register-step .option-item label,
.register-step .option-item-score,
.register-step .option-item-score label {
    cursor: pointer;
}

.register-step .option-item:first-child {
    margin-top: 0;
}


.register-step .other-option {
    color: #000;
    text-align: center;
    margin-top: 42px;
    font: 600 18px Inter, sans-serif;
}

#ucp_register a,
#ucp_register button,
#ucp_register input,
#ucp_register .ucp_register_form_middle .input_block .submit_button input,
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form #username__btn,
#ucp_register .ucp_register_left .ucp_register_form_box .ucp_register_form_middle form .input_button_avatars .load-button,
.register-step .continue-button,
.register-step .load-more-button,
.register-step .skip-button,
.btn-cancel,
.btn-apply,
.close-btn {
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s1s ease-in-out;
    transition: all 0.15s ease-in-out;
}

#ucp_register .ucp_register_form_middle .input_block .submit_button input,
.register-step .continue-button {
    border-radius: 8px;
    background-color: #F98827;
    border: none;
    margin: 42px 0;
    color: #fff;
    text-align: center;
    padding: 11px 16px;
    max-width: 415px;
    width: 100%;
    font: 600 16px/160% Open Sans, sans-serif;
}

#ucp_register .ucp_register_form_middle .input_block .submit_button input:not(:disabled):hover,
.register-step .continue-button:not(:disabled):hover {
    cursor: pointer;
    background-color: #e7720d;
}

#ucp_register .ucp_register_form_middle .input_block .submit_button input:disabled,
.register-step .continue-button:disabled,
.register-step .continue-button.disabled{
    cursor: default;
    border: 1px solid #b4b5b4;
    background-color: #f6f6f6;
    color: #b4b5b4;
}

.register-step .load-more-button {
    border-radius: 8px;
    border: 1px solid #215A85;
    background-color: #f6f6f6;
    margin-top: 16px;
    color: #215A85;
    text-align: center;
    padding: 11px 16px;
    max-width: 415px;
    width: 100%;
    font: 600 16px/160% Open Sans, sans-serif;
}

.register-step .load-more-button:hover {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #215A85;
    margin-top: 16px;
}

.register-step .skip-button {
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin-top: 16px;
    color: #215A85;
    text-align: center;
    padding: 11px 16px;
    max-width: 415px;
    width: 100%;
    font: 600 16px/160% Open Sans, sans-serif;
}

.register-step .skip-button:hover {
    cursor: pointer;
    background-color: #215A85;
    border: 1px solid #215A85;
    color: #FFFFFF;
}

.register-step .reg-check {
    display: none;
}

.register-step .reg-check + label:hover:before {
    opacity: 1.0;
    transform: scale(1.05);
}

.register-step .reg-check + label {
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #111928;
    display: flex;
    align-items: center;
    line-height: 20px;
    font-family: Inter, sans-serif;
    margin: 0;
}

.register-step .reg-check + label:hover {
    color: #215a85;
}

.register-step .reg-check + label span {
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.register-step .reg-check + label:before {
    display: flex;
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.75" y="0.75" width="16.5" height="16.5" rx="2.25" stroke="%23005679" stroke-width="1.5"/></svg>');
    vertical-align: middle;
    margin-right: 20px;
    transition: 0.5s ease;
    opacity: 0.8;
}

.register-step .reg-check:checked + label:before {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 0C1.34315 0 0 1.34315 0 3V15C0 16.6569 1.34315 18 3 18H15C16.6569 18 18 16.6569 18 15V3C18 1.34315 16.6569 0 15 0H3ZM3.75 9.40702L7.5 13.125L14.2504 6.4329L13.0565 5.25L7.5 10.7592L4.9431 8.25L3.75 9.40702Z" fill="%23F98827"/></svg>');
}

.register-step .reg-check.none +label:before{
    display: none;
}
.register-step .reg-check.none +label:hover{
   text-decoration: underline;
}

.register-step .reg-radio {
    display: none;
}

.register-step .reg-radio + label:hover:before {
    opacity: 1.0;
    transform: scale(1.05);
}

.register-step .reg-radio + label {
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #111928;
    display: flex;
    align-items: center;
    font-family: Inter, sans-serif;
    margin: 0;
}

.register-step .reg-radio + label:hover {
    color: #215a85;
}

.register-step .reg-radio + label:before {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="8.25" stroke="%232A2A2A" stroke-width="1.5"/></svg>');
    display: flex;
    align-items: center;

    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: 100%;
    margin-right: 20px;
}

.register-step .reg-radio:checked + label:before {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="6.25" stroke="%23F98827" stroke-width="5.5"/></svg>');
}

.register-step .reg-radio:hover {
    opacity: 1.0;
    transform: scale(1.05);
    cursor: pointer;
}

.register-step .reg-select {
    position: relative;
    width: 100%;
    filter: alpha(opacity=0);
    z-index: 5;
    padding-left: 16px;
    padding-right: 12px;
    min-height: 45px;
    height: 45px;
    line-height: 20px;
    font-size: 16px;
    color: #2a2a2a;
    overflow: auto;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 6px;
    /*icon*/
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.91 8.59009L12.5 13.1701L17.09 8.59009L18.5 10.0001L12.5 16.0001L6.5 10.0001L7.91 8.59009Z" fill="%23E66F08"/></svg>');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;

}

.register-step .reg-select:invalid {
    color: #808A92;
}

.register-step .reg-select option {
    color: #000;
    overflow: auto;
}

.register-step .reg-select:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6.5px 0 6.5px;
    border-color: #ff8d2a transparent transparent transparent;
    content: "";
    display: inline-block;
    position: relative;
    top: 18px;
    right: 13px;
    transition: 0.5s;
}

.register-step .option-box-2-col {
    columns: 2;
    width: fit-content;
}


.register-step .options-score {
    background-color: #FFFFFF;
    max-width: 496px;
    width: 100%;
    margin-bottom: 16px;
}

.register-step .option-item-score {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.register-step .check_toggle {
    position: relative;
}

.register-step .check_toggle:before {
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_865_831" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_865_831)"><path d="M10.0002 12.4999L5.8335 8.33325H14.1668L10.0002 12.4999Z" fill="%231C1B1F"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    padding: 20px;
    transition: all 0.75s 0.25s;
    transform: rotate(0);
}

.register-step .option-toggle {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_865_831" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_865_831)"><path d="M10.0002 12.4999L5.8335 8.33325H14.1668L10.0002 12.4999Z" fill="%231C1B1F"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    padding: 20px;
    transform: rotate(0);
    transition: all 0.25s 0.25s;
}

.register-step .option-toggle.active {
    transition: all 0.25s 0.25s;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_865_831" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_865_831)"><path d="M10.0002 12.4999L5.8335 8.33325H14.1668L10.0002 12.4999Z" fill="%231C1B1F"/></g></svg>');
    transform: rotate(180deg);
}

.register-step .reg-inform-text {
    font-size: 11px;
    font-style: italic;
    opacity: 0.7;
}

.register-step .score-section {
    display: none;
    margin: 0 20px;
    flex-direction: column;
    color: #215a85;
    border-top: 1px solid #D9D9D9;
    padding-top: 20px;
    border-spacing: 20px;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s;
    overflow: hidden;
}

.register-step .score-section.active {
    display: flex;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s;
    overflow: hidden;
}

.register-step .offers-score .score-section {
    padding-top: 10px;
}

.register-step .score-title {
    font: 700 16px/140% Open Sans, sans-serif;
}

.register-step .score-description {
    margin-top: 4px;
    font: 400 12px/160% Open Sans, sans-serif;
}

.register-step .score-inputs {
    display: flex;
    margin: 20px 0;
    gap: 12px;
    font: 16px/160% Open Sans, sans-serif;
}

.register-step .score-input {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.register-step .input-label {
    color: #215a85;
    font-weight: 600;
    margin-bottom: 4px;
}

.register-step .input-field {
    font-feature-settings: "clig" off, "liga" off;
    border-radius: 6px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    margin-top: 4px;
    color: #808a92;
    font-weight: 400;
    padding: 11px 16px;
    max-width: fit-content;
    width: 100%;
}

.register-step .field_items{
    width: 100%;
    display: flex;
}


.register-step .options-mba-school {
    max-width: 415px;
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
}
.register-step .options-mba-school label{
    color:#215A85 ;
    font-weight: 600;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 4px;
}

.register-step .ms-options-wrap {
    font-size: 16px;
}
.register-step .options-mba label.tz{
    margin-top: 25px;
}
.register-step .options-mba .ms-options-wrap {
    margin-top: 0;
}
.register-step .ms-options-wrap > button {
    height: 48px;
    padding: 5px 53px 5px 16px;
    color: #808A92;
    font-size: 16px;
    border: 1px solid #BFBFBF;
    border-radius: 6px;
}
.register-step .ms-options-wrap > button span{
   vertical-align: baseline;
}
.register-step .ms-options-wrap.ms-active > button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 2px solid #685BC7;
    border-left: 2px solid #685BC7;
    border-right: 2px solid #685BC7;
}

.register-step .ms-options-wrap > button:after {
    content: ' ';
    background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.91 8.59009L12.5 13.1701L17.09 8.59009L18.5 10.0001L12.5 16.0001L6.5 10.0001L7.91 8.59009Z" fill="%23E66F08"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    top: unset;
    height: 24px;
    position: absolute;
    right: 12px;
    width: 26px;
    border: 0;
}

.register-step .ms-options-wrap.ms-active > button:after{
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.3799 15.5827C5.9031 16.1179 6.6315 16.1599 7.2711 15.5827L11.9607 11.0863L16.6503 15.5827C17.2899 16.1599 18.0195 16.1179 18.5391 15.5827C19.0623 15.0487 19.0287 14.1463 18.5391 13.6447C18.0519 13.1431 12.9051 8.2423 12.9051 8.2423C12.6447 7.9747 12.3027 7.8403 11.9607 7.8403C11.6187 7.8403 11.2767 7.9747 11.0139 8.2423C11.0139 8.2423 5.8695 13.1431 5.3799 13.6447C4.8903 14.1463 4.8567 15.0487 5.3799 15.5827Z" fill="%23041A4D"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    right: 12px;
}
.register-step .ms-options-wrap.ms-active > button:before{
    content: ' ';
    background-image: url('data:image/svg+xml,<svg width="1" height="30" viewBox="0 0 1 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="30" fill="%23D9DCE4"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    top: unset;
    height: 24px;
    position: absolute;
    right: 32px;
    width: 26px;
    border: 0;
}

@media (max-width: 1024px) {
    .register-step {
        padding: 20px 20px 30px 20px;
    }

    .register-step .header-text {
        max-width: 100%;
    }

    .register-step .header-title {
        max-width: 100%;
    }

    .register-step .header-subtitle {
        max-width: 100%;
    }

    .register-step .options-container {
        margin-top: 20px;
    }

    .register-step .option-item {
        margin-top: 20px;
        min-width: 0;
    }

    .register-step .other-option {
        margin-top: 40px;
    }

    .register-step .continue-button {
        margin-top: 40px;
    }

    .register-step .score-section {
        max-width: 100%;
    }

    .register-step .score-title {
        max-width: 100%;
    }

    .register-step .score-inputs {
        flex-wrap: wrap;
    }

    .register-step .score-description {
        max-width: 100%;
    }
}

@media (max-width: 480px) {

    .register-step .option-box-2-col {
        columns: 1;
        width: 100%;
    }

    .register-step .header-wrapper{
        margin: 0;
    }
    .register-step .back-text {
        display: none;
    }

    .register-step .logo {
        width: 75px;
        max-width: 100%;
    }

    .register-step .score-input {
        flex: none;
    }
}



.register-step .select {
	width: 100%;
	line-height: 24px;
	padding-left: 16px;
	padding-right: 12px;
	min-height: 40px;
	font-size: 16px;
	color: #2a2a2a;
	overflow: hidden;
	border: 1px solid #bfbfbf !important;
	box-sizing: border-box;
	box-shadow: none;
	vertical-align: middle;
	border-radius: 6px;
	appearance: none;
	background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_865_831" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_865_831)"><path d="M10.0002 12.4999L5.8335 8.33325H14.1668L10.0002 12.4999Z" fill="%231C1B1F"/></g></svg>');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;

}

.register-step select:focus {
	border: 1px solid #0A0A0A !important;
	background-color: #FFF;
	-webkit-appearance: none;
	appearance: none;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_865_818" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" transform="matrix(1 0 0 -1 0 20)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_865_818)"><path d="M10.0002 7.50008L5.8335 11.6667H14.1668L10.0002 7.50008Z" fill="%231C1B1F"/></g></svg>');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
}

.register-step select:invalid {
	color: #808A92;
	appearance: none;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.41 8.59009L12 13.1701L16.59 8.59009L18 10.0001L12 16.0001L6 10.0001L7.41 8.59009Z" fill="%23E66F08"/></svg>');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
}

.register-step select option {
	color: #000;
}

/*.register-step select option:nth-child(even) {
	font-size: 5px;
}/*

.register-step select option:nth-child(odd) {
	padding: 20px;
}

.register-step select option:nth-child(0) {
	padding-top: 8px;
	font-size: 15px;
}

select option:focus,
select option:active {
	background: linear-gradient(#ffed00, #ffed00);
	background-color: #000000 !important;
	color: #ffed00 !important;
}

select option:checked,
select option:hover {
	background: linear-gradient(#ffed00, #ffed00);
	background-color: #d6d6d6 !important;
	color: #000000 !important;
}
*/


.register-step .search {
    width: 100%;
    max-width: 336px;
    border: 1px solid #808A92;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #ffffff;
    padding: 0 0 0 16px;
    line-height: 45px;
    font-size: 16px;
    caret-color: #000000;
    box-sizing: border-box;
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14.395H14.71L14.43 14.125C15.41 12.985 16 11.505 16 9.89502C16 6.30502 13.09 3.39502 9.5 3.39502C5.91 3.39502 3 6.30502 3 9.89502C3 13.485 5.91 16.395 9.5 16.395C11.11 16.395 12.59 15.805 13.73 14.825L14 15.105V15.895L19 20.885L20.49 19.395L15.5 14.395ZM9.5 14.395C7.01 14.395 5 12.385 5 9.89502C5 7.40502 7.01 5.39502 9.5 5.39502C11.99 5.39502 14 7.40502 14 9.89502C14 12.385 11.99 14.395 9.5 14.395Z" fill="%23B4B5B4"/></svg>');
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 6px;
    padding-inline-start: 40px;
}

.register-step .search:focus {
    border: 2px solid #685BC7;
    outline: none;
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14.395H14.71L14.43 14.125C15.41 12.985 16 11.505 16 9.89502C16 6.30502 13.09 3.39502 9.5 3.39502C5.91 3.39502 3 6.30502 3 9.89502C3 13.485 5.91 16.395 9.5 16.395C11.11 16.395 12.59 15.805 13.73 14.825L14 15.105V15.895L19 20.885L20.49 19.395L15.5 14.395ZM9.5 14.395C7.01 14.395 5 12.385 5 9.89502C5 7.40502 7.01 5.39502 9.5 5.39502C11.99 5.39502 14 7.40502 14 9.89502C14 12.385 11.99 14.395 9.5 14.395Z" fill="%23685BC7"/></svg>');
}

.register-step .option-box-3-col {
    max-width: 906px;
    width: 100%;
    margin: 40px 16px 16px 16px;
    display: flex;
    justify-content: center;
    column-gap: 20px;
    row-gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.register-step .school-item {
    max-width: 280px;
    min-width: 280px;
    width: 100%;
    min-height: 90px;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    display: flex;
}

.register-step .school-item .school-img {
    max-width: 48px;
    max-height: 48px;
    padding-right: 20px;
}

.register-step .offers-score {
    background-color: #FFFFFF;
    max-width: 700px;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}

.register-step .score-description.offer {
    color: #707070;
    margin: 0 0 10px 38px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    text-align: left;
}

.register-step .options-mba {
    max-width: 415px;
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
}

.register-step .options-mba label {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25.6px;
    text-align: left;
    margin-bottom: 4px;
    color: #215A85;
}

.register-step .final-text {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    margin-top: 5vh;
}
.register-step .final-image {
    display: flex;
    margin-top: 65px;
    width: 300px;
}

.register-step .resend-email {
    margin-top: 20px;
    color: #F98827;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.register-step .resend-email:hover {
    text-decoration: underline;
}
#ucp_register .hint-user{
    padding-left:4px;
    color:#707070;
    font-size:14px;
    font-weight:400;
}
#ucp_register .info-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}
#ucp_register .info-popup-content p{
    font-size: 16px;
}
#ucp_register .info-popup-content {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    min-width: 300px;
}
#ucp_register .info-popup-content .buttons{
    display: flex;
    justify-content: center;
    gap: 10px;
}
#ucp_register .info-popup-content button {
    padding: 10px 20px;
    font-weight: 600;
    border: 1px solid #BFBFBF;
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 24px;
    cursor: pointer;
    margin-top: 10px;
}
#ucp_register .info-popup-content button:hover {
    border: 1px solid black;
}
/*pre-register */
@media (max-height: 970px) {
    #ucp_register .ucp_register_form_middle .input_block .submit_button input{
        margin:0;
    }
}
@media (max-height: 768px) {
    #ucp_register .form-title {
        margin: 12px 0 4px;
    }
    #ucp_register .ucp_register_form_middle form .input_block label {
        margin:16px 0 0 0;
    }
    #ucp_register .input_block .g-recaptcha {
        padding: 16px 0 8px;
    }
    #ucp_register .registerBySocial > span {
        margin: 16px auto 12px auto;
    }
    #ucp_register .login-text {
        margin-top: 12px;
    }
}

@media (max-height: 721px) {
    .register-step .content-wrapper{
        margin-top: 16px;
    }
    .register-step .options-container.step-1 {
        margin-top: 0;
    }
    .register-step .header-title {
        margin-bottom: 0;
    }
    .register-step .continue-button.step-1
    {
        margin:8px 0;
    }
}