.user-form-part {
	padding-top:30px
}
.user-form-logo {
	text-align:center;
	margin-bottom:25px
}
.user-form-logo img {
	width:200px
}
.user-form-card {
	padding:30px;
	border-radius:8px;
	margin-bottom:20px;
	background:var(--white);
	border:1px solid var(--border)
}
.user-form-title {
	text-align:center;
	margin-bottom:25px
}
.user-form-title h2 {
	font-size:28px;
	line-height:36px;
	margin-bottom:5px;
	color:var(--primary)
}
.user-form-title p {
	text-transform:capitalize
}
.user-form-group {
	display:flex;
	align-items:center;
	justify-content:center
}
.user-form-social {
	width:100%
}
.user-form-social li {
	margin-bottom:20px
}
.user-form-social li a {
	width:100%;
	font-size:15px;
	padding:10px 0px;
	border-radius:8px;
	letter-spacing:0.3px;
	text-align:center;
	text-transform:capitalize;
	color:var(--white);
	background:var(--primary)
}
.user-form-social li a i {
	font-size:16px;
	margin-right:10px
}
.user-form-social li:nth-child(1) a {
	background:#385998
}
.user-form-social li:nth-child(2) a {
	background:#00acee
}
.user-form-social li:nth-child(3) a {
	background:#E60023
}
.user-form-social li:last-child {
	margin-bottom:0px
}
.user-form-divider {
	margin:0px 50px;
	position:relative;
	z-index:1
}
.user-form-divider::before {
	position:absolute;
	content:"";
	top:50%;
	left:50%;
	width:2px;
	height:250px;
	z-index:-1;
	background:var(--border);
	transform:translate(-50%,-50%)
}
.user-form-divider p {
	width:40px;
	height:40px;
	font-size:14px;
	font-weight:500;
	margin:0 auto;
	font-style:italic;
	line-height:38px;
	border-radius:50%;
	text-align:center;
	color:var(--gray);
	background:var(--white);
	border:1px solid var(--border)
}
.user-form {
	width:100%
}
.user-form .form-group {
	margin-bottom:20px
}
.form-button {
	text-align:center
}
.form-button button {
	width:100%;
	height:45px;
	font-size:14px;
	font-weight:500;
	line-height:45px;
	border-radius:8px;
	letter-spacing:0.3px;
	text-align:center;
	text-transform:uppercase;
	color:var(--white);
	background:var(--primary);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
}
 .form-button button:hover {
	 background:var(--green)
 }
.form-button p {
	font-size:15px;
	margin-top:12px;
	text-transform:capitalize
}
.form-button p a {
	font-weight:500;
	margin-left:5px;
	color:var(--primary)
}
.form-button p a:hover {
	text-decoration:underline
}
.user-form-remind {
	padding:20px;
	border-radius:8px;
	text-align:center;
	background:var(--white);
	border:1px solid var(--border)
}
.user-form-remind p {
	font-size:15px;
	text-transform:capitalize
}
.user-form-remind p a {
	font-weight:500;
	margin-left:5px;
	color:var(--primary)
}
.user-form-remind p a:hover {
	text-decoration:underline
}
.user-form-footer {
	text-align:center;
	margin-top:25px;
	margin-bottom:40px
}
.user-form-footer p {
	font-size:14px;
	color:var(--gray)
}
.user-form-footer p a {
	color:var(--primary);
	transition:all linear .3s;
	-webkit-transition:all linear .3s;
	-moz-transition:all linear .3s;
	-ms-transition:all linear .3s;
	-o-transition:all linear .3s
}
.user-form-footer p a:hover {
	text-decoration:underline
}
@media (max-width:575px) {
	.user-form-card {
	padding:20px
}
}@media (max-width:767px) {
	.user-form-group {
	display:inherit
}
.user-form-divider {
	margin:25px 0px;
	position:relative;
	z-index:1
}
.user-form-divider::before {
	position:absolute;
	content:"";
	top:50%;
	left:50%;
	width:100%;
	height:2px;
	z-index:-1;
	background:var(--border);
	transform:translate(-50%,-50%)
}
}