/* V1 */
.main-login h2 {
	font-size: 25px;
	color: #121224;
	text-align: left;
	height: auto;
	font-weight: 600;
	margin-left: 43px;
}
.main-login .form-tabs {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.main-login .form-field-main {
	display: flex;
	width: 100%;
	column-gap: 30px;
	padding-left: 9px;
	padding-right: 9px;
}
.main-login .tabs-data {
	width: 100%;
	margin-top: 6px;
	border-top: none !important;
	float: left;
	padding: 0px !important;
	height: auto;
	background: #f9f9fa;
	height: 100%;
}
.main-login .register-btn {
	float: left;
	width: 100%;
	margin-top: 18px;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 22px;
	padding-left: 8px;
	padding-right: 8px;
}
.main-login .field-full.nomargin {
	margin-top: 8px !important;
}
.field-full.nomargin a {
	text-decoration: none !important;
	font-weight: 500;
}
.main-login .register-btn {
	float: left;
	width: 100%;
	margin-top: 32px;
	height: auto;
	display: block;
	justify-content: space-between;
	padding-bottom: 22px;
	padding-left: 8px;
}
.main-login .field-full {
	width: 100%;
	margin-top: 21px !important;
	height: auto;
	display: grid;
	align-content: center;
}
.login-form{
	background: url('../images/right-bg.svg');
	background-position: right;
	width: 100%;
	background-repeat: no-repeat;
	float: left;
	background-size: 20%;
}
.login-to-web {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.register-messgae h2 {
	font-size: 25px;
	color: #646464;
	text-align: left;
	height: auto;
	font-weight: 600;
	margin-left: 0px;
	margin-top: 12px;
}
.register-messgae {
	float: right;
	width: 46%;
}
.register-messgae ul li h3 {
	font-size: 17px;
	margin-top: 28px;
	font-weight: 600;
	color: #121224;
	margin-bottom: 6px;
}
.register-messgae ul li p {
	font-size: 13px;
	color: #474D6A;
	margin: 0px;
}
.register-messgae ul {
	margin-top: 0px;
	float: left;
	width: 100%;
}
.register-messgae a {
	color: #FF7900;
	border: 1px solid #FF7900;
	background: none !important;
	display: grid;
	width: 138px;
	font-size: 14px;
	float: left;
	margin-top: 33px;
	height: 40px;
	border-radius: 100px;
	align-content: center;
	font-weight: 500;
	text-align: center;
}
.main-login {
	width: 100%;
	margin: auto;
	height: auto;
	max-width: 1382px;
}
.register-btn button { transition: .10s all; -ms-transition: .10s all; -moz-transition: .10s all; -webkit-transition: .10s all; -o-transition: .10s all; }
	
/* V2 */

.login-form-nobg {
	width: 100%;
	float: left;
	background-size: 20%;
}
.login-form-nobg .register-messgae img {
	width: 100%;
}
.login-form-nobg .register-messgae {
	float: right;
	width: 46.7%;
}
.login-form-nobg .tabs-data {
	padding: 0px !important;
	border: none !important;
	background: none !important;
}
.main-login .login-form-nobg  h2 {
	font-size: 25px;
	color: #121224;
	text-align: left;
	height: auto;
	font-weight: 600;
	margin-left: 30px;
}
.main-login .tabs-data .tabs-7 { padding:0px !important; }
.main-login .tabs-data .tabs-7 .tab_content_wrapper {
	width: 100%;
	border-top: 2px solid #eee !important;
	float: left;
	height: auto;
	background: #f9f9fa !important;
	height: 100%;
	padding: 12px 22px;
}
.tabs-data p {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px !important;
	font-size: 14px;
	text-align: center;
	text-align: left;
	padding-left: 30px;
	color: #121224;
}
.tabs-data p a {
	color: #FF7900;
}
.tab_content_wrapper {
	padding-bottom: 37px !important;
}
.register-btn button:hover {
	background: rgb(255,121,0);
	background: -moz-linear-gradient(105deg, rgba(251,175,7,1) 0%, rgba(255,121,0,1) 100%);
	background: -webkit-linear-gradient(105deg, rgba(251,175,7,1) 0%, rgba(255,121,0,1) 100%);
	background: linear-gradient(105deg, rgba(251,175,7,1) 0%, rgba(255,121,0,1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fbaf07",endColorstr="#ff7900",GradientType=1);
}

@media screen and (max-width:1200px){
	.main-login .form-field-main {
		display: flex;
		width: 100%;
		column-gap: 30px;
		padding-left: 9px;
		padding-right: 9px;
	}
	.main-login .form-tabs {
		float: left;
		width: 100% !important;
		height: auto;
		overflow: hidden;
	}
	.main-login .register-btn {
		display: block !important;
		row-gap: 10px;
	}
	.social-icons {
		display: block;
		row-gap: 10px;
		color: #9d9db5;
		font-size: 13px;
		margin-top: 20px;
		font-weight: 600;
		width: 100%;
	}
	
}


@media screen and (max-width:480px){
	.main-login .form-field-main {
		display: grid;
		width: 100%;
		column-gap: 30px;
		padding-left: 9px;
		padding-right: 9px;
	}
}