@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@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;

* {padding: 0;
   margin: 0;
}

a {text-decoration: none;}

body, html {width: 100%;
			height: 100%;
			overflow-x: hidden;
}

body {background-color: @body-background-primary !important;

}


.d-none {display: none;}



.search {width: 100%;
		   height: calc(100% - 30px);
		   float: left;
		   font-family: 'Inter';
		   padding-bottom: 40px;
		   .container {width: 100%;
		   			   height: 100%;
		   			   float: left;
		   			   margin: 0;
		   			   padding: 0;
		   			   max-width: 100%;
		   			   .content {width: calc(100% - 774px);
		   			   			 height: 100%;
		   			   			 float: left;
		   			   			 margin-left: 329px;
		   			   			 margin-top: 0px;
		   			   			 .top {width: 100%;
		   			   			 		 height: 78px;
		   			   			 		 float: left;
		   			   			 		 display: none;
		   			   			 		 .filters {width: 100%;
		   			   			 		 			  height: 100%;
		   			   			 		 			  float: left;
		   			   			 		 			  padding-left: 24px;
					   			   			 		  padding-right: 24px;
					   			   			 		  background-color: #FFFFFF;
					   			   			 		  border:1px solid #F5F5F5;
					   			   			 		  border-radius: 0px 0px 10px 10px;
					   			   			 		  .container {width: 100%;
					   			   			 		 				  height: 50px;
					   			   			 		 				  float: left;
					   			   			 		 				  margin-top: 14px;
					   			   			 		 				  .item {width: calc(25% - 18px);
					   			   			 		 				 		   height: 100%;
					   			   			 		 				 		   float: left;
					   			   			 		 				 		   select {width: 100%;
					   			   			 		 				 		  			  height: 100%;
					   			   			 		 				 		  			  padding-left: 16px;
					   			   			 		 				 		  			  padding-right: 16px;
					   			   			 		 				 		  			  background-color: #FAFAFA;
					   			   			 		 				 		  			  border:0px;
					   			   			 		 				 		  			  border-radius: 12px;
					   			   			 		 				 		  			  color:#6E7191;
					   			   			 		 				 		  }
					   			   			 		 				  }
					   			   			 		 				  .item:nth-child(2) {margin-left: 24px;}
					   			   			 		 				  .item:nth-child(3) {margin-left: 24px;}
					   			   			 		 				  .item:nth-child(4) {margin-left: 24px;}
					   			   			 		  }
		   			   			 		 }
		   			   			 }
		   			   			 .overflow-container-search {width: 100%;
		   			   			 									  height: calc(100% - 64px);
		   			   			 									  float: left;
		   			   			 									  overflow-y: scroll;
																	  overflow-y: auto;
		   			   			 									  padding-bottom: 24px;
																	  background-color: white;
																	  padding: 15px;
																	  border: 1px solid #EFF0F6;
																	  border-radius:6px;
																	  margin-left: 14px;
																	//   margin-top: 110px;
		   			   			 }
		   			   			 /* width */
										 .overflow-container-search::-webkit-scrollbar {
										   width: 4px;
										 }
 
										 /* Track */
										 .overflow-container-search::-webkit-scrollbar-track {
										   background: #f1f1f1;
										 }
 
										 /* Handle */
										 .overflow-container-search::-webkit-scrollbar-thumb {
										   background: #888;
										 }
 
										 /* Handle on hover */
										 .overflow-container-search::-webkit-scrollbar-thumb:hover {
										   background: #555;
										 }
		   			   			 .search-info {width: 100%;
		   			   			 				   height: 98px;
		   			   			 				   float: left;
		   			   			 				   .top-info {width: 100%;
		   			   			 				   			  height: 50px;
		   			   			 				   			  float: left;
		   			   			 				   			  .search-category {width: 100%;
		   			   			 				   			  						  height: 100%;
		   			   			 				   			  						  float: left;
		   			   			 				   			  						  display:flex;
		   			   			 				   			  						  align-items:center;
		   			   			 				   			  						  span {color:#748F38;
		   			   			 				   			  						  		  font-size: 19px;
		   			   			 				   			  						  }
		   			   			 				   			  						  .colored {color: #7353A8;}
		   			   			 				   			  }
		   			   			 				   }
		   			   			 				   .bottom-info {width: 100%;
		   			   			 				   				  height: 48px;
		   			   			 				   				  float: left;
		   			   			 				   				  .search-counter {width: calc(100% - 320px);
		   			   			 				   				  						 height: 100%;
		   			   			 				   				  						 float: left;
		   			   			 				   				  						 display: flex;
		   			   			 				   				  						 align-items:center;
		   			   			 				   				  						 span {font-weight: 700;
		   			   			 				   				  						 		 font-size: 19px;
		   			   			 				   				  						 		 color: #403D3D;
		   			   			 				   				  						 }
		   			   			 				   				  }
		   			   			 				   				  .sort-select {width: 320px;
		   			   			 				   				  					 height: 100%;
		   			   			 				   				  					 float: left;
		   			   			 				   				  					 .select-box {width: 99%;
		   			   			 				   				  					 				  height: 100%;
		   			   			 				   				  					 				  float: left;
		   			   			 				   				  					 				  select {width: 100%;
		   			   			 				   				  					 				  			 height: 48px;
		   			   			 				   				  					 				  			 background-color:#fff;
		   			   			 				   				  					 				  			 border: 2px solid #CBD2E0;
		   			   			 				   				  					 				  			 border-radius: 6px;
		   			   			 				   				  					 				  			 font-size: 16px;
		   			   			 				   				  					 				  			 color: #2D3648;
		   			   			 				   				  					 				  			 padding-left: 16px;
		   			   			 				   				  					 				  			 padding-right: 16px;
		   			   			 				   				  					 				  			 option {border-radius: 0px;}
		   			   			 				   				  					 				  }
		   			   			 				   				  					 }
		   			   			 				   				  }
		   			   			 				   }

		   			   			 }
		   			   			 .general-filters {width: 100%;
		   			   			 			 			 height: 67px;
		   			   			 			 			//  float: left;
		   			   			 			 			 background-color:white;
		   			   			 			 			 .left {width: auto;
		   			   			 			 			 		  height: 44px;
		   			   			 			 			 		  margin-top: 11.5px;
		   			   			 			 			 		  border-radius: 8px;
		   			   			 			 			 		  float: left;
		   			   			 			 			 		  background-color:#F4F4F4;
		   			   			 			 			 		  .container {width: 380px;
		   			   			 			 			 		  				  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%;
		   			   			 						//  height: 58px;
		   			   			 						//  float: left;
		   			   			 						 margin-top: 4px;
		   			   			 						//  overflow-x: scroll;
														//  overflow-x: auto;
		   			   			 						 white-space: nowrap;
		   			   			 						//  overflow-y: hidden;
														 margin-bottom: 20px;
														 position: relative;
														 z-index: 5;
														 --space: 10px;
														 
														 h2{
															font-size: 21px;
															color: #363636;
															margin-bottom: 15px;
														 }
														 
														.detailed-filter .top{}
														.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: #7c5cfc; 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 > span{ 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 > span i{ margin-left: 7px;}
														.detailed-filter .buttons{ display: none;}
														
														

		   			   			 						 .container {width: 100%;
		   			   			 						 				 height: 48px;
		   			   			 						 				 float: unset !important;
																		 overflow-x: auto;
																		 overflow-y: hidden;
		   			   			 						 				 .item {width: auto;
		   			   			 						 				 		  height: 48px;
		   			   			 						 				 		  display: inline-block;
		   			   			 						 				 		  border-radius: 4px;
		   			   			 						 				 		  margin-left: 12px;
		   			   			 						 				 		  background-color: #F8FEE5;
		   			   			 						 				 		  padding-left: 13px;
		   			   			 						 				 		  padding-right: 13px;
																				  box-shadow: 0px 2px 5px 0px #0000000D;
		   			   			 						 				 		  .text {width: auto;
		   			   			 						 				 		  			height: 24px;
		   			   			 						 				 		  			margin-top: 12px;
		   			   			 						 				 		  			float: left;
		   			   			 						 				 		  			display: flex;
		   			   			 						 				 		  			align-items: center;
		   			   			 						 				 		  			span {color:@black-100;
		   			   			 						 				 		  					font-size: 16px;
		   			   			 						 				 		  			}
		   			   			 						 				 		  }
		   			   			 						 				 		  .delete {width: 24px;
		   			   			 						 				 		  			  height: 24px;
		   			   			 						 				 		  			  float: left;
		   			   			 						 				 		  			  display:flex;
		   			   			 						 				 		  			  align-items: center;
		   			   			 						 				 		  			  margin-top: 12px;
		   			   			 						 				 		  			  margin-left: 10px;
																							  cursor: pointer;
		   			   			 						 				 		  			  span {display:block;
		   			   			 						 				 		  			  		  width: 100%;
		   			   			 						 				 		  			  		  text-align: center;
		   			   			 						 				 		  			  		  font-size: 19px;

		   			   			 						 				 		  			  }
		   			   			 						 				 		  }
		   			   			 						 				 }
		   			   			 						 				 .item:first-child {margin-left: 0;}
		   			   			 						 }
		   			   			 }
		   			   			 /* width */
										 .applied-filters::-webkit-scrollbar {
										   height: 4px;
										 }
 
										 /* Track */
										 .applied-filters::-webkit-scrollbar-track {
										   background: #f1f1f1;
										 }
 
										 /* Handle */
										 .applied-filters::-webkit-scrollbar-thumb {
										   background: #888;
										 }
 
										 /* Handle on hover */
										 .applied-filters::-webkit-scrollbar-thumb:hover {
										   background: #555;
										 }
										 .results {width: 100%;
										 			  height: auto;
										 			  float: left;
										 			  .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;
										 			  				  					 				 		 		  				  		  cursor: pointer;
										 			  				  					 				 		 		  				  		  color:#FF3860;
										 			  				  					 				 		 		  				  		  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:@danger-default;
										 			  				  					 	 				 					  		   			   		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;
										 			  				  					 	 				 					  			 }
										 			  				  					 	 				 					  }
										 			  				  					 	 				 			}
										 			  				  					 	 				 }
										 			  				  					 	 }
										 			  				  					 	 .opened {width: 100%;
										 			  				  					 	 			 height: 100%;
										 			  				  					 	 			 float: left;
										 			  				  					 	 			 display:none;
										 			  				  					 	 			 margin-top: -128px;
										 			  				  					 	 			 border-radius: 10px;
										 			  				  					 	 			 background-color: rgba(0, 0, 0, 0.6);
																										 -webkit-backdrop-filter: blur(3px);
																										 backdrop-filter: blur(3px);
																										 box-shadow: rgba(0, 0, 0, 0.45) 0px -25px 20px -20px;
																										 .container {width: 100%;
																										 			    margin-top: 18px;
																										 			    height: 110px;
																										 			    float: left;
																										 			    .buttons{width: 100%;
																										 			    		    height: 100%;
																										 			    		    float: left;
																										 			    		    .item {width: 100%;
																										 			    		    		  height: 40px;
																										 			    		    		  float: left;
																										 			    		    		  text-align: center;
																										 			    		    		  span {
																										 			    		    		  		  background-color: @secondary-default-500;
																										 			    		    		  		  color:@white-300;
																										 			    		    		  		  font-weight: 600;
																										 			    		    		  		  display:block;
																										 			    		    		  		  width: 177px;
																										 			    		    		  		  height: 40px;
																										 			    		    		  		  font-size: 16px;
																										 			    		    		  		  margin-left: 50%;
																										 			    		    		  		  cursor: pointer;
																										 			    		    		  		  transform: translateX(-50%);
																										 			    		    		  		  text-align: center;
																										 			    		    		  		  line-height:40px;
																										 			    		    		  		  border-radius: 3px;
																										 			    		    		  }
																										 			    		    		  a {
																										 			    		    		  		  background-color: @secondary-default-500;
																										 			    		    		  		  color:@white-300;
																										 			    		    		  		  font-weight: 600;
																										 			    		    		  		  display:block;
																										 			    		    		  		  width: 177px;
																										 			    		    		  		  height: 40px;
																										 			    		    		  		  font-size: 16px;
																										 			    		    		  		  margin-left: 50%;
																										 			    		    		  		  transform: translateX(-50%);
																										 			    		    		  		  text-align: center;
																										 			    		    		  		  line-height:40px;
																										 			    		    		  		  border-radius: 3px;
																										 			    		    		  }
																										 			    		    }
																										 			    		    .item:last-child {margin-top: 12px;}
																										 			    }
																										 }
										 			  				  					 	 }
										 			  				  			}
										 			  				  			.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:@danger-default;
				   					 										  								  		  		    			  		   		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;
				   					 										  								  		  .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;
										 				  				  		   			   }
										 				  				  		   }
										 				  				  }
										 				  }
										 }
		   			   }
		   }
}

