@primary-light-100:#E7DEFE;
@primary-light-200:#CEBEFE;
@primary-light-300:#B49DFE;
@primary-light-400:#9F84FD;
@primary-default-500:#7C5CFC;
@primary-hover-600:#5E43D8;
@primary-dark-700:#432EB5;
@primary-dark-800:#2D1D92;
@secondary-light-100:#F5FCD2;
@secondary-light-200:#E8FAA6;
@secondary-light-300:#D3F178;
@secondary-light-400:#BCE455;
@secondary-default-500:#9CD323;
@secondary-hover-600:#7FB519;
@secondary-dark-700:#659711;
@secondary-dark-800:#4C7A0B;
@info-default:#209CEE;
@info-hover:#0E75B9;
@info-light:#ECF7FE;
@success-default:#48C774;
@success-hover:#257942;
@success-light:#EFFAF3;
@warning-default:#FFDD57;
@warning-hover:#947600;
@warning-light:#FFFBEB;
@danger-default:#FF3860;
@danger-hover:#DB002C;
@white-100:#F5F5F5;
@white-200:#FAFAFA;
@white-300:#FFFFFF;
@gray-secondary:#8080A4;
@gray-tertiary:#BEBED0;
@black-100:#0A0A0A;
@black-200:#121212;
@black-300:#242424;
@black-400:#363636;
@black-500:#4A4A4A;
@black-600:#7A7A7A;
@black-700:#B5B5B5;
@black-800:#DBDBDB;
@body-background-primary:#FFF;

.flex_align {display:flex;
			 align-items: center;
}
.flex_align_justify {display:flex;
					 align-items: center;
					 justify-content: center;
}
.flex_justify {display:flex;
			   justify-content: center;
}
.semibold_14 {font-size: 14px;
			  font-weight: 600;
}
.regular_14 {font-size: 14px;
			 font-weight: 400;
}
.medium_14 {font-size: 14px;
			font-weight: 500;
}
.bold_14 {font-size: 14px;
		  font-weight: 700;
}
.primary500bg {background-color: @primary-default-500;}
.primary600bg {background-color: @primary-hover-600;}
.secondary500bg {background-color: @secondary-default-500;}
.secondary600bg {background-color: @secondary-hover-600;}
.bgwhite {background-color: white;}




