.input-box{
	position: relative;
	width: 100%;
	justify-content: space-around;
	padding: 5px 10px;
	display: block;
}

.input-box:focus-within{
	padding: 16px 10px;
	margin-bottom: -10px;
}			

.input-box:focus-within .input-field::placeholder{
	visibility: hidden;
}			

.input-box:focus-within .textarea-field::placeholder{
	visibility: hidden;
}

.input-field{
	width: 100%;
	height: 36px;
	display: block;
	border-radius: 4px;
	border: 1px solid #1B1B1B46;
}

.input-field:lang(en) {
	padding-left: 8px;	
}

.input-field:lang(ar) {
	padding-right: 8px;	
}	

.input-field:focus{
	border-radius: 4px;
	outline: none;
	border: solid var(--lightRed);
	border-width: 1px 1px 3px 1px;
	height: 48px;
	padding-top: 8px;
}			

.input-field:focus:lang(en) {
	padding-left: 8px;	
}

.input-field:focus:lang(ar) {
	padding-right: 8px;	
}			

.textarea-field{
	width: 100%;
	height: 150px;
	display: block;
	border-radius: 4px;
	border: 1px solid #1B1B1B46;
	resize: none;
}			

.textarea-field:lang(en) {
	padding-left: 8px;	
}

.textarea-field:lang(ar) {
	padding-right: 8px;	
}			

.textarea-field:focus{
	border-radius: 4px;
	outline: none;
	border: solid var(--lightRed);
	border-width: 1px 1px 3px 1px;
	height: 162px;
	padding-top: 20px; 	
	resize: none;
}			

.textarea-field:focus:lang(en) {
	padding-left: 8px;	
}			

.textarea-field:focus:lang(ar) {
	padding-right: 8px;	
}			

.btn-register{
	border: 0;
	background: var(--darkRed);
	color: white;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 25px;
	border-radius: 4px;
	box-shadow: 0px 4px 12px #F5AC6280;
	margin: 0px 10px;
	cursor: pointer;
}			

.btn-register:hover{
	background: var(--darkRed);
	box-shadow: 0px 4px 12px #231E1E90;
}