@media screen and (max-width: 768px) {
	.mobile-header.mobile-element.hide{ display: none !important;}
	.active-search{ position: relative; z-index: 10000;}
	.search .container .content .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;}
	.search .container .content .applied-filters .detailed-filter.active{ display: flex;}
	.search .container .content .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;}
	.search .container .content .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;}
	.search .container .content .applied-filters .detailed-filter .top .title span{ padding-right: 16px; text-align: center; color: #5E43D8; font-size: 16px; font-weight: 600;}
	.search .container .content .applied-filters .detailed-filter .top .left-open-toggle{ width: 48px; height: 48px; display: flex !important; align-items: center; justify-content: center;}
	.search .container .content .applied-filters .detailed-filter form{ width: 100%; height: calc(100% - 124px); overflow-y: scroll; background-color: #FBF9FF; padding: 10px;}
	.search .container .content .applied-filters .detailed-filter .filters{ flex-direction: column; margin-bottom: 0; padding-bottom: 0; border-bottom: none; flex-wrap: unset;}
	.search .container .content .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;}
	.search .container .content .applied-filters .detailed-filter .filters > div .f .b{ display: none;}
	.search .container .content .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;}
	.search .container .content .applied-filters .detailed-filter .filters > div > button img{ display: none;}
	.search .container .content .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;}
	.search .container .content .applied-filters .detailed-filter .filters > div > .icon i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.33s ease;}
	.search .container .content .applied-filters .detailed-filter .filters > div.active > .icon i.open{ opacity: 0;}
	.search .container .content .applied-filters .detailed-filter .filters > div > .icon i.close{ opacity: 0;}
	.search .container .content .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;}
	.search .container .content .applied-filters .detailed-filter .filters > div .f .t { max-height: unset; display: flex; flex-direction: column; gap: 10px; background-color: transparent; padding: 0;}
	.search .container .content .applied-filters .detailed-filter .filters > div .f .t > div > label{ display: none;}
	.search .container .content .applied-filters .detailed-filter .filters > div .f .t > div > div{  width: 100%; height: 45px; padding: 0;}
	.search .container .content .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;}
	.search .container .content .applied-filters .detailed-filter .filters > div .f .t > div._2 > div{ gap: 10px;}
	.search .container .content .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;}
	.search .container .content .applied-filters .detailed-filter .filters > div.active > .icon i.close{ opacity: 1;}
	.search .container .content .applied-filters .detailed-filter .filters > button{ display: none;}
	.search .container .content .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);}
	.search .container .content .applied-filters .detailed-filter .buttons .clear{ display: none;}
	.search .container .content .applied-filters .detailed-filter .buttons .submit{ width: 100%;}
	.search .container .content .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 .search .container .content .applied-filters .detailed-filter{ width: 100%; height: 90%; overflow: hidden; top: 5%; display: block; position: fixed; left: 230px; border-radius: 20px;}

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

