@primary-light-100:#E7DEFE;
@primary-light-200:#CEBEFE;
@primary-light-300:#B49DFE;
@primary-light-400:#9F84FD;
@primary-default-500:#8762A2;
@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:#36B257;
@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:#FBF9FF;

.profil-yeni {width: calc(100% - 774px);
	   		  margin-left: 329px;
	   		  float: left;
	   		  font-family: 'Inter';
	   		  .container {width: 100%;
	   		  			  height: auto;
	   		  			  padding: 0;
	   		  			  max-width: 100%;
	   		  			  .user-info {width: 100%;
	   		  			  			  height: 261px;
	   		  			  			  float: left;
	   		  			  			  background-color:white;
	   		  			  			  border:1px solid #F5F5F5;
	   		  			  			  border-radius:10px;
	   		  			  			  .user-type {width: 100%;
	   		  			  			  			  height: 41px;
	   		  			  			  			  float: left;
	   		  			  			  			  display:flex;
	   		  			  			  			  justify-content: right;
	   		  			  			  			  .info {width: 170px;
	   		  			  			  			  		 height: 41px;
	   		  			  			  			  		 display: flex;
	   		  			  			  			  		 justify-content: center;
	   		  			  			  			  		 background-color: #5E43D8;
	   		  			  			  			  		 margin-right: 5px;
	   		  			  			  			  		 border-radius:0px 10px 0px 10px;
	   		  			  			  			  		 .inner {width: auto;
	   		  			  			  			  		 		 height: 41px;
	   		  			  			  			  		 		 display:flex;
	   		  			  			  			  		 		 .icon {width: 25px;
	   		  			  			  			  		 		 		height: 41px;
	   		  			  			  			  		 		 		display: flex;
	   		  			  			  			  		 		 		align-items: center;
	   		  			  			  			  		 		 		justify-content: center;
	   		  			  			  			  		 		 		span {color: white;
	   		  			  			  			  		 		 			  font-size: 20px;
	   		  			  			  			  		 		 		}
	   		  			  			  			  		 		 }
	   		  			  			  			  		 		 .text {width: auto;
	   		  			  			  			  		 		 		height: 41px;
	   		  			  			  			  		 		 		display: flex;
	   		  			  			  			  		 		 		align-items: center;
	   		  			  			  			  		 		 		margin-left: 10px;
	   		  			  			  			  		 		 		span {font-size: 12px;
	   		  			  			  			  		 		 			  font-weight: 500;
	   		  			  			  			  		 		 			  color:white;
	   		  			  			  			  		 		 		}
	   		  			  			  			  		 		 }
	   		  			  			  			  		 }
	   		  			  			  			  }
	   		  			  			  }
	   		  			  			  .user-card {width: 100%;
	   		  			  			  			  height: 210px;
	   		  			  			  			  float: left;
	   		  			  			  			  .inner {width: 100%;
	   		  			  			  			  		  height: 100%;
	   		  			  			  			  		  float: left;
	   		  			  			  			  		  .photo {width: 201px;
	   		  			  			  			  		  		  height: 100%;
	   		  			  			  			  		  		  float: left;
	   		  			  			  			  		  		  
	   		  			  			  			  		  		  display: flex;
	   		  			  			  			  		  		  
	   		  			  			  			  		  		  justify-content: center;
	   		  			  			  			  		  		  
	   		  			  			  			  		  		  margin-left: 36px;
	   		  			  			  			  		  		  .photo-inner {width: 100%;
	   		  			  			  			  		  		  				height: 100%;
	   		  			  			  			  		  		  				float: left;
	   		  			  			  			  		  		  				background-color: #FCFCFF;
	   		  			  			  			  		  		  				border:1px solid #F5F5F5;
	   		  			  			  			  		  		  				display: flex;
				   		  			  			  			  		  		  	align-items: center;
				   		  			  			  			  		  		  	justify-content: center;
				   		  			  			  			  		  		  	border-radius: 10px;
	   		  			  			  			  		  		  }
	   		  			  			  			  		  		  img {width: 128px;
	   		  			  			  			  		  		  	   height: 128px;
	   		  			  			  			  		  		  	   border-radius: 128px;
	   		  			  			  			  		  		  	   object-fit: cover;
	   		  			  			  			  		  		  	   text-align: center;
	   		  			  			  			  		  		  }
	   		  			  			  			  		  		  .img-text	{width: 100%;
	   		  			  			  			  		  			 height: 100%;
	   		  			  			  			  		  			 float: left;
	   		  			  			  			  		  			 display: flex;
	   		  			  			  			  		  			 align-items: center;
	   		  			  			  			  		  			 justify-content: center;
	   		  			  			  			  		  			 .img-text-inner {width: 128px;
	   		  			  			  			  		  			 				  height: 128px;
	   		  			  			  			  		  			 				  float: left;
	   		  			  			  			  		  			 				  display: flex;
	   		  			  			  			  		  			 				  align-items: center;
	   		  			  			  			  		  			 				  justify-content: center;
	   		  			  			  			  		  			 				  background-color:#2D1D92;
	   		  			  			  			  		  			 				  border-radius:128px;
	   		  			  			  			  		  			 				  span {font-size: 60px;
	   		  			  			  			  		  			 				  		color:white;
	   		  			  			  			  		  			 				  		font-weight: 500;
	   		  			  			  			  		  			 				  }
	   		  			  			  			  		  			 }
	   		  			  			  			  		  		  }
	   		  			  			  			  		  }
	   		  			  			  			  		  .right {width: calc(100% - 237px);
	   		  			  			  			  		  		  float: left;
	   		  			  			  			  		  		  height: 100%;
	   		  			  			  			  		  		  padding-left: 24px;
	   		  			  			  			  		  		  .name-v {width: 100%;
	   		  			  			  			  		  		  		   height: 30px;
	   		  			  			  			  		  		  		   float: left;
	   		  			  			  			  		  		  		   .name {width: auto;
	   		  			  			  			  		  		  		   		  height: 30px;
	   		  			  			  			  		  		  		   		  display: flex;
	   		  			  			  			  		  		  		   		  float: left;
	   		  			  			  			  		  		  		   		  max-width: calc(100% - 28px);
	   		  			  			  			  		  		  		   		  align-items: center;
	   		  			  			  			  		  		  		   		  span {font-weight: 500;
	   		  			  			  			  		  		  		   		  		font-size: 20px;
	   		  			  			  			  		  		  		   		  		color:#363636;
	   		  			  			  			  		  		  		   		  }
	   		  			  			  			  		  		  		   }
	   		  			  			  			  		  		  		   .verified {width: 20px;
	   		  			  			  			  		  		  		   			  height: 30px;
	   		  			  			  			  		  		  		   			  float: left;
	   		  			  			  			  		  		  		   			  display: flex;
	   		  			  			  			  		  		  		   			  align-items: center;
	   		  			  			  			  		  		  		   			  justify-content: center;
	   		  			  			  			  		  		  		   			  margin-left: 8px;
	   		  			  			  			  		  		  		   			  span {color:#9CD323;
	   		  			  			  			  		  		  		   			  		font-size: 20px;
	   		  			  			  			  		  		  		   			  }
	   		  			  			  			  		  		  		   }
	   		  			  			  			  		  		  }
	   		  			  			  			  		  		  .user-type-mobile {width: 100%;
	   		  			  			  			  		  		  					 height: 18px;
	   		  			  			  			  		  		  					 float: left;
	   		  			  			  			  		  		  					 display: none;
	   		  			  			  			  		  		  					 margin-top: 8px;
	   		  			  			  			  		  		  					 justify-content: center;
	   		  			  			  			  		  		  					 .user-type-c {width: auto;
	   		  			  			  			  		  		  					 			   height: 18px;
	   		  			  			  			  		  		  					 			   float: left;
	   		  			  			  			  		  		  					 			   .icon {width: 18px;
	   		  			  			  			  		  		  					 			   		  height: 18px;
	   		  			  			  			  		  		  					 			   		  float: left;
	   		  			  			  			  		  		  					 			   		  display: flex;
	   		  			  			  			  		  		  					 			   		  align-items: center;
	   		  			  			  			  		  		  					 			   		  justify-content: center;
	   		  			  			  			  		  		  					 			   		  span {font-size: 14px;
	   		  			  			  			  		  		  					 			   		  		color:#8080A4;
	   		  			  			  			  		  		  					 			   		  }
	   		  			  			  			  		  		  					 			   }
	   		  			  			  			  		  		  					 			   .text {width: auto;
	   		  			  			  			  		  		  					 			   		  height: 18px;
	   		  			  			  			  		  		  					 			   		  display: flex;
	   		  			  			  			  		  		  					 			   		  align-items: center;
	   		  			  			  			  		  		  					 			   		  padding-left: 5px;
	   		  			  			  			  		  		  					 			   		  span {font-size: 12px;
	   		  			  			  			  		  		  					 			   		  		color:#8080A4;
	   		  			  			  			  		  		  					 			   		  }
	   		  			  			  			  		  		  					 			   }
	   		  			  			  			  		  		  					 }
	   		  			  			  			  		  		  }
	   		  			  			  			  		  		  .stars {width: 100%;
	   		  			  			  			  		  		  		  height: 13px;
	   		  			  			  			  		  		  		  float: left;
	   		  			  			  			  		  		  		  margin-top: 16px;
	   		  			  			  			  		  		  		  .stars-c {width: auto;
	   		  			  			  			  		  		  		  			height: 13px;
	   		  			  			  			  		  		  		  			float: left;
	   		  			  			  			  		  		  		  			.star {width: 13px;
	   		  			  			  			  		  		  		  				   height: 13px;
	   		  			  			  			  		  		  		  				   float: left;
	   		  			  			  			  		  		  		  				   display: flex;
	   		  			  			  			  		  		  		  				   align-items: center;
	   		  			  			  			  		  		  		  				   justify-content: center;
	   		  			  			  			  		  		  		  				   margin-left: 5px;
	   		  			  			  			  		  		  		  				   span {font-size: 13px;
	   		  			  			  			  		  		  		  				   		 color:#EBEBEB;
	   		  			  			  			  		  		  		  				   }
	   		  			  			  			  		  		  		  			}
	   		  			  			  			  		  		  		  			.star.active span {color:#7C5CFC;}
	   		  			  			  			  		  		  		  			.star:first-child {margin-left: 0;}
	   		  			  			  			  		  		  		  }
	   		  			  			  			  		  		  }
	   		  			  			  			  		  		  .about-user {width: 100%;
	   		  			  			  			  		  		  			   height: 53px;
	   		  			  			  			  		  		  			   float: left;
	   		  			  			  			  		  		  			   margin-top: 18px;
	   		  			  			  			  		  		  			   padding-right: 5%;
	   		  			  			  			  		  		  			   p {font-size: 16px;
	   		  			  			  			  		  		  			   	  color:#363636;
	   		  			  			  			  		  		  			   }
	   		  			  			  			  		  		  }
	   		  			  			  			  		  		  .contact {width: 100%;
	   		  			  			  			  		  		  			height: 36px;
	   		  			  			  			  		  		  			float: left;
	   		  			  			  			  		  		  			margin-top: 14px;
	   		  			  			  			  		  		  			.contact-c {width: auto;
	   		  			  			  			  		  		  						height: 36px;
	   		  			  			  			  		  		  						float: left;
	   		  			  			  			  		  		  						a {width: auto; height: 36px; color:black; 
	   		  			  			  			  		  		  							   margin-left: 18px; display: flex; float: left;}																	
	   		  			  			  			  		  		  						.item {width: auto;
	   		  			  			  			  		  		  							   height: 36px;
	   		  			  			  			  		  		  							   float: left;
	   		  			  			  			  		  		  							   .icon {width: 36px;
	   		  			  			  			  		  		  							   		  height: 36px;
	   		  			  			  			  		  		  							   		  float: left;
	   		  			  			  			  		  		  							   		  border-radius: 5px;
	   		  			  			  			  		  		  							   		  border: 1px solid #F5F5F5;
	   		  			  			  			  		  		  							   		  display: flex;
	   		  			  			  			  		  		  							   		  align-items: center;
	   		  			  			  			  		  		  							   		  justify-content: center;
	   		  			  			  			  		  		  							   		  span {font-size: 20px;
	   		  			  			  			  		  		  							   		  		color:#432EB5;
	   		  			  			  			  		  		  							   		  }
	   		  			  			  			  		  		  							   }
	   		  			  			  			  		  		  							   .text {width: auto;
	   		  			  			  			  		  		  							   		  height: 36px;
	   		  			  			  			  		  		  							   		  float: left;
	   		  			  			  			  		  		  							   		  display: flex;
	   		  			  			  			  		  		  							   		  align-items: center;
	   		  			  			  			  		  		  							   		  margin-left: 10px;
	   		  			  			  			  		  		  							   }
	   		  			  			  			  		  		  						}
	   		  			  			  			  		  		  						a:first-child {margin-left: 0;}
	   		  			  			  			  		  		  			}
	   		  			  			  			  		  		  }
	   		  			  			  			  		  		  .social {width: 100%;
	   		  			  			  			  		  		  		   height: 28px;
	   		  			  			  			  		  		  		   float: left;
	   		  			  			  			  		  		  		   display: flex;
	   		  			  			  			  		  		  		   justify-content: right;
	   		  			  			  			  		  		  		   padding-right: 18px;
	   		  			  			  			  		  		  		   .social-items {width: auto;
	   		  			  			  			  		  		  		   				  height: 28px;
	   		  			  			  			  		  		  		   				  float: left;
	   		  			  			  			  		  		  		   				  .item {width: 28px;
	   		  			  			  			  		  		  		   				  		 height: 28px;
	   		  			  			  			  		  		  		   				  		 float: left;
	   		  			  			  			  		  		  		   				  		 margin-right: 3px;
	   		  			  			  			  		  		  		   				  }
	   		  			  			  			  		  		  		   }
	   		  			  			  			  		  		  }
	   		  			  			  			  		  }
	   		  			  			  			  }
	   		  			  			  }
	   		  			  }
	   		  			  .user-consultants {width: 100%;
	   		  			  					 height: 430px;
	   		  			  					 float: left;
	   		  			  					 margin-top: 16px;
	   		  			  					 .top {width: 100%;
	   		  			  					 	   height: 47px;
	   		  			  					 	   float: left;
	   		  			  					 	   .title {width: calc(100% - 96px);
	   		  			  					 	   		   height: 47px;
	   		  			  					 	   		   float: left;
	   		  			  					 	   		   display: flex;
	   		  			  					 	   		   align-items: center;
	   		  			  					 	   		   span {font-size: 24px;
	   		  			  					 	   		   		 font-weight: 600;
	   		  			  					 	   		   		 color:black;
	   		  			  					 	   		   }
	   		  			  					 	   }
	   		  			  					 	   .buttons {width: 96px;
					   					   		 		   height: 40px;
					   					   		 		   margin-top: 8px;
					   					   		 		   float: left;
					   					   		 		   .item {width: 40px;
					   					   		 		   		  height: 40px;
					   					   		 		   		  float: left;
					   					   		 		   		  .item-outer {width: 40px;
					   					   		 		   		  			   height: 40px;
					   					   		 		   		  			   border-radius: 40px;
					   					   		 		   		  			   float: left;
					   					   		 		   		  			   background-color: #E7DEFE;
					   					   		 		   		  			   justify-content: center;
					   					   		 		   		  			   span {width: 28px;
				   					   		 		   		  			   		     height: 28px;
				   					   		 		   		  			   		     margin: 6px;
				   					   		 		   		  			   		     border-radius: 28px;
				   					   		 		   		  			   		     color:#7D6494;
				   					   		 		   		  			   		     display:flex;
				   					   		 		   		  			   		     cursor: pointer;
				   					   		 		   		  			   		     align-items: center;
				   					   		 		   		  			   		     justify-content: center;
				   					   		 		   		  			   		     font-size: 24px;
				   					   		 		   		  			   		     border:0px;
				   					   		 		   		  			   		     outline: 0px;
																			 		transition: all .2s ease;
					   					   		 		   		  			   }
					   					   		 		   		  }
					   					   		 		   		  .active {span {background-color: #7C5CFC; color:white;}}
					   					   		 		   }
					   					   		 		   .item:last-child {margin-left: 16px;}
												   .item:hover{ span {background-color: #7C5CFC; color:white;}}
					   					   		 }
	   		  			  					 }
	   		  			  					 .list {width: 100%;
	   		  			  					 		height: 365px;
	   		  			  					 		float: left;
	   		  			  					 		margin-top: 16px;
	   		  			  					 		.list-container {width: 100%;
	   		  			  					 						 height: 365px;
	   		  			  					 						 float: left;
	   		  			  					 						 .item {width: 264px;
	   		  			  					 						 		height: 365px;
	   		  			  					 						 		float: left;
	   		  			  					 						 		background-color: white;
	   		  			  					 						 		border-radius: 10px;
	   		  			  					 						 		border-top: 10px solid #7C5CFC;															
	   		  			  					 						 		.item-container {width: 100%;
	   		  			  					 						 						 height: 100%;
	   		  			  					 						 						 float: left;
	   		  			  					 						 						 .photo {width: 100%;
	   		  			  					 						 						 		 margin-top: 19px;
	   		  			  					 						 						 		 float: left;
	   		  			  					 						 						 		 display: flex;
	   		  			  					 						 						 		 align-items: center;
	   		  			  					 						 						 		 justify-content: center;
	   		  			  					 						 						 		 img {width: 130px;
	   		  			  					 						 						 		 	  height: 130px;
	   		  			  					 						 						 		 	  object-fit: cover;
	   		  			  					 						 						 		 	  text-align: center;
	   		  			  					 						 						 		 }
	   		  			  					 						 						 }
	   		  			  					 						 						 .information {width: 100%;
	   		  			  					 						 						 			   height: 105px;
	   		  			  					 						 						 			   float: left;
	   		  			  					 						 						 			   margin-top: 24px;
	   		  			  					 						 						 			   padding-left: 12px;
	   		  			  					 						 						 			   .i-item {width: 100%;
	   		  			  					 						 						 			   			height: 21px;
	   		  			  					 						 						 			   			float: left;
	   		  			  					 						 						 			   			margin-top: 10px;
	   		  			  					 						 						 			   			.icon {width: 20px;
	   		  			  					 						 						 			   				   height: 21px;
	   		  			  					 						 						 			   				   float: left;
	   		  			  					 						 						 			   				   display: flex;
	   		  			  					 						 						 			   				   align-items: center;
	   		  			  					 						 						 			   				   justify-content: center;
	   		  			  					 						 						 			   				   span {color:#7C5CFC;
	   		  			  					 						 						 			   				   		 font-size: 16px;
	   		  			  					 						 						 			   				   }
	   		  			  					 						 						 			   			}
	   		  			  					 						 						 			   			.text {width: calc(100% - 20px);
	   		  			  					 						 						 			   				   height: 21px;
	   		  			  					 						 						 			   				   float: left;
	   		  			  					 						 						 			   				   padding-left: 8px;
	   		  			  					 						 						 			   				   span {font-size: 14px;
	   		  			  					 						 						 			   				   		 color:black;
	   		  			  					 						 						 			   				   }
	   		  			  					 						 						 			   			}
	   		  			  					 						 						 			   }
	   		  			  					 						 						 			   .i-item:first-child .text span {font-weight: 600;}
	   		  			  					 						 						 }
	   		  			  					 						 						 .contact {width: 100%;
	   		  			  					 						 						 		   height: 40px;
	   		  			  					 						 						 		   float: left;
	   		  			  					 						 						 		   margin-top: 8px;
	   		  			  					 						 						 		   display: flex;
	   		  			  					 						 						 		   justify-content: center;
	   		  			  					 						 						 		   .c-container {width: auto;
	   		  			  					 						 						 		   				 height: 40px;
	   		  			  					 						 						 		   				 float: left;
	   		  			  					 						 						 		   				 .c-item {width: 40px;
	   		  			  					 						 						 		   				 		  height: 40px;
	   		  			  					 						 						 		   				 		  float: left;
	   		  			  					 						 						 		   				 		  margin-left: 4px;
	   		  			  					 						 						 		   				 		  margin-right: 4px;
	   		  			  					 						 						 		   				 		  img {width: 40px;
	   		  			  					 						 						 		   				 		  	   height: 40px;
	   		  			  					 						 						 		   				 		  }
	   		  			  					 						 						 		   				 	}
	   		  			  					 						 						 		   }
	   		  			  					 						 						 }
	   		  			  					 						 		}
	   		  			  					 						 }
	   		  			  					 		}
	   		  			  					 }
	   		  			  }
	   		  			  .general-filters {width: 100%;
			   			 			 			 height: 67px;
			   			 			 			 float: left;
			   			 			 			margin-top: 0px;
			   			 			 			 background-color:white;
			   			 			 			 .left {width: auto;
			   			 			 			 		  height: 44px;
			   			 			 			 		  margin-top: 11.5px;
			   			 			 			 		  border-radius: 8px;
			   			 			 			 		  float: left;
			   			 			 			 		  width: 100%;
			   			 			 			 		  background-color:#F4F4F4;
			   			 			 			 		  .container {width: 100%;
			   			 			 			 		  				  height:24px;
			   			 			 			 		  				  margin-top: 8px;
			   			 			 			 		  				  float: left;
			   			 			 			 		  				  padding: 0;
			   			 			 			 		  				  .item {width: calc(50% - 0.5px);
			   			 			 			 		  				  		   height: 24px;
			   			 			 			 		  				  		   float: left;
			   			 			 			 		  				  		   border-radius: 4px;
			   			 			 			 		  				  		   display: flex !important;
			   			 			 			 		  				  		   justify-content: center;
																			   		position: relative;
			   			 			 			 		  				  		   .item-container {width: auto;
			   			 			 			 		  				  		   					  height: 100%;
			   			 			 			 		  				  		   					  float: left;
			   			 			 			 		  				  		   }
			   			 			 			 		  				  		   .icon {width: 24px;
			   			 			 			 		  				  		   		 height: 24px;
			   			 			 			 		  				  		   		 float: left;
			   			 			 			 		  				  		   		 display: flex;
			   			 			 			 		  				  		   		 align-items: center;
			   			 			 			 		  				  		   		 span {display: block;
			   			 			 			 		  				  		   		 		 width: 100%;
			   			 			 			 		  				  		   		 		 text-align: center;
			   			 			 			 		  				  		   		 		 font-size: 14px;
			   			 			 			 		  				  		   		 		 color:#444444;
			   			 			 			 		  				  		   		 }
			   			 			 			 		  				  		   		 img {width: 16px;}
			   			 			 			 		  				  		   }
			   			 			 			 		  				  		   .text {width: auto;
			   			 			 			 		  				  		   		 height: 24px;
			   			 			 			 		  				  		   		 float: left;
			   			 			 			 		  				  		   		 display:flex;
			   			 			 			 		  				  		   		 align-items: center;
			   			 			 			 		  				  		   		 padding-top: 2px;
			   			 			 			 		  				  		   		 span {font-size: 14px;
			   			 			 			 		  				  		   		 		 color:#444444;
			   			 			 			 		  				  		   		 }
			   			 			 			 		  				  		   		 select {width: 100px;
			   			 			 			 		  				  		   		 			height: 24px;
			   			 			 			 		  				  		   		 			background-color:transparent;
			   			 			 			 		  				  		   		 			font-size: 11px;
			   			 			 			 		  				  		   		 			color:#444444;
			   			 			 			 		  				  		   		 			border:0px;
			   			 			 			 		  				  		   		 }
			   			 			 			 		  				  		   }
			   			 			 			 		  				  		   .mobile-sort-opened {width: calc(100% - 30px);
			   			 			 			 		  				  		   							height: 214px;
			   			 			 			 		  				  		   							position: fixed;
			   			 			 			 		  				  		   							left:0px;
			   			 			 			 		  				  		   							z-index: 999999;
			   			 			 			 		  				  		   							background-color: white;
			   			 			 			 		  				  		   							margin-top: 50px;
			   			 			 			 		  				  		   							margin-left: 15px;
			   			 			 			 		  				  		   							float: left;
			   			 			 			 		  				  		   							display:none;
			   			 			 			 		  				  		   							.sort-item {width: 100%;
			   			 			 			 		  				  		   											height: 70px;
			   			 			 			 		  				  		   											float: left;
			   			 			 			 		  				  		   											margin-top: 8px;
			   			 			 			 		  				  		   											padding-left: 12px;
			   			 			 			 		  				  		   											padding-right: 12px;
			   			 			 			 		  				  		   											.title {width: 100%;
			   			 			 			 		  				  		   													  height: 18px;
			   			 			 			 		  				  		   													  float: left;
			   			 			 			 		  				  		   													  display: flex;
			   			 			 			 		  				  		   													  align-items: center;
			   			 			 			 		  				  		   													  span {font-size: 12px;
			   			 			 			 		  				  		   													  		  font-weight: 500;
			   			 			 			 		  				  		   													  		  color:#0A0A0A;
			   			 			 			 		  				  		   													  }
			   			 			 			 		  				  		   											}
			   			 			 			 		  				  		   											.input {width: 100%;
			   			 			 			 		  				  		   													  height: 42px;
			   			 			 			 		  				  		   													  float: left;
			   			 			 			 		  				  		   													  margin-top: 6px;
			   			 			 			 		  				  		   											}
			   			 			 			 		  				  		   											select {width: 100%;
			   			 			 			 		  				  		   													  height: 42px;
			   			 			 			 		  				  		   													  background-color: #f2f2f2;
			   			 			 			 		  				  		   													  border:0px;
			   			 			 			 		  				  		   													  border-radius: 8px;
			   			 			 			 		  				  		   													  font-weight: 500;
			   			 			 			 		  				  		   													  font-size: 14px;
			   			 			 			 		  				  		   													  float: left;
			   			 			 			 		  				  		   													  position: initial;
			   			 			 			 		  				  		   													  transform: none;
			   			 			 			 		  				  		   													  -webkit-appearance: initial;
			   			 			 			 		  				  		   													  padding-left: 8px;
			   			 			 			 		  				  		   													  padding-right: 8px;

			   			 			 			 		  				  		   											}
			   			 			 			 		  				  		   							}
			   			 			 			 		  				  		   							.sort-button {width: 100%;
			   			 			 			 		  				  		   											  height: 42px;
			   			 			 			 		  				  		   											  float: left;
			   			 			 			 		  				  		   											  display: flex;
			   			 			 			 		  				  		   											  align-items: center;
			   			 			 			 		  				  		   											  justify-content: center;
			   			 			 			 		  				  		   											  padding-left: 12px;
			   			 			 			 		  				  		   											  padding-right: 12px;
			   			 			 			 		  				  		   											  margin-top: 8px;
			   			 			 			 		  				  		   											  button {background-color: #7C5CFC;
			   			 			 			 		  				  		   											  			 width: 100%;
			   			 			 			 		  				  		   											  			 height: 42px;
			   			 			 			 		  				  		   											  			 border-radius: 4px;
			   			 			 			 		  				  		   											  			 color:white;
			   			 			 			 		  				  		   											  			 font-weight: 600;
			   			 			 			 		  				  		   											  			 font-size: 16px;
			   			 			 			 		  				  		   											  			 border:0px;
			   			 			 			 		  				  		   											  }
			   			 			 			 		  				  		   							}
			   			 			 			 		  				  		   }
			   			 			 			 		  				  		   .sortMobileContainer {width: 100%;
			   			 			 			 		  				  		   							 height: 24px;
			   			 			 			 		  				  		   							 float: left;
			   			 			 			 		  				  		   							 display: flex;
			   			 			 			 		  				  		   							 justify-content: center;
			   			 			 			 		  				  		   }
																		
																				select{
																					position: absolute;
																					top: 100%;
																					width: 100%;
																					left: 50%;
																					transform: translateX(-50%);
																					height: 1px;
																					border: none;
																					outline: none;
																					background-color: transparent;
																					-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';
																				}
																				select::-ms-expand{ display: none;}
			   			 			 			 		  				  }
			   			 			 			 		  				  .item.sortMobile {display: block;}
			   			 			 			 		  				  .item:first-child {border-right: 1px solid #D8D8D8;}
			   			 			 			 		  				  .item:nth-child(2) {.text {padding-top: 3px;}}
			   			 			 			 		  }
			   			 			 			 }
			   			 			 			 .center {width: calc(100% - 570px);
			   			 			 			 			 height: 40px;
			   			 			 			 			 float: left;
			   			 			 			 			 .container {width: 100%;
			   			 			 			 			 				 height: 40px;
			   			 			 			 			 				 float: left;
			   			 			 			 			 				 .counter {width: 100%;
			   			 			 			 			 				 		     height: 40px;
			   			 			 			 			 				 		     float: left;
			   			 			 			 			 				 		     text-align: center;
			   			 			 			 			 				 		     span {margin-left: -95px;
			   			 			 			 			 				 		     		  font-size: 16px;
			   			 			 			 			 				 		     		  line-height:40px;
			   			 			 			 			 				 		     		  color:#8080A4;
			   			 			 			 			 				 		     }
			   			 			 			 			 				 		     .infofont {font-weight: 600;
			   			 			 			 			 				 		     				 color:#7C5CFC;
			   			 			 			 			 				 		     }
			   			 			 			 			 				 }
			   			 			 			 			 }
			   			 			 			 }
			   			 			 			 .right {width: 190px;
			   			 			 			 			height: 40px;
			   			 			 			 			float: left;
			   			 			 			 			.container {width: 188px;
			   			 			 			 							height: 40px;
			   			 			 			 							float: right;
			   			 			 			 							cursor: pointer;
			   			 			 			 							background-color: #7C5CFC;
			   			 			 			 							border-radius: 8px;
			   			 			 			 							.inner {width: 132px;
			   			 			 			 									  height: 40px;
			   			 			 			 									  float: left;
			   			 			 			 									  margin-left: 50%;
			   			 			 			 									  transform: translateX(-50%);
			   			 			 			 									  .icon {width: 24px;
			   			 			 			 									  		   height: 24px;
			   			 			 			 									  		   margin-top: 8px;
			   			 			 			 									  		   display:flex;
			   			 			 			 									  		   float: left;
			   			 			 			 									  		   align-items: center;
			   			 			 			 									  		   span {width: 100%;
			   			 			 			 									  		   		display:block;
			   			 			 			 									  		   		text-align: center;
			   			 			 			 									  		   		color:white;
			   			 			 			 									  		   		font-size: 19px;
			   			 			 			 									  		   }
			   			 			 			 									  }
			   			 			 			 									  .text {width: auto;
			   			 			 			 									  		   height: 24px;
			   			 			 			 									  		   float: left;
			   			 			 			 									  		   margin-top: 8px;
			   			 			 			 									  		   display:flex;
			   			 			 			 									  		   align-items: center;
			   			 			 			 									  		   span {color:white;
			   			 			 			 									  		   		font-weight: 600;
			   			 			 			 									  		   		font-size: 16px;
			   			 			 			 									  		   }

			   			 			 			 									  }
			   			 			 			 							}
			   			 			 			 			}
			   			 			 			 }
			   			 }
	   		  			  .applied-filters {width: 100%;
													margin-top: 14px;
													white-space: nowrap;
													margin-bottom: 20px;
													 position: relative;
													 z-index: 5;
													 --space: 10px;
													 float: left;
													 h2{
														font-size: 21px;
														color: #363636;
														margin-bottom: 15px;
													 }
													.detailed-filter .top{display: none;}
													.detailed-filter .filters{ display: flex; gap: 10px; margin-bottom: var(--space); padding-bottom: var(--space); border-bottom: 2px solid #F4F5F7; flex-wrap: wrap;}
													.detailed-filter .filters > div{ height: 100%; position: relative;}
													.detailed-filter .filters > div > button{ transition: all .2s ease; font-size: 15px; height: 40px; color: white; background-color: #afa1eb; padding: 0 15px; gap: 35px; border-radius: 7px; display: flex; align-items: center; border: none; outline: none;}
													.detailed-filter .filters > div.active button{ border-radius: 7px 7px 0 0;}
													.detailed-filter .filters > div > button img{ width: 15px; transition: all .2s ease;}
													.detailed-filter .filters > div .icon{ display: none;}
													.detailed-filter .filters > div.active > button img{ transform: rotate(-180deg);}
													.detailed-filter .filters > div .f{ opacity: 0; pointer-events: none; transform-origin: top; transform: rotateX(-90deg); transition: all .2s ease; position: absolute; top: calc(100% + 1px); left: 0; width: 100%; overflow: hidden; border-radius: 0 0 7px 7px;}
													.detailed-filter .filters > div.active > div{ opacity: 1; transform: rotate(0); pointer-events: all;}
													.detailed-filter .filters > div .f .t{ display: flex; flex-direction: column; gap: 10px; background-color: #afa1eb; padding: 20px 15px; max-height: 300px; overflow-y: auto;}
													.detailed-filter .filters > div .f .t::-webkit-scrollbar{ background-color: #ccc3f7; width: 7px;}
													.detailed-filter .filters > div .f .t::-webkit-scrollbar-thumb{ background-color: #7668b5;}
													.detailed-filter .filters > div .f .t > div{ display: flex; flex-direction: column;}
													.detailed-filter .filters > div .f .t > div > label{ font-size: 14px; color: white; margin-bottom: 3px;}
													.detailed-filter .filters > div .f .t > div > div{ position: relative; width: 100%; height: 35px; border-radius: 7px; overflow: hidden;}
													.detailed-filter .filters > div .f .t > div.select > div{ background-color: white;}
													.detailed-filter .filters > div .f .t > div.select > div::before{ pointer-events: none; content: '\f107'; font-family: 'FONT AWESOME 5 FREE'; font-weight: 900; color: #6E7191; display: inline-block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
													.detailed-filter .filters > div .f .t > div._2 > div{ display: flex; gap: 1px;}
													.detailed-filter .filters > div .f .t > div._2 > div > div{ width: 50%;}
													.detailed-filter .filters > div .f .t > div.input > div input{ width: 100%; border-radius: 7px; height: 100%; padding: 0 10px; border: none; outline: none; background-color: white; color: #6E7191; font-size: 14px;}
													.detailed-filter .filters > div .f .t > div._2 > div input:nth-child(1){ border-top-right-radius: 0; border-bottom-right-radius: 0;}
													.detailed-filter .filters > div .f .t > div._2 > div input:nth-child(1){ border-top-left-radius: 0; border-bottom-left-radius: 0;}
													.detailed-filter .filters > div .f .t > div > div select{ width: 100%; height: 100%; padding: 0 10px; border: none; outline: none; background-color: transparent; color: #6E7191; font-size: 14px;}
													.detailed-filter .filters > div .f .t > div > div select{ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
													.detailed-filter .filters > div .f .t > div > div select::-ms-expand{ display: none;}
													.detailed-filter .filters > div .f .b{ background-color: white; padding: 10px 15px;}
													.detailed-filter .filters > div .f .b button{ width: 100%; color: white; background-color: #7C5CFC; font-size: 14px; height: 32px; border-radius: 3px; border: none; outline: none; font-family: inherit;}
													.detailed-filter .filters::-webkit-scrollbar{ height: 2px; background-color: #f0f0f0; border-radius: 5px;}
													.detailed-filter .filters::-webkit-scrollbar-thumb{ background-color: #afa1eb;  border-radius: 5px;}
													.detailed-filter .filters > button{ height: 40px; font-size: 15px; border-radius: 3px; color: white; padding: 0 25px; background-color: #659711; border: 1px solid #D3F178; font-family: inherit; display: flex;
													 align-items: center; justify-content: center; cursor: pointer ; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */}
													.detailed-filter .filters > button i{ margin-left: 7px;}
													.detailed-filter .buttons{ display: none;}
							}
							.results {width: 100%;
										 			  height: auto;
										 			  float: left;
										 			  .search-no-result {width: 100%;
																		 height: 232px;
																		 float: left;
																		 margin-top: 8%;
																		 margin-bottom: 14%;
																		 .s-container {width: 100%;
																		 					height: 100%;
																		 					float: left;
																		 					.vector {width: 100%;
																		 								height: 160px;
																		 								float: left;
																		 								display: flex;
																		 								align-items: center;
																		 								justify-content: center;
																		 								img {height: 160px;}
																		 					}
																		 					.text {width: 100%;
																		 							 height: auto;
																		 							 float: left;
																		 							 display: flex;
																		 							 justify-content: center;
																		 							 margin-top: 2%;
																		 							 span {text-align: center;
																		 							 		 color:#7C5CFC;
																		 							 		 font-size: 25px;
																		 							 		 text-transform: uppercase;
																		 							 		 font-weight: 500;
																		 							 }
																		 					}
																		 }
												}
										 			  .container {width: 100%;
										 			  				  height: auto;
										 			  				  float: left;
										 			  				  .list {width: 100%;
										 			  				  			height: auto;
										 			  				  			// float: left;
																				display: flex;
																				flex-wrap: wrap;
																				gap: 15px;
										 			  				  			.card { --column-count: 3; --gap: 15px;
																						width: calc(((100% / var(--column-count)) - (var(--gap))) + (var(--gap) / var(--column-count)));
										 			  				  					 height: 414px;
										 			  				  					 float: left;
										 			  				  					 margin: 0;
										 			  				  					//  margin-top: 15px;
										 			  				  					//  margin-left: 15px;
										 			  				  					 background-color: white;
										 			  				  					 border:1px solid #F5F5F5;
										 			  				  					 border-radius: 10px;
										 			  				  					 padding: 0;
										 			  				  					 box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
										 			  				  					 .container {width: 100%;
										 			  				  					 				 height: 100%;
										 			  				  					 				 float: left;
																										 position: relative;
										 			  				  					 				 .top {width: 100%;
										 			  				  					 				 		 height: 272px;
										 			  				  					 				 		 float: left;
										 			  				  					 				 		 display: block;
										 			  				  					 				 		 .photo {width: 100%;
										 			  				  					 				 		 			height: 272px;
										 			  				  					 				 		 			float: left;
										 			  				  					 				 		 			img {width: 100%;
										 			  				  					 				 		 				  height: 100%;
										 			  				  					 				 		 				  object-fit: cover;
										 			  				  					 				 		 				  border-radius: 10px 10px 0px 0px;
										 			  				  					 				 		 			}
										 			  				  					 				 		 }
										 			  				  					 				 		 .like {width: 100%;
										 			  				  					 				 		 		  height: 40px;
										 			  				  					 				 		 		  float: left;
										 			  				  					 				 		 		  margin-top: -260px;
										 			  				  					 				 		 		  .container {width: 40px;
										 			  				  					 				 		 		  				  height: 40px;
										 			  				  					 				 		 		  				  float: right;
										 			  				  					 				 		 		  				  margin-right: 12px;
										 			  				  					 				 		 		  				  span {display: flex;
										 			  				  					 				 		 		  				  		  width: 40px;
										 			  				  					 				 		 		  				  		  height: 40px;
										 			  				  					 				 		 		  				  		  border-radius: 40px;
										 			  				  					 				 		 		  				  		  background-color: white;
										 			  				  					 				 		 		  				  		  align-items: center;
										 			  				  					 				 		 		  				  		  justify-content: center;
										 			  				  					 				 		 		  				  		  font-size: 20px;
										 			  				  					 				 		 		  				  		  color:#FF3860;
										 			  				  					 				 		 		  				  		  cursor: pointer;
										 			  				  					 				 		 		  				  		  transition: all .2s ease;
										 			  				  					 				 		 		  				  }
										 			  				  					 				 		 		  				  span:hover {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
										 			  				  					 				 		 		  }
										 			  				  					 				 		 }
										 			  				  					 				 		 .properties {width: 100%;
										 			  				  					 				 		 				  height: 46px;
										 			  				  					 				 		 				  float: left;
										 			  				  					 				 		 				  margin-top: -46px;
										 			  				  					 				 		 				  background-color: rgba(0, 0, 0, 0.5);
																																  -webkit-backdrop-filter: blur(10px);
																											  					  backdrop-filter: blur(10px);
																																  display: flex;
																																  align-items: center;
																																  padding: 0 15px;
																											  					  .container {width: 100%;
																											  					  			     height: 22px;
																											  					  			     float: left;
																																				 display: flex;
																																				 align-items: center;
																																				
																																				 .pp{ --size: 27px; margin-right: 25px; width: var(--size); height: var(--size); min-width: var(--size); border-radius: 50%; overflow: hidden;}
																																				 .pp img{ width: 100%; height: 100%; object-fit: cover;}
																																				 
																											  					  			     .properties-container {width: 100%;
																											  					  			     								 height: 100%;
																											  					  			     								 float: left;
																											  					  			     								 .inner {width: 100%;
																											  					  			     								 		   height: 100%;
																											  					  			     								 		   float: left;
																																														   display: grid;
																																														   grid-template-columns: repeat(4, 1fr);
																											  					  			     								 		   .item {width: auto;
																											  					  			     								 		   		 height: 22px;
																											  					  			     								 		   		 float: left;
																											  					  			     								 		   		 background-color: transparent;
																											  					  			     								 		   		 border:0px;
																											  					  			     								 		   		 box-shadow: none;
																											  					  			     								 		   		 margin-top: 0;
																											  					  			     								 		   		 margin-left: 9px;
																																																 display: flex;
																																																 align-items: center;
																											  					  			     								 		   		 .icon {width: auto;
																											  					  			     								 		   		 		  height: 22px;
																											  					  			     								 		   		 		  float: left;
																											  					  			     								 		   		 		  display: flex;
																											  					  			     								 		   		 		  align-items: center;
																											  					  			     								 		   		 }
																											  					  			     								 		   		 .value {width: auto;
																											  					  			     								 		   		 			height: 22px;
																											  					  			     								 		   		 			float: left;
																											  					  			     								 		   		 			display:flex;
																											  					  			     								 		   		 			align-items: center;
																											  					  			     								 		   		 			span {font-size: 14px;
																											  					  			     								 		   		 					font-weight: 600;
																											  					  			     								 		   		 					margin-left: 5px;
																											  					  			     								 		   		 					color:white;
																																																					white-space: nowrap;
																											  					  			     								 		   		 			}
																											  					  			     								 		   		 }
																											  					  			     								 		   }
																											  					  			     								 		   .item:first-child {margin-left: 0;}

																											  					  			     								 }
																											  					  			     }
																											  					  			     .slider-selectors {width: 46px;
																											  					  			     						   height: 12px;
																											  					  			     						   float: left;
																											  					  			     						   margin-top: 5px;
																											  					  			     						   margin-left: 8px;
																											  					  			     						   .item {width: 46px;
																											  					  			     						   		 height: 12px;
																											  					  			     						   		 float: left;
																											  					  			     						   		 background-color:transparent;
																											  					  			     						   		 box-shadow: none;
																											  					  			     						   		 border:0px;
																											  					  			     						   		 margin-top: 0;
																											  					  			     						   		 .outer {background-color: white;
																											  					  			     						   		 		   width: 12px;
																											  					  			     						   		 		   height: 12px;
																											  					  			     						   		 		   float: left;
																											  					  			     						   		 			margin-left: 5px;
																											  					  			     						   		 		   border-radius: 12px;
																											  					  			     						   		 		   .inner {width: 10px;
																											  					  			     						   		 		   		  height: 10px;
																											  					  			     						   		 		   		  border-radius: 10px;
																											  					  			     						   		 		   		  margin: 1px;
																											  					  			     						   		 		   		  float: left;
																											  					  			     						   		 		   }
																											  					  			     						   		 		   .active {background-color: #BCE455;}
																											  					  			     						   		 }
																											  					  			     						   		 .outer:first-child {margin-left: 0;}
																											  					  			     						   }
																											  					  			     						   
																											  					  			     }
																											  					  }
										 			  				  					 				 		 }
										 			  				  					 				 }
										 			  				  					 				 .bottom {width: 100%;
										 			  				  					 				 			 height: calc(100% - 272px);
										 			  				  					 				 			 float: left;
																													 position: relative;
										 			  				  					 				 			 .container {width: 100%;
										 			  				  					 				 			 			    height: 100%;
										 			  				  					 				 			 			    float: left;
																																	padding: 15px 15px 0;
										 			  				  					 				 			 			    .title {width: 100%;
										 			  				  					 				 			 			    		//    height: 56px;
										 			  				  					 				 			 			    		   float: left;
										 			  				  					 				 			 			    		   display:flex;
										 			  				  					 				 			 			    		   align-items: center;
										 			  				  					 				 			 			    		   h1 {font-weight: 500;
																																				height: 39px;
										 			  				  					 				 			 			    		   	 font-size: 16px;
										 			  				  					 				 			 			    		   	 color:#1F3A43;
																																				 display: -webkit-box;
																																				 -webkit-line-clamp: 2;
																																				 -webkit-box-orient: vertical;
																																				 overflow: hidden;
										 			  				  					 				 			 			    		   }
										 			  				  					 				 			 			    }
										 			  				  					 				 			 			    .location {width: 100%;
										 			  				  					 				 			 			    			   height: 24px;
										 			  				  					 				 			 			    			   float: left;
										 			  				  					 				 			 			    			   display:flex;
										 			  				  					 				 			 			    			   align-items: center;
										 			  				  					 				 			 			    			   span {font-weight: 500;
										 			  				  					 				 			 			    			   	   font-size: 14px;
										 			  				  					 				 			 			    			   	   color:#8080A4;
										 			  				  					 				 			 			    			   }
										 			  				  					 				 			 			    }
										 			  				  					 				 			 			    .end-info {width: 100%;
										 			  				  					 				 			 			    				height: 28px;
										 			  				  					 				 			 			    				float: left;
										 			  				  					 				 			 			    				margin-top: 10px;
										 			  				  					 				 			 			    				.date {width: auto;
										 			  				  					 				 			 			    					    height: 24px;
										 			  				  					 				 			 			    					    margin-top: 4px;
										 			  				  					 				 			 			    					    float: left;
										 			  				  					 				 			 			    					    display:flex;
										 			  				  					 				 			 			    					    align-items: center;
										 			  				  					 				 			 			    					    span {font-size: 16px;
										 			  				  					 				 			 			    					    		 color:#8080A4;
										 			  				  					 				 			 			    					    }
										 			  				  					 				 			 			    				}
										 			  				  					 				 			 			    				.price {width: auto;
										 			  				  					 				 			 			    						  height: 28px;
										 			  				  					 				 			 			    						  float: right;	
										 			  				  					 				 			 			    						  display:flex;
										 			  				  					 				 			 			    						  align-items: center;
										 			  				  					 				 			 			    						  span {color:#2D1D92;
										 			  				  					 				 			 			    						  	  	  font-size: 20px;
										 			  				  					 				 			 			    						  	  	  font-weight: 600;
										 			  				  					 				 			 			    						  }
										 			  				  					 				 			 			    				}
										 			  				  					 				 			 			    }
										 			  				  					 				 			 }
										 			  				  					 				 }
																										 .btns{
																											position: absolute;
																											inset: 0;
																											width: 100%;
																											height: 100%;
																											z-index: 2;
																											background-color: rgba(0, 0, 0, 0.55);
																											// border-radius: 10px;
																											border-radius: 0 0 10px 10px;
																											display: flex;
																											align-items: center;
																											justify-content: center;
																											flex-direction: column;
																											gap: 15px;
																											opacity: 0;
																											transition: all .2s ease;
																											pointer-events: none;
																											overflow: hidden;

																											
																											a{
																												display: flex;
																												align-items: center;
																												justify-content: center;
																												padding: 7px 10px;
																												width: 100%;
																												max-width: 200px;
																												font-size: 16px;
																												color: white;
																												background-color: #9CD323;
																												border-radius: 3px;
																												text-decoration: none;
																												transition: all .2s ease;
																												cursor: pointer;
																												opacity: 0;

																												span{ display: none;}
																											}
																											a:nth-child(1){ transform: translateX(-70%);}
																											a:nth-child(2){ transform: translateX(70%);}
																											a:hover{
																												background-color: #8cc11a;
																											}
																										 }

																							}
																							.container:hover .btns{ 
																								opacity: 1; pointer-events: all;
																								
																								a{
																									opacity: 1;
																									transform: translateX(0);
																								}
																							}
										 			  				  			}
										 			  				  			// .card:nth-child(1) {margin-left: 0;}
										 			  				  			// .card:nth-child(10) {margin-left: 0;}
										 			  				  			// .card:nth-child(19) {margin-left: 0;}
										 			  				  			// .card:nth-child(28) {margin-left: 0;}
										 			  				  			// .card:nth-child(37) {margin-left: 0;}
										 			  				  			// .card:nth-child(46) {margin-left: 0;}
										 			  				  			// .card:nth-child(55) {margin-left: 0;}
										 			  				  			// .card:nth-child(64) {margin-left: 0;}
										 			  				  			// .card:nth-child(73) {margin-left: 0;}
										 			  				  			// .card:nth-child(82) {margin-left: 0;}
										 			  				  			// .card:nth-child(91) {margin-left: 0;}
										 			  				  			// .card:nth-child(100) {margin-left: 0;}
										 			  				  			// .card:nth-child(109) {margin-left: 0;}
										 			  				  			.catalog {width: 100%;
										 			  				  					 	 height: 128px;
										 			  				  					 	 float: left;
										 			  				  					 	 margin-top: 24px;
										 			  				  					 	 border-radius: 10px;
										 			  				  					 	 background-color: white;
										 			  				  					 	 border:1px solid #F5F5F5;
										 			  				  					 	 filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
										 			  				  					 	 @media screen and (max-width: 1268px) { 
										 			  				  					 	 	display:block;
										 			  				  					 	 }
										 			  				  					 	 .container {width: 100%;
										 			  				  					 	 				 height: 100%;
										 			  				  					 	 				 float: left;
										 			  				  					 	 				 .photo {width: 181px;
										 			  				  					 	 				 			height: 100%;
										 			  				  					 	 				 			float: left;
										 			  				  					 	 				 			.container {width: 100%;
										 			  				  					 	 				 					 	   height: 100%;
										 			  				  					 	 				 					 	   float: left; 
										 			  				  					 	 				 					 	   img {width: 100%;
										 			  				  					 	 				 					 	   	  height: 100%;
										 			  				  					 	 				 					 	   	  border-radius: 10px 0px 0px 10px;
										 			  				  					 	 				 					 	   }
										 			  				  					 	 				 			}
										 			  				  					 	 				 			.photo-slider {width: 100%;
										 			  				  					 	 				 								height: 12px;
										 			  				  					 	 				 								float: left;
										 			  				  					 	 				 								margin-top: -20px;
										 			  				  					 	 				 								.slider-selectors {width: 46px;
										 			  				  					 	 				 														 float: right;
										 			  				  					 	 				 														 height: 12px;
										 			  				  					 	 				 														 margin-right: 12px;
										 			  				  					 	 				 														 .item {width: 100%;
										 			  				  					 	 				 														 		  height: 100%;
										 			  				  					 	 				 														 		  float: left;
										 			  				  					 	 				 														 		  .outer {width: 12px;
										 			  				  					 	 				 														 		  			 height: 12px;
										 			  				  					 	 				 														 		  			 float: left;
										 			  				  					 	 				 														 		  			 margin-left: 5px;
										 			  				  					 	 				 														 		  			 border-radius: 12px;
										 			  				  					 	 				 														 		  			 background-color: white;
										 			  				  					 	 				 														 		  			 .inner {width: 10px;
										 			  				  					 	 				 														 		  			 			height: 10px;
										 			  				  					 	 				 														 		  			 			border-radius: 10px;
										 			  				  					 	 				 														 		  			 			margin: 1px;
										 			  				  					 	 				 														 		  			 }
										 			  				  					 	 				 														 		  			 .active {background-color: #BCE455;}
										 			  				  					 	 				 														 		  }
										 			  				  					 	 				 														 		  .outer:first-child {margin-left: 0;}
										 			  				  					 	 				 														 }

										 			  				  					 	 				 								}
										 			  				  					 	 				 			}
										 			  				  					 	 				 }
										 			  				  					 	 				 .right {width: calc(100% - 181px);
										 			  				  					 	 				 			height: 100%;
										 			  				  					 	 				 			float: left;
										 			  				  					 	 				 			.left {width: calc(100% - 348px);
										 			  				  					 	 				 					 height: 100%;
										 			  				  					 	 				 					 float: left;
										 			  				  					 	 				 					 margin-left: 24px;
										 			  				  					 	 				 					 @media screen and (max-width: 1080px) { 
										 			  				  					 	 				 					 						width: calc(100% - 248px);
										 			  				  					 	 				 					 }
										 			  				  					 	 				 					 .title {width: 100%;
										 			  				  					 	 				 					 		   height: 48px;
										 			  				  					 	 				 					 		   float: left;
										 			  				  					 	 				 					 		   display:flex;
										 			  				  					 	 				 					 		   margin-top: 8px;
										 			  				  					 	 				 					 		   align-items: center;
										 			  				  					 	 				 					 		   h1 {font-weight: 500;
										 			  				  					 	 				 					 		   	 color:#1F3A43;
										 			  				  					 	 				 					 		   	 font-size: 16px;
										 			  				  					 	 				 					 		   }
										 			  				  					 	 				 					 		   a  {font-weight: 500;
										 			  				  					 	 				 					 		   	 color:#1F3A43;
										 			  				  					 	 				 					 		   	 font-size: 16px;
										 			  				  					 	 				 					 		   }
										 			  				  					 	 				 					 }
										 			  				  					 	 				 					 .location {width: 100%;
										 			  				  					 	 				 					 				height: 24px;
										 			  				  					 	 				 					 				float: left;
										 			  				  					 	 				 					 				display:flex;
										 			  				  					 	 				 					 				align-items: center;
										 			  				  					 	 				 					 				span {font-weight: 500;
										 			  				  					 	 				 					 						color:#8080A4;
										 			  				  					 	 				 					 						font-size: 14px;
										 			  				  					 	 				 					 				}
										 			  				  					 	 				 					 }
										 			  				  					 	 				 					 .properties {width: 100%;
										 			  				  					 	 				 					 				  height: 22px;
										 			  				  					 	 				 					 				  float: left;
										 			  				  					 	 				 					 				  margin-top: 16px;
										 			  				  					 	 				 					 				  .container {width: 100%;
										 			  				  					 	 				 					 				  				  height: 100%;
										 			  				  					 	 				 					 				  				  float: left;
										 			  				  					 	 				 					 				  				  .item {width: auto;
										 			  				  					 	 				 					 				  				  			height: 100%;
										 			  				  					 	 				 					 				  				  			float: left;
										 			  				  					 	 				 					 				  				  			margin-left: 9px;
										 			  				  					 	 				 					 				  				  			.icon {width: 22px;
										 			  				  					 	 				 					 				  				  					 height: 22px;
										 			  				  					 	 				 					 				  				  					 float: left;
										 			  				  					 	 				 					 				  				  					 display:flex;
										 			  				  					 	 				 					 				  				  					 align-items: center;
										 			  				  					 	 				 					 				  				  					 img {display:block;
										 			  				  					 	 				 					 				  				  					 		text-align: center;
										 			  				  					 	 				 					 				  				  					 }
										 			  				  					 	 				 					 				  				  			}
										 			  				  					 	 				 					 				  				  			.value {width: auto;
										 			  				  					 	 				 					 				  				  					  height: 22px;
										 			  				  					 	 				 					 				  				  					  float: left;
										 			  				  					 	 				 					 				  				  					  display:flex;
										 			  				  					 	 				 					 				  				  					  align-items: center;
										 			  				  					 	 				 					 				  				  					  span {font-weight: 600;
										 			  				  					 	 				 					 				  				  					  		  font-size:14px;
										 			  				  					 	 				 					 				  				  					  		  color:#5E43D8;
										 			  				  					 	 				 					 				  				  					  }
										 			  				  					 	 				 					 				  				  			}
										 			  				  					 	 				 					 				  				  }
										 			  				  					 	 				 					 				  				  .item:first-child {margin-left: 0px;}
										 			  				  					 	 				 					 				  }
										 			  				  					 	 				 					 }
										 			  				  					 	 				 			}
										 			  				  					 	 				 			.right {width: 300px;
										 			  				  					 	 				 					  height: 100%;
										 			  				  					 	 				 					  float: left;
										 			  				  					 	 				 					   @media screen and (max-width: 1080px) { 
										 			  				  					 	 				 					 						width: 200px;
										 			  				  					 	 				 					 	}
										 			  				  					 	 				 					  .like {width: 100%;
										 			  				  					 	 				 					  		   height: 40px;
										 			  				  					 	 				 					  		   float: left;
										 			  				  					 	 				 					  		   margin-top: 9px;
										 			  				  					 	 				 					  		   .container {width: 40px;
										 			  				  					 	 				 					  		   			   height: 40px;
										 			  				  					 	 				 					  		   			   float: right;
										 			  				  					 	 				 					  		   			   display: flex;
										 			  				  					 	 				 					  		   			   margin-right: 0;
										 			  				  					 	 				 					  		   			   align-content: center;
										 			  				  					 	 				 					  		   			   justify-content: right;
										 			  				  					 	 				 					  		   			   span {font-size: 24px;
										 			  				  					 	 				 					  		   			   		color:#FF3860;
										 			  				  					 	 				 					  		   			   		display:block;
										 			  				  					 	 				 					  		   			   		text-align: center;
										 			  				  					 	 				 					  		   			   }
										 			  				  					 	 				 					  		   }
										 			  				  					 	 				 					  }
										 			  				  					 	 				 					  .date {width: 100%;
										 			  				  					 	 				 					  			height: 21px;
										 			  				  					 	 				 					  			float: left;
										 			  				  					 	 				 					  			margin-top: 1px;
										 			  				  					 	 				 					  			display:flex;
										 			  				  					 	 				 					  			align-items: center;
										 			  				  					 	 				 					  			justify-content: right;
										 			  				  					 	 				 					  			span {color:#8080A4;
										 			  				  					 	 				 					  					font-size: 14px;
										 			  				  					 	 				 					  			}
										 			  				  					 	 				 					  }
										 			  				  					 	 				 					  .price {width: 100%;
										 			  				  					 	 				 					  			 height: 28px;
										 			  				  					 	 				 					  			 float: left;
										 			  				  					 	 				 					  			 margin-top: 5px;
										 			  				  					 	 				 					  			 display:flex;
										 			  				  					 	 				 					  			 align-items: center;
										 			  				  					 	 				 					  			 justify-content: right;
										 			  				  					 	 				 					  			 span {font-size: 24px;
										 			  				  					 	 				 					  			 		 font-weight: 600;
										 			  				  					 	 				 					  			 		 color:#2D1D92;
										 			  				  					 	 				 					  			 }
										 			  				  					 	 				 					  }
										 			  				  					 	 				 			}
										 			  				  					 	 				 }
										 			  				  					 	 }
										 			  				  			}
										 			  				  			.item {width: 100%;
				   					 										  			height: 150px;
				   					 										  			float: left;
				   					 										  			background-color: #FCFCFF;
				   					 										  			box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
				   					 										  			border-radius: 10px;
				   					 										  			border:1px solid #F5F5F5;
				   					 										  			margin-top: 10px;
				   					 										  			a {width: 100%;
				   					 										  				height: 100%;
				   					 										  				float: left;
				   					 										  				display: block;
				   					 										  			}
				   					 										  			.item-container {width: 100%;
				   					 										  								  height: 100%;
				   					 										  								  float: left;
				   					 										  								  .top {width: 100%;
				   					 										  								  		  height: calc(100% - 32px);
				   					 										  								  		  float: left;
				   					 										  								  		  padding: 10px;
				   					 										  								  		  box-shadow: 0px 0px 6px rgba(34, 34, 34, 0.08);
				   					 										  								  		  .photo {width: 122px;
				   					 										  								  		  		    height: 100%;
				   					 										  								  		  		    float: left;
				   					 										  								  		  		    .image {width: 100%;
				   					 										  								  		  		    			height: 100%;
				   					 										  								  		  		    			float: left;
				   					 										  								  		  		    			img {width: 100%;
				   					 										  								  		  		    				  height: 100%;
				   					 										  								  		  		    				  object-fit: cover;
				   					 										  								  		  		    				  border-radius: 10px;
				   					 										  								  		  		    				  text-align: center;
				   					 										  								  		  		    			}
				   					 										  								  		  		    }
				   					 										  								  		  		    .actions {width: 100%;
				   					 										  								  		  		    			  height: 18px;
				   					 										  								  		  		    			  float: left;
				   					 										  								  		  		    			  margin-top: -86px;
				   					 										  								  		  		    			  .like {width: 18px;
				   					 										  								  		  		    			  		   height: 18px;
				   					 										  								  		  		    			  		   float: left;
				   					 										  								  		  		    			  		   display:flex;
				   					 										  								  		  		    			  		   align-items: center;
				   					 										  								  		  		    			  		   justify-content: center;
				   					 										  								  		  		    			  		   margin-left: 6px;
				   					 										  								  		  		    			  		   span {color:#FF3860;
				   					 										  								  		  		    			  		   		font-size: 18px;
				   					 										  								  		  		    			  		   }
				   					 										  								  		  		    			  }
				   					 										  								  		  		    			  .slider-selectors {width: 36px;
				   					 										  								  		  		    			  						   height: 18px;
				   					 										  								  		  		    			  						   float: right;
				   					 										  								  		  		    			  						   margin-right: 10px;
				   					 										  								  		  		    			  						   .selector {width: 12px;
				   					 										  								  		  		    			  						   			  height: 18px;
				   					 										  								  		  		    			  						   			  float: left;
				   					 										  								  		  		    			  						   			  display:flex;
				   					 										  								  		  		    			  						   			  align-items: center;
				   					 										  								  		  		    			  						   			  justify-content: center;
				   					 										  								  		  		    			  						   			  span {padding: 0.5px 2px;
				   					 										  								  		  		    			  						   			  		  background-color: white;
				   					 										  								  		  		    			  						   			  		  border-radius: 100%;
				   					 										  								  		  		    			  						   			  		  color:#BCE455;
				   					 										  								  		  		    			  						   			  		  font-size: 6px;
				   					 										  								  		  		    			  						   			  }
				   					 										  								  		  		    			  						   }
				   					 										  								  		  		    			  }
				   					 										  								  		  		    }
				   					 										  								  		  }
				   					 										  								  		  .right {width: calc(100% - 122px);
				   					 										  								  		  			 height: 100%;
				   					 										  								  		  			 float: left;
				   					 										  								  		  			 .right-container {padding-left: 13px;
				   					 										  								  		  			 						 width: 100%;
				   					 										  								  		  			 						 float: left;
				   					 										  								  		  			 						 height: 100%;
				   					 										  								  		  			 						 .hood {width: 100%;
				   					 										  								  		  			 						 		  height: 15px;
				   					 										  								  		  			 						 		  float: left;
				   					 										  								  		  			 						 		  display:flex;
				   					 										  								  		  			 						 		  margin-top: 8px;
				   					 										  								  		  			 						 		  align-items: center;
				   					 										  								  		  			 						 		  span {font-weight: 600;
				   					 										  								  		  			 						 		  	  font-size: 10px;
				   					 										  								  		  			 						 		  	  color:#000;
				   					 										  								  		  			 						 		  	  text-decoration: none;
																																								      -webkit-line-clamp: 2;
																																								      overflow: hidden;
																																								      -webkit-box-orient: vertical;
																																								      display: -webkit-box;
																																									  word-break: break-all;
				   					 										  								  		  			 						 		  }
				   					 										  								  		  			 						 }
				   					 										  								  		  			 						 .location {width: 100%;
				   					 										  								  		  			 						 				height: 12px;
				   					 										  								  		  			 						 				float: left;
				   					 										  								  		  			 						 				margin-top: 8px;
				   					 										  								  		  			 						 				display:flex;
				   					 										  								  		  			 						 				align-items: center;
				   					 										  								  		  			 						 				span {font-size: 10px;
				   					 										  								  		  			 						 						color:@gray-secondary;
				   					 										  								  		  			 						 				}
				   					 										  								  		  			 						 }
				   					 										  								  		  			 						 .date {width: 100%;
				   					 										  								  		  			 						 		  height: 15px;
				   					 										  								  		  			 						 		  float: left;
				   					 										  								  		  			 						 		  display:flex;
				   					 										  								  		  			 						 		  align-items: center;
				   					 										  								  		  			 						 		  margin-top: 8px;
				   					 										  								  		  			 						 		  span {font-size: 10px;
				   					 										  								  		  			 						 				  color:@gray-secondary;
				   					 										  								  		  			 						 		  }
				   					 										  								  		  			 						 }
				   					 										  								  		  			 						 .bottom {width: 100%;
				   					 										  								  		  			 						 			 height: 17px;
				   					 										  								  		  			 						 			 float: left;
				   					 										  								  		  			 						 			 margin-top: 12px;
				   					 										  								  		  			 						 			 .selling {width: auto;
				   					 										  								  		  			 						 			 		     height: 17px;
				   					 										  								  		  			 						 			 		     float: left;
				   					 										  								  		  			 						 			 		     display:flex;
				   					 										  								  		  			 						 			 		     align-items: center;
				   					 										  								  		  			 						 			 		     span {color:@secondary-default-500;
				   					 										  								  		  			 						 			 		     		  font-weight: 500;
				   					 										  								  		  			 						 			 		     		  font-size: 10px;
				   					 										  								  		  			 						 			 		     }
				   					 										  								  		  			 						 			 }
				   					 										  								  		  			 						 			 .price {width: auto;
				   					 										  								  		  			 						 			 		   height: 17px;
				   					 										  								  		  			 						 			 		   float: right;
				   					 										  								  		  			 						 			 		   display:flex;
				   					 										  								  		  			 						 			 		   align-items: center;
				   					 										  								  		  			 						 			 		   span {font-weight: 600;
				   					 										  								  		  			 						 			 		   		font-size: 12px;
				   					 										  								  		  			 						 			 		   		color:#2D1D92;
				   					 										  								  		  			 						 			 		   }
				   					 										  								  		  			 						 			 }
				   					 										  								  		  			 						 }
				   					 										  								  		  			 }
				   					 										  								  		  }
				   					 										  								  }
				   					 										  								  .bot {width: 100%;
				   					 										  								  		  height: 32px;
				   					 										  								  		  float: left;
				   					 										  								  		  margin-top: 0 !important;
				   					 										  								  		  .properties-s {width: 100%;
				   					 										  								  		  					  height: 32px;
				   					 										  								  		  					//   float: left;
				   					 										  								  		  					  display: flex;
				   					 										  								  		  					  justify-content: center;
																																		  padding: 0 10px;
				   					 										  								  		  					  .property {width: 100%;
				   					 										  								  		  					  			    height: 32px;
				   					 										  								  		  					  			    // float: left;
				   					 										  								  		  					  			    margin-left: 25px;
																																						display: flex;
																																						align-items: center;
				   					 										  								  		  					  			    .icon {width: 24px;
				   					 										  								  		  					  			    		  height: 32px;
				   					 										  								  		  					  			    		//   float: left;
				   					 										  								  		  					  			    		  display:flex;
				   					 										  								  		  					  			    		  align-items: center;
				   					 										  								  		  					  			    		  justify-content: center;
				   					 										  								  		  					  			    		  img {width:15px;}
				   					 										  								  		  					  			    }
				   					 										  								  		  					  			    .value {width: auto;
				   					 										  								  		  					  			    		   height: 32px;
				   					 										  								  		  					  			    		//    float: left;
				   					 										  								  		  					  			    		   display:flex;
				   					 										  								  		  					  			    		   align-items: center;
				   					 										  								  		  					  			    		   span {font-size: 12px;
				   					 										  								  		  					  			    		   		font-weight: 500;
				   					 										  								  		  					  			    		   		color:#121212;
				   					 										  								  		  					  			    		   }
				   					 										  								  		  					  			    }
				   					 										  								  		  					  }
				   					 										  								  		  					  .property:first-child {margin-left: 0;}
				   					 										  								  		  }
				   					 										  								  }
				   					 										  			}
				   					 										}
										 			  				  }
										 			  }
										 }
							.pagination {width: 100%;
										 				  height: 32px;
										 				  float: left;
										 				  display:block;
										 				  margin-top: 24px;
										 				  .container {width: auto;
										 				  				  height: 32px;
										 				  				  float: right;
										 				  				  max-width: 346px;
										 				  				  .arrow {width: 32px;
										 				  				  		    height: 32px;
										 				  				  		    float: left;
										 				  				  		    display:flex;
										 				  				  		    align-items: center;
										 				  				  		    span {width: 100%;
										 				  				  		    		 display:block;
										 				  				  		    		 text-align: center;
										 				  				  		    		 font-size: 14px;
										 				  				  		    		 color:#0A0A0A;
										 				  				  		    }
										 				  				  }
										 				  				  .list {width: auto;
										 				  				  		   height: 32px;
										 				  				  		   float: left;
										 				  				  		   margin-left: 6px;
										 				  				  		   overflow-y: hidden;
										 				  				  		   .item {width: 32px;
										 				  				  		   		 height: 32px;
										 				  				  		   		 float: left;
										 				  				  		   		 margin-left: 6px;
										 				  				  		   		 display:flex;
										 				  				  		   		 align-items: center;
										 				  				  		   		 border-radius: 8px;
										 				  				  		   		 a {width: 100%;
										 				  				  		   		 	 display:flex;
										 				  				  		   		 	 justify-content: center;
										 				  				  		   		 	 align-items: center;
										 				  				  		   		 	 font-weight: 500;
										 				  				  		   		 	 font-size: 14pX;
										 				  				  		   		 	 color:#0A0A0A;
										 				  				  		   		 	 text-decoration: none;
										 				  				  		   		 }
										 				  				  		   }
										 				  				  		   .active {background-color: #7C5CFC;
										 				  				  		   			a {color:white;}
										 				  				  		   }
										 				  				  		   .seperator {width: 32px;
										 				  				  		   			   height: 32px;
										 				  				  		   			   float: left;
										 				  				  		   			   margin-left: 6px;
										 				  				  		   			   display:flex;
										 				  				  		   			   align-items: center;
										 				  				  		   			   a {width: 100%;
										 				  				  		   			      display:block;
										 				  				  		   			      text-align: center;
										 				  				  		   			      color:#0A0A0A;
										 				  				  		   			      font-size:14px;
										 				  				  		   			      font-weight: 500;
										 				  				  		   			   }
										 				  				  		   }
										 				  				  }
										 				  }
										 }
							.bot {width: 100%;
				  			  		height: 469px;
				  			  		margin-top: 24px;
				  			  		float: left;
				  			  		background: #FFFFFF;
									box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
									border-radius: 10px;
									display:flex;
									justify-content: center;
									.container {width: auto;
												max-width: 100%;
												height: 100%;
												float: left;
												padding: 36px;
												margin: 0;
												.left {width: 310px;
													   height:100%;
													   float: left;
													   .vector {width: 238px;
													   			height: 205px;
													   			float: left;
													   			margin-top: 59px;
													   			img {width: 100%;
													   				 height: 100%;
													   			}
													   }
												}
												.right {width: calc(100% - 310px);
														max-width: 367px;
														height: 100%;
														float: left;
														.title-t {width: 100%;
																  height: 64px;
																  float: left;
																  .title {width: 100%;
																  		  height: 24px;
																  		  float: left;
																  		  display: flex;
																  		  align-items: center;
																  		  span {font-weight: 500;
																  		  		font-size: 16px;
																  		  		color:#1F3A43;
																  		  }
																  }
																  .text {width: 100%;
																  		 height: 40px;
																  		 float: left;
																  		 p {line-height: 150%;
																  		 	font-size: 13px;
																  		 	font-weight: 300;
																  		 }

																  }
														}
														.form {width: calc(100%);
															   height: 100%;
															   float: left;
															   .container {width: 90%;
															   			   max-width: 367px;
															   			   float: left;
															   			   transform: translateX(0);
															   			   height: 100%;
															   			   margin-top: 0;
															   			   padding: 0;
															   			   .item {width: 100%;
															   			   		  height: auto;
															   			   		  float: left;
															   			   		  margin-top: 14px;
															   			   		  input {width: 100%;
					   			   	    	   			   		  		  		   		 height: 50px;
					   			   	    	   			   		  		  		   		 background-color: #FAFAFA;
					   			   	    	   			   		  		  		   		 color:#6E7191;
					   			   	    	   			   		  		  		   		 border-radius: 12px;
					   			   	    	   			   		  		  		   		 font-size: 14px;
					   			   	    	   			   		  		  		   		 border:0px;
							   			   	    	   			   		  		  		 padding-left: 16px;
							   			   	    	   			   		  		  		 padding-right: 16px;}

							   			   	    	   			   		  		  textarea {width: 100%;
					   			   	    	   			   		  		  		   		    height: 120px;
					   			   	    	   			   		  		  		   		 	background-color: #FAFAFA;
					   			   	    	   			   		  		  		   		 	color:#6E7191;
					   			   	    	   			   		  		  		   		 	border-radius: 12px;
					   			   	    	   			   		  		  		   		 	font-size: 14px;
					   			   	    	   			   		  		  		   		 	border:0px;
					   			   	    	   			   		  		  		   		 	resize: none;
							   			   	    	   			   		  		  		 	padding-left: 16px;
							   			   	    	   			   		  		  		 	padding-right: 16px;}
															   			   }
															   			   .item:first-child {margin-top: 0;}
															   			   .button {width: 100%;
															   			   		 	height: 48px;
															   			   		 	text-align: center;
															   			   		 	float: left;
															   			   		 	padding: 0;
															   			   		 	margin: 0;
															   			   		 	margin-top: 24px;
															   			   		 	background-color: #7C5CFC;
														   			   		 		cursor: pointer;
															   			   		 	span {line-height: 48px;
															   			   		 		  color:White;
															   			   		 		  font-size: 16px;
															   			   		 		  font-weight: 600;
															   			   		 	}
															   			   }
															   }
														}
														.list {width: 100%;
													   		  height: 100%;
													   		  float: left;
													   		  .item {width: 100%;
													   		  		 height: 30px;
													   		  		 float: left;
													   		  		 .icon {width: auto;
													   		  		 		padding-right: 10px;
													   		  		 		float: left;
													   		  		 		height: 30px;
													   		  		 		span {line-height: 30px;
													   		  		 			  font-size: 17px;
													   		  		 			  font-weight: 500;
													   		  		 			  color:#4E749F;
													   		  		 		}
													   		  		 }
													   		  		 .value {width: auto;
													   		  		 		 padding-right: 10px;
													   		  		 		 float: left;
													   		  		 		 height: 30px;
													   		  		 		 span {line-height: 30px;
													   		  		 			   font-size: 17px;
													   		  		 			   font-weight: 400;
													   		  		 			   color:#485360;
													   		  		 		 }

													   		  		 }
													   		  }
													   }
												}
									}
				  			  }
	   		  }
}

.mobile-bottom {width: 100%;
				height: 88px;
				float: left;
				background-color: #FFFFFF;
				border-top: 1px solid #F5F5F5;
				display:none;
				position: fixed;
				bottom:0px;
				left:0px;
				@media screen and (max-width: 768px) { 
					display:block;
				}
				.contact {width: 106px;
						  margin-left: 16px;
						  float: left;
						  height: 40px;
						 
						  margin-top: 24px;
						  .item {width: 40px;
						  		 height: 40px;
						  		 float: left;
						  		 background-color: #FF3860;
						  		 display: flex;
						  		 align-items: center;
						  		 justify-content: center;
						  		 border-radius:8px;
						  		 span {
						  		 	   color:white;
						  		 	   font-size: 20px;
						  		 }
						  }
						  .item:last-child {margin-left: 8px;
						  					background-color: #1EE508;
						  					span {
						  						color:#FFFFFF;
						  						font-size: 29px;
						  					}
						  }
				}
				.message-form {width: 100%;
							   height: 200px;
							   float: left;
							   display: none;
							   padding-left: 12px;
							   padding-right: 12px;

							   .user-part {width: 100%;
							   			   height: 106px;
							   			   float: left;
							   			   margin-top: 6px;
							   			   .logined-message {width: 100%;
							   			   					 height: 40px;
							   			   					 float: left;
							   			   					 border-radius:8px;
							   			   					 background-color: #eee;
							   			   					 .image {width: 40px;
							   			   					 		 height: 40px;
							   			   					 		 float: left;
							   			   					 		 display: flex;
							   			   					 		 align-items: center;
							   			   					 		 justify-content: center;
							   			   					 		 img {width: 30px;
							   			   					 		 	  height: 30px;
							   			   					 		 	  object-fit: cover;
							   			   					 		 	  text-align: center;
							   			   					 		 }
							   			   					 }
							   			   					 .username {width: calc(100% - 40px);
							   			   					 			height: 40px;
							   			   					 			float: left;
							   			   					 			display: flex;
							   			   					 			align-items: center;
							   			   					 			padding-left: 8px;
							   			   					 			span {font-weight: 500;
							   			   					 				  font-size: 16px;
							   			   					 			}
							   			   					 }
							   			   }
							   			   .not-logined-form {width: 100%;
							   			   					  height: 100px;
							   			   					  float: left;
							   			   					  .input {height: 50px;
							   			   					  		  width: 100%;
							   			   					  		  float: left;
							   			   					  		  margin-top: 6px;
							   			   					  }
							   			   					   input {width: 100%;
	  	 	   			   				   			   		   		  height: 50px;
	  	 	   			   				   			   		   		  background-color: #FAFAFA;
	  	 	   			   				   			   		   		  color:#303357;
	  	 	   			   				   			   		   		  border:0px;
	  	 	   			   				   			   		   		  border-radius: 8px;
	  	 	   			   				   			   		   		  padding-left: 14.5px;
	  	 	   			   				   			   		   		  padding-right: 14.5px;
	  	 	   			   				   			   		   		  }

	  	 	   			   				   			   		   input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
																		  color: #6E7191;
																		  opacity: 1; /* Firefox */
															   }

																input:-ms-input-placeholder { /* Internet Explorer 10-11 */
																  color: #6E7191;
																}

																input::-ms-input-placeholder { /* Microsoft Edge */
																  color: #6E7191;
																}		

																						  
							   			   }
							   }
				}
				.message-ta {width: 100%;
							 height: calc(100% - 105px);
							 float: left;
							 margin-top: 12px;
							 textarea {width: 100%;
						  height: 100%;
						  background-color: #FAFAFA;
						  color:#303357;
						  border:0px;
						  resize: none;
	   		   		  	  border-radius: 8px;
						  padding: 14.5px;}	

				}
				
				.message {width: calc(100% - 138px);
						  height: 40px;
						  float: left;
						  margin-top: 24px;
						  .item {width: 100%;
						  		 height: 40px;
						  		 float: left;
						  		 background-color: #0E75B9;
						  		 text-align: center;
						  		 border-radius: 10px;
						  		 span {line-height: 40px;
						  		 	   color:white;
						  		 	   font-weight: 600;
						  		 	   font-size: 16px;
						  		 }
						  }
				}
			    .close-message-form {width: 100%;
				   		   height: 36px;
				   		   float: left;
				   		   display: none;
				   		   padding-left: 12px;
				   		   padding-right: 12px;
				   		   margin-top: 6px;
				   		   span {font-size: 14px;
				   		   	   	 font-weight: 500;
				   		   	   	 color:white;
				   		   	   	 display: flex;
				   		   	   	 width: 100%;
				   		   	   	 height: 36px;
				   		   	   	 align-items: center;
				   		   		justify-content: center;
				   		   		background-color: #FF3860;
				   		   }
				   }
}	
.mobile-bottom.send-msg {.message-form { display: block; } .close-message-form {display: block;} height: 308px; .message {margin-top: 24px; width: 100%; padding-left: 12px; padding-right: 12px;} .contact {display: none}}
.mobile-bottom.send-msg.m-logined {height: 240px; .message-form { height: 120px; }.user-part {height: 40px;} .message-ta {height: calc(100% - 45px);}}




@media screen and (max-width: 1768px) { 
	.profil-yeni {width: calc(100% - 394px); margin-left: 349px;}
}
@media screen and (max-width: 1550px) { 
	.profil-yeni {width: calc(100% - 334px); margin-left: 324px;}
}
@media screen and (max-width: 1420px) { 
	.profil-yeni {width: calc(100% - 253px); margin-left: 243px;}
}
@media screen and (max-width: 1330px) { 
	.profil-yeni {width: 96%; margin-left: 2%; margin-top: 74px;}
}

@media screen and (max-width: 1100px) { 
	.profil-yeni .container .user-info .user-card .inner .photo .photo-inner {width: 201px;}
	.profil-yeni .container .user-info .user-card .inner .photo {width: 100%; height: 180px; margin-left: 0;}
	.profil-yeni .container .user-info .user-card .inner .right {width: 100%; height: 210px; padding-left: 16px; padding-right: 16px;}
	.profil-yeni .container .user-info {height: 470px;}
	.profil-yeni .container .user-info .user-card .inner .right .about-user p {text-align: center;}
	.profil-yeni .container .user-info .user-card .inner .right .about-user  {padding-right: 0;}
	.profil-yeni .container .user-info .user-card .inner .right .contact {display: flex; justify-content: center;}
	.profil-yeni .container .user-info .user-card .inner .right .name-v {display: flex; justify-content: center;}
	.profil-yeni .container .user-info .user-card .inner .right .name-v .name {}
	.profil-yeni .container .user-info .user-card .inner .right .stars {display: flex; justify-content: center;}



}	



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

	.profil-yeni .container .bot .container {height: auto; padding: 20px; width: 100%;}
	.profil-yeni .container .bot .container .right {width: 100%; height: 360px; max-width: 100%; margin-top: 16px;}
	.profil-yeni .container .bot .container .left {width: 100%; height: 205px; display: flex; justify-content: center;}
	.profil-yeni .container .bot {height: auto; margin-bottom: 200px;}
	.profil-yeni .container .bot .container .left .vector {margin-top: 0;}
	.profil-yeni .container .bot .container .right .form .container .item input {height: 46px;}
	.profil-yeni .container .bot .container .right .form .container .item {margin-top: 8px;}
	.profil-yeni .container .bot .container .right .form .container .button {margin-top: 18px;}

	.profil-yeni .container .pagination {display: flex; justify-content: center;}

	.profil-yeni .container .results .container {padding: 0 !important;}

	.profil-yeni {margin-top: 45px; height: calc(100% - 55px); width: 100%; margin-left: 0px; margin-bottom: 0; margin-top: 74px;}
	.profil-yeni .container {padding-left: 16px; padding-right: 16px;}
	body {background-color: red !important;}
	.profil-yeni .container .user-info .user-card .inner .right .contact .contact-c .item {width: 100%;}
	.profil-yeni .container .user-info .user-card .inner .right .contact {height: auto;}
	.profil-yeni .container .user-info .user-card .inner .right .contact .contact-c {height: auto; padding-bottom: 12px; width: 100%;}
	.profil-yeni .container .user-info .user-card .inner .right .contact .contact-c a {width: 100%; margin-left: 0; justify-content: center; margin-top: 12px;}
	.profil-yeni .container .user-info .user-card .inner .right .about-user {display: none;}
	.profil-yeni .container .user-info .user-card .inner .right .contact .contact-c .item {width: auto;}
	.profil-yeni .container .user-info .user-type {display: none;}
	.profil-yeni .container .user-info .user-card .inner .right .user-type-mobile {display: flex;}
	.profil-yeni .container .user-info .user-card .inner .right .name-v .name span {font-size: 16px;}
	.profil-yeni .container .user-info .user-card .inner .right .name-v .verified span {font-size: 16px;}
	.profil-yeni .container .user-info .user-card .inner .right .name-v .verified  {margin-left: 4px;}
	.profil-yeni .container .user-info .user-card .inner .photo {height: 150px;}
	.profil-yeni .container .user-info .user-card {height: auto;}
	.profil-yeni .container .user-info {height: auto; padding-top: 16px; padding-bottom: 16px;}
	.profil-yeni .container .user-info .user-card .inner {height: auto;}
	.profil-yeni .container .user-info .user-card .inner .right .social {justify-content: center;}
	.profil-yeni .container .user-info .user-card .inner .right {height: auto;}
	.profil-yeni .container .user-info .user-card .inner .right .social .social-items .item {margin-left: 3px;}
	.profil-yeni .container .user-info .user-card .inner .right .stars .stars-c .star {margin-left: 3px !important; margin-right: 3px;}
	.profil-yeni .container .user-info .user-card .inner .right .user-type-mobile .user-type-c {margin-left: -5px;}


	.profil-yeni .container .applied-filters h2{ display: none;}
	.active-search{ position: relative; z-index: 10000;}
	.profil-yeni .container .applied-filters .detailed-filter{ display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: white; flex-direction: column;}
	.profil-yeni .container .applied-filters .detailed-filter.active{ display: flex;}
	.profil-yeni .container .applied-filters .detailed-filter .top{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; background-color: white; border-bottom: 1px solid #F5F5F5;}
	.profil-yeni .container .applied-filters .detailed-filter .top .close{ color: Black; background-color: transparent; font-size: 32px; transform: translate(-2px, 2px); display: initial; line-height: initial; width: 42px; height: 36px; border-radius: 36px; cursor: pointer; transition: 0.2s;}
	.profil-yeni .container .applied-filters .detailed-filter .top .title span{ padding-right: 16px; text-align: center; color: #5E43D8; font-size: 16px; font-weight: 600;}
	.profil-yeni .container .applied-filters .detailed-filter .top .left-open-toggle{ width: 48px; height: 48px; display: flex !important; align-items: center; justify-content: center;}
	.profil-yeni .container .applied-filters .detailed-filter form{ width: 100%; height: calc(100% - 124px); overflow-y: scroll; background-color: #FBF9FF; padding: 10px;}
	.profil-yeni .container .applied-filters .detailed-filter .filters{ flex-direction: column; margin-bottom: 0; padding-bottom: 0; border-bottom: none; flex-wrap: unset;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div{ height: 50px; position: relative; width: 100%; transition: all 0.33s ease; background-color: white; border-radius: 10px; overflow: hidden; border: 1px solid #f5f2f9;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div .f .b{ display: none;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div > button{ background-color: transparent; font-size: 14px; color: #3d4246; font-weight: 500; height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; border-bottom: 1px solid #eee;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div > button img{ display: none;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div > .icon{ display: inline-block; pointer-events: none; position: absolute; right: 15px; top: 23px; font-size: 25px; margin-right: 5px;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div > .icon i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.33s ease;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div.active > .icon i.open{ opacity: 0;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div > .icon i.close{ opacity: 0;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div .f { padding: 10px; display: flex; flex-direction: column; gap: 10px; opacity: 1; pointer-events: all; transform: unset; transition: all 0.2s ease; position: static; width: 100%; border-radius: 0;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div .f .t { max-height: unset; display: flex; flex-direction: column; gap: 10px; background-color: transparent; padding: 0;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div .f .t > div > label{ display: none;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div .f .t > div > div{  width: 100%; height: 45px; padding: 0;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div .f .t > div > div select{ color: #626262; padding: 0 15px; font-size: 13px; height: 100%; border-radius: 7px; background-color: #f9f9f9; outline: none; border: 1px solid #f3f3f3;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div .f .t > div._2 > div{ gap: 10px;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div .f .t > div.input > div input{ padding: 0 15px; font-size: 13px; border-radius: 7px !important; background-color: #f9f9f9;}
	.profil-yeni .container .applied-filters .detailed-filter .filters > div.active > .icon i.close{ opacity: 1;}
	//.panel-ilanlar .container .applied-filters .detailed-filter .filters > button{ display: none;}
	.profil-yeni .container .applied-filters .detailed-filter .buttons{ z-index: 2; width: 100%; height: auto; display: flex; padding: 15px 10px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);}
	.profil-yeni .container .applied-filters .detailed-filter .buttons .clear{ display: none;}
	.profil-yeni .container .applied-filters .detailed-filter .buttons .submit{ width: 100%;}
	.profil-yeni .container .applied-filters .detailed-filter .buttons .submit button{ width: 100%; height: 46px; font-size: 16px; color: white; border: none; transition: 0.3s; font-weight: 600; background-color: #7C5CFC; border-radius: 8px;}

	.mobile-container-for-left.opened .panel-ilanlar .container .applied-filters .detailed-filter{ width: 100%; height: 90%; overflow: hidden; top: 5%; display: block; position: fixed; left: 230px; border-radius: 20px;}

	.profil-yeni .container .applied-filters .filters{ display: none; grid-template-columns: 1fr 1fr;}
	.profil-yeni .container .applied-filters .filters > div > button{ width: 100%; justify-content: space-between; font-size: 13px;}
	


	.profil-yeni .container .results .search-no-result .s-container .vector img {width: 100px; height: 100px;}
	.profil-yeni .container .results .search-no-result .s-container .vector {height: 120px;}
	.profil-yeni .container .results .search-no-result .s-container .text span {font-size: 16px; text-transform: capitalize;}





}

@media screen and (max-width: 588px) { 
	.profil-yeni .container .user-consultants .list .list-container .item {width: 166px; border-top: 0px;}
	.profil-yeni .container .user-consultants .list .list-container .item .item-container .photo img {height: 86px; width: 86px;}
	.profil-yeni .container .user-consultants .top .title span {font-size: 15px;}
	.profil-yeni .container .user-consultants .top {height: 24px;}
	.profil-yeni .container .user-consultants .top .title {height: 24px;}
	.profil-yeni .container .user-consultants .list {margin-top: 10px; height: 260px;}
	.profil-yeni .container .user-consultants .list .list-container {height: 260px;}
	.profil-yeni .container .user-consultants .list .list-container .item {height: 254px;}
	.profil-yeni .container .user-consultants {height: 320px;}
	.profil-yeni .container .user-consultants .list .list-container .item .item-container .information {height: auto; padding-left: 0;}
	.profil-yeni .container .user-consultants .list .list-container .item .item-container .information .i-item .icon {display: none;}
	.profil-yeni .container .user-consultants .list .list-container .item .item-container .information .i-item .text span {font-size: 12px;}
	.profil-yeni .container .user-consultants .list .list-container .item .item-container .information .i-item .text {height: 18px; text-align: center;}
	.profil-yeni .container .user-consultants .list .list-container .item .item-container .information .i-item {height: 18px; margin-top: 0;}
	.profil-yeni .container .user-consultants .list .list-container .item .item-container .information .i-item .text span {color:#8080A4; text-align: center;}
	.profil-yeni .container .user-consultants .list .list-container .item .item-container .information .i-item:first-child .text span {font-weight: 400; color:#363636;}
}