/*==== Developed by OPTIMUM LINKUP COMPUER == */



/*==== Developed by OPTIMUM LINKUP COMPUER : CSS VARRIABLES== */
:root {
	--color-green: #55c57a;
	--color-green-light: #7ed56f;
	--color-green-dark: #28b485;
	--color-silver:#e4e7ea;
	--color-white:#fff;
	--color-black:#000;

}

html{
	font-size: 10px;
	font-weight: 400;
}

body {
	font-family: "Poppins", sans-serif;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/*==== Developed by OPTIMUM LINKUP COMPUER : STYLE SIGNUP AND LOGIN FORM == */

.signup-container {
	display: flex;
	display: -webkit-flex;
	height: 100%;
	height: 100vh;
}

.account-left {
	width: 70%;
	background-image: linear-gradient(to right bottom, rgba(40, 180, 133, .90)50%, transparent 50%), url(../assets/images/account-bgc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.account-text{
	position: absolute;
	top: 20%;
	left: 40%;
	transform: translate(-50%, -50%);
	font-size: 1.5rem;
	color: var(--color-white);

}

.alert-success {
  background: #00c292;
  color: #fff;
  border-color: #00c292;
}

.account-right {
	width: 30%;
	position: relative;
}

.form-area {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.group{

	margin-bottom: 1.5rem;
}

.control{
	width: 100%;
	display: block;
	padding: 1.1rem 1rem;
	border-radius: 3px;
	border: 1px solid var(--color-silver);
	transition: all 1s;
}

.control:focus {
	outline: none;
	border: 1px solid var(--color-green-dark);
}

.file{
	display: none;
}

#file-label{
	display: block;
	width: 100%;
	padding: 1.1rem 1rem;
	border: 1px solid var(--color-silver);
	border-radius: 3px;
	font-size: 1.2rem;
	text-align: left;

}

#file-label:hover{
	cursor: pointer;
}

.btn{
	display: block;
	padding: 1.2rem .9rem;
	font-size: 1.5rem;
	border-radius: 3rem;
	text-transform: uppercase;
	border: 0px;
	color: var(--color-white);
}

.account-btn {
	width: 100%;
	background: linear-gradient(to right, var(--color-green-light), var(--color-green-dark));
	box-shadow: 0 .8rem .6rem -.6px
}

.account-btn:hover{
	cursor: pointer;
}
.upload-icon{

	margin-right: 1.5rem;
	font-size: 1.7rem;
	color: var(--color-green-dark);

}

.form-heading{

	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 400;
	border-bottom: 1rem solid var(--color-green-silver);
	padding-bottom: 1.5rem;
	letter-spacing: .2rem;
	text-align: center;
	color: #999;
}

.link{
	color: #999;
	display: block;
	font-size: 1.5rem;
	text-decoration: none;
	text-align: left;
	font-weight: 300;
	padding-top: 1.5rem;

}

/*==== Developed by OPTIMUM LINKUP COMPUER : STYLE SIGNUP AND LOGIN FORM RESPONSIVE == */

@media (max-width: 765px){

	.account-left {
		display: none;
	}
	.account-right {
		width: 100%;
	}
}