.search-no-result {width: 100%;
						 height: 232px;
						 float: left;
						 margin-top: 8%;
						 .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:#5F417B;
						 							 		 font-size: 25px;
						 							 		 text-transform: uppercase;
						 							 		 font-weight: 500;
						 							 }
						 					}
						 }
}

// .detailed-filter {width: 100%;
// 						height: 100%;
// 						position: fixed;
// 						top:0px;
// 						left:0px;
// 						background-color: rgba(0, 0, 0, 0.75);
// 						backdrop-filter: blur(7.5px);
// 						display:none;
// 						z-index: 9999999;
// 						font-family: 'Inter';
// 						align-items: center;
// 						justify-content: center;
// 						.container {width: 90%;
// 										height: 90%;
// 										float: left;
// 										background-color: white;
// 										border:1px solid #F5F5F5;
// 										border-radius: 10px;
// 										max-width: 534px;
// 										max-height: 697px;
// 										padding: 0;
// 										margin: 0;
// 										.top {width: 100%;
// 												height: 78px;
// 												float: left;
// 												border-bottom: 1px solid #F5F5F5;
// 												.title {width: calc(100% - 64px);
// 														  height: 78px;
// 														  float: left;
// 														  display:flex;
// 														  align-items: center;
// 														  span {font-weight: 600;
// 														  		  font-size: 20px;
// 														  		  color:@black-200;
// 														  		//   margin-left: 32px;
// 														  }
// 												}
// 												.close {width: 50px;
// 														  height: 78px;
// 														  float: left;
// 														  display:flex;
// 														  align-items: center;
// 														  justify-content: center;
// 														  span {display:block;
// 														  		  width: 36px;
// 														  		  height: 36px;
// 														  		  border-radius: 36px;
// 														  		  background-color: @primary-default-500;
// 														  		  cursor: pointer;
// 														  		  transition: 0.2s;
// 														  		  color:white;
// 														  		  text-align: center;
// 														  		  line-height:36px;
// 														  }
// 														  span:hover {background-color: @primary-hover-600;}
// 												}
// 										}
// 										.form {width: 100%;
// 												 height: calc(100% - 124px);
// 												 float: left;
// 												 overflow-y: scroll;
// 												 background-color: #FBF9FF;
// 												 padding: 10px;
// 												 .form-container {width: 100%;
// 												 				 	   height: auto;
// 												 				 	   float: left;
// 												 				 	   .item {width: 100%;
// 												 				 	   		 height: 83px;
// 												 				 	   		 float: left;
// 												 				 	   		 margin-top: 18px;
// 												 				 	   		 .item-title {width: 100%;
// 												 				 	   		 				  height: 21px;
// 												 				 	   		 				  float: left;
// 												 				 	   		 				  display:flex;
// 												 				 	   		 				  align-items: center;
// 												 				 	   		 				  span {color:#696F79;
// 												 				 	   		 				  		  font-size: 14px;
// 												 				 	   		 				  		  font-weight: 600;
// 												 				 	   		 				  }
// 												 				 	   		 }
// 												 				 	   		 .input {width: 100%;
// 												 				 	   		 			height: 50px;
// 												 				 	   		 			float: left;
// 												 				 	   		 			margin-top: 12px;
// 												 				 	   		 			.inner {width: 100%;
// 												 				 	   		 					  height: 50px;
// 												 				 	   		 					  float: left;
// 												 				 	   		 					  select {width: 100%;
// 												 				 	   		 					  			 height: 50px;
// 												 				 	   		 					  			 border:0px;
// 												 				 	   		 					  			 font-size: 14px;
// 												 				 	   		 					  			 background-color: #FAFAFA;
// 												 				 	   		 					  			 border-radius: 8px;
// 												 				 	   		 					  			 padding-left: 16px;
// 												 				 	   		 					  			 padding-right: 16px;
// 												 				 	   		 					  			 color:@black-600;
// 												 				 	   		 					  }
// 												 				 	   		 					  input  {width: 100%;
// 												 				 	   		 					  			 height: 50px;
// 												 				 	   		 					  			 border:0px;
// 												 				 	   		 					  			 font-size: 14px;
// 												 				 	   		 					  			 background-color: #FAFAFA;
// 												 				 	   		 					  			 border-radius: 8px;
// 												 				 	   		 					  			 padding-left: 16px;
// 												 				 	   		 					  			 padding-right: 16px;
// 												 				 	   		 					  			 color:@black-600;
// 												 				 	   		 					  }
// 												 				 	   		 			}
// 												 				 	   		 }
// 												 				 	   		 .input.half {
// 												 				 	   		 				  .inner {width: calc(50% - 12px);}
// 												 				 	   		 				  .inner:nth-child(2) {margin-left: 24px;}
// 												 				 	   		 				  .inner:nth-child(4) {margin-left: 24px;}
// 												 				 	   		 }
// 												 				 	   }
// 												 }

