#loginpage,#loginpage2{
	background-color: #f1f1f1;
}

.login_right_wrapper {
	background-color: white;
	padding: 50px;
	border-radius: 10px;

}
#login_view{
margin-top: 70px !important;
}
.forgot{
	text-align: left;
font: normal normal normal 14px/21px Poppins;
letter-spacing: 0px;
color: #e62e38;
}
.forgot:hover{
color: #e62e38;

}
.form_inner_container h1 {
	text-align: left;
	font: normal normal 600 1.5rem/42px Poppins;
	letter-spacing: 0px;
	color: var(--color-5b5b5b);
	margin-bottom: 10px;
	margin-top: 40px;
}
.login-width{
	margin-top: 40px !important;
}
.form_inner_container p{
	text-align: center;
font: normal normal 500 14px/21px Poppins;
letter-spacing: 0px;
color: #1F1F1F;
}
.form_inner_container .inputlabel {
	color: var(--color-1f1f1f);
	text-align: left;
	font: normal normal normal 0.75rem/19px Poppins;
	letter-spacing: 0px;
	margin-bottom: 10px;
}
.form_inner_container input {
	border-color: var(--color-5b5b5b);
}

.form_inner_container form button {
	width: 100%;
	background-color: var(--color-c6c6c6);
	color: var(--color-ffffff);

	padding: 8px;
	margin-top: 30px;
	font: normal normal normal 1.125rem/27px Poppins;
	border: none;
	border-radius: 4px;
}
.backlogin{
	text-align: center;
	display: block;
	margin: 10px 0px;
font: normal normal 500 14px/21px Poppins;
letter-spacing: 0px;
color: #e62e38;
}
.backlogin:hover{
color: #e62e38;

}

/* sign up */
.signup .form_inner_container {
	top: 100px;
	width: 520px;
}

/* sign up */
.signuo_btns button:hover {
	color: var(--color-ffffff) !important;
}

@media screen and (max-width: 992px) {
	.login_right_wrapper .form_inner_container {
		position: relative;

		width: 100%;
		margin: auto;
	}
	#login_view .logoimg {
		margin-top: 60px;
	}
	#otp_view .logoimg {
		margin-top: 60px;
	}
	#loginpage,
	#signuppage {
		background-color: #f1f1f1;
		padding-bottom: 190px;
	}
	.otpwidth {
		justify-content: center;
	}
	#otp_form button {
		margin: auto;
		margin-top: 50px;
		display: block;
	}
}