.login {width: 100%;
		height: 100%;
		float: left;
		background-color:rgba(0, 0, 0, 0.4);
		position: fixed;
		top:0px;
		left:0px;
		z-index: 99999;
		font-family: 'Inter';
		.flex_align_justify();
		display: none;
		.container {width: 90%;
					height: 708px;
					max-width: 1172px;
					float: left;
					padding: 0;
					border-radius: 10px;
					.bgwhite();
					.left {width: 579px;
						   height: 100%;
						   float: left;
						   img {width: 100%;
						   		height: 100%;
						   		object-fit: cover;
						   		text-align: center;
						   		border-radius: 10px 0px 0px 10px	;
						   }
					}
					.right {width: calc(100% - 579px);
							height: 100%;
							float: left;
							.flex_justify();
							.right-container {width: 100%;
											  height: 100%;
											  max-width: 433px;
											  float: left;
											  .logo {width: 100%;
											  		 height: 30px;
											  		 float: left;
											  		 margin-top: 86px;
											  		 .flex_align_justify();
											  		 img {height: 30px;}
											  }
											  .menu {width: 100%;
											  		 height: 58px;
											  		 float: left;
											  		 margin-top: 48px;
											  		 .item {width: 50%;
											  		 		height: 55px;
											  		 		border-bottom: 3px solid #F5F5F5;
											  		 		float: left;
											  		 		cursor: pointer;
											  		 		transition: 0.3s;
											  		 		.flex_align_justify();
											  		 		span {color:@black-700;
											  		 			  font-size: 16px;
											  		 		}
											  		 }
											  		 .active {border-color: @secondary-default-500;
											  		 		  background-color:@secondary-light-100;
											  		 		  span {color:@secondary-hover-600;}
											  		 }
											  		 .item:hover {background-color: #EEE;}
											  		 .item.active {background-color:@secondary-light-100;}
											  }
											  .close {width: 100%;
											  		  height: 24px;
											  		  float: left;
											  		  margin-top: 34px;
											  		  .flex_align();
											  		  justify-content: right;
											  		  span {font-size: 32px;
											  		  	    font-weight: 500;
											  		  	    color:@black-400;
											  		  	    cursor: pointer;
											  		  }
											  }
											  .form {width: 100%;
											  		 margin-top: 18px;
											  		 float: left;
											  		 height: 200px;
											  		 padding: 0;
											  		 .item {width: 100%;
											  		 		height: 81px;
											  		 		float: left;
											  		 		margin-top: 18px;
											  		 		.item-title {width: 100%;
											  		 					 height: 21px;
											  		 					 float: left;
											  		 					 .flex_align();
											  		 					 span {color: #696F79;
											  		 					 	   .semibold_14();
											  		 					 }
											  		 		}
											  		 		.input {width: 100%;
											  		 				height: 50px;
											  		 				background:#FAFAFA;	
											  		 				border-radius: 8px;
											  		 				margin-top: 10px;
											  		 				float: left;
											  		 				.icon {width: 36px;
											  		 					   height: 50px;
											  		 					   float: left;
											  		 					   .flex_align();
											  		 					   justify-content: right;
											  		 					   span {font-size: 20px;
											  		 					   		 color:@primary-default-500;
											  		 					   }
											  		 				}
											  		 				.input-i {width: calc(100% - 36px);
											  		 						  height: 50px;
											  		 						  float: left;
											  		 						  input {width: 100%;
											  		 						  		 height: 50px;
											  		 						  		 border:0px;
											  		 						  		 outline: 0px;
											  		 						  		 background-color:transparent;
											  		 						  		 padding-left: 8px;
											  		 						  		 padding-right: 8px;
											  		 						  		 .regular_14();
											  		 						  		 color:@gray-secondary;
											  		 						  }
											  		 				}
											  		 		}
											  		 }
											  }
											  .remember-forgot {width: 100%;
											  					height: 21px;
											  					float: left;
											  					margin-top: 24px;
											  					.remember {width: auto;
											  							   height: 21px;
											  							   float: left;
											  							   .input {width: 20px;
											  							   		   height: 20px;
											  							   		   float: left;
											  							   		   label {border:2px solid @primary-default-500;
											  							   		   		  .flex_align_justify();
											  							   		   		  width: 100%;
											  							   		   		  height: 100%;
											  							   		   		  border-radius:4px;
											  							   		   		  span {font-size: 12px;
											  							   		   		  		display:none;
											  							   		   		  		color:white;
											  							   		   		  }
											  							   		   }
											  							   		   .checked {background-color: @primary-default-500;
											  							   		   			 span {display:initial;}
											  							   		   }
											  							   }
											  							   .text {width: auto;
											  							   		  height: 21px;
											  							   		  float: left;
											  							   		  margin-left: 12px;
											  							   		  .flex_align();
											  							   		  label {color:@gray-secondary;
											  							   		  		 .regular_14();
											  							   		  		  -webkit-touch-callout: none; /* iOS Safari */
																					      -webkit-user-select: none; /* Safari */
																					       -khtml-user-select: none; /* Konqueror HTML */
																					         -moz-user-select: none; /* Old versions of Firefox */
																					          -ms-user-select: none; /* Internet Explorer/Edge */
																					              user-select: none; /* Non-prefixed version, currently
																					                                    supported by Chrome, Edge, Opera and Firefox */

											  							   		  }
											  							   }
											  					}
											  					.forgot {width: auto;
											  							 height: 21px;
											  							 float: right;
											  							 .flex_align();
											  							 a {color:@gray-secondary;
											  							 	   .medium_14();
											  							 	   transition: 0.15s;
											  							 }
											  							 a:hover {color:@gray-tertiary;}
											  					}
											  }
											  .submit {width: 100%;
											  		   margin-top: 44px;
											  		   float: left;
											  		   button {width: 100%;
											  		   		   height: 44px;
											  		   		   border:0px;
											  		   		   .primary500bg();
											  		   		   color:white;
											  		   		   font-weight: 600;
											  		   		   font-size: 16px;
											  		   		   border-radius: 3px;
											  		   		   transition: 0.3s;
											  		   } 
											  		   button:hover {.primary600bg();}
											  }
											  .register-link {width: 100%;
											  				  height: 24px;
											  				  float: left;
											  				  margin-top: 21px;
											  				  .flex_align_justify();
											  				  a {font-weight: 600;
											  				  	 font-size: 16px;
											  				  	 color:black;
											  				  	 transition: 0.15s;
											  				  	 cursor: pointer;
											  				  }
											  				  a:hover {color:@black-600;}
											  }
							}
					}
		}
}



.login-in-page-mobile {width: 100%;
					  height: auto;
					  float: left;
					  padding-left: 18px;
					  padding-right: 18px;
					  .container {width: 100%;
					  				  height: auto;
					  				  float: left;
					  				  padding: 0;
					  				  padding-bottom: 80px;
					  				  .top-side {width: 100%;
					  				  			 height: 24px;
					  				  			 float: left;
					  				  			 display: flex;
					  				  			 align-items:center;
					  				  			 margin-top: 14px;
					  				  }
					  				  .content {width: 100%;
					  				  			height: auto;
					  				  			float: left;
					  				  			margin-top: 16px;
					  				  			.site-logo {width: 100%;
					  				  						height: 150px;
					  				  						float: left;
					  				  						display: flex;
					  				  						align-items:center;
					  				  						justify-content: center;
					  				  						img {height: 150px;}
					  				  			}
					  				  			.title-expl {width: 100%;
					  				  						 height: auto;
					  				  						 float: left;
					  				  						 margin-top: 10%;
					  				  						 .title {width: 100%;
					  				  						 		 height: 30px;
					  				  						 		 float: left;
					  				  						 		 display: flex;
					  				  						 		 align-items:center;
					  				  						 		 justify-content: center;
					  				  						 		 span {color:#172B4D;
					  				  						 		 	   font-weight: 500;
					  				  						 		 	   font-size: 24px;
					  				  						 		 	   text-align: center;
					  				  						 		 }
					  				  						 }
					  				  						 .expl {width: 100%;
					  				  						 		height: auto;
					  				  						 		float: left;
					  				  						 		margin-top: 5px;
					  				  						 		display: flex;
					  				  						 		justify-content: center;
					  				  						 		p {font-size: 14px;
					  				  						 		   color:#7A869A;
					  				  						 		   text-align: center;
					  				  						 		}
					  				  						 }
					  				  			}
					  				  			.form {width: 100%;
					  				  				   height: auto;
					  				  				   float: left;
					  				  				   margin-top: 15px;
					  				  				   .inputs {width: 100%;
					  				  				   			height: auto;
					  				  				   			float: left;
					  				  				   			.item {width: 100%;
					  				  				   				   height: 55px;
					  				  				   				   float: left;
					  				  				   				   border-radius:10px;
					  				  				   				   border:1px solid #E5E5E5;
					  				  				   				   margin-top: 14px;
					  				  				   				   .icon {margin-left: 9px;
					  				  				   				   		  width: 20px;
					  				  				   				   		  height: 55px;
					  				  				   				   		  float: left;
					  				  				   				   		  display: flex;
					  				  				   				   		  align-items: center;
					  				  				   				   		  position: relative;
					  				  				   				   		  justify-content: center;
					  				  				   				   }
					  				  				   				   .input {width: calc(100% - 29px);
					  				  				   				   		   height: 55px;
					  				  				   				   		   float: left;
					  				  				   				   		   input {width: calc(100% + 29px);
					  				  				   				   		   		  height: 55px;
					  				  				   				   		   		  margin-left: -29px;
					  				  				   				   		   		  background-color:transparent;
					  				  				   				   		   		  outline: none;
					  				  				   				   		   		  border:0px;
					  				  				   				   		   		  padding-left: 40px;
					  				  				   				   		   		  border-radius: 10px;
					  				  				   				   		   		  padding-right: 11px;
					  				  				   				   		   }
					  				  				   				   }
					  				  				   			}
					  				  				   }
					  				  				   .actions {width: 100%;
					  				  				   			 height: 18px;
					  				  				   			 float: left;
					  				  				   			 margin-top: 10px;
					  				  				   			 .remember {width: auto;
					  				  				   			 			height: 18px;
					  				  				   			 			float: left;
					  				  				   			 			.input {width: 16px;
					  				  				   			 					height: 18px;
					  				  				   			 					float: left;
					  				  				   			 					display: flex;
					  				  				   			 					align-items: center;
					  				  				   			 					label {width: 16px;
					  				  				   			 						   height: 16px;
					  				  				   			 						   display: flex;
					  				  				   			 						   align-items: center;
					  				  				   			 						   justify-content: center;
					  				  				   			 						   background-color:#7C5CFC;
					  				  				   			 						   border-radius: 4px;
					  				  				   			 						   span {color:white; display: none;
					  				  				   			 						   		 font-size: 12px;
					  				  				   			 						   }
					  				  				   			 					}
					  				  				   			 					label.checked {span {display: initial;}}
					  				  				   			 			}
					  				  				   			 			.label {width: auto;
					  				  				   			 					height: 18px;
					  				  				   			 					float: left;
					  				  				   			 					display: flex;
					  				  				   			 					align-items: center;
					  				  				   			 					padding-left: 5px;
					  				  				   			 					label {font-weight: 500;
					  				  				   			 						   font-size: 12px;
					  				  				   			 						   color:#7C5CFC;

					  				  				   			 					}
					  				  				   			 			}
					  				  				   			 }
					  				  				   			 .forgot {width: auto;
					  				  				   			 		  height: 18px;
					  				  				   			 		  float: right;
					  				  				   			 		  display: flex;
					  				  				   			 		  align-items: center;
					  				  				   			 		  a {font-weight: 500;
					  				  				   			 		  	 font-size: 13px;
					  				  				   			 		  	 color:#7C5CFC;
					  				  				   			 		  	 text-decoration: underline;
					  				  				   			 		  }
					  				  				   			 }
					  				  				   }
					  				  				   .submit {width: 100%;
					  				  				   			margin-top: 24px;
					  				  				   			float: left;
					  				  				   			height: 55px;
					  				  				   			button {width: 100%;
					  				  				   					height: 55px;
					  				  				   					background-color:#7C5CFC;
					  				  				   					color:white;
					  				  				   					font-size: 16px;
					  				  				   					font-weight: 500;
					  				  				   					border-radius:10px;
					  				  				   					border:0px;
					  				  				   			}	
					  				  				   }
					  				  			}
					  				  }
					  				  .register-link {width: 100%;
					  				  				  height: 14px;
					  				  				  float: left;
					  				  				  display: flex;
					  				  				  align-items: center;
					  				  				  justify-content: center;
					  				  				  margin-top: 19px;
					  				  				  a {font-size: 12px;
					  				  				  	 color:#7A869A;
					  				  				  }
					  				  				  span.colored {color:#7C5CFC;}
					  				  }
					  				  .login-with-social {width: 100%;
					  				  					  height: auto;
					  				  					  float: left;
					  				  					  margin-top: 44px;
					  				  					  .info {width: 100%;
					  				  					  		 height: 17px;
					  				  					  		 float: left;
					  				  					  		 .info-c {width: 100%;
					  				  					  		 		  height: 17px;
					  				  					  		 		  float: left;
					  				  					  		 		  .line {width: calc(50% - 53px);
					  				  					  		 		  		 height: 17px;
					  				  					  		 		  		 float: left;
					  				  					  		 		  		 display: flex;
					  				  					  		 		  		 align-items: center;
					  				  					  		 		  		 img {width: 100%;
					  				  					  		 		  		 	  height: 3px;
					  				  					  		 		  		 }
					  				  					  		 		  }
					  				  					  		 		  .text {width: 106px;
					  				  					  		 		  		 height: 17px;
					  				  					  		 		  		 float: left;
					  				  					  		 		  		 display: flex;
					  				  					  		 		  		 justify-content: center;
					  				  					  		 		  		 align-items: center;
					  				  					  		 		  		 span {font-weight: 500;
					  				  					  		 		  		 	   font-size:11px;
					  				  					  		 		  		 	   color:#555252;
					  				  					  		 		  		 }
					  				  					  		 		  }
					  				  					  		 }
					  				  					  }
					  				  					  .list {width: 100%;
					  				  					  		 height: 52px;
					  				  					  		 float: left;
					  				  					  		 display: flex;
					  				  					  		 justify-content: center;
					  				  					  		 margin-top: 30px;
					  				  					  		 .item {width: 52px;
					  				  					  		 		height: 52px;
					  				  					  		 		float: left;
					  				  					  		 		display: flex;
					  				  					  		 		align-items: center;
					  				  					  		 		justify-content: center;
					  				  					  		 		margin-left: 8px;
					  				  					  		 		margin-right: 8px;
					  				  					  		 		border-radius: 52px;
					  				  					  		 		background-color: #ECE9EC;
					  				  					  		 		border:1px solid #FFDDFB;
					  				  					  		 }
					  				  					  }
					  				  }
					  				  .login-footer {width: 100%;
					  				  				 height: 14px;
					  				  				 float: left;
					  				  				 margin-top: 80px;
					  				  				 display: flex;
					  				  				 align-items: center;
					  				  				 justify-content: center;
					  				  				 span {font-size: 10px;
					  				  				 	   color:black;
					  				  				 }
					  				  }
					  }
}

.register-in-page-mobile {width: 100%;
					  height: auto;
					  float: left;
					  padding-left: 18px;
					  padding-right: 18px;
					  .container {width: 100%;
					  				  height: auto;
					  				  float: left;
					  				  padding: 0;
					  				  padding-bottom: 100px;
					  				  .top-side {width: 100%;
					  				  			 height: 24px;
					  				  			 float: left;
					  				  			 display: flex;
					  				  			 align-items:center;
					  				  			 margin-top: 14px;
					  				  }
					  				  .content {width: 100%;
					  				  			height: auto;
					  				  			float: left;
					  				  			margin-top: 5%;
					  				  			.site-logo {width: 100%;
					  				  						height: 150px;
					  				  						float: left;
					  				  						display: flex;
					  				  						align-items:center;
					  				  						justify-content: center;
					  				  						img {height: 150px;}
					  				  			}
					  				  			.title-expl {width: 100%;
					  				  						 height: auto;
					  				  						 float: left;
					  				  						 margin-top: 10%;
					  				  						 .title {width: 100%;
					  				  						 		 height: 30px;
					  				  						 		 float: left;
					  				  						 		 display: flex;
					  				  						 		 align-items:center;
					  				  						 		 justify-content: center;
					  				  						 		 span {color:#172B4D;
					  				  						 		 	   font-weight: 500;
					  				  						 		 	   font-size: 24px;
					  				  						 		 	   text-align: center;
					  				  						 		 }
					  				  						 }
					  				  						 .expl {width: 100%;
					  				  						 		height: auto;
					  				  						 		float: left;
					  				  						 		margin-top: 5px;
					  				  						 		display: flex;
					  				  						 		justify-content: center;
					  				  						 		p {font-size: 14px;
					  				  						 		   color:#7A869A;
					  				  						 		   text-align: center;
					  				  						 		}
					  				  						 }
					  				  			}
					  				  			.form {width: 100%;
					  				  				   height: auto;
					  				  				   float: left;
					  				  				   margin-top: 0px;
					  				  				   .inputs {width: 100%;
					  				  				   			height: auto;
					  				  				   			float: left;
					  				  				   			.item {width: 100%;
					  				  				   				   height: 55px;
					  				  				   				   float: left;
					  				  				   				   border-radius:10px;
					  				  				   				   border:1px solid #E5E5E5;
					  				  				   				   margin-top: 14px;
					  				  				   				   .icon {margin-left: 9px;
					  				  				   				   		  width: 20px;
					  				  				   				   		  height: 55px;
					  				  				   				   		  float: left;
					  				  				   				   		  display: flex;
					  				  				   				   		  align-items: center;
					  				  				   				   		  position: relative;
					  				  				   				   		  justify-content: center;
					  				  				   				   }
					  				  				   				   .input {width: calc(100% - 29px);
					  				  				   				   		   height: 55px;
					  				  				   				   		   float: left;
					  				  				   				   		   input {width: calc(100% + 29px);
					  				  				   				   		   		  height: 55px;
					  				  				   				   		   		  margin-left: -29px;
					  				  				   				   		   		  background-color:transparent;
					  				  				   				   		   		  outline: none;
					  				  				   				   		   		  border:0px;
					  				  				   				   		   		  padding-left: 40px;
					  				  				   				   		   		  border-radius: 10px;
					  				  				   				   		   		  padding-right: 11px;
					  				  				   				   		   }
					  				  				   				   }
					  				  				   			}
					  				  				   			.ph-input {.icon {width: 61px; img {margin-top: 2px;}} .input {width: calc(100% - 70px); input {width: calc(100% + 70px); margin-left: -70px; padding-left: 81px;}  }}
					  				  				   }
					  				  				   .actions {width: 100%;
					  				  				   			 height: 18px;
					  				  				   			 float: left;
					  				  				   			 margin-top: 10px;
					  				  				   			 .kvkk {width: auto;
					  				  				   			 			height: 18px;
					  				  				   			 			float: left;
					  				  				   			 			.input {width: 16px;
					  				  				   			 					height: 18px;
					  				  				   			 					float: left;
					  				  				   			 					display: flex;
					  				  				   			 					align-items: center;
					  				  				   			 					label {width: 16px;
					  				  				   			 						   height: 16px;
					  				  				   			 						   display: flex;
					  				  				   			 						   align-items: center;
					  				  				   			 						   justify-content: center;
					  				  				   			 						   background-color:#7C5CFC;
					  				  				   			 						   border-radius: 4px;
					  				  				   			 						   span {color:white; display: none;
					  				  				   			 						   		 font-size: 12px;
					  				  				   			 						   }
					  				  				   			 					}
					  				  				   			 					label.checked {span {display: initial;}}
					  				  				   			 			}
					  				  				   			 			.label {width: calc(100% - 16px);
					  				  				   			 					height: 18px;
					  				  				   			 					float: left;
					  				  				   			 					display: flex;
					  				  				   			 					align-items: center;
					  				  				   			 					padding-left: 5px;
					  				  				   			 					label {font-weight: 500;
					  				  				   			 						   font-size: 12px;
					  				  				   			 						   color:#010101;

					  				  				   			 					}
					  				  				   			 					.colored {color:#7C5CFC;}
					  				  				   			 			}
					  				  				   			 }
					  				  				   }
					  				  				   .submit {width: 100%;
					  				  				   			margin-top: 37px;
					  				  				   			float: left;
					  				  				   			height: 55px;
					  				  				   			button {width: 100%;
					  				  				   					height: 55px;
					  				  				   					background-color:#7C5CFC;
					  				  				   					color:white;
					  				  				   					font-size: 16px;
					  				  				   					font-weight: 500;
					  				  				   					border-radius:10px;
					  				  				   					border:0px;
					  				  				   			}	
					  				  				   }
					  				  			}
					  				  }
					  				  .register-link {width: 100%;
					  				  				  height: 14px;
					  				  				  float: left;
					  				  				  display: flex;
					  				  				  align-items: center;
					  				  				  justify-content: center;
					  				  				  margin-top: 5%;
					  				  				  a {font-size: 12px;
					  				  				  	 color:#7A869A;
					  				  				  }
					  				  				  span.colored {color:#7C5CFC;}
					  				  }
					  }
}


.sms-aktivasyon {width: 100%;
					  height: auto;
					  float: left;
					  padding-left: 18px;
					  padding-right: 18px;
					  .container {width: 100%;
					  				  height: auto;
					  				  float: left;
					  				  padding: 0;
					  				  padding-bottom: 100px;
					  				  .top-side {width: 100%;
					  				  			 height: 24px;
					  				  			 float: left;
					  				  			 display: flex;
					  				  			 align-items:center;
					  				  			 margin-top: 5px;
					  				  }
					  				  .content {width: 100%;
					  				  			height: auto;
					  				  			float: left;
					  				  			margin-top: 20%;
					  				  			.site-logo {width: 100%;
					  				  						height: 150px;
					  				  						float: left;
					  				  						display: flex;
					  				  						align-items:center;
					  				  						justify-content: center;
					  				  						img {height: 150px;}
					  				  			}
					  				  			.title-expl {width: 100%;
					  				  						 height: auto;
					  				  						 float: left;
					  				  						 margin-top: 10%;
					  				  						 .title {width: 100%;
					  				  						 		 height: 30px;
					  				  						 		 float: left;
					  				  						 		 display: flex;
					  				  						 		 align-items:center;
					  				  						 		 justify-content: center;
					  				  						 		 span {color:#172B4D;
					  				  						 		 	   font-weight: 500;
					  				  						 		 	   font-size: 24px;
					  				  						 		 	   text-align: center;
					  				  						 		 }
					  				  						 }
					  				  						 .expl {width: 100%;
					  				  						 		height: auto;
					  				  						 		float: left;
					  				  						 		margin-top: 5px;
					  				  						 		display: flex;
					  				  						 		justify-content: center;
					  				  						 		p {font-size: 14px;
					  				  						 		   color:#7A869A;
					  				  						 		   text-align: center;
					  				  						 		}
					  				  						 }
					  				  			}
					  				  			.vector {width: 100%;
					  				  					 height: 226px;
					  				  					 float: left;
					  				  					 display: flex;
					  				  					 align-items: center;
					  				  					 margin-top: 36px;
					  				  					 justify-content: center;
					  				  					 img {height: 226px;}
					  				  			}
					  				  			.form {width: 100%;
					  				  				   height: auto;
					  				  				   float: left;
					  				  				   margin-top: 15px;
					  				  				   .inputs {width: 100%;
					  				  				   			height: auto;
					  				  				   			float: left;
					  				  				   			.item {width: 100%;
					  				  				   				   height: 55px;
					  				  				   				   float: left;
					  				  				   				   border-radius:10px;
					  				  				   				   border:1px solid #E5E5E5;
					  				  				   				   margin-top: 14px;
					  				  				   				   .icon {margin-left: 9px;
					  				  				   				   		  width: 20px;
					  				  				   				   		  height: 55px;
					  				  				   				   		  float: left;
					  				  				   				   		  display: flex;
					  				  				   				   		  align-items: center;
					  				  				   				   		  position: relative;
					  				  				   				   		  justify-content: center;
					  				  				   				   }
					  				  				   				   .input {width: calc(100% - 29px);
					  				  				   				   		   height: 55px;
					  				  				   				   		   float: left;
					  				  				   				   		   input {width: calc(100% + 29px);
					  				  				   				   		   		  height: 55px;
					  				  				   				   		   		  margin-left: -29px;
					  				  				   				   		   		  background-color:transparent;
					  				  				   				   		   		  outline: none;
					  				  				   				   		   		  border:0px;
					  				  				   				   		   		  padding-left: 40px;
					  				  				   				   		   		  border-radius: 10px;
					  				  				   				   		   		  padding-right: 11px;
					  				  				   				   		   }
					  				  				   				   }
					  				  				   			}
					  				  				   }
					  				  				   .actions {width: 100%;
					  				  				   			 height: 18px;
					  				  				   			 float: left;
					  				  				   			 margin-top: 10px;
					  				  				   			 .remember {width: auto;
					  				  				   			 			height: 18px;
					  				  				   			 			float: left;
					  				  				   			 			.input {width: 16px;
					  				  				   			 					height: 18px;
					  				  				   			 					float: left;
					  				  				   			 					display: flex;
					  				  				   			 					align-items: center;
					  				  				   			 					label {width: 16px;
					  				  				   			 						   height: 16px;
					  				  				   			 						   display: flex;
					  				  				   			 						   align-items: center;
					  				  				   			 						   justify-content: center;
					  				  				   			 						   background-color:#7C5CFC;
					  				  				   			 						   border-radius: 4px;
					  				  				   			 						   span {color:white; display: none;
					  				  				   			 						   		 font-size: 12px;
					  				  				   			 						   }
					  				  				   			 					}
					  				  				   			 					label.checked {span {display: initial;}}
					  				  				   			 			}
					  				  				   			 			.label {width: auto;
					  				  				   			 					height: 18px;
					  				  				   			 					float: left;
					  				  				   			 					display: flex;
					  				  				   			 					align-items: center;
					  				  				   			 					padding-left: 5px;
					  				  				   			 					label {font-weight: 500;
					  				  				   			 						   font-size: 12px;
					  				  				   			 						   color:#7C5CFC;

					  				  				   			 					}
					  				  				   			 			}
					  				  				   			 }
					  				  				   			 .forgot {width: auto;
					  				  				   			 		  height: 18px;
					  				  				   			 		  float: right;
					  				  				   			 		  display: flex;
					  				  				   			 		  align-items: center;
					  				  				   			 		  a {font-weight: 500;
					  				  				   			 		  	 font-size: 13px;
					  				  				   			 		  	 color:#7C5CFC;
					  				  				   			 		  	 text-decoration: underline;
					  				  				   			 		  }
					  				  				   			 }
					  				  				   }
					  				  				   .submit {width: 100%;
					  				  				   			margin-top: 24px;
					  				  				   			float: left;
					  				  				   			height: 55px;
					  				  				   			button {width: 100%;
					  				  				   					height: 55px;
					  				  				   					background-color:#7C5CFC;
					  				  				   					color:white;
					  				  				   					font-size: 16px;
					  				  				   					font-weight: 500;
					  				  				   					border-radius:10px;
					  				  				   					border:0px;
					  				  				   			}	
					  				  				   }
					  				  			}
					  				  }
					  				  .register-link {width: 100%;
					  				  				  height: 14px;
					  				  				  float: left;
					  				  				  display: flex;
					  				  				  align-items: center;
					  				  				  justify-content: center;
					  				  				  margin-top: 15%;
					  				  				  a {font-size: 12px;
					  				  				  	 color:#7A869A;
					  				  				  }
					  				  				  span.colored {color:#7C5CFC;}
					  				  }
					  }
}

.forgot-password {width: calc(100% - 774px);
					  height: auto;
					  float: left;
					  margin-left: 329px;
					  .container {width: 100%;
					  				  height: auto;
					  				  float: left;
					  				  padding: 0;
					  				  padding-bottom: 100px;
					  				  max-width:100%;
					  				  .top-side {width: 100%;
					  				  			 height: 24px;
					  				  			 float: left;
					  				  			 display: none;
					  				  			 align-items:center;
					  				  			 margin-top: 14px;
					  				  }
					  				  .content {width: 100%;
					  				  			height: auto;
					  				  			float: left;
					  				  			margin-top: 48px;
					  				  			.site-logo {width: 100%;
					  				  						height: 150px;
					  				  						float: left;
					  				  						display: flex;
					  				  						align-items:center;
					  				  						justify-content: center;
					  				  						img {height: 150px;}
					  				  			}
					  				  			.title-expl {width: 100%;
					  				  						 height: auto;
					  				  						 float: left;
					  				  						 margin-top: 0px;
					  				  						 .title {width: 100%;
					  				  						 		 height: 30px;
					  				  						 		 float: left;
					  				  						 		 display: flex;
					  				  						 		 align-items:center;
					  				  						 		 justify-content: center;
					  				  						 		 span {color:#172B4D;
					  				  						 		 	   font-weight: 500;
					  				  						 		 	   font-size: 24px;
					  				  						 		 	   text-align: center;
					  				  						 		 }
					  				  						 }
					  				  						 .expl {width: 100%;
					  				  						 		height: auto;
					  				  						 		float: left;
					  				  						 		margin-top: 5px;
					  				  						 		display: flex;
					  				  						 		justify-content: center;
					  				  						 		p {font-size: 14px;
					  				  						 		   color:#7A869A;
					  				  						 		   text-align: center;
					  				  						 		}
					  				  						 }
					  				  			}
					  				  			.vector {width: 100%;
					  				  					 height: 226px;
					  				  					 float: left;
					  				  					 display: flex;
					  				  					 align-items: center;
					  				  					 margin-top: 36px;
					  				  					 justify-content: center;
					  				  					 img {height: 226px;}
					  				  			}
					  				  			.form {width: 100%;
					  				  				   height: auto;
					  				  				   float: left;
					  				  				   margin-top: 15px;
					  				  				   .inputs {width: 100%;
					  				  				   			height: auto;
					  				  				   			float: left;
					  				  				   			.item {width: 100%;
					  				  				   				   height: 55px;
					  				  				   				   float: left;
					  				  				   				   border-radius:10px;
					  				  				   				   border:1px solid #E5E5E5;
					  				  				   				   margin-top: 14px;
					  				  				   				   .icon {margin-left: 9px;
					  				  				   				   		  width: 20px;
					  				  				   				   		  height: 55px;
					  				  				   				   		  float: left;
					  				  				   				   		  display: flex;
					  				  				   				   		  align-items: center;
					  				  				   				   		  position: relative;
					  				  				   				   		  justify-content: center;
					  				  				   				   }
					  				  				   				   .input {width: calc(100% - 29px);
					  				  				   				   		   height: 55px;
					  				  				   				   		   float: left;
					  				  				   				   		   input {width: calc(100% + 29px);
					  				  				   				   		   		  height: 55px;
					  				  				   				   		   		  margin-left: -29px;
					  				  				   				   		   		  background-color:transparent;
					  				  				   				   		   		  outline: none;
					  				  				   				   		   		  border:0px;
					  				  				   				   		   		  padding-left: 40px;
					  				  				   				   		   		  border-radius: 10px;
					  				  				   				   		   		  padding-right: 11px;
					  				  				   				   		   }
					  				  				   				   }
					  				  				   			}
					  				  				   }
					  				  				   .actions {width: 100%;
					  				  				   			 height: 18px;
					  				  				   			 float: left;
					  				  				   			 margin-top: 10px;
					  				  				   			 .remember {width: auto;
					  				  				   			 			height: 18px;
					  				  				   			 			float: left;
					  				  				   			 			.input {width: 16px;
					  				  				   			 					height: 18px;
					  				  				   			 					float: left;
					  				  				   			 					display: flex;
					  				  				   			 					align-items: center;
					  				  				   			 					label {width: 16px;
					  				  				   			 						   height: 16px;
					  				  				   			 						   display: flex;
					  				  				   			 						   align-items: center;
					  				  				   			 						   justify-content: center;
					  				  				   			 						   background-color:#7C5CFC;
					  				  				   			 						   border-radius: 4px;
					  				  				   			 						   span {color:white; display: none;
					  				  				   			 						   		 font-size: 12px;
					  				  				   			 						   }
					  				  				   			 					}
					  				  				   			 					label.checked {span {display: initial;}}
					  				  				   			 			}
					  				  				   			 			.label {width: auto;
					  				  				   			 					height: 18px;
					  				  				   			 					float: left;
					  				  				   			 					display: flex;
					  				  				   			 					align-items: center;
					  				  				   			 					padding-left: 5px;
					  				  				   			 					label {font-weight: 500;
					  				  				   			 						   font-size: 12px;
					  				  				   			 						   color:#7C5CFC;

					  				  				   			 					}
					  				  				   			 			}
					  				  				   			 }
					  				  				   			 .forgot {width: auto;
					  				  				   			 		  height: 18px;
					  				  				   			 		  float: right;
					  				  				   			 		  display: flex;
					  				  				   			 		  align-items: center;
					  				  				   			 		  a {font-weight: 500;
					  				  				   			 		  	 font-size: 13px;
					  				  				   			 		  	 color:#7C5CFC;
					  				  				   			 		  	 text-decoration: underline;
					  				  				   			 		  }
					  				  				   			 }
					  				  				   }
					  				  				   .submit {width: 100%;
					  				  				   			margin-top: 24px;
					  				  				   			float: left;
					  				  				   			height: 55px;
					  				  				   			button {width: 100%;
					  				  				   					height: 55px;
					  				  				   					background-color:#7C5CFC;
					  				  				   					color:white;
					  				  				   					font-size: 16px;
					  				  				   					font-weight: 500;
					  				  				   					border-radius:10px;
					  				  				   					border:0px;
					  				  				   			}	
					  				  				   }
					  				  			}
					  				  			.info {width: 100%;
					  				  				   height: auto;
					  				  				   float: left;
					  				  				   margin-top: 10%;
					  				  				   .title {width: 100%;
							  				  				    height: 42px;
							  				  				    float: left;
							  				  				    display: flex;
							  				  				    align-items: center;
							  				  				    justify-content: center;
							  				  				    span {text-align: center;
							  				  				    	  color:#432EB5;
							  				  				    	  font-size: 24px;
							  				  				    	  font-weight: 600;
							  				  				    }
							  				  			}
							  				  			.text {width: 100%;
							  				  				   height: auto;
							  				  				   float: left;
							  				  				   display: flex;
							  				  				   justify-content: center;
							  				  				   margin-top: 18px;
							  				  				   p {font-size: 16px;
							  				  				   	  color:#8080A4;
							  				  				   	  text-align: center;
							  				  				   }
							  				  			}
							  				  			.login-button {width: 100%;
					  				  				   			margin-top: 24px;
					  				  				   			float: left;
					  				  				   			height: 55px;
					  				  				   			button {width: 100%;
					  				  				   					height: 55px;
					  				  				   					background-color:#7C5CFC;
					  				  				   					color:white;
					  				  				   					font-size: 16px;
					  				  				   					font-weight: 500;
					  				  				   					border-radius:10px;
					  				  				   					border:0px;
					  				  				   			}	
					  				  				   }
					  				  			}
					  				  			
					  				  }
					  				  .register-link {width: 100%;
					  				  				  height: 14px;
					  				  				  float: left;
					  				  				  display: flex;
					  				  				  align-items: center;
					  				  				  justify-content: center;
					  				  				  margin-top: 64px;
					  				  				  a {font-size: 16px;
					  				  				  	 color:#7A869A;
					  				  				  }
					  				  				  span.colored {color:#7C5CFC;}
					  				  }

					  }
}

@media screen and (max-width: 1768px) { 
	.forgot-password {width: calc(100% - 394px); margin-left: 349px;}
}

@media screen and (max-width: 1550px) { 
	.forgot-password {width: calc(100% - 334px); margin-left: 324px;}
}
@media screen and (max-width: 1420px) { 
	.forgot-password {width: calc(100% - 253px); margin-left: 243px;}
}
@media screen and (max-width: 1330px) { 
	.forgot-password {width: 90%; margin-left: 5%; margin-top: 0px;}
}


@media screen and (max-width: 1200px) { 
	.login .container .left {width: 400px;}
	.login .container .right {width: calc(100% - 400px);}
}


@media screen and (max-width: 1000px) { 
	.login .container .left {width: 250px;}
	.login .container .right {width: calc(100% - 250px);}
	.login .container {width: 94%;}
}

@media screen and (max-width:768px) { 

	.forgot-password {width: 100%;
					  margin-left: 0;
					  padding-left: 18px;
					  padding-right: 18px;}
	.forgot-password .container .content {margin-top: 20%;}
	.forgot-password .container .top-side {display: flex;}
	.forgot-password .container .content .title-expl {margin-top: 10%;}
	.forgot-password .container .register-link a {font-size: 12px;}
	.login .container {width: 100%; margin-left: 0; padding: 0;}
	.login {height: 100%;}
	.login .container .left {width: 100%; height: 35%;}
	.login .container .left img {border-radius: 0px;}
	.login .container .right {width: calc(100%); 
							  height: 70%; 
							  background-color: white; 
							  position: fixed; 
							  bottom:0px; 
							  left:0px;
							  border-radius: 10px 10px 0px 0px;
	}
	.login .container .right .right-container .logo {margin-top: 46px; height: 20px;}
	.login .container .right .right-container .logo img {height: 20px;}
	.login .container .right .right-container .menu {margin-top: 32px; height: 40px;}
	.login .container .right .right-container .menu .item {height: 37px;}
	.login .container .right .right-container .menu .item span {font-size: 14px;}
	.login .container .right .right-container .title {margin-top: 24px;}
	.login .container .right .right-container .form .item {margin-top: 8px; height: 50px;}
	.login .container .right .right-container .form {height: 116px;}
	.login .container .right {overflow-y: scroll;}
	.login .container .right .right-container {margin-bottom: 24px; width: calc(100% - 32px);}
	.login .container .right .right-container .remember-forgot {margin-top: 20px;}
	.login .container .right .right-container .form .item .item-title {display:none;}
	.login .container .right .right-container .submit {margin-top: 28px;}
}

.register {width: 100%;
		height: 100%;
		float: left;
		background-color:rgba(0, 0, 0, 0.4);
		position: fixed;
		top:0px;
		left:0px;
		z-index: 99999;
		font-family: 'Inter';
		.flex_align_justify();
		display: none;
		.container {width: 90%;
					height: 708px;
					max-width: 1172px;
					float: left;
					padding: 0;
					border-radius: 10px;
					.bgwhite();
					.left {width: 579px;
						   height: 100%;
						   float: left;
						   img {width: 100%;
						   		height: 100%;
						   		object-fit: cover;
						   		text-align: center;
						   		border-radius: 10px 0px 0px 10px	;
						   }
					}
					.right {width: calc(100% - 579px);
							height: 100%;
							float: left;
							.flex_justify();
							.right-container {width: 100%;
											  height: 100%;
											  max-width: 433px;
											  float: left;
											  .logo {width: 100%;
											  		 height: 30px;
											  		 float: left;
											  		 margin-top: 86px;
											  		 .flex_align_justify();
											  		 img {height: 30px;}
											  }
											  .menu {width: 100%;
											  		 height: 58px;
											  		 float: left;
											  		 margin-top: 48px;
											  		 .item {width: 50%;
											  		 		height: 55px;
											  		 		border-bottom: 3px solid #F5F5F5;
											  		 		float: left;
											  		 		cursor: pointer;
											  		 		transition: 0.3s;
											  		 		.flex_align_justify();
											  		 		span {color:@black-700;
											  		 			  font-size: 16px;
											  		 		}
											  		 }
											  		 .active {border-color: @secondary-default-500;
											  		 		  background-color:@secondary-light-100;
											  		 		  span {color:@secondary-hover-600;}
											  		 }
											  		 .item:hover {background-color: #EEE;}
											  		 .item.active {background-color:@secondary-light-100;}
											  }
											  .title {width: 100%;
											  		  height: 24px;
											  		  float: left;
											  		  margin-top: 34px;
											  		  .flex_align();
											  		  span {font-size: 16px;
											  		  	    font-weight: 500;
											  		  	    color:@black-400;
											  		  }
											  }
											  .close {width: 100%;
											  		  height: 24px;
											  		  float: left;
											  		  margin-top: 34px;
											  		  .flex_align();
											  		  justify-content: right;
											  		  span {font-size: 32px;
											  		  	    font-weight: 500;
											  		  	    color:@black-400;
											  		  }
											  }
											  .form {width: 100%;
											  		 margin-top: 18px;
											  		 float: left;
											  		 height: 232px;
											  		 padding: 0;
											  		 .item {width: 100%;
											  		 		height:50px;
											  		 		float: left;
											  		 		margin-top: 8px;
											  		 		.item-title {width: 100%;
											  		 					 height: 21px;
											  		 					 float: left;
											  		 					 .flex_align();
											  		 					 display: none;
											  		 					 span {color: #696F79;
											  		 					 	   .semibold_14();
											  		 					 }
											  		 		}
											  		 		.input {width: 100%;
											  		 				height: 50px;
											  		 				background:#FAFAFA;	
											  		 				border-radius: 8px;
											  		 				margin-top: 10px;
											  		 				float: left;
											  		 				.icon {width: 36px;
											  		 					   height: 50px;
											  		 					   float: left;
											  		 					   .flex_align();
											  		 					   justify-content: right;
											  		 					   span {font-size: 20px;
											  		 					   		 color:@primary-default-500;
											  		 					   }
											  		 				}
											  		 				.input-i {width: calc(100% - 36px);
											  		 						  height: 50px;
											  		 						  float: left;
											  		 						  input {width: 100%;
											  		 						  		 height: 50px;
											  		 						  		 border:0px;
											  		 						  		 outline: 0px;
											  		 						  		 background-color:transparent;
											  		 						  		 padding-left: 8px;
											  		 						  		 padding-right: 8px;
											  		 						  		 .regular_14();
											  		 						  		 color:@gray-secondary;
											  		 						  }
											  		 				}
											  		 		}
											  		 }
											  }
											  /* width */
											  ::-webkit-scrollbar {
											    width: 10px;
											  }
											  /* Track */
											  ::-webkit-scrollbar-track {
											    background: #f1f1f1;
											  }
											  /* Handle */
											  ::-webkit-scrollbar-thumb {
											    background: #888;
											  }
											  /* Handle on hover */
											  ::-webkit-scrollbar-thumb:hover {
											    background: #555;
											  }
											  .remember-forgot {width: 100%;
											  					height: 21px;
											  					float: left;
											  					margin-top: 24px;
											  					.remember {width: auto;
											  							   height: 21px;
											  							   float: left;
											  							   .input {width: 20px;
											  							   		   height: 20px;
											  							   		   float: left;
											  							   		   label {border:2px solid @primary-default-500;
											  							   		   		  .flex_align_justify();
											  							   		   		  width: 100%;
											  							   		   		  height: 100%;
											  							   		   		  border-radius:4px;
											  							   		   		  span {font-size: 12px;
											  							   		   		  		display:none;
											  							   		   		  		color:white;
											  							   		   		  }
											  							   		   }
											  							   		   .checked {background-color: @primary-default-500;
											  							   		   			 span {display:initial;}
											  							   		   }
											  							   }
											  							   .text {width: auto;
											  							   		  height: 21px;
											  							   		  float: left;
											  							   		  margin-left: 12px;
											  							   		  .flex_align();
											  							   		  label {color:@gray-secondary;
											  							   		  		 .regular_14();
											  							   		  		  -webkit-touch-callout: none; /* iOS Safari */
																					      -webkit-user-select: none; /* Safari */
																					       -khtml-user-select: none; /* Konqueror HTML */
																					         -moz-user-select: none; /* Old versions of Firefox */
																					          -ms-user-select: none; /* Internet Explorer/Edge */
																					              user-select: none; /* Non-prefixed version, currently
																					                                    supported by Chrome, Edge, Opera and Firefox */

											  							   		  }
											  							   }
											  					}
											  					.forgot {width: auto;
											  							 height: 21px;
											  							 float: right;
											  							 .flex_align();
											  							 a {color:@gray-secondary;
											  							 	   .medium_14();
											  							 	   transition: 0.15s;
											  							 }
											  							 a:hover {color:@gray-tertiary;}
											  					}
											  }
											  .submit {width: 100%;
											  		   margin-top: 44px;
											  		   float: left;
											  		   button {width: 100%;
											  		   		   height: 44px;
											  		   		   border:0px;
											  		   		   .primary500bg();
											  		   		   color:white;
											  		   		   font-weight: 600;
											  		   		   font-size: 16px;
											  		   		   border-radius: 3px;
											  		   		   transition: 0.3s;
											  		   } 
											  		   button:hover {.primary600bg();}
											  }
											  .register-link {width: 100%;
											  				  height: 24px;
											  				  float: left;
											  				  margin-top: 21px;
											  				  .flex_align_justify();
											  				  a {font-weight: 600;
											  				  	 font-size: 16px;
											  				  	 color:black;
											  				  	 transition: 0.15s;
											  				  	 cursor: pointer;
											  				  }
											  				  a:hover {color:@black-600;}
											  }
							}
					}
		}
}

@media screen and (max-width: 1200px) { 
	.register .container .left {width: 400px;}
	.register .container .right {width: calc(100% - 400px);}
}


@media screen and (max-width: 1000px) { 
	.register .container .left {width: 250px;}
	.register .container .right {width: calc(100% - 250px);}
	.register .container {width: 94%;}
}

@media screen and (max-width:768px) { 
	.register .container {width: 100%; margin-left: 0; padding: 0;}
	.register {height: 100%;}
	.register .container .left {width: 100%; height: 35%;}
	.register .container .left img {border-radius: 0px;}
	.register .container .right {width: calc(100%); 
							  height: 70%; 
							  background-color: white; 
							  position: fixed; 
							  bottom:0px; 
							  left:0px;
							  border-radius: 10px 10px 0px 0px;
	}
	.register .container .right .right-container .logo {margin-top: 46px; height: 20px;}
	.register .container .right .right-container .logo img {height: 20px;}
	.register .container .right .right-container .menu {margin-top: 32px; height: 40px;}
	.register .container .right .right-container .menu .item {height: 37px;}
	.register .container .right .right-container .menu .item span {font-size: 14px;}
	.register .container .right .right-container .title {margin-top: 24px;}
	.register .container .right .right-container .form .item {margin-top: 8px; height: 50px;}
	.register .container .right .right-container .form {height: 116px;}
	.register .container .right {overflow-y: scroll;}
	.register .container .right .right-container {margin-bottom: 24px; width: calc(100% - 32px);}
	.register .container .right .right-container .remember-forgot {margin-top: 20px;}
	.register .container .right .right-container .form .item .item-title {display:none;}
	.register .container .right .right-container .submit {margin-top: 28px;}
}

.register-in-page {width: calc(100% - 724px);
		height: 100%;
		float: left;
		height: auto;
		min-height: 100%;
		font-family: 'Inter';
		margin-left: 324px;
		margin-top: 24px;
		.container {width: 100%;
					height: 708px;
					float: left;
					padding: 0;
					border-radius: 10px;
					max-width: 100%;
					.bgwhite();
					.left {width: 579px;
						   height: 100%;
						   float: left;
						   img {width: 100%;
						   		height: 100%;
						   		object-fit: cover;
						   		text-align: center;
						   		border-radius: 10px 0px 0px 10px	;
						   }
					}
					.right {width: calc(100% - 579px);
							height: 100%;
							float: left;
							.flex_justify();
							.right-container {width: 100%;
											  height: 100%;
											  max-width: 433px;
											  float: left;
											  .logo {width: 100%;
											  		 height: 30px;
											  		 float: left;
											  		 margin-top: 86px;
											  		 .flex_align_justify();
											  		 img {height: 30px;}
											  }
											  .menu {width: 100%;
											  		 height: 58px;
											  		 float: left;
											  		 margin-top: 48px;
											  		 .item {width: 50%;
											  		 		height: 55px;
											  		 		border-bottom: 3px solid #F5F5F5;
											  		 		float: left;
											  		 		cursor: pointer;
											  		 		transition: 0.3s;
											  		 		.flex_align_justify();
											  		 		span {color:@black-700;
											  		 			  font-size: 16px;
											  		 		}
											  		 }
											  		 .active {border-color: @secondary-default-500;
											  		 		  background-color:@secondary-light-100;
											  		 		  span {color:@secondary-hover-600;}
											  		 }
											  		 .item:hover {background-color: #EEE;}
											  		 .item.active {background-color:@secondary-light-100;}
											  }
											  .title {width: 100%;
											  		  height: 24px;
											  		  float: left;
											  		  margin-top: 34px;
											  		  .flex_align();
											  		  span {font-size: 16px;
											  		  	    font-weight: 500;
											  		  	    color:@black-400;
											  		  }
											  }
											  .form {width: 100%;
											  		 margin-top: 18px;
											  		 float: left;
											  		 height: 232px;
											  		 padding: 0;
											  		 .item {width: 100%;
											  		 		height:50px;
											  		 		float: left;
											  		 		margin-top: 8px;
											  		 		.item-title {width: 100%;
											  		 					 height: 21px;
											  		 					 float: left;
											  		 					 .flex_align();
											  		 					 display: none;
											  		 					 span {color: #696F79;
											  		 					 	   .semibold_14();
											  		 					 }
											  		 		}
											  		 		.input {width: 100%;
											  		 				height: 50px;
											  		 				background:#FAFAFA;	
											  		 				border-radius: 8px;
											  		 				margin-top: 10px;
											  		 				float: left;
											  		 				.icon {width: 36px;
											  		 					   height: 50px;
											  		 					   float: left;
											  		 					   .flex_align();
											  		 					   justify-content: right;
											  		 					   span {font-size: 20px;
											  		 					   		 color:@primary-default-500;
											  		 					   }
											  		 				}
											  		 				.input-i {width: calc(100% - 36px);
											  		 						  height: 50px;
											  		 						  float: left;
											  		 						  input {width: 100%;
											  		 						  		 height: 50px;
											  		 						  		 border:0px;
											  		 						  		 outline: 0px;
											  		 						  		 background-color:transparent;
											  		 						  		 padding-left: 8px;
											  		 						  		 padding-right: 8px;
											  		 						  		 .regular_14();
											  		 						  		 color:@gray-secondary;
											  		 						  }
											  		 				}
											  		 		}
											  		 }
											  }
											  /* width */
											  ::-webkit-scrollbar {
											    width: 10px;
											  }
											  /* Track */
											  ::-webkit-scrollbar-track {
											    background: #f1f1f1;
											  }
											  /* Handle */
											  ::-webkit-scrollbar-thumb {
											    background: #888;
											  }
											  /* Handle on hover */
											  ::-webkit-scrollbar-thumb:hover {
											    background: #555;
											  }
											  .remember-forgot {width: 100%;
											  					height: 21px;
											  					float: left;
											  					margin-top: 24px;
											  					.remember {width: auto;
											  							   height: 21px;
											  							   float: left;
											  							   .input {width: 20px;
											  							   		   height: 20px;
											  							   		   float: left;
											  							   		   label {border:2px solid @primary-default-500;
											  							   		   		  .flex_align_justify();
											  							   		   		  width: 100%;
											  							   		   		  height: 100%;
											  							   		   		  border-radius:4px;
											  							   		   		  span {font-size: 12px;
											  							   		   		  		display:none;
											  							   		   		  		color:white;
											  							   		   		  }
											  							   		   }
											  							   		   .checked {background-color: @primary-default-500;
											  							   		   			 span {display:initial;}
											  							   		   }
											  							   }
											  							   .text {width: auto;
											  							   		  height: 21px;
											  							   		  float: left;
											  							   		  margin-left: 12px;
											  							   		  .flex_align();
											  							   		  label {color:@gray-secondary;
											  							   		  		 .regular_14();
											  							   		  		  -webkit-touch-callout: none; /* iOS Safari */
																					      -webkit-user-select: none; /* Safari */
																					       -khtml-user-select: none; /* Konqueror HTML */
																					         -moz-user-select: none; /* Old versions of Firefox */
																					          -ms-user-select: none; /* Internet Explorer/Edge */
																					              user-select: none; /* Non-prefixed version, currently
																					                                    supported by Chrome, Edge, Opera and Firefox */

											  							   		  }
											  							   }
											  					}
											  					.forgot {width: auto;
											  							 height: 21px;
											  							 float: right;
											  							 .flex_align();
											  							 a {color:@gray-secondary;
											  							 	   .medium_14();
											  							 	   transition: 0.15s;
											  							 }
											  							 a:hover {color:@gray-tertiary;}
											  					}
											  }
											  .submit {width: 100%;
											  		   margin-top: 44px;
											  		   float: left;
											  		   button {width: 100%;
											  		   		   height: 44px;
											  		   		   border:0px;
											  		   		   .primary500bg();
											  		   		   color:white;
											  		   		   font-weight: 600;
											  		   		   font-size: 16px;
											  		   		   border-radius: 3px;
											  		   		   transition: 0.3s;
											  		   } 
											  		   button:hover {.primary600bg();}
											  }
											  .register-link {width: 100%;
											  				  height: 24px;
											  				  float: left;
											  				  margin-top: 21px;
											  				  .flex_align_justify();
											  				  a {font-weight: 600;
											  				  	 font-size: 16px;
											  				  	 color:black;
											  				  	 transition: 0.15s;
											  				  	 cursor: pointer;
											  				  }
											  				  a:hover {color:@black-600;}
											  }
							}
					}
		}
}

@media screen and (max-width: 1768px) { 
	.register-in-page {width: calc(100% - 394px); margin-left: 349px;}
}
@media screen and (max-width: 1550px) { 
	.register-in-page {width: calc(100% - 334px); margin-left: 324px;}
}
@media screen and (max-width: 1420px) { 
	.register-in-page {width: calc(100% - 253px); margin-left: 243px;}
}
@media screen and (max-width: 1330px) { 
	.register-in-page {width: 90%; margin-left: 5%; margin-top: 84px;}
}

@media screen and (max-width: 1320px) { 
	.search .container .content .general-filters .center .container .counter span {margin-left: -20px;}
}

@media screen and (max-width: 1200px) { 
	.register-in-page .container .left {width: 400px;}
	.register-in-page .container .right {width: calc(100% - 400px);}
}


@media screen and (max-width: 1000px) { 
	.register-in-page .container .left {width: 250px;}
	.register-in-page .container .right {width: calc(100% - 250px);}
	.register-in-page .container {width: 94%;}
}

@media screen and (max-width:768px) { 
	.register-in-page .container {width: 100%; margin-left: 0; padding: 0;}
	.register-in-page {height: 100%; width: 100%; position: fixed; margin-left: 0; bottom: 68px;}
	.register-in-page .container .left {width: 100%; height: 35%;}
	.register-in-page .container .left img {border-radius: 0px;}
	.register-in-page .container .right {width: calc(100%); 
							  height: 80%; 
							  background-color: white; 
							  
							  border-radius: 10px 10px 0px 0px;
	}
	.register-in-page .container .right .right-container .logo {margin-top: 16px; height: 20px;}
	.register-in-page .container .right .right-container .logo img {height: 20px;}
	.register-in-page .container .right .right-container .menu {margin-top: 32px; height: 40px;}
	.register-in-page .container .right .right-container .menu .item {height: 37px;}
	.register-in-page .container .right .right-container .menu .item span {font-size: 14px;}
	.register-in-page .container .right .right-container .title {margin-top: 24px;}
	.register-in-page .container .right .right-container .form .item {margin-top: 8px; height: 50px;}
	.register-in-page .container .right .right-container .form {height: 232px;}
	.register-in-page .container .right {overflow-y: scroll;}
	.register-in-page .container .right .right-container {margin-bottom: 24px; width: calc(100% - 32px);}
	.register-in-page .container .right .right-container .remember-forgot {margin-top: 20px;}
	.register-in-page .container .right .right-container .form .item .item-title {display:none;}
	.register-in-page .container .right .right-container .submit {margin-top: 28px;}
}









.login-in-page {width: calc(100% - 724px);
		height: 100%;
		float: left;
		height: auto;
		min-height: 100%;
		font-family: 'Inter';
		margin-left: 324px;
		margin-top: 24px;
		.container {width: 100%;
					height: 708px;
					float: left;
					padding: 0;
					border-radius: 10px;
					max-width: 100%;
					.bgwhite();
					.left {width: 579px;
						   height: 100%;
						   float: left;
						   img {width: 100%;
						   		height: 100%;
						   		object-fit: cover;
						   		text-align: center;
						   		border-radius: 10px 0px 0px 10px	;
						   }
					}
					.right {width: calc(100% - 579px);
							height: 100%;
							float: left;
							.flex_justify();
							.right-container {width: 100%;
											  height: 100%;
											  max-width: 433px;
											  float: left;
											  .logo {width: 100%;
											  		 height: 30px;
											  		 float: left;
											  		 margin-top: 86px;
											  		 .flex_align_justify();
											  		 img {height: 30px;}
											  }
											  .menu {width: 100%;
											  		 height: 58px;
											  		 float: left;
											  		 margin-top: 48px;
											  		 .item {width: 50%;
											  		 		height: 55px;
											  		 		border-bottom: 3px solid #F5F5F5;
											  		 		float: left;
											  		 		cursor: pointer;
											  		 		transition: 0.3s;
											  		 		.flex_align_justify();
											  		 		span {color:@black-700;
											  		 			  font-size: 16px;
											  		 		}
											  		 }
											  		 .active {border-color: @secondary-default-500;
											  		 		  background-color:@secondary-light-100;
											  		 		  span {color:@secondary-hover-600;}
											  		 }
											  		 .item:hover {background-color: #EEE;}
											  		 .item.active {background-color:@secondary-light-100;}
											  }
											  .title {width: 100%;
											  		  height: 24px;
											  		  float: left;
											  		  margin-top: 34px;
											  		  .flex_align();
											  		  span {font-size: 16px;
											  		  	    font-weight: 500;
											  		  	    color:@black-400;
											  		  }
											  }
											  .form {width: 100%;
											  		 margin-top: 18px;
											  		 float: left;
											  		 height: 232px;
											  		 padding: 0;
											  		 .item {width: 100%;
											  		 		height:50px;
											  		 		float: left;
											  		 		margin-top: 8px;
											  		 		.item-title {width: 100%;
											  		 					 height: 21px;
											  		 					 float: left;
											  		 					 .flex_align();
											  		 					 display: none;
											  		 					 span {color: #696F79;
											  		 					 	   .semibold_14();
											  		 					 }
											  		 		}
											  		 		.input {width: 100%;
											  		 				height: 50px;
											  		 				background:#FAFAFA;	
											  		 				border-radius: 8px;
											  		 				margin-top: 10px;
											  		 				float: left;
											  		 				.icon {width: 36px;
											  		 					   height: 50px;
											  		 					   float: left;
											  		 					   .flex_align();
											  		 					   justify-content: right;
											  		 					   span {font-size: 20px;
											  		 					   		 color:@primary-default-500;
											  		 					   }
											  		 				}
											  		 				.input-i {width: calc(100% - 36px);
											  		 						  height: 50px;
											  		 						  float: left;
											  		 						  input {width: 100%;
											  		 						  		 height: 50px;
											  		 						  		 border:0px;
											  		 						  		 outline: 0px;
											  		 						  		 background-color:transparent;
											  		 						  		 padding-left: 8px;
											  		 						  		 padding-right: 8px;
											  		 						  		 .regular_14();
											  		 						  		 color:@gray-secondary;
											  		 						  }
											  		 				}
											  		 		}
											  		 }
											  }
											  /* width */
											  ::-webkit-scrollbar {
											    width: 10px;
											  }
											  /* Track */
											  ::-webkit-scrollbar-track {
											    background: #f1f1f1;
											  }
											  /* Handle */
											  ::-webkit-scrollbar-thumb {
											    background: #888;
											  }
											  /* Handle on hover */
											  ::-webkit-scrollbar-thumb:hover {
											    background: #555;
											  }
											  .remember-forgot {width: 100%;
											  					height: 21px;
											  					float: left;
											  					margin-top: 24px;
											  					.remember {width: auto;
											  							   height: 21px;
											  							   float: left;
											  							   .input {width: 20px;
											  							   		   height: 20px;
											  							   		   float: left;
											  							   		   label {border:2px solid @primary-default-500;
											  							   		   		  .flex_align_justify();
											  							   		   		  width: 100%;
											  							   		   		  height: 100%;
											  							   		   		  border-radius:4px;
											  							   		   		  span {font-size: 12px;
											  							   		   		  		display:none;
											  							   		   		  		color:white;
											  							   		   		  }
											  							   		   }
											  							   		   .checked {background-color: @primary-default-500;
											  							   		   			 span {display:initial;}
											  							   		   }
											  							   }
											  							   .text {width: auto;
											  							   		  height: 21px;
											  							   		  float: left;
											  							   		  margin-left: 12px;
											  							   		  .flex_align();
											  							   		  label {color:@gray-secondary;
											  							   		  		 .regular_14();
											  							   		  		  -webkit-touch-callout: none; /* iOS Safari */
																					      -webkit-user-select: none; /* Safari */
																					       -khtml-user-select: none; /* Konqueror HTML */
																					         -moz-user-select: none; /* Old versions of Firefox */
																					          -ms-user-select: none; /* Internet Explorer/Edge */
																					              user-select: none; /* Non-prefixed version, currently
																					                                    supported by Chrome, Edge, Opera and Firefox */

											  							   		  }
											  							   }
											  					}
											  					.forgot {width: auto;
											  							 height: 21px;
											  							 float: right;
											  							 .flex_align();
											  							 a {color:@gray-secondary;
											  							 	   .medium_14();
											  							 	   transition: 0.15s;
											  							 }
											  							 a:hover {color:@gray-tertiary;}
											  					}
											  }
											  .submit {width: 100%;
											  		   margin-top: 44px;
											  		   float: left;
											  		   button {width: 100%;
											  		   		   height: 44px;
											  		   		   border:0px;
											  		   		   .primary500bg();
											  		   		   color:white;
											  		   		   font-weight: 600;
											  		   		   font-size: 16px;
											  		   		   border-radius: 3px;
											  		   		   transition: 0.3s;
											  		   } 
											  		   button:hover {.primary600bg();}
											  }
											  .register-link {width: 100%;
											  				  height: 24px;
											  				  float: left;
											  				  margin-top: 21px;
											  				  .flex_align_justify();
											  				  a {font-weight: 600;
											  				  	 font-size: 16px;
											  				  	 color:black;
											  				  	 transition: 0.15s;
											  				  	 cursor: pointer;
											  				  }
											  				  a:hover {color:@black-600;}
											  }
							}
					}
		}
}

@media screen and (max-width: 1768px) { 
	.login-in-page {width: calc(100% - 394px); margin-left: 349px;}
}
@media screen and (max-width: 1550px) { 
	.login-in-page {width: calc(100% - 334px); margin-left: 324px;}
}
@media screen and (max-width: 1420px) { 
	.login-in-page {width: calc(100% - 253px); margin-left: 243px;}
}
@media screen and (max-width: 1330px) { 
	.login-in-page {width: 90%; margin-left: 5%; margin-top: 84px;}
}


@media screen and (max-width: 1200px) { 
	.login-in-page .container .left {width: 400px;}
	.login-in-page .container .right {width: calc(100% - 400px);}
}


@media screen and (max-width: 1000px) { 
	.login-in-page .container .left {width: 250px;}
	.login-in-page .container .right {width: calc(100% - 250px);}
	.login-in-page .container {width: 94%;}
}

@media screen and (max-width:768px) { 
	.login-in-page .container {width: 100%; margin-left: 0; padding: 0;}
	.login-in-page {height: 100%; width: 100%; position: fixed; margin-left: 0; bottom: 68px;}
	.login-in-page .container .left {width: 100%; height: 35%;}
	.login-in-page .container .left img {border-radius: 0px;}
	.login-in-page .container .right {width: calc(100%); 
							  height: 70%; 
							  margin-top: 10%;
							  background-color: white; 
							  
							  border-radius: 10px 10px 0px 0px;
	}
	.login-in-page .container .right .right-container .logo {margin-top: 16px; height: 20px;}
	.login-in-page .container .right .right-container .logo img {height: 20px;}
	.login-in-page .container .right .right-container .menu {margin-top: 32px; height: 40px;}
	.login-in-page .container .right .right-container .menu .item {height: 37px;}
	.login-in-page .container .right .right-container .menu .item span {font-size: 14px;}
	.login-in-page .container .right .right-container .title {margin-top: 24px;}
	.login-in-page .container .right .right-container .form .item {margin-top: 8px; height: 50px;}
	.login-in-page .container .right .right-container .form {height: 162px;}
	.login-in-page .container .right {overflow-y: scroll;}
	.login-in-page .container .right .right-container {margin-bottom: 24px; width: calc(100% - 32px);}
	.login-in-page .container .right .right-container .remember-forgot {margin-top: 20px;}
	.login-in-page .container .right .right-container .form .item .item-title {display:none;}
	.login-in-page .container .right .right-container .submit {margin-top: 28px;}
}