// 												 .f-c{ 
// 													height: fit-content;
// 													display: flex;
// 													flex-direction: column;
// 													gap: 10px;
// 											     }

// 												 .filter{ transition: all .33s ease; background-color: white; height: 50px; border-radius: 10px; overflow: hidden; border: 1px solid #f5f2f9;}
// 												 .filter .head{ height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; border-bottom: 1px solid #eee;}
// 												 .filter .head b{ font-size: 14px; color: #3d4246; font-weight: 500;}
// 												 .filter .head .icon{ position: relative; font-size: 25px; margin-right: 5px;}
// 												 .filter .head .icon i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .33s ease;}
// 												 .filter .head .icon i.close{ opacity: 0;}
// 												 .filter.active .head .icon i.open{ opacity: 0;}
// 												 .filter.active .head .icon i.close{ opacity: 1;}
// 												 .filter .body{ padding: 10px; display: flex; flex-direction: column; gap: 10px;}
// 												 .filter .body{}
// 												 ._2{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
// 												.c-input{}
// 												.c-input > div{ position: relative;}
// 												.c-input.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%);}
// 												.c-input > div :is(select, input){ color: #626262; border: 1px solid #f3f3f3; width: 100%; height: 45px; border-radius: 7px; font-size: 13px; border: none; outline: none; background-color: #f9f9f9; padding: 0 15px;}
// 												.c-input > div input::placeholder{ color: #626262; opacity: 1;}
// 												.c-input > div select{ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
// 												.c-input > div select::-ms-expand{ display: none;}
// 										}
// 										.form::-webkit-scrollbar {
// 										  width: 0px;
// 										}
// 										.buttons {width: 100%;
// 													 height: auto;
// 													 float: left;
// 													//  margin-top: 32px;
// 													 padding: 15px 10px;
// 													 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
// 													 .submit {width: auto;
// 													 		  	//  height: 49px;
// 													 		  	 float: right;
// 													 		  	 margin-right: 12px;
// 													 		  	 button {width: 116px;
// 													 		  	 		//    height: 49px;
// 													 		  	 		   border-radius: 3px;
// 													 		  	 		   border:0px;
// 													 		  	 		   transition: 0.3s;
// 													 		  	 		   background-color: @primary-default-500;
// 													 		  	 		   font-size: 16px;
// 													 		  	 		   color:white;
// 													 		  	 		   font-weight: 600;
// 													 		  	 }
// 													 		  	 button:hover {background-color: @primary-hover-600;}
// 													 }
// 													 .clear {width: auto;
// 													 			height: 49px;
// 													 			float: right;
// 													 			button {width: 70px;
// 													 					  height: 49px;
// 													 					  border-radius: 6px;
// 													 		  	 		  border:0px;
// 													 		  	 		  transition: 0.3s;
// 													 		  	 		  background-color: @danger-default;
// 													 		  	 		  font-size: 16px;
// 													 		  	 		  color:white;
// 													 			}
// 													 			button:hover {background-color: @danger-hover;}
// 													 }
// 										}
// 						}
// }


// .detailed-filterobile {width: 100%;
// 								 height: 100%;
// 								 position: fixed;
// 								 top:0px;
// 								 left:0px;
// 								 z-index: 99999999999;
// 								 background-color: #FBF9FF;
// 								 display: none !important;
// 								 .container {width: 100%;
// 								 				 height: 100%;
// 								 				 float: left;
// 								 				 padding: 0;
// 								 				 padding-left: 20px;
// 								 				 padding-right: 20px;
// 								 				 .top {width: 100%;
// 								 				 		 height: 26px;
// 								 				 		 float: left;
// 								 				 		 margin-top: 12px;
// 								 				 		 .left-open {width: 24px;
// 								 				 		 				 height: 26px;
// 								 				 		 				 float: left;
// 								 				 		 				 display: flex;
// 								 				 		 				 align-items: center;
// 								 				 		 				 justify-content: center;
// 								 				 		 }
// 								 				 		 .title {width: calc(100% - 48px);
// 								 				 		 		   height: 26px;
// 								 				 		 		   float: left;
// 								 				 		 		   display: flex;
// 								 				 		 		   align-items: center;
// 								 				 		 		   justify-content: center;
// 								 				 		 		   span {font-weight: 700;
// 								 				 		 		   		font-size: 14px;
// 								 				 		 		   		color:black;
// 								 				 		 		   }
// 								 				 		 }
// 								 				 		 .close {width: 24px;
// 								 				 		 			height: 26px;
// 								 				 		 			float: left;
// 								 				 		 			display: flex;
// 								 				 		 			align-items: center;
// 								 				 		 			justify-content: center;
// 								 				 		 			span {font-size: 20px;}
// 								 				 		 }
// 								 				 }
// 								 				 .filters {width: 100%;
// 								 				 			  height: calc(100% - 109px);
// 								 				 			  float: left;
// 								 				 			  overflow-y: scroll;
// 								 				 			  .first {width: 100%;
// 								 				 			  			 height: 79px;
// 								 				 			  			 float: left;
// 								 				 			  			 margin-top: 20px;
// 								 				 			  			 background-color: #EBE9F1;
// 								 				 			  			 border-radius: 20px;
// 								 				 			  			 padding-left: 8px;
// 								 				 			  			 padding-right: 8px;
// 								 				 			  			 .item {width: 33.3333%;
// 								 				 			  			 		  height: 32px;
// 								 				 			  			 		  margin-top: 5px;
// 								 				 			  			 		  border-radius: 10px;
// 								 				 			  			 		  float: left;
// 								 				 			  			 		  display: flex;
// 								 				 			  			 		  align-items: center;
// 								 				 			  			 		  justify-content: center;
// 								 				 			  			 		  span {font-size: 9px;
// 								 				 			  			 		  		  font-weight: 700;
// 								 				 			  			 		  		  color:#6E7191;
// 								 				 			  			 		  }
// 								 				 			  			 }
// 								 				 			  			 .item.actived {background-color: white;
// 								 				 			  			 					 box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.059);
// 								 				 			  			 					 span {font-size: 10px;
// 								 				 			  			 					 	 	 color:black;
// 								 				 			  			 					 }
// 								 				 			  			 }
// 								 				 			  }
// 								 				 			  .second {width: 100%;
// 								 				 			  			  height: auto;
// 								 				 			  			  float: left;
// 								 				 			  			  margin-top: 8px;
// 								 				 			  			  .form-list {width: 100%;
// 								 				 			  			  				  height: auto;
// 								 				 			  			  				  float: left;
// 								 				 			  			  				  .item {width: 100%;
// 								 				 			  			  				  			height: 48px;
// 								 				 			  			  				  			float: left;
// 								 				 			  			  				  			margin-top: 9px;
// 								 				 			  			  				  			select {width: 100%;
// 								 				 			  			  				  					  height: 48px;
// 								 				 			  			  				  					  border-radius: 10px;
// 								 				 			  			  				  					  color:#6E7191;
// 								 				 			  			  				  					  font-size: 13px;
// 								 				 			  			  				  					  padding-left: 21px;
// 								 				 			  			  				  					  padding-right: 21px;	
// 								 				 			  			  				  					  border:0px;
// 								 				 			  			  				  			}
// 								 				 			  			  				  }
// 								 				 			  			  }
// 								 				 			  }
// 								 				 			  .third {width: 100%;
// 								 				 			  			 height: auto;
// 								 				 			  			 float: left;
// 								 				 			  			 margin-top: 24px;
// 								 				 			  			 .title {width: 100%;
// 								 				 			  			 			height: 19px;
// 								 				 			  			 			float: left;
// 								 				 			  			 			display: flex;
// 								 				 			  			 			align-items: center;
// 								 				 			  			 			span {color:#696F79;
// 								 				 			  			 					font-size: 14px;
// 								 				 			  			 					font-weight: 700;
// 								 				 			  			 			}
// 								 				 			  			 }
// 								 				 			  }
// 								 				 }
// 								 				 .filters::-webkit-scrollbar {
// 													  width: 1px;
// 												 }
// 								 }
// }


.mobile-search-header {width: 100%;
							  height: 48px;
							  position: fixed;
							  top:0px;
							  font-family: 'Inter';
							  left:0px;
							  background-color: white;
							  .container {width: 100%;
							  				  height: 100%;
							  				  max-width: 100%;
							  				  padding: 0;
							  				  -bs-gutter-x: 0rem;
							  				  float: left;
							  				  .return {width: 24px;
							  				  			  height: 48px;
							  				  			  float: left;
							  				  			  margin-left: 16px;
							  				  			  display:flex;
							  				  			  align-items: center;
							  				  			  justify-content: center;
							  				  			  span {color:@black-200;
							  				  			  		  font-size: 32px;
							  				  			  }
							  				  }
							  				  .center {width: calc(100% - 88px);
							  				  		     height: 48px;
							  				  		     float: left;
							  				  		     display:flex;
							  				  		     align-items: center;
							  				  		     justify-content: center;
							  				  		     span {font-weight: 600;
							  				  		     		  font-size: 16px;
							  				  		     		  color:@primary-hover-600;
							  				  		     }
							  				  }
							  				  .menu {width: 32px;
							  				  		   height: 48px;
							  				  		   float: left;
							  				  		   display:flex;
							  				  		   align-items: center;
							  				  		   justify-content: center;
							  				  		   span {font-size: 24px;
							  				  		   		color:@black-200;
							  				  		   }
							  				  }
							  }
}

.mobile-result-counter {width: 100%;
								height: 36px;
								// float: left;
								padding-left: 16px;
								padding-right: 16px;
								margin-top: 10px;
								.left {width: auto;
										 height: 36px;
										 float: left;
										 .inner {width: auto;
										 			height: 34px;
										 			float: left;
										 			border-bottom: 1px solid #5E43D8;
										 			display:flex;
										 			align-items: center;
										 			span {color:#5E43D8;
										 					font-size: 12px;
										 					font-weight: 600;
										 			}
										 }
								}
								.right {width: auto;
										  height: 36px;
										  float: right;
										  display:flex;
										  align-items: center;
										  span {font-size: 12px;
										  		  color:@gray-secondary;
										  }
								}
}


.mobile-filter-opener {width: 100%;
							  height: 57px;
							  position:fixed;
							  bottom:68px;
							  left:0px;
							  background-color:#FFFFFF;
							  border-top:1px solid #F5F5F5;
							  display: none;
							  align-items:center;
							  justify-content: center;
							  padding-left: 16px;
							  padding-right: 16px;
							  button {width: 100%;
							  			 height: 37px;
							  			 background-color:#36B35A;
							  			 border:0px;
							  			 border-radius:3px;
							  			 color:white;
							  			 font-weight: 600;
							  			 font-size: 14px;
							  			 margin-top: 10px;
							  }
}
@media screen and (max-width: 1900px) { 
	.search .container .content .results .container .list .card { --column-count: 2;}
	// .search .container .content .results .container .list .card { width: calc(50% - 12px);}
	// .search .container .content .results .container .list .card:nth-child(4) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(7) {margin-left: 0px;}

	// .search .container .content .results .container .list .card:nth-child(10) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(13) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(25) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(28) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(31) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(43) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(46) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(49) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(61) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(64) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(67) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(79) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(82) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(85) {margin-left: 0px;}

}

@media screen and (max-width: 1768px) { 
	.search .container .content .results .container .list .card { --column-count: 3;}
	// .search .container .content .results .container .list .card {width: calc(33.333333% - 16px);}
	// .search .container .content .results .container .list .card:nth-child(4) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(7) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(10) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(13) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(25) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(28) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(31) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(37) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(43) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(46) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(49) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(55) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(61) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(64) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(67) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(73) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(79) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(82) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(85) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(91) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(100) {margin-left: 0;}




	.search .container .content {width: calc(100% - 394px); margin-left: 349px;}
}
@media screen and (max-width: 1550px) { 
	.search .container .content {width: calc(100% - 334px); margin-left: 324px;}
}
@media screen and (max-width: 1420px) { 
	.search .container .content {width: calc(100% - 253px); margin-left: 243px;}
}
@media screen and (max-width: 1330px) { 
	.search .container .content {width: 90%; margin-left: 5%; margin-top: 74px;}
}

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

@media screen and (max-width: 1290px) { 
	.search .container .content .results .container .list .card { --column-count: 2;}
	// .search .container .content .results .container .list .card {width: calc(50% - 8px);}
	// .search .container .content .results .container .list .card:nth-child(7) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(10) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(13) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(25) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(28) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(31) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(43) {margin-left: 0;}
	// .search .container .content .results .container .list .card:nth-child(46) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(49) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(61) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(64) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(67) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(79) {margin-left: 0px;}
	// .search .container .content .results .container .list .card:nth-child(82) {margin-left: 15px;}
	// .search .container .content .results .container .list .card:nth-child(85) {margin-left: 0px;}
}

@media screen and (max-width: 768px) { 
	// .search .container .content .applied-filters{display: none;}
	.search .container .content .applied-filters h2{ display: none;}


	// .detailed-filter {width: 100%;
	// 						height: calc(100%);
	// 						top:0px;
	// 						left:0px;
	// 						background-color: transparent;
	// 						.container {width: 100%;
	// 										height: 100%;
	// 										max-height: 100%;
	// 										min-height: 100%;
	// 										.top {width: 100%;
	// 												height: 48px;
	// 												background-color: white;
	// 												.left-open-toggle {width: 48px;
	// 																		 height: 48px;
	// 																		 float: left;
	// 																		 display: flex !important;
	// 																		 align-items: center;
	// 																		 justify-content: center;
	// 												}
	// 												.title {width: calc(100% - 96px);
	// 														  height: 48px;
	// 														  justify-content: center;
	// 														  span {text-align: center;
	// 														  		  color: #5E43D8;
	// 														  }
	// 												}
	// 												.close {width: 48px;
	// 														  height: 48px;
	// 														  span {color:Black;
	// 														  		  background-color: transparent;
	// 														  		  font-size: 32px;
	// 														  		  display: initial;
	// 														  		  line-height: initial;
	// 														  }
	// 												}
	// 										}
	// 										.form-section-title  {width: 100%;
	// 																	 height: 17px;
	// 																	 float: left;
	// 																	 display: flex !important;
	// 																	 align-items: center;
	// 																	 margin-top: 22px;
	// 																	 span {font-size: 12px;
	// 																	 		 font-weight: 600;
	// 																	 		 color:#696F79;
	// 																	 }
	// 										}
	// 										.col-md-6.f-half {width: calc(50% - 8px) !important;}
	// 										.col-md-6.s-half {width: calc(50% - 8px) !important; margin-left: 15px;}
	// 										.buttons .clear {display: none;}
	// 										.buttons .submit {width: 100%; margin-right: 0px; button {width: 100%; height: 46px; background-color: #7C5CFC; border-radius: 8px}}

	// 						}
	// }
	// .detailed-filter .container .form .form-container .item .item-title {display: none;}
	// .detailed-filter .container .form .form-container .item {height: 46px; margin-top: 8px;}
	// .detailed-filter .container .form .form-container .item .input {height: 46px; margin-top: 0;}


















	.mobile-filter-opener {display: flex;}
	.search .container .content .overflow-container-search {height: auto; overflow-y: initial; padding-bottom: 0px; margin-top: 15px;}
	// .detailed-filter .container .top .title span {font-size: 16px;}
	.search .container .content .general-filters .left .container .item {margin-left: 0;}
	.search .container .content .general-filters .left .container .item:first-child {display:none;}
	.search {margin-bottom: 200px;}
	.search .container .content .results .container .list .item .item-container .bot .properties-s .property {margin-left: 15px;}
	.search .container .content .pagination .container .list {width: auto;}
	.search .container .content .results .container .list {padding-left: 16px; padding-right: 16px; margin-top: 13px;}
	
	.search .container .content .general-filters .left .container .item:nth-child(4) {margin-left: 8px;}
	.search .container .content .general-filters .left .container .item:nth-child(3) {display:flex !important;}
	.search .container .content .general-filters .left .container .item .text span {font-size: 10px;}
	.search .container .content .pagination {margin-bottom: 70px; display:flex; justify-content: center;}
	.search .container .content .pagination .container {width:auto; margin-left: 0;}
	.search .container .content .pagination .container .list .item {margin-left: 0;}
	.search .container .content .results {height: auto; overflow-y: initial;}
	.search .container .content .results .container .list .item .item-container .top {display:block !important;}
	.search .container .content .general-filters .center {display:none;}
	.search .container .content .general-filters .right {display:none;}
	.search .container .content .general-filters .left {width: 100%;}
	.search .container .content .general-filters .left .container {width: 100%;}
	.search .container .content .top {display:none;}
	.search .container .content {margin-top: 30px;}
	.mobile-result-counter{ padding: 0;}
	.search .container .content .results .container .list{ padding: 0;}
	// .search .container .content .applied-filters .container{ width: calc(100% + 30px); transform: translateX(-15px); padding: 0 15px;}
	.search .container .content .applied-filters .container{ min-width: calc(100% + 30px) !important; transform: translateX(-15px); padding: 0 15px; width: calc(100% + 30px) !important;}
	.search .container .content .applied-filters .container .item {height: 36px;}
	.search .container .content .applied-filters .container .item .text span {font-size: 10px;}
	.search .container .content .applied-filters .container .item .text {margin-top: 4px;}
	.search .container .content .applied-filters .container .item .delete {margin-top: 6px;}
	.search .container .content .applied-filters::-webkit-scrollbar {
  		height: 0px;
	}
	.search .container .content .applied-filters {height: 38px; margin-top: 8px;}
	.search .container .content .applied-filters .container .item:first-child {margin-left: 0;}
	.search .container .content {width: calc(100%); margin-left: 0px;}

}


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

.search .container .content .results .container .list .item .item-container .bot .properties-s .property {margin-left: 6px;}

}

@media screen and (max-width: 365px) {  
	.search .container .content .results .container .list .item .item-container .bot .properties-s .property {margin-left: 2px;} 
	.search .container .content .results .container .list .item .item-container .bot .properties-s .property .value span {font-size: 10px;}
}