@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@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:#7C5CFC;
@primary-hover-600:#5E43D8;
@primary-dark-700:#432EB5;
@primary-dark-800:#2D1D92;
@secondary-light-100:#F5FCD2;
@secondary-light-200:#E8FAA6;
@secondary-light-300:#D3F178;
@secondary-light-400:#BCE455;
@secondary-default-500:#9CD323;
@secondary-hover-600:#7FB519;
@secondary-dark-700:#659711;
@secondary-dark-800:#4C7A0B;
@info-default:#209CEE;
@info-hover:#0E75B9;
@info-light:#ECF7FE;
@success-default:#48C774;
@success-hover:#257942;
@success-light:#EFFAF3;
@warning-default:#FFDD57;
@warning-hover:#947600;
@warning-light:#FFFBEB;
@danger-default:#FF3860;
@danger-hover:#DB002C;
@white-100:#F5F5F5;
@white-200:#FAFAFA;
@white-300:#FFFFFF;
@gray-secondary:#8080A4;
@gray-tertiary:#BEBED0;
@black-100:#0A0A0A;
@black-200:#121212;
@black-300:#242424;
@black-400:#363636;
@black-500:#4A4A4A;
@black-600:#7A7A7A;
@black-700:#B5B5B5;
@black-800:#DBDBDB;
@body-background-primary:#FBF9FF;



.mobile-ilan-header  {width: 100%;
					  height: 48px;	
					  position: fixed;
					  top:0px;
					  z-index: 99999;
					  font-family: 'Inter';
					  left:0px;
					  background-color: #fff;
					  .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:#121212;
					  				  			  		  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:#000000;
					  				  		     }
					  				  }
					  				  .like   {width: 32px;
					  				  		   height: 48px;
					  				  		   float: left;
					  				  		   display:flex;
					  				  		   align-items: center;
					  				  		   justify-content: center;
					  				  		   span {font-size: 20px;
					  				  		   		color:#FF3A3A;
					  				  		   }
					  				  }
					  }
}

.ilan-detay-main {width: 100%;
								  height: auto;
								  padding-bottom: 96px;
								  float: left;}

.ilan-detay-c {
width: calc(100% - 774px);
height: auto;
float: left;
margin-left: 341px;
margin-top: 20px;
.top-side {
 	width: 100%;
 	height: 125px;
 	float: left;
 	padding: 24px;
 	background-color: white;
    border-radius: 10px;
    border:1px solid #F5F5F5;
    @media screen and (max-width: 768px) { 
			  	display: none;
	}
  	.left {width: 55%;
	  		 height: 125px;
	  		 float: left;
	  		.title {
	  		 	width: 100%;
	  		 	height: 30px;
	  		 	float: left;
	  		 	display: flex;
	  		 	align-items:center;
	  		 	h1 {
	  		 		font-family: 'Roboto';
	  		 		font-size: 20px;
	  		 		font-weight: 500;
	  		 		color:#363636;
	  		 		margin-left: 24px;
	  		 	}
  		 	}
  		 .user-info {width: 100%;
  		 			 height: 60px;
  		 			 float: left;
  		 			 .general {max-width: calc(100% - 135px);
  		 			 		   height: 30px;
  		 			 		   padding-right: 10px;
  		 			 		   width: auto;
  		 			 		   float: left;
  		 			 		   margin-left: 24px;
  		 			 		   margin-top: 15px;
  		 			 		   border-right: 1px solid #BEBED0;
  		 			 		   .photo {width: 35px;
  		 			 		   		   height: 30px;
  		 			 		   		   float: left;
  		 			 		   		   img {width: 30px; height: 30px; border-radius: 30px; object-fit: cover;}
  		 			 		   }
  		 			 		   	.name {width: calc(100% - 35px);
  		 			 		   		   float: left;
  		 			 		   		   height: 30px;
  		 			 		   		   display:flex;
  		 			 		   		   align-items: center;
  		 			 		   		   a {color:#363636; font-family: 'Roboto'; font-weight: 500; font-size: 14px; margin-left: 10px; text-decoration: none;}
  		 			 		   		@media screen and (max-width: 500px) { 
  		 			 		   		   	display: flex;
  		 			 		   		   	align-items: center;
  		 			 		   		   	a {font-size: 12px !important; line-height: 20px !important;}
  		 			 		   		   }	   
  		 			 		    }
  		 			 }
  		 			  .stars {width: 85px;
  		 			  		  height: 60px;
  		 			  		  float: left;
  		 			  		  margin-left: 16px;
  		 			  		  .star {width: 20%;
  		 			  		  		 height: 60px;
  		 			  		  		 float: left;
  		 			  		  		 display: flex;
  		 			  		  		 align-items: center;
  		 			  		  		 justify-content: center;
  		 			  		  		 span {
  		 			  		  		 	   font-size: 14px;
  		 			  		  		 	   color:#EBEBEB;
  		 			  		  		 	   }
  		 			  		  }
  		 			  		  .actived span {color:@primary-default-500;}
  		 			  }
  		 }

  	}
  	.right {width: 45%;
  		  float: right;
  		  height: 125px;
  		  .a-info {width: 100%;
  		  				height: 65px;
  		  				float: right;
  		  				display: block !important;
  		  				.price {width: 100%;
  		  						height: 34px;
  		  						float: right;
  		  						display: flex;
  		  						align-items: center;
  		  						justify-content: right;
  		  						span {color:#2D1D92;
  		  							  font-weight: 600;
  		  							  font-size: 24px;
  		  							  font-family: 'Roboto';
  		  							 }
  		  				}
  		  				.buttons {width: 100%;
  		  						  height: 40px;
  		  						  display: block;
  		  						  float: right;
  		  						  margin-top: 15px;
  		  						  div {width: auto;
		  						  		   height: 36px;
		  						  		   float: right;
		  						  		   padding-left: 8px;
		  						  		   padding-right: 8px;
		  						  		   border-radius: 4px;
		  						  		   display: flex;
		  						  		   align-items:center;

		  						  		   span {
		  						  		   		 color:white;
		  						  		   		 font-weight: 500;
		  						  		   		 text-transform: uppercase;
		  						  		   		 font-family: Roboto;
		  						  		   		 font-size: 12px;}
	  						  	  }
	  						  	  div:nth-child(3) {
	  						  	  				   margin-top: 2px;
	  						  	  				   margin-right: 11px;
	  						  	  				    background-color:#9CD323;
	  						  	  	
	  						  	  }
	  						  	  div:nth-child(2) {
	  						  	  				 	margin-right: 11px;
				  	  				  			    margin-top: 2px;
				  	  				  			    background-color:#FF3860;
	  						  	  }
	  						  	  .s-message {width: 52%;
	  						  	  			  height: 40px;
	  						  	  			  display: flex;
	  						  	  			  align-items:center;
	  						  	  			  margin-right: 0 !important;
	  						  	  			  background-color:#0E75B9;
					  	  			  		  border-radius: 10px;
					  	  			  		  justify-content: center;
					  	  			  		  cursor: pointer;
	  						  	  			  span {font-size: 16px;
	  						  	  			  		  color:White;
	  						  	  			  		  font-weight: 600;
	  						  	  			  		  font-family: 'Inter';
	  						  	  			  		  text-transform: initial;
	  						  	  			  		  padding: 0;
	  						  	  			  		  -webkit-user-select: none; /* Safari */
													  -ms-user-select: none; /* IE 10 and IE 11 */
													  user-select: none; /* Standard syntax */
	  						  	  			  }
	  						  	  }
  		  				}
  		  }
  		   .actions {width: 100% - 24px;
  		   			 height: 60px;
  		   			 float: right;
  		   			 margin-right: 24px;
  		   			 div {width: 36px;
  		   			 	  height: 36px;
  		   			 	  float: right;
  		   			 	  text-align: center;
  		   			 	  border-radius: 8px;
  		   			 	  border:1px solid #F5F5F5;
  		   			 	  margin-top: 12px;
  		   			 	  span {line-height: 36px;
  		   			 	  		color: #8080A4;
  		   			 	  		font-size: 18px;}
  		   			 }
  		   }
	}
}
	  
.first-center {width: 100%;
			   height: 499px;
			   margin-top: 25px;
			   float: left;
			   .photos {width: 617px;
			   			height: 499px;
			   			float: left;
			   			.viewer {width: calc(100%);
			   					 height: calc(100% - 125px);
			   					 float: left;
			   					 .viewer-container {width: 100%;
			   					 					height: 100%;
			   					 					float: left;
			   					 					img {width: 100%;
			   					 						 height: 100%;
			   					 						 border-radius: 10px;}
			   					 }
			   					  .buttons {width: 100%;
			   					  			height: 40px;
			   					  			margin-top: -40px;
			   					  			float: left;
			   					  			.left {width: 40px;
			   					  				   height: 40px;
			   					  				   float: left;
			   					  				   border-radius: 6px;
			   					  				   background-color: white;
			   					  				   display: flex;
			   					  				   align-items: center;
			   					  				   justify-content: center;
			   					  				   margin-left: 10px;
			   					  				   margin-top: -130px;
			   					  				   span {font-size: 24px; color:@primary-default-500;}
			   					  			}
			   					  			.selectors {width: calc(100% - 100px);
			   					  						height: 40px;
			   					  						float: left;
			   					  						.selectors-container {width: 295px;
			   					  											  height: 40px;
			   					  											  float: left;
			   					  											  margin-left: calc(50% - 100px);
			   					  											  .selector {width: 50px;
			   					  											  			 height: 7px;
			   					  											  			 float: left;
			   					  											  			 border-radius: 50px;
			   					  											  			 background-color: white;
			   					  											  			 margin-left: 6px;
			   					  											  }
			   					  											  .active {background-color: #8762A2;}
			   					  						}	
			   					  			}
			   					  			.right {width: 40px;
			   					  				   height: 40px;
			   					  				   float: right;
			   					  				   border-radius: 6px;
			   					  				   background-color: white;
			   					  				   display: flex;
			   					  				   align-items: center;
			   					  				   justify-content: center;
			   					  				   margin-right: 10px;
			   					  				   margin-top: -130px;
			   					  				   span {font-size: 24px; color:@primary-default-500;}
			   					  			}
			   					  }
			   			}
	   					.selector-seperator {
	   							width: 100%;
	   							height: 109px;
	   							float: left;
								.selectors {width: 100%;
	   								height: 109px;
	   								margin-left: 0px;
	   								float: left;
	   								margin-top: 16px;
	   								padding-left: 12px;
	   								padding-right: 12px;
	   								background-color:white;
	   								border-radius:10px;
	   								padding-bottom: 10px;
	   								.selectors-container {width: 100%;
	   													  height: 100%;
	   													  float: left;
	   													  overflow-x: scroll;
	   													  overflow-y: hidden;
	   													  white-space: nowrap;
	   													  div {width: 97px;
	   													  	   height: 65px;
	   													  	   display: inline-block;
	   													  	   margin-left: 10px;
	   													  	   margin-top: 16px;
	   													  	   img {width: 100%;
	   													  	   		height: 100%;
	   													  	   		border-radius: 10px;}
	   													  }
	   								}
	   								/* width */
									.selectors-container::-webkit-scrollbar {
									  height: 8px;
									}

									/* Track */
									.selectors-container::-webkit-scrollbar-track {
									  background: #E5E5EA;
									  border-radius: 24px;
									}

									/* Handle */
									.selectors-container::-webkit-scrollbar-thumb {
									  background: #888;
									  border-radius: 124px;
									}

									/* Handle on hover */
									.selectors-container::-webkit-scrollbar-thumb:hover {
									  background: #555;
									}
	   							}
	   					}
			   	}
			   	.info {width: calc(100% - 631px);
			   		  height: 499px;
			   		  float: left;
			   		  margin-left: 14px;
			   		  border-radius: 10px;
			   		  background-color: white;
			   		  @media screen and (max-width: 768px) { 
			   		  	display: none;
			   		  }
			   		  .info-container {width: 100%;
			   		  				   height: 607px;
			   		  				   float: left;
			   		  				   .title-favor {width: 100%;
			   		  				   		   		 height: 36px;
			   		  				   		   		 float: left;
			   		  				   		   		 margin-top: 20px;
			   		  				   		   		 .title {width: calc(100% - 205px);
			   		  				   		   		 		 height: 36px;
			   		  				   		   		 		 display: flex;
			   		  				   		   		 		 align-items:center;
			   		  				   		   		 		 float: left;
			   		  				   		   		 		 span {font-family: Roboto;
					   		  				   		   		 	   font-weight: 600;
					   		  				   		   		 	   font-size: 20px;
					   		  				   		   		 	   color:#16192C;
					   		  				   		   		 	   line-height: 27px;
					   		  				   		   		 	   margin-left: 24px;
					   		  				   		   		 }
			   		  				   		   		 }
			   		  				   		   		 .favorite-a {width: 167px;
			   		  				   		   		 			  height: 40px;
			   		  				   		   		 			  float: left;
			   		  				   		   		 			  display: flex;
			   		  				   		   		 			  justify-content: center;
			   		  				   		   		 			  border:1px solid #0CA7FF;
			   		  				   		   		 			  border-radius: 6px;
			   		  				   		   		 			  cursor: pointer;
			   		  				   		   		 			  -webkit-user-select: none; /* Safari */
																  -ms-user-select: none; /* IE 10 and IE 11 */
																  user-select: none; /* Standard syntax */
																  transition: 0.2s;
			   		  				   		   		 			  .fav-container {width: auto;
			   		  				   		   		 			  				  height: 40px;
			   		  				   		   		 			  				  float: left;
			   		  				   		   		 			  				  .text {width: auto;
			   		  				   		   		 			  				  		 height: 40px;
			   		  				   		   		 			  				  		 float: left;
			   		  				   		   		 			  				  		 display: flex;
			   		  				   		   		 			  				  		 align-items: center;
			   		  				   		   		 			  				  		 span {color:#363636;
			   		  				   		   		 			  				  		 	   font-size: 14px;
			   		  				   		   		 			  				  		 	   font-family: 'Inter';
			   		  				   		   		 			  				  		 	   font-weight: 500;
			   		  				   		   		 			  				  		 }
			   		  				   		   		 			  				  }
			   		  				   		   		 			  				  .icon {width: 24px;
			   		  				   		   		 			  				  		 height: 40px;
			   		  				   		   		 			  				  		 display: flex;
			   		  				   		   		 			  				  		 align-items: center;
			   		  				   		   		 			  				  		 justify-content: center;
			   		  				   		   		 			  				  		 padding-left: 9px;
			   		  				   		   		 			  				  		 span {font-size: 18px;
			   		  				   		   		 			  				  		 	   color:#8080A4;

			   		  				   		   		 			  				  		 }
			   		  				   		   		 			  				  }
			   		  				   		   		 			  }
			   		  				   		   		 }
			   		  				   		   		 .favorite-a:hover {background-color: #DEF3FF;}
			   		  				   		   		 .favorite-a.liked {background-color: #0CA7FF; .text {span {color:white;} } .icon {span {color:#FF3860;}}}
			   		  				   		   		 
			   		  				   	}
			   		  				   	.details {width: calc(100% - 36px);
			   		  				   			  height: calc(100% - 206px);
			   		  				   			  float: left;
			   		  				   			  overflow-y: scroll;
			   		  				   			  margin-left: 24px;
			   		  				   			  margin-top: 24px;
			   		  				   			  padding-right: 12px;
			   		  				   			  .list {width: 100%;
			   		  				   			  		 height: auto;
			   		  				   			  		 float: left;
			   		  				   			  		 border-radius: 10px;
			   		  				   			  		 border:1px solid #F5F5F5;
			   		  				   			  		 background-color: #FDFCFF;
			   		  				   			  		 .item {width: 100%;
			   		  				   			  		 		height: 50px;
			   		  				   			  		 		float: left;
			   		  				   			  		 		padding: 0;
			   		  				   			  		 		margin: 0;
			   		  				   			  		 		border-bottom: 1px solid #F5F5F5;
			   		  				   			  		 		.title {width: auto;
			   		  				   			  		 				height: 50px;
			   		  				   			  		 				float: left;
			   		  				   			  		 				display: flex;
			   		  				   			  		 				padding: 0;
			   		  				   			  		 				margin: 0;
			   		  				   			  		 				align-items: center;
			   		  				   			  		 				padding-right: 10px;
			   		  				   			  		 				padding-left: 20px;
			   		  				   			  		 				span {font-size: 14px;
			   		  				   			  		 					  color:#363636;
			   		  				   			  		 					  margin-left: 0;
			   		  				   			  		 					  font-weight: 400;
			   		  				   			  		 				}
			   		  				   			  		 		}
			   		  				   			  		 		.value {width: auto;
			   		  				   			  		 				float: right;
			   		  				   			  		 				height: 50px;
			   		  				   			  		 				display: flex;
			   		  				   			  		 				align-items: center;
			   		  				   			  		 				padding-right: 20px;
			   		  				   			  		 				span {font-size: 14px;
			   		  				   			  		 					  color:#363636;
			   		  				   			  		 					  font-weight: 500;
			   		  				   			  		 				}
			   		  				   			  		 		}
			   		  				   			  		 }
			   		  				   			  		 .item:last-child {border-bottom: 0px;}
			   		  				   			  }
			   		  				   	}
			   		  				   	/* width */
										.details::-webkit-scrollbar {
										  width: 8px;
										}

										/* Track */
										.details::-webkit-scrollbar-track {
										  background: #E5E5EA;
										  border-radius: 24px;
										}

										/* Handle */
										.details::-webkit-scrollbar-thumb {
										  background: #BEBED0;
										  border-radius: 120px;
										}

										/* Handle on hover */
										.details::-webkit-scrollbar-thumb:hover {
										  background: #8A8AD2;
										}
										.new-actions {width: 100%;
													  height: 95px;
													  float: left;
													  margin-top: 12px;
													  padding-left: 24px;
													  padding-right: 24px;
													  display:none;
													  .action-list {width: 100%;
													  				height: 95px;
													  				float: left;
													  				display: flex;
													  				justify-content: space-between;
													  				.item {width: calc(33.333333% - 12px);
													  					   height: 95px;
													  					   float: left;
													  					   display: flex;
													  					   align-items: center;
													  					   border-radius:15px;
													  					   -webkit-user-select: none; /* Safari */
																		   -ms-user-select: none; /* IE 10 and IE 11 */
																		   user-select: none; /* Standard syntax */
																		   cursor:pointer;
													  					   .item-container {width: 100%;
													  					   					height: auto;
													  					   					float: left;
													  					   					.icon {width: 100%;
													  					   						   height: 30px;
													  					   						   float: left;
													  					   						   display: flex;
													  					   						   align-items: center;
													  					   						   justify-content: center;
													  					   					}
													  					   					.text {width: 100%;
													  					   						   height: 18px;
													  					   						   float: left;
													  					   						   margin-top: 10px;
													  					   						   display: flex;
													  					   						   align-items: center;
													  					   						   justify-content: center;
													  					   						   span {font-family: 'Poppins';
													  					   						   		 color:#333333;
													  					   						   		 font-size: 12px;
													  					   						   		 text-align: center;
													  					   						   }
													  					   					}
													  					   }
													  				}
													  				.item:nth-child(1) {background-color: #E8F6FF;}
													  				.item:nth-child(2) {background-color: #FFF4F1;}
													  				.item:nth-child(3) {background-color: #E6F8F0;}
													  }
										}
			   		  }
			   }
}

.new-actions-mobile {width: calc(100% - 32px);
					  margin-left: 16px;
					  height: 95px;
					  float: left;
					  margin-top: 21px;
					  display: none;
					  @media screen and (max-width: 768px) { 
					  	display: block;
					  }
					  .action-list {width: 100%;
					  				height: 95px;
					  				float: left;
					  				display: flex;
					  				justify-content: space-between;
					  				.item {width: calc(33.333333% - 12px);
					  					   height: 95px;
					  					   float: left;
					  					   display: flex;
					  					   align-items: center;
					  					   border-radius:15px;
					  					   -webkit-user-select: none; /* Safari */
										   -ms-user-select: none; /* IE 10 and IE 11 */
										   user-select: none; /* Standard syntax */
										   cursor:pointer;
					  					   .item-container {width: 100%;
					  					   					height: auto;
					  					   					float: left;
					  					   					.icon {width: 100%;
					  					   						   height: 30px;
					  					   						   float: left;
					  					   						   display: flex;
					  					   						   align-items: center;
					  					   						   justify-content: center;
					  					   					}
					  					   					.text {width: 100%;
					  					   						   height: 18px;
					  					   						   float: left;
					  					   						   margin-top: 10px;
					  					   						   display: flex;
					  					   						   align-items: center;
					  					   						   justify-content: center;
					  					   						   span {font-family: 'Poppins';
					  					   						   		 color:#333333;
					  					   						   		 font-size: 12px;
					  					   						   		 text-align: center;
					  					   						   }
					  					   					}
					  					   }
					  				}
					  				.item:nth-child(1) {background-color: #E8F6FF;}
					  				.item:nth-child(2) {background-color: #FFF4F1;}
					  				.item:nth-child(3) {background-color: #E6F8F0;}
					  }
}

.mobile-info {width: calc(100% - 32px);
			  height: 130px;
			  float: left;
			  background-color: white;
			  border:1px solid #F5F5F5;
			  border-radius: 10px;
			  margin-left: 16px;
			  margin-top: 8px;
			  display: none;
			  @media screen and (max-width: 768px) { 
			  	display: block;
			  }
			  .container {width: calc(100% - 36px);
			  			  margin-left: 18px;
			  			  height: 130px;
			  			  float: left;
			  			  max-width: calc(100% - 36px);
			  			  padding: 0;
			  			  .title {width: 100%;
						  		  height: 53px;
						  		  float: left;
						  		  display: flex;
						  		  align-items: center;
						  		  h1 {font-size: 14px;
						  		  	  font-weight: 500;
						  		  	  margin: 0;
						  		  	  padding: 0;
						  		  	  color:#363636;
						  		  }
						  }
						  .location {width: 100%;
						  			 height: 13px;
						  			 float: left;
						  			 margin-top: 0;
						  			 padding-top: 0;
						  			 display: flex;
						  			 align-items: center;
						  			 span {font-size: 10px;
						  			 	   color:#8080A4;
						  			 }
						  }
						  .properties-price {width: 100%;
						  					 height: 28px;
						  					 float: left;
						  					 margin-top: 18px;
						  					 .properties {width: auto;
						  					 			  height: 28px;
						  					 			  float: left;
						  					 			  .item {width: auto;
						  					 			  		 height: 28px;
						  					 			  		 float: left;
						  					 			  		 margin-left: 8px;
						  					 			  		 span {line-height: 28px;
						  					 			  		 	   padding: 6.5px 8px;
						  					 			  		 	   border-radius: 4px;
						  					 			  		 	   color:white;
						  					 			  		 	   font-weight: 500;
						  					 			  		 	   font-size: 10px;
						  					 			  		 	   background-color: #FF3860;
						  					 			  		 }
						  					 			  }
						  					 			  .item:first-child {margin-left: 0;
						  					 			  					 span {background-color: #9CD323;

						  					 			  					 }
						  					 			  }
						  					 }
						  					 .price {width: auto;
						  					 		 height: 28px;
						  					 		 float: right;
						  					 		 text-align: right;
						  					 		 span {line-height: 28px;
						  					 		 	   font-weight: 600;
						  					 		 	   font-size: 16px;
						  					 		 	   color:#2D1D92;
						  					 		 }
						  					 }
						  }
			  }
			  
}		   


.second-center {width: 100%;
				height: auto;
				float: left;
				margin-top: 24px;
				.menu {width: 100%;
					  height: 57px;
					  padding: 4px;
					  float: left;
					  background-color: white;
					  border-radius: 12px;
					  .item {width: calc(33.33% - 2.7px);
					  		 height: 49px;
					  		 float: left;
					  		 display:flex;
					  		 align-items: center;
					  		 justify-content: center;
					  		 cursor: pointer;
					  		 border-radius:8px;
					  		 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
					  		 span {
				  		 		   color:#8080A4;
				  		 		   font-weight: 500;
				  		 		   font-size: 14px;
				  		 		   font-family: Roboto;}
					  }
				  	  .item.actived {background-color: #7C5CFC !important;
				  	  				 box-shadow: none;
				  	  				   span {color:	#FFFFFF !important;}
				  	  }
				  	  .item:nth-child(3) {margin-left: 4px;}
				  	  .item:nth-child(4) {margin-left: 4px;}
				  	  @media screen and (max-width: 768px) { 
						.item:nth-child(1) {display: none;}
						.item:nth-child(5) {display: none;}
						.item:nth-child(6) {display: none;}
						.item:nth-child(7) {display: none;}
						.item:nth-child(8) {display: none;}
					  }
					  @media screen and (min-width: 768px) { 
						.item:nth-child(2) {display: none;}
					  }
				}
				.content {width: 100%;
					  height: auto;
					  padding-bottom: 24px;
					  float: left;
					  border-radius: 10px;
					  margin-top: 24px;
					  background-color:white;
					  .mobile-menu {width: 100%;
					  				background-color:white;
					  				height: 54px;
					  				float: left;
					  				display: none;
					  				.container {width: 96%;
					  							max-width: 100%;
					  							height: 42px;
					  							margin-left: 2%;
					  						 	border-radius: 4px;
					  						 	float: left;
					  						 	margin-top: 10px;
					  						 	padding: 0;
					  						    border:1px solid #F5F5F5;
					  						    .text {width: calc(100% - 62px);
					  						    	   height: 42px;
					  						    	   float: left;
					  						    	   margin-left: 10px;
					  						    	   span {line-height: 42px;
					  						    	   		 font-weight: 600;
					  						    	   		 font-size: 14px;
					  						    	   		 color:#38608B;
					  						    	   		}
					  						    }
					  						   	.icon {width: 42px;
					  						   		   height: 42px;
					  						   		   float: left;
					  						   		   text-align: center;
					  						   		   span {line-height: 42px;
					  						   		   		 font-size: 16px;
					  						   		   		 color:#6E7191;}
					  						   	}
					  				}
					  }
					  .first {width: calc(100% - 12px);
					  		  height:351px;
					  		  overflow-y: scroll;
					  		  margin-top: 12px;
					  		  margin-bottom: 12px;
					  		  @media screen and (max-width: 768px) { 
					  		  	display: none;
					  		  }
					  		  .container {width: calc(100% - 24px);
					  		  			  height: calc(100% - 24px);
					  		  			  margin-left: 12px;
					  		  			  margin-top: 12px;
					  		  			  float: left;
					  		  			  .title {width: 100%;
					  		  			  		  height: auto;
					  		  			  		  float: left;
					  		  			  		  h1 {font-size: 16px;
					  		  			  		  	  font-weight: 600;
					  		  			  		  	  color:#16192C;
					  		  			  		  	  margin-left: 0;
					  		  			  		  	  padding: 0;
					  		  			  		  }
					  		  			  }
					  		  			  .location {width: 100%;
					  		  			  			 height: 21px;
					  		  			  			 float: left;
					  		  			  			 margin-top: 8px;
					  		  			  			 span {line-height: 21px;
					  		  			  			 	   color:#BEBED0;
					  		  			  			 	   font-weight: 500;
					  		  			  			 	   font-size: 14px;
					  		  			  			 	   margin: 0;
					  		  			  			 	   padding: 0; 
					  		  			  			 }
					  		  			  }
					  		  			  .explanation {width: 100%;
					  		  			  				height: auto;
					  		  			  				float: left;
					  		  			  				margin-top: 9px;
					  		  			  }
					  		  }
					  }
				      /* width */
					  .first::-webkit-scrollbar {
					    width: 8px;
					  }

					  /* Track */
					  .first::-webkit-scrollbar-track {
					    background: #E5E5EA;
					    border-radius: 24px;
					  }

					  /* Handle */
					  .first::-webkit-scrollbar-thumb {
					    background: #888;
					    border-radius: 124px;
					  }

					  /* Handle on hover */
					  .first::-webkit-scrollbar-thumb:hover {
					    background: #555;
					  }
					  .mobile-first {width: 100%;
					  				 height: auto;
					  				 float: left;
					  				 display: none;
					  				 @media screen and (max-width: 768px) { 
							  		  	display: block;
							  		  }
					  				 .details {width: 100%;
		   		  				   			  height: auto;
		   		  				   			  float: left;
		   		  				   			  .list {width: 100%;
		   		  				   			  		 height: auto;
		   		  				   			  		 float: left;
		   		  				   			  		 border-radius: 10px;
		   		  				   			  		 .item {width: 100%;
		   		  				   			  		 		height: 38px;
		   		  				   			  		 		float: left;
		   		  				   			  		 		padding: 0;
		   		  				   			  		 		margin: 0;
		   		  				   			  		 		border-bottom: 1px solid #F5F5F5;
		   		  				   			  		 		.title {width: auto;
		   		  				   			  		 				height: 38px;
		   		  				   			  		 				float: left;
		   		  				   			  		 				display: flex;
		   		  				   			  		 				padding: 0;
		   		  				   			  		 				margin: 0;
		   		  				   			  		 				align-items: center;
		   		  				   			  		 				padding-right: 10px;
		   		  				   			  		 				padding-left: 20px;
		   		  				   			  		 				span {font-size: 14px;
		   		  				   			  		 					  color:#8080A4;
		   		  				   			  		 					  margin-left: 0;
		   		  				   			  		 					  font-weight: 400;
		   		  				   			  		 				}
		   		  				   			  		 		}
		   		  				   			  		 		.value {width: auto;
		   		  				   			  		 				float: right;
		   		  				   			  		 				height: 38px;
		   		  				   			  		 				display: flex;
		   		  				   			  		 				align-items: center;
		   		  				   			  		 				padding-right: 20px;
		   		  				   			  		 				span {font-size: 14px;
		   		  				   			  		 					  color:#363636;
		   		  				   			  		 					  font-weight: 500;
		   		  				   			  		 				}
		   		  				   			  		 		}
		   		  				   			  		 }
		   		  				   			  		 .item:last-child {border-bottom: 0px;}
		   		  				   			  }
		   		  				   	 }
		   		  				   	/* width */
									.details::-webkit-scrollbar {
									  width: 8px;
									}

									/* Track */
									.details::-webkit-scrollbar-track {
									  background: #E5E5EA;
									  border-radius: 24px;
									}

									/* Handle */
									.details::-webkit-scrollbar-thumb {
									  background: #BEBED0;
									  border-radius: 120px;
									}

									/* Handle on hover */
									.details::-webkit-scrollbar-thumb:hover {
									  background: #8A8AD2;
									}
					  }
					  .mobile-third {width: calc(100% - 12px);
						  		  height: 634px;
						  		  overflow-y: scroll;
						  		  margin-top: 12px;
						  		  display: none;
						  		  margin-bottom: 12px;
						  		  .container {width: calc(100% - 24px);
						  		  			  height: calc(100% - 24px);
						  		  			  margin-left: 12px;
						  		  			  margin-top: 12px;
						  		  			  float: left;
						  		  			  .title {width: 100%;
						  		  			  		  height: auto;
						  		  			  		  float: left;
						  		  			  		  h1 {font-size: 16px;
						  		  			  		  	  font-weight: 600;
						  		  			  		  	  color:#16192C;
						  		  			  		  	  margin-left: 0;
						  		  			  		  	  padding: 0;
						  		  			  		  }
						  		  			  }
						  		  			  .explanation {width: 100%;
						  		  			  				height: auto;
						  		  			  				float: left;
						  		  			  				margin-top: 9px;
						  		  			  }
						  		  }
					  }
						.second {width: calc(100% - 48px);
					  		  	 height: 404px;
					  		  	 margin-left: 24px;
					  		  	 margin-top: 24px;
					  		  	 float: left;
					  		  	 .user-info {width: 100%;
					  		  	 			 height: auto;
					  		  	 			 float: left;
					  		  	 			 .top {width: 100%;
					  		  	 			 	   height: 122px;
					  		  	 			 	   background-image:url(../images/ilan-detay-user-background.png);
					  		  	 			 	   float: left;
					  		  	 			 	   background-color: #F7F5FE;
					  		  	 			 	   background-position: right;
					  		  	 			 	   border-radius: 10px;
					  		  	 			 	   background-repeat: no-repeat;
					  		  	 			 	   .left {width: 50%;
					  		  	 			 	   		  height: 122px;
					  		  	 			 	   		  float: left;
					  		  	 			 	   		  @media screen and (max-width: 768px) { 
			  		  	 					  				 	width: 100%;
			  		  	 					  			   }
					  		  	 			 	   		   .photo {width: 75px;
					  		  	 			 	   		  		   height: 75px;
					  		  	 			 	   		  		   margin: 24px;
					  		  	 			 	   		  		   float: left;
					  		  	 			 	   		  		   img {width: 75px;
					  		  	 			 	   		  		   height: 75px;
					  		  	 			 	   		  		   border-radius: 75px;
					  		  	 			 	   		  		   object-fit: cover;}
					  		  	 			 	   		  	}
					  		  	 			 	   		   .right {width: calc(100% - 123px);
					  		  	 			 	   		   		   height: 75px;
					  		  	 			 	   		   		   float: left;
					  		  	 			 	   		   		   margin-top: 24px;
					  		  	 			 	   		   		   @media screen and (max-width: 768px) { 
					  		  	 					  				 	display: block;
					  		  	 					  				 	margin-top: 12px;
					  		  	 					  			    }
					  		  	 			 	   		   		    .mobile-center {width: 100%;
					  		  	 			 	   		   		   				    height: 15px;
					  		  	 			 	   		   		   				    float: left;
					  		  	 			 	   		   		   				    margin-top: 6px;
					  		  	 			 	   		   		   				    display: none;
					  		  	 			 	   		   		   				    @media screen and (max-width: 768px) { 
									  		  	 					  				 	display: block;
									  		  	 					  			    }
					  		  	 			 	   		   		   				    .icon {width: 15px;
					  		  	 			 	   		   		   				   		   height: 15px;
					  		  	 			 	   		   		   				   		   float: left;
					  		  	 			 	   		   		   				   		   text-align: center;
					  		  	 			 	   		   		   				   		   span {line-height: 15px;
					  		  	 			 	   		   		   				   		  		 color:#8080A4;
					  		  	 			 	   		   		   				   		  	     font-size: 10px;
					  		  	 			 	   		   		   				   		   }
					  		  	 			 	   		   		   				   	}
					  		  	 			 	   		   		   				   	.text {width: calc(100% - 15px);
					  		  	 			 	   		   		   				   		   height: 15px;
					  		  	 			 	   		   		   				   		   float: left;
					  		  	 			 	   		   		   				   		   span {font-size: 10px;
					  		  	 			 	   		   		   				   		   		 line-height: 15px;
					  		  	 			 	   		   		   				   		   		 margin-left: 9px;
					  		  	 			 	   		   		   				   		   		 color:#8080A4;}
					  		  	 			 	   		   		   				   	}
					  		  	 			 	   		   		   	}
					  		  	 			 	   		   		    .top {width: 100%;
																		  background-image:none;
					  		  	 			 	   						  float: left;
					  		  	 			 	   						  height: 30px;
					  		  	 			 	   						  background-color: transparent;
					  		  	 			 	   						  .name {width: auto;
					  		  	 			 	   						 		 height: 30px;
					  		  	 			 	   						 		 margin-top: 10px;
					  		  	 			 	   						 		 float: left;
					  		  	 			 	   						 		 @media screen and (max-width: 430px) { 
					  		  	 			 	   						 		 	span {font-size: 13px !important;}
					  		  	 			 	   						 		 }
					  		  	 			 	   						 		 span {font-size: 20px;
					  		  	 			 	   						 			   color:#0A0A0A;
					  		  	 			 	   						 			   line-height: 30px;
					  		  	 			 	   						 			   font-weight: 500;}
					  		  	 			 	   						  }
					  		  	 			 	   						  .verified {width: 30px;
					  		  	 			 	   						 		     height: 30px;
					  		  	 			 	   						 		     margin-top: 10px;
					  		  	 			 	   						 		     float: left;
					  		  	 			 	   						 		     display: flex;
					  		  	 			 	   						 		     align-items: center;
					  		  	 			 	   						 		     justify-content: center;
					  		  	 			 	   						 		     span {
					  		  	 			 	   						 		   		   font-size: 19px;
					  		  	 			 	   						 		   		   color:#9CD323;
					  		  	 			 	   						 		   	 }
					  		  	 			 	   						 }
					  		  	 			 	   					}
				  		  	 			 	   						.bot {width: 100%;
				  		  	 			 	   							  height: 30px;
				  		  	 			 	   							  float: left;
				  		  	 			 	   							  margin-top: 12px;
				  		  	 			 	   							  .stars {width: auto;
				  		  	 			 	   							  		  height: 30px;
				  		  	 			 	   							  		  float: left;
				  		  	 			 	   							  		  .star {width: 15px;
				  		  	 			 	   							  		  		 height: 30px;
				  		  	 			 	   							  		  		 display:flex;
				  		  	 			 	   							  		  		 align-items: center;
				  		  	 			 	   							  		  		 justify-content: center;
				  		  	 			 	   							  		  		 float: left;
				  		  	 			 	   							  		  		 span {font-size: 15px;
				  		  	 			 	   							  		  		 	   color:#DEDEDE;}
				  		  	 			 	   							  		  }
				  		  	 			 	   							  		  .star.actived span {color:@primary-hover-600;}
				  		  	 			 	   							  }
				  		  	 			 	   						}
					  		  	 			 	   		    }
					  		  	 			 	   }
					  		  	 			 	   	.right {width: 50%;
					  		  	 			 	   		    height: 122px;
					  		  	 			 	   		    float: left;
					  		  	 			 	   		    @media screen and (max-width: 768px) { 
			  		  	 					  				 	display: none;
			  		  	 					  			    }
					  		  	 			 	   		    .info {width: 167px;
					  		  	 			 	   		  		   float: right;
					  		  	 			 	   		  		   background-color:@primary-hover-600;
					  		  	 			 	   		  		   border-radius: 0px 10px 0px 10px;
					  		  	 			 	   		  		   height: 32px;
					  		  	 			 	   		  	       .icon {width: 32px;
					  		  	 			 	   		  	       	      height: 32px;
					  		  	 			 	   		  	       	      float: left;
					  		  	 			 	   		  	       	      margin-left: 30px;
					  		  	 			 	   		  	       	      display:flex;
					  		  	 			 	   		  	       	      align-items: center;
					  		  	 			 	   		  	       	      justify-content: center;
					  		  	 			 	   		  	       	      span {
					  		  	 			 	   		  	       	   		    color:white;
					  		  	 			 	   		  	       	   		    font-size: 18px;
					  		  	 			 	   		  	       	       }  
					  		  	 			 	   		  	       }
						  		  	 			 	   		  	   .text {width: auto;
						  		  	 			 	   		  		      height: 32px;
						  		  	 			 	   		  		      float: left;
						  		  	 			 	   		  		      display:flex;
						  		  	 			 	   		  		      align-items: center;
						  		  	 			 	   		  		      span {
						  		  	 			 	   		  		   		    color:#FFFFFF;
						  		  	 			 	   		  		   		    font-size: 12px;
						  		  	 			 	   		  		   		    font-weight: 500;
						  		  	 			 	   		  		   		    font-family: Roboto;
						  		  	 			 	   		  		      }
						  		  	 			 	   		  	   }
					  		  	 			 	   		    }
					  		  	 			 	   	}
					  		  	 			 }
					  		  	 			 .content {width: 100%;
					  		  	 					  height: auto;
					  		  	 					  float: left;
					  		  	 					  background-color:transparent;
					  		  	 					  margin-top: 24px;
					  		  	 					  .ev-arkadasi-bilgi {width: 100%;
					  		  	 					  					  height: auto;
					  		  	 					  					  float: left;
					  		  	 					  					  .list {width: 100%;
																  		  		 height: auto;
																  		  		 float: left;
																  		  		   .left {width: calc(50% - 9px);
																  		  		 		height: auto;
																  		  		 		float: left;
																  		  		 	    border-radius: 10px;
																  		  		 	    border:1px solid #f5f5f5;
																  		  		 	    .item {width: 100%;
																  		  		 	    	   height: 53px;
																  		  		 	    	   float: left;
																  		  		 	    	   border-bottom: 1px solid #F5F5F5;
																  		  		 	    	   .title {width: auto;
																  		  		 	    	   		   height: 53px;
																  		  		 	    	   		   float: left;
																  		  		 	    	   		   span {font-family: Roboto;
																  		  		 	    	   		   		 font-size: 14px;
																  		  		 	    	   		   		 color:#363636;
																  		  		 	    	   		   		 line-height: 53px;
																  		  		 	    	   		   		 margin-left: 16px;}
																  		  		 	    	   	}
																  		  		 	    	   	.value {width: auto;
																  		  		 	    	   			float: right;
																  		  		 	    	   		    height: 53px;
																  		  		 	    	   		    span {font-family: Roboto;
																  		  		 	    	   		   		 font-size: 14px;
																  		  		 	    	   		   		 color:#363636;
																  		  		 	    	   		   		 line-height: 53px;
																  		  		 	    	   		   		 margin-right: 16px;
																  		  		 	    	   		   		 font-weight: 500;}
																  		  		 	    	   	}
																  		  		 	    }
																  		  		 	    .item:last-child {border-bottom: 0px;}
																  		  		 	}
																  		  		 	.right {width: calc(50% - 9px);
																  		  		 		height: auto;
																  		  		 		float: left;
																  		  		 		margin-left: 18px;
																  		  		 	    border-radius: 10px;
																  		  		 	    border:1px solid #F5F5F5;
																  		  		 	    .item {width: 100%;
																  		  		 	    	   height: 53px;
																  		  		 	    	   float: left;
																  		  		 	    	   border-bottom: 1px solid #F5F5F5;
																  		  		 	    	   .title {width: auto;
																  		  		 	    	   		   height: 53px;
																  		  		 	    	   		   float: left;
																  		  		 	    	   		   span {font-family: Roboto;
																  		  		 	    	   		   		 font-size: 14px;
																  		  		 	    	   		   		 color:#363636;
																  		  		 	    	   		   		 line-height: 53px;
																  		  		 	    	   		   		 margin-left: 16px;}
																  		  		 	    	   	}
																  		  		 	    	   	.value {width: auto;
																  		  		 	    	   			float: right;
																  		  		 	    	   		    height: 53px;
																  		  		 	    	   		    span {font-family: Roboto;
																  		  		 	    	   		   		 font-size: 14px;
																  		  		 	    	   		   		 color:#363636;
																  		  		 	    	   		   		 line-height: 53px;
																  		  		 	    	   		   		 margin-right: 16px;
																  		  		 	    	   		   		 font-weight: 500;}
																  		  		 	    	   	}
																  		  		 	    }
																  		  		 	    .item:last-child {border-bottom: 0px;}
																  		  		 	}
																  		  }
					  		  	 					  }
					  		  	 					  .contact {width: 285px;
					  		  	 					  			height: 180px;
					  		  	 					  			float: left;
					  		  	 					  			.item {width: 100%;
					  		  	 					  				   height: 36px;
					  		  	 					  				   float: left;
					  		  	 					  				   margin-top: 12px;
					  		  	 					  				   padding-left: 24px;
					  		  	 					  				   .icon {width: 36px;
					  		  	 					  				   		  height: 36px;
					  		  	 					  				   		  float: left;
					  		  	 					  				   		  display:flex;
					  		  	 					  				   		  align-items: center;
					  		  	 					  				   		  justify-content: center;
					  		  	 					  				   		  border-radius: 4px;
					  		  	 					  				   		  border:1px solid #F5F5F5;
					  		  	 					  				   		  span {
					  		  	 					  				   		  		font-size: 20px;
					  		  	 					  				   		  		color:@primary-dark-700;}
					  		  	 					  				   	}
					  		  	 					  				    .value {width: 100% - 36px;
					  		  	 					  				    		height: 36px;
					  		  	 					  				    		float: left;
					  		  	 					  				    		display:flex;
					  		  	 					  				    		align-items: center;
					  		  	 					  				    		span {font-size: 14px;
					  		  	 					  				    			  
					  		  	 					  				    			  color: @black-100;
					  		  	 					  				    			  margin-left: 10px;}
					  		  	 					  				    }
					  		  	 					  			}
					  		  	 					  }
				  		  	 					  	  .center {width: calc(100% - 550px);
				  		  	 					  			   height: 164px;
				  		  	 					  			   float: left;
				  		  	 					  			   @media screen and (max-width: 880px) { 
			  		  	 					  				 	width: calc(100% - 285px);
			  		  	 					  				 	
			  		  	 					  				   }
				  		  	 					  			   .social {width: 100%;
				  		  	 					  			 		    height: 91px;
				  		  	 					  			 		    float: left;
				  		  	 					  			 		    .title {width: 100%;
				  		  	 					  			 		  		    height: 18px;
				  		  	 					  			 		  		    float: left;
				  		  	 					  			 		  		    span {line-height: 18px;
				  		  	 					  			 		  		  		  font-size: 12px;
				  		  	 					  			 		  		  		  font-weight: 500;
				  		  	 					  			 		  		  		  font-family: 'Roboto';}
				  		  	 					  			 		    }
				  		  	 					  			 		    .list {width: 100%;
				  		  	 					  			 		  		   height: 24px;
				  		  	 					  			 		  		   margin-top: 23px;
				  		  	 					  			 		  		   float: left;
				  		  	 					  			 		  		   .item {width: 24px;
				  		  	 					  			 		  		 		  height: 24px;
				  		  	 					  			 		  		 		  float: left;
				  		  	 					  			 		  		 		  display: flex;
				  		  	 					  			 		  		 		  align-items:center;
				  		  	 					  			 		  		 		  justify-content: center;
				  		  	 					  			 		  		 		  margin-left: 10px;
				  		  	 					  			 		  		 		  img {width: 23px;
				  		  	 					  			 		  		 		  	   height: 23px;
				  		  	 					  			 		  		 		  }
				  		  	 					  			 		  		   }
																			   .item:first-child {margin-left: 0;}
				  		  	 					  			 		    }
				  		  	 					  			   }
		  		  	 					  			 		   .hours {width: 100%;
		  		  	 					  			 				   height: 73px;
		  		  	 					  			 				   float: left;
		  		  	 					  			 				   .title {width: 100%;
		  		  	 					  			 		  		           height: 18px;
		  		  	 					  			 		  		           float: left;
		  		  	 					  			 		  		           span {line-height: 18px;
		  		  	 					  			 		  		  		         font-size: 12px;
		  		  	 					  			 		  		  		         font-weight: 500;
		  		  	 					  			 		  		  		         font-family: 'Roboto';
		  		  	 					  			 		  		  		   }
		  		  	 					  			 		  		   }
		  		  	 					  			 		  		   .cards {width: 100%;
		  		  	 					  			 		  		 		   height: 32px;
		  		  	 					  			 		  		 		   margin-top: 10px;
		  		  	 					  			 		  		 		   float: left;
		  		  	 					  			 		  		 		   .card {background-color: #F5FCD2;	
		  		  	 					  			 		  		 		 	      width: auto;
		  		  	 					  			 		  		 		 	      float: left;
		  		  	 					  			 		  		 		 	      height: 32px;
		  		  	 					  			 		  		 		 	      padding-left: 8px;
		  		  	 					  			 		  		 		 	      border:0px;
		  		  	 					  			 		  		 		 	      padding-right: 8px;
		  		  	 					  			 		  		 		 	      border-radius:4px;
		  		  	 					  			 		  		 		 	      display: flex;
		  		  	 					  			 		  		 		 	      align-items: center;
		  		  	 					  			 		  		 		 	      justify-content: center;
		  		  	 					  			 		  		 		 	      span {font-size: 12px;
		  		  	 					  			 		  		 		 	 	        font-weight: 500;
		  		  	 					  			 		  		 		 	 	        color:#121212;}
		  		  	 					  			 		  		 		    }
		  		  	 					  			 		  		 		   .card:nth-child(2) {margin-left: 14px;}
		  		  	 					  			 		  		   }
		  		  	 					  			 		   }
				  		  	 					  	  }
			  		  	 					  		  .link {width: 265px;
			  		  	 					  				 height: 160px;
			  		  	 					  				 float: left;
			  		  	 					  				 @media screen and (max-width: 880px) { 
			  		  	 					  				 	display: none;
			  		  	 					  				 }
			  		  	 					  				 .button {float: right;
			  		  	 					  				   		  height: 46px;
			  		  	 					  				   		  background-color: transparent;
			  		  	 					  				   		  width: 226px;
			  		  	 					  				   		  border:1px solid @secondary-default-500;
			  		  	 					  				   		  border-radius: 8px;
			  		  	 					  				   		  padding: 0;
			  		  	 					  				   		  margin-top: 156px;
			  		  	 					  				   		  .text {width: auto;
			  		  	 					  				   		    	 height: 46px;
			  		  	 					  				   		    	 float: left;
			  		  	 					  				   		    	 margin-left: 30px;
			  		  	 					  				   		    	 display: flex;
			  		  	 					  				   		    	 align-items: center;
			  		  	 					  				   		    	 span {font-size: 16px;
			  		  	 					  				   		    	   	   color:@secondary-default-500;
			  		  	 					  				   		    	   	   font-weight: 600;}
			  		  	 					  				   		  }
			  		  	 					  				   		  .icon {width: 24px;
			  		  	 					  				   		    	 height: 48px;
			  		  	 					  				   		    	 display: flex;
			  		  	 					  				   		    	 align-items: center;
			  		  	 					  				   		    	 justify-content: center;
			  		  	 					  				   		    	 float: left;
			  		  	 					  				   		    	 span {
			  		  	 					  				   		    	   	   color:#9CD323;
			  		  	 					  				   		    	   	   font-size: 16px;}
			  		  	 					  				   		  }
			  		  	 					  				 }
			  		  	 					  		  }
					  		  	 			 }
					  		  	 }	 			
					  	}

					  	.third {width: calc(100% - 48px);
				  		  	 	height: 326px;
				  		  	 	float: left;
				  		  	 	margin-left: 24px;
				  		  	 	margin-top: 24px;
				  		  	 	@media screen and (max-width: 768px) { 
					  				width: 100%;
					  				height: 473px;
					  				max-height: 80%;
					  				position: absolute;
					  				bottom:0px;
					  				left:0px;
					  				margin: 0;
					  				background-color: white;
					  				border-radius: 10px 10px 0px 0px;
					  			}
				  		  	 	.map-c {width: 100%;
				  		  	 			height: 326px;
				  		  	 			float: left;
				  		  	 			#map_canvas {width: 100%;
				  		  	 				  		 height: 100%;}
				  		  	 	}
				  		}
				  		  .fourth {width: calc(100% - 48px);
				  		  	 	   height: 331px;
				  		  	 	   float: left;
				  		  	 	   margin-left: 24px;
				  		  	 	   margin-top: 24px;
				  		  	 	   .mobile-title {width: 367px;
											      margin-left: 50%;
											      padding-left: 5%;
											      float: left;
											      display: none;
											      margin-bottom: 16px;
											      transform: translateX(-50%);
				  		  	 	   				  height: 21px;
				  		  	 	   				  margin-top: 18px;
				  		  	 	   				  float: left;
				  		  	 	   				  span {line-height: 21px;
				  		  	 	   				  		color:#16192C;
				  		  	 	   				  	 	font-weight: 500;
				  		  	 	   				  	 	font-size: 14px;}
				  		  	 	   				}
				  		  	 	   .container {width: 90%;
				  		  	 	   			   height: 331px;
				  		  	 	   			   float: left;
				  		  	 	   			   margin-left: 5%;
				  		  	 	   			   .left {width: 50%;
				  		  	 	   			   		  height: 331px;
				  		  	 	   			   		  float: left;
				  		  	 	   			   		  .vector {width: 100%;
				  		  	 	   			   		  		   height: 331px;
				  		  	 	   			   		  		   float: left;
				  		  	 	   			   		  		   text-align: center;
				  		  	 	   			   		  		   img {width: 238px;
				  		  	 	   			   		  		   		height: 205px;
				  		  	 	   			   		  		   		margin-top: 63px;}
				  		  	 	   			   		  }
				  		  	 	   			    }

				  		  	 	   			   	.right {width: 50%;
				  		  	 	   			   			height: 331px;
				  		  	 	   			   			float: left;
				  		  	 	   			   			.form {width: 367px;
				  		  	 	   			   				   margin-left: 50%;
				  		  	 	   			   				   float: left;
				  		  	 	   			   				   transform: translateX(-50%);
				  		  	 	   			   				   height: 331px;
				  		  	 	   			   				   .container {width: 100%;
				  		  	 	   			   				   			   height: 100%;
				  		  	 	   			   				   			   float: left;
				  		  	 	   			   				   			   .user-card {width: 100%;
				  		  	 	   			   				   			   			   height: 50px;
				  		  	 	   			   				   			   			   float: left;
				  		  	 	   			   				   			   			   background-color: #EEE;
				  		  	 	   			   				   			   			   border-radius: 8px;
				  		  	 	   			   				   			   			   .image {width: 50px;
				  		  	 	   			   				   			   			   		   height: 50px;
				  		  	 	   			   				   			   			   		   float: left;
				  		  	 	   			   				   			   			   		   display: flex;
				  		  	 	   			   				   			   			   		   align-items: center;
				  		  	 	   			   				   			   			   		   justify-content: center;
				  		  	 	   			   				   			   			   		   img {width: 40px;
				  		  	 	   			   				   			   			   		   		height: 40px;
				  		  	 	   			   				   			   			   		   		object-fit: cover;
				  		  	 	   			   				   			   			   		   		text-align: center;
				  		  	 	   			   				   			   			   		   }
				  		  	 	   			   				   			   			   }
				  		  	 	   			   				   			   			   .username {width: calc(100% - 50px);
				  		  	 	   			   				   			   			   		 	  height: 50px;
				  		  	 	   			   				   			   			   		 	  float: left;
				  		  	 	   			   				   			   			   		 	  display: flex;
				  		  	 	   			   				   			   			   		 	  align-items: center;
				  		  	 	   			   				   			   			   		 	  padding-left: 8px;
				  		  	 	   			   				   			   			   		 	  span {font-size: 16px;
				  		  	 	   			   				   			   			   		 	  		font-weight: 500;
				  		  	 	   			   				   			   			   		 	  }
				  		  	 	   			   				   			   			   }
				  		  	 	   			   				   			   }
				  		  	 	   			   				   			   .input {width: 100%;
				  		  	 	   			   				   			   		   height: auto;
				  		  	 	   			   				   			   		   float: left;
				  		  	 	   			   				   			   		   margin-top: 14px;
				  		  	 	   			   				   			   		   input {width: 100%;
				  		  	 	   			   				   			   		   		  height: 50px;
				  		  	 	   			   				   			   		   		  background-color: #FAFAFA;
				  		  	 	   			   				   			   		   		  color:#303357;
				  		  	 	   			   				   			   		   		  border:0px;
				  		  	 	   			   				   			   		   		  border-radius: 8px;
				  		  	 	   			   				   			   		   		  padding-left: 14.5px;
				  		  	 	   			   				   			   		   		  padding-right: 14.5px;
				  		  	 	   			   				   			   		   		  }

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

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

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

																					textarea {width: 100%;
																							  height: 120px;
																							  background-color: #FAFAFA;
																							  color:#303357;
																							  border:0px;
																							  resize: none;
				  		  	 	   			   				   			   		   		  	  border-radius: 8px;
																							  padding: 14.5px;}
				  		  	 	   			   				   			   	}
				  		  	 	   			   				   			   	.input:first-child {margin-top: 0;}
			  		  	 	   			   				   			   		.button {width: 100%;
			  		  	 	   			   				   			   				 margin-top: 24px;
			  		  	 	   			   				   			   				 margin-left: 0;
			  		  	 	   			   				   			   				 height: 48px;
			  		  	 	   			   				   			   				 float: left;
			  		  	 	   			   				   			   				 padding: 0;
			  		  	 	   			   				   			   				 background-color: @primary-default-500;
			  		  	 	   			   				   			   				 border-radius: 8px;
			  		  	 	   			   				   			   				 text-align: center;
			  		  	 	   			   				   			   				 cursor: pointer;
			  		  	 	   			   				   			   				 user-select: none;
			  		  	 	   			   				   			   				 span {font-family: Roboto;
			  		  	 	   			   				   			   				 	   font-size: 16px;
			  		  	 	   			   				   			   				 	   font-weight: 600;
			  		  	 	   			   				   			   				 	   color:white;
			  		  	 	   			   				   			   				 	   line-height: 48px;}
			  		  	 	   			   				   			   		}
				  		  	 	   			   				   }
				  		  	 	   			   			}
				  		  	 	   			   	}
				  		  	 	   }
				  		  }
				  		   .fifth {width: calc(100% - 48px);
				  		  	 	   height: 331px;
				  		  	 	   float: left;
				  		  	 	   margin-left: 24px;
				  		  	 	   margin-top: 24px;
				  		  	 	    .mobile-title {width: 367px;
											      margin-left: 50%;
											      float: left;
											      margin-bottom: 16px;
											      transform: translateX(-50%);
				  		  	 	   				  height: 21px;
				  		  	 	   				  display:none;
				  		  	 	   				  margin-top: 18px;
				  		  	 	   				  float: left;
				  		  	 	   				  span {line-height: 21px;
				  		  	 	   				  		color:#16192C;
				  		  	 	   				  	 	font-weight: 500;
				  		  	 	   				  	 	font-size: 14px;}
				  		  	 	   	}
				  		  	 	   .container {width: 90%;
				  		  	 	   			   height: 331px;
				  		  	 	   			   float: left;
				  		  	 	   			   margin-left: 5%;
				  		  	 	   			   .left {width: 50%;
				  		  	 	   			   		  height: 100%;
				  		  	 	   			   		  float: left;

				  		  	 	   			   		  .vector {width: 100%;
				  		  	 	   			   		  		   height: 100%;
				  		  	 	   			   		  		   float: left;
				  		  	 	   			   		  		   display: flex;
				  		  	 	   			   		  		   align-items: center;
				  		  	 	   			   		  		   text-align: center;
				  		  	 	   			   		  		   img {width: 269px;
				  		  	 	   			   		  		   	    height: 216.86px;
				  		  	 	   			   		  		   	    margin-left: 50%;
				  		  	 	   			   		  		   	    transform:translateX(-50%);
				  		  	 	   			   		  		   		}
				  		  	 	   			   		  }
				  		  	 	   			   	}
				  		  	 	   			   	.right {width: 50%;
				  		  	 	   			   			height: 100%;
				  		  	 	   			   			float: left;
				  		  	 	   			   			.container {width: 100%;
				  		  	 	   			   						height: 100%;
				  		  	 	   			   						float: left;	
	  		  	 	   			   									.title {width: 100%;
	  		  	 	   			   											height: 48px;
	  		  	 	   			   											float: left;
	  		  	 	   			   											span {font-size: 16px;
		  		  	 	   			   										  font-family: 'Roboto';
		  		  	 	   			   										  color:#0A0A0A;
		  		  	 	   			   										  font-weight: 400;
		  		  	 	   			   										}
	  		  	 	   			   									}
	  		  	 	   			   									.input {width: 367px;
	  		  	 	   			   											height: 50px;
	  		  	 	   			   											margin-top: 14px;
	  		  	 	   			   											float: left;
	  		  	 	   			   											select {width: 100%;
		  		  	 	   			   				   			   		   		    height: 50px;
		  		  	 	   			   				   			   		   		    background-color: #FAFAFA;
		  		  	 	   			   				   			   		   		    color:#303357;
		  		  	 	   			   				   			   		   		    border:0px;
		  		  	 	   			   				   			   		   		    border-radius: 8px;
		  		  	 	   			   				   			   		   		    padding-left: 14.5px;
		  		  	 	   			   				   			   		   		    padding-right: 14.5px;
	  		  	 	   			   													}
	  		  	 	   			   											input  {width: 100%;
		  		  	 	   			   				   			   		   		    height: 50px;
		  		  	 	   			   				   			   		   		    background-color: #FAFAFA;
		  		  	 	   			   				   			   		   		    color:#303357;
		  		  	 	   			   				   			   		   		    border:0px;
		  		  	 	   			   				   			   		   		    border-radius: 8px;
		  		  	 	   			   				   			   		   		    padding-left: 14.5px;
		  		  	 	   			   				   			   		   		    padding-right: 14.5px;
	  		  	 	   			   													}
  		  	 	   			   										}
  		  	 	   			   										.button {width: 367px;
  		  	 	   			   												 height: 48px;
  		  	 	   			   												 float: left;
  		  	 	   			   												 background-color: @primary-default-500;
  		  	 	   			   												 text-align: center;
  		  	 	   			   												 border-radius: 3px;
  		  	 	   			   												 padding: 0;		
  		  	 	   			   												 margin: 0;
	  	 	   			   												 	 transition: 0.2s;
  		  	 	   			   												 cursor: pointer;
  		  	 	   			   												 margin-top: 24px;
  		  	 	   			   												 span {line-height: 48px;
  		  	 	   			   												 	   color:#FFF;
  		  	 	   			   												 	   font-family: 'Roboto';
  		  	 	   			   												 	   font-size: 16px;
  		  	 	   			   												 }
  		  	 	   			   												 
  		  	 	   			   										}
  		  	 	   			   										.button:hover {background-color: @primary-hover-600;}
  		  	 	   			   										.calc-result {width: 100%;
  		  	 	   			   													  height: auto;
  		  	 	   			   													  float: left;
  		  	 	   			   													  margin-top: 4px;
  		  	 	   			   													  span {font-size: 14px;}
  		  	 	   			   										}			
				  		  	 	   			   			}
				  		  	 	   			   	}

									}
							}
							.sixth {width: calc(100% - 48px);
				  		  	 	    height: 307px;
				  		  	 	    float: left;
				  		  	 	    margin-left: 24px;
				  		  	 	    margin-top: 24px;
				  		  	 	    .container {width: 90%;
				  		  	 	   			    height: 307px;
				  		  	 	   			    float: left;
				  		  	 	   			    margin-left: 5%;
				  		  	 	   			    .video {width: 613px;
				  		  	 	   			    		height: 307px;
				  		  	 	   			    		float: left;
				  		  	 	   			    		margin-left: 50%;
				  		  	 	   			    		transform: translateX(-50%);}
				  		  	 	   	}
				  		  	}
				}
					
}		   


.user-others {width: 100%;
			  height: 486px;
			  float: left;
			  margin-top: 37px;
			  .c-container {width: 100%;
			  				height: 100%;
			  				float: left;
			  				.top {width: 100%;
			  					  height: 47px;
			  					  float: left;
			  					  .title {width: calc(100% - 96px);
			  					  		  height: 47px;
			  					  		  float: left;
			  					  		  display: flex;
			  					  		  align-items: center;
			  					  		  span {font-family: 'Inter';
			  					  		  	    font-size: 24px;
			  					  		  	    font-weight: 600;
			  					  		  	    color:black;
			  					  		  }
			  					  }

	   					   		 .buttons {width: 96px;
	   					   		 		   height: 40px;
	   					   		 		   margin-top: 8px;
	   					   		 		   float: left;
	   					   		 		   .item {width: 40px;
	   					   		 		   		  height: 40px;
	   					   		 		   		  float: left;
	   					   		 		   		  .item-outer {width: 40px;
	   					   		 		   		  			   height: 40px;
	   					   		 		   		  			   border-radius: 40px;
	   					   		 		   		  			   float: left;
	   					   		 		   		  			   background-color: @primary-light-100;
	   					   		 		   		  			   justify-content: center;
	   					   		 		   		  			   span {width: 28px;
   					   		 		   		  			   		     height: 28px;
   					   		 		   		  			   		     margin: 6px;
   					   		 		   		  			   		     border-radius: 28px;
   					   		 		   		  			   		     color:#7D6494;
   					   		 		   		  			   		     display:flex;
   					   		 		   		  			   		     cursor: pointer;
   					   		 		   		  			   		     align-items: center;
   					   		 		   		  			   		     justify-content: center;
   					   		 		   		  			   		     font-size: 24px;
   					   		 		   		  			   		     border:0px;
   					   		 		   		  			   		     outline: 0px;
	   					   		 		   		  			   }
	   					   		 		   		  }
	   					   		 		   		  .active {span {background-color: #5F417B; color:white;}}
	   					   		 		   }
	   					   		 		   .item:last-child {margin-left: 16px;}
	   					   		 		   .item:hover { span {background-color: #7C5CFC; color:white;}}
	   					   		 }
			  				}
			  				.list {width: 100%;
	  						       height: 414px;
	  						       float: left;
	  						       margin-top: 14px;
	  						       .list-container {width: 100%;
	  						       					height: 414px;
	  						       					float: left;
	  						       					.card { 
															width: calc(100% - 24px);
			 			  				  					 height: 414px;
			 			  				  					 float: left;
			 			  				  					 margin: 0;
			 			  				  					 margin-left: 24px;
			 			  				  					//  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;
																			 --bs-gutter-x: 0rem;
			 			  				  					 				 .top {width: 100%;
			 			  				  					 				 		 height: 272px;
			 			  				  					 				 		 float: left;
			 			  				  					 				 		 display: block;
			 			  				  					 				 		 .photo {width: 100%;
			 			  				  					 				 		 			height: 272px;
			 			  				  					 				 		 			float: left;
			 			  				  					 				 		 			img {width: 100%;
			 			  				  					 				 		 				  height: 100%;
			 			  				  					 				 		 				  object-fit: cover;
			 			  				  					 				 		 				  border-radius: 10px 10px 0px 0px;
			 			  				  					 				 		 			}
			 			  				  					 				 		 }
			 			  				  					 				 		 .like {width: 100%;
			 			  				  					 				 		 		  height: 40px;
			 			  				  					 				 		 		  float: left;
			 			  				  					 				 		 		  margin-top: -260px;
			 			  				  					 				 		 		  .container {width: 40px;
			 			  				  					 				 		 		  				  height: 40px;
			 			  				  					 				 		 		  				  float: right;
			 			  				  					 				 		 		  				  margin-right: 12px;
			 			  				  					 				 		 		  				  span {display: flex;
			 			  				  					 				 		 		  				  		  width: 40px;
			 			  				  					 				 		 		  				  		  height: 40px;
			 			  				  					 				 		 		  				  		  border-radius: 40px;
			 			  				  					 				 		 		  				  		  background-color: white;
			 			  				  					 				 		 		  				  		  align-items: center;
			 			  				  					 				 		 		  				  		  justify-content: center;
			 			  				  					 				 		 		  				  		  font-size: 20px;
			 			  				  					 				 		 		  				  		  color:#FF3860;
			 			  				  					 				 		 		  				  }
			 			  				  					 				 		 		  }
			 			  				  					 				 		 }
			 			  				  					 				 		 .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;}
	  						       }
			  				}
			  }
}

.user-others-mobile {width: calc(100% - 32px);
					 margin-left: 16px;
					 float: left;
					 height: 439px;
					 margin-top: 20px;
					 .c-container {width: 100%;
					 			   height: 439px;
					 			   float: left;
					 			   .top {width: 100%;
					 			   		 height: 26px;
					 			   		 float: left;
					 			   		 .title {width: auto;
					 			   		 		 height: 26px;
					 			   		 		 float: left;
					 			   		 		 display: flex;
					 			   		 		 align-items: center;
					 			   		 		 span {font-size: 14px;
					 			   		 		 	   font-weight: 600;
					 			   		 		 	   color:black;

					 			   		 		 }
					 			   		 }
					 			   }
					 			   .list {width: 100%;
					 			   		  height: auto;
					 			   		  float: left;
					 			   		  background-color: white;
					 			   		  margin-top: 12px;
					 			   		  .tab {width: 100%;
   					 							height: 100%;
   					 							float: left;
   					 							display:none;
   					 					}
   					 					.active-tab {display:block;}
   					 					.list-container {width: 100%;
   					 										  height: 320px;
   					 										  float: left;
   					 										  padding-left: 16px;
   					 										  padding-right: 16px;
   					 										  a {display: block; width: 100%; height: 150px;
   					 										  			margin-top: 10px;
   					 										  	float: left;}
   					 										  .item {width: 100%;
   					 										  			height: 150px;
   					 										  			float: left;
   					 										  			background-color: #FCFCFF;
   					 										  			border-radius: 10px;
   					 										  			border:1px solid #F5F5F5;
   					 										  			.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:#2D1D92;
   					 										  								  		  			 						 		  	  text-decoration: none;
   					 										  								  		  			 						 		  }
   					 										  								  		  			 						 }
   					 										  								  		  			 						 .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;
   					 										  								  		  					  .property {width: auto;
   					 										  								  		  					  			    height: 32px;
   					 										  								  		  					  			    float: left;
   					 										  								  		  					  			    margin-left: 25px;
   					 										  								  		  					  			    .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-s {background-color: white; margin-top: 0; height: 60px; padding-top: 14px;}
					 }
}
.related-mobile {width: calc(100% - 32px);
					 margin-left: 16px;
					 float: left;
					 height: 439px;
					 margin-top: 20px;
					 .c-container {width: 100%;
					 			   height: 439px;
					 			   float: left;
					 			   .top {width: 100%;
					 			   		 height: 26px;
					 			   		 float: left;
					 			   		 .title {width: auto;
					 			   		 		 height: 26px;
					 			   		 		 float: left;
					 			   		 		 display: flex;
					 			   		 		 align-items: center;
					 			   		 		 span {font-size: 14px;
					 			   		 		 	   font-weight: 600;
					 			   		 		 	   color:black;

					 			   		 		 }
					 			   		 }
					 			   }
					 			   .list {width: 100%;
					 			   		  height: auto;
					 			   		  float: left;
					 			   		  background-color: white;
					 			   		  margin-top: 12px;
					 			   		  .tab {width: 100%;
   					 							height: 100%;
   					 							float: left;
   					 							display:none;
   					 					}
   					 					.active-tab {display:block;}
   					 					.list-container {width: 100%;
   					 										  height: 320px;
   					 										  float: left;
   					 										  padding-left: 16px;
   					 										  padding-right: 16px;
   					 										  a {display: block; width: 100%; height: 150px;
   					 										  			margin-top: 10px;
   					 										  	float: left;}
   					 										  .item {width: 100%;
   					 										  			height: 150px;
   					 										  			float: left;
   					 										  			background-color: #FCFCFF;
   					 										  			border-radius: 10px;
   					 										  			border:1px solid #F5F5F5;
   					 										  			.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:#2D1D92;
   					 										  								  		  			 						 		  	  text-decoration: none;
   					 										  								  		  			 						 		  }
   					 										  								  		  			 						 }
   					 										  								  		  			 						 .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;
   					 										  								  		  					  .property {width: auto;
   					 										  								  		  					  			    height: 32px;
   					 										  								  		  					  			    float: left;
   					 										  								  		  					  			    margin-left: 25px;
   					 										  								  		  					  			    .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-s {background-color: white; margin-top: 0; height: 60px; padding-top: 14px;}
					 }
}

.related {width: 100%;
			  height: 486px;
			  float: left;
			  margin-top: 37px;
			  .c-container {width: 100%;
			  				height: 100%;
			  				float: left;
			  				.top {width: 100%;
			  					  height: 47px;
			  					  float: left;
			  					  .title {width: calc(100% - 96px);
			  					  		  height: 47px;
			  					  		  float: left;
			  					  		  display: flex;
			  					  		  align-items: center;
			  					  		  span {font-family: 'Inter';
			  					  		  	    font-size: 24px;
			  					  		  	    font-weight: 600;
			  					  		  	    color:black;
			  					  		  }
			  					  }

			 			   		 .buttons {width: 96px;
	   					   		 		   height: 40px;
	   					   		 		   margin-top: 8px;
	   					   		 		   float: left;
	   					   		 		   .item {width: 40px;
	   					   		 		   		  height: 40px;
	   					   		 		   		  float: left;
	   					   		 		   		  .item-outer {width: 40px;
	   					   		 		   		  			   height: 40px;
	   					   		 		   		  			   border-radius: 40px;
	   					   		 		   		  			   float: left;
	   					   		 		   		  			   background-color: @primary-light-100;
	   					   		 		   		  			   justify-content: center;
	   					   		 		   		  			   span {width: 28px;
   					   		 		   		  			   		     height: 28px;
   					   		 		   		  			   		     margin: 6px;
   					   		 		   		  			   		     border-radius: 28px;
   					   		 		   		  			   		     color:#7D6494;
   					   		 		   		  			   		     display:flex;
   					   		 		   		  			   		     cursor: pointer;
   					   		 		   		  			   		     align-items: center;
   					   		 		   		  			   		     justify-content: center;
   					   		 		   		  			   		     font-size: 24px;
   					   		 		   		  			   		     border:0px;
   					   		 		   		  			   		     outline: 0px;
	   					   		 		   		  			   }
	   					   		 		   		  }
	   					   		 		   		  .active {span {background-color: #5F417B; color:white;}}
	   					   		 		   }
	   					   		 		   .item:last-child {margin-left: 16px;}
	   					   		 		   .item:hover { span {background-color: #7C5CFC; color:white;}}
	   					   		 }
			  				}
			  				.list {width: 100%;
	  						       height: 414px;
	  						       float: left;
	  						       margin-top: 14px;
	  						       .list-container {width: 100%;
	  						       					height: 414px;
	  						       					float: left;
	  						       					.card { 
															width: calc(100% - 24px);
			 			  				  					 height: 414px;
			 			  				  					 float: left;
			 			  				  					 margin: 0;
			 			  				  					 margin-left: 24px;
			 			  				  					//  margin-top: 15px;
			 			  				  					//  margin-left: 15px;
			 			  				  					 background-color: white;
			 			  				  					 border:1px solid #F5F5F5;
			 			  				  					 border-radius: 10px;
			 			  				  					 padding: 0;
			 			  				  					 filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
			 			  				  					 .container {width: 100%;
			 			  				  					 				 height: 100%;
			 			  				  					 				 float: left;
			 			  				  					 				 --bs-gutter-x: 0rem;
																			 position: relative;
			 			  				  					 				 .top {width: 100%;
			 			  				  					 				 		 height: 272px;
			 			  				  					 				 		 float: left;
			 			  				  					 				 		 display: block;
			 			  				  					 				 		 .photo {width: 100%;
			 			  				  					 				 		 			height: 272px;
			 			  				  					 				 		 			float: left;
			 			  				  					 				 		 			img {width: 100%;
			 			  				  					 				 		 				  height: 100%;
			 			  				  					 				 		 				  object-fit: cover;
			 			  				  					 				 		 				  border-radius: 10px 10px 0px 0px;
			 			  				  					 				 		 			}
			 			  				  					 				 		 }
			 			  				  					 				 		 .like {width: 100%;
			 			  				  					 				 		 		  height: 40px;
			 			  				  					 				 		 		  float: left;
			 			  				  					 				 		 		  margin-top: -260px;
			 			  				  					 				 		 		  .container {width: 40px;
			 			  				  					 				 		 		  				  height: 40px;
			 			  				  					 				 		 		  				  float: right;
			 			  				  					 				 		 		  				  margin-right: 12px;
			 			  				  					 				 		 		  				  span {display: flex;
			 			  				  					 				 		 		  				  		  width: 40px;
			 			  				  					 				 		 		  				  		  height: 40px;
			 			  				  					 				 		 		  				  		  border-radius: 40px;
			 			  				  					 				 		 		  				  		  background-color: white;
			 			  				  					 				 		 		  				  		  align-items: center;
			 			  				  					 				 		 		  				  		  justify-content: center;
			 			  				  					 				 		 		  				  		  font-size: 20px;
			 			  				  					 				 		 		  				  		  color:#FF3860;
			 			  				  					 				 		 		  				  }
			 			  				  					 				 		 		  }
			 			  				  					 				 		 }
			 			  				  					 				 		 .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;}
	  						       }
			  				}
			  }
}

.trailer-video {width: 100%;
				height: 430px;
			    float: left;
			    margin-top: 37px;
			    .c-container {width: 100%;
			  				  height: 100%;
			  				  float: left;
			  				  .top {width: 100%;
			  					    height: 36px;
			  					    float: left;
			  					    .title {width: auto;
			  					  		    height: 36px;
			  					  		    float: left;
			  					  		    display: flex;
			  					  		    align-items: center;
			  					  		    span {font-family: 'Inter';
			  					  		  	      font-size: 24px;
			  					  		  	      font-weight: 600;
			  					  		  	      color:black;
			  					  		    }
			  					    }
			  				  }
			  				  .video {width: 100%;
			  				  		  height: 379px;
			  				  		  float: left;
			  				  		  display: flex;
			  				  		  margin-top: 14px;
			  				  		  align-items: center;
			  				  		  justify-content: center;
			  				  		  background-color: black;
			  				  		  border-radius: 10px;
			  				  		  .video-container, .video-controls, .video-timer, .options{
										  display: flex;
										  align-items: center;
										  justify-content: center;
										}
										.video-container{
										  width: auto;
										  max-width: 100%;
										  height: 379px;
										  user-select: none;
										  overflow: hidden;
										  max-width: 900px;
										  border-radius: 5px;
										  background: #000;
										  aspect-ratio: 16 / 9;
										  position: relative;
										  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
										}
										.video-container.fullscreen{
										  max-width: 100%;
										  width: 100%;
										  height: 100vh;
										  border-radius: 0px;
										}
										.wrapper{
										  position: absolute;
										  left: 0;
										  right: 0;
										  z-index: 1;
										  opacity: 0;
										  bottom: -15px;
										  transition: all 0.08s ease;
										}
										.video-container.show-controls .wrapper{
										  opacity: 1;
										  bottom: 0;
										  transition: all 0.13s ease;
										}
										.wrapper::before{
										  content: "";
										  bottom: 0;
										  width: 100%;
										  z-index: -1;
										  position: absolute;
										  height: calc(100% + 35px);
										  pointer-events: none;
										  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
										}
										.video-timeline{
										  height: 7px;
										  width: 100%;
										  cursor: pointer;
										}
										.video-timeline .progress-area{
										  height: 3px;
										  position: relative;
										  background: rgba(255, 255, 255, 0.6);
										}
										.progress-area span{
										  position: absolute;
										  left: 50%;
										  top: -25px;
										  font-size: 13px;
										  color: #fff;
										  pointer-events: none;
										  transform: translateX(-50%);
										}
										.progress-area .progress-bar{
										  width: 0%;
										  height: 100%;
										  position: relative;
										  background: #5E43D8;
										}
										.progress-bar::before{
										  content: "";
										  right: 0;
										  top: 50%;
										  height: 13px;
										  width: 13px;
										  position: absolute;
										  border-radius: 50%;
										  background: #5E43D8;
										  transform: translateY(-50%);
										}
										.progress-bar::before, .progress-area span{
										  display: none;
										}
										.video-timeline:hover .progress-bar::before,
										.video-timeline:hover .progress-area span{
										  display: block;
										}
										.wrapper .video-controls{
										  padding: 5px 20px 10px;
										}
										.video-controls .options{
										  width: 100%;
										}
										.video-controls .options:first-child{
										  justify-content: flex-start;
										}
										.video-controls .options:last-child{
										  justify-content: flex-end;
										}
										.options button{
										  height: 40px;
										  width: 40px;
										  font-size: 19px;
										  border: none;
										  cursor: pointer;
										  background: none;
										  color: #efefef;
										  border-radius: 3px;
										  transition: all 0.3s ease;
										}
										.options button :where(i, span) {
										  height: 100%;
										  width: 100%;
										  line-height: 40px;
										}
										.options button:hover :where(i, span){
										  color: #fff;
										}
										.options button:active :where(i, span){
										  transform: scale(0.9);
										}
										.options button span{
										  font-size: 23px;
										}
										.options input{
										  height: 4px;
										  margin-left: 3px;
										  max-width: 75px;
										  accent-color: #0078FF;
										}
										.options .video-timer{
										  color: #efefef;
										  margin-left: 15px;
										  font-size: 14px;
										}
										.video-timer .separator{
										  margin: 0 5px;
										  font-size: 16px;
										  font-family: "Open sans";
										}
										.playback-content{
										  display: flex;
										  position: relative;
										}
										.playback-content .speed-options{
										  position: absolute;
										  list-style: none;
										  left: -40px;
										  bottom: 40px;
										  width: 95px;
										  overflow: hidden;
										  opacity: 0;
										  border-radius: 4px;
										  pointer-events: none;
										  background: rgba(255, 255, 255, 0.9);
										  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
										  transition: opacity 0.13s ease;
										}
										.playback-content .speed-options.show{
										  opacity: 1;
										  pointer-events: auto;
										}
										.speed-options li{
										  cursor: pointer;
										  color: #000;
										  font-size: 14px;
										  margin: 2px 0;
										  padding: 5px 0 5px 15px;
										  transition: all 0.1s ease;
										}
										.speed-options li:where(:first-child, :last-child){
										  margin: 0px;
										}
										.speed-options li:hover{
										  background: #dfdfdf;
										}
										.speed-options li.active{
										  color: #fff;
										  background: #3e97fd;
										}
										.container video{
										  width: 100%;
										}
										@media screen and (max-width: 540px) {
										  .wrapper .video-controls{
										    padding: 3px 10px 7px;
										  }
										  .options input, .progress-area span{
										    display: none!important;
										  }
										  .options button{
										    height: 30px;
										    width: 30px;
										    font-size: 17px;
										  }
										  .options .video-timer{
										    margin-left: 5px;
										  }
										  .video-timer .separator{
										    font-size: 14px;
										    margin: 0 2px;
										  }
										  .options button :where(i, span) {
										    line-height: 30px;
										  }
										  .options button span{
										    font-size: 21px;
										  }
										  .options .video-timer, .progress-area span, .speed-options li{
										    font-size: 12px;
										  }
										  .playback-content .speed-options{
										    width: 75px;
										    left: -30px;
										    bottom: 30px;
										  }
										  .speed-options li{
										    margin: 1px 0;
										    padding: 3px 0 3px 10px;
										  }
										  .right .pic-in-pic{
										    display: none;
										  }
										}
			  				  }
			  				  .video * {box-sizing: border-box; font-family: 'Poppins', sans-serif;}
				}
}


.mobile-map {width: calc(100% - 32px);
			 height: 120px;
			 margin-top: 18px;
			 float: left;
			 margin-left: 19px;
			 display: none;
			 background-image: url(../images/ilan-detay-mobile-map.png);
			 background-size: 100% 100%;
			 background-position: center;
			 background-repeat: no-repeat;
			 align-items: center;
			 justify-content: center;
			 @media screen and (max-width: 768px) { 
					display:flex;
			 }
			 .container {width: 100%;
			 			 height: 100%;
			 			 float: left;
			 			 display: flex;
			 			 align-items: center;
			 			 background-color: rgba(170, 149, 253, 0.7);
			 			 border-radius: 10px;
			 			 .inner {width: 100%;
			 			 		 height: 52px;
			 			 		 float: left;
			 			 		 .text {width: 100%;
			 			 		 		height: 19px;
			 			 		 		float: left;
			 			 		 		display: flex;
			 			 		 		align-items: center;
			 			 		 		justify-content: center;
			 			 		 		margin-top: 3px;
			 			 		 		span {font-size: 14px;
			 			 		 			  font-weight: 700;
			 			 		 			  text-align: center;
			 			 		 			  color:#fff;

			 			 		 		}
			 			 		 }
			 			 		 .icon {width: 100%;
			 			 		 		height: 27px;
			 			 		 		float: left;
			 			 		 		display: flex;
			 			 		 		align-items: center;
			 			 		 		justify-content: center;
			 			 		 		--bs-gutter-x: 0rem;
			 			 		 		.icon-inner {width: 27px;
			 			 		 					 height: 27px;
			 			 		 					 float: left;
			 			 		 					 display: flex;
			 			 		 					 align-items: center;
			 			 		 					 justify-content: center;
			 			 		 					 --bs-gutter-x: 0rem;
			 			 		 					 border-radius: 27px;
			 			 		 					 background-color: rgba(245, 252, 210, 0.4);
			 			 		 		}
			 			 		 		span {font-size: 12px;
			 			 		 			  text-align: center;
			 			 		 			  color:#fff;
			 			 		 			  display: flex;
			 			 		 			  align-items: center;
			 			 		 			  justify-content: center;
			 			 		 			  width: 20px;
			 			 		 			  height: 20px;
			 			 		 			  border-radius: 20px;
			 			 		 			  background-color: #9CD323;
			 			 		 			  padding: 0;
			 			 		 		}
			 			 		 }
			 			 }
			 }
}
		





}

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

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

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

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

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

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

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

.mobile-map-window {width: 100%;
				    height: calc(100% - 88px);
				    position: fixed;
				    top:0px;
				    left:0;
				    z-index: 999999;
				    display: none;
					.container {width: 100%;
							    height: 100%;
							    float: left;
							    background-color: white;
								padding: 0;
								.mobile-map-top {width: 100%;
												 height: 48px;
												 float: left;

												 padding-left: 16px;
												 padding-right: 16px;
												 .return {width: 24px;
												 		  height: 48px;
												 		  float: left;
												 		  display: flex;
												 		  align-items: center;
												 		  span {color:#121212;
												 		  		font-size: 32px;

												 		  }
												 }
												 .title {width: calc(100% - 48px);
												 		 height: 48px;
												 		 float: left;
												 		 display: flex;
												 		 align-items: center;
												 		 justify-content: center;
												 		 span {font-size: 16px;
												 		 	   font-weight: 600;
												 		 	   color:#5E43D8;
												 		 }
												 } 
												 .close {width: 24px;
												 		 height: 48px;
												 		 float: left;
												 		 display: flex;
												 		 align-items: center;
												 		 justify-content: center;
												 		 span {color:#494545;
												 		 	   font-size: 32px;
												 		 }
												 }
								}
								.map-c {width: 100%;
										height: calc(100% - 48px);
										float: left;
										#map_canvas {width: 100%;
											  		 height: 100%;}
								}
					}
}

.ilani-bildir {width: 100%;
			   height: 100%;
			   position: fixed;
			   top:0px;
			   left:0px;
			   display: none;
			   align-items: center;
			   justify-content: center;
			   z-index: 9999999999999999;
			   background-color: rgba(0, 0, 0, 0.6);
			   font-family: 'Inter';
			   .container {width: 96%;
			   			   height: 614px;
			   			   max-height: 96%;
			   			   float: left;
			   			   background-color: white;
			   			   max-width: 570px;
			   			   padding: 0;
			   			   border-radius: 15px;
			   			   .close {width: 100%;
			   			   		   height: 24px;
			   			   		   float: left;
			   			   		   display: flex;
			   			   		   align-items: center;
			   			   		   justify-content: right;
			   			   		   padding-right:12px;
			   			   		   margin-top: 14px;
			   			   		   span {font-size: 24px;
			   			   		   		 padding: 12px;
			   			   		   		 cursor: pointer;
			   			   		   }
			   			   }
			   			   .title {width: 100%;
			   			   		   height: 18px;
			   			   		   float: left;
			   			   		   display: flex;
			   			   		   align-items: center;
			   			   		   padding-left: 36px;
			   			   		   padding-right: 36px;
			   			   		   margin-top: 14px;
			   			   		   span {color:#FF0000;
			   			   		   		 font-size: 12px;
			   			   		   		 font-weight: 500;
			   			   		   }
			   			   }
			   			   .cause-list {width: 100%;
			   			   				height: calc(100% - 404px);
			   			   				float: left;
			   			   				overflow-y: scroll;
			   			   				margin-top: 23px;
			   			   				padding-left: 36px;
			   			   				padding-right: 36px;
			   			   				.item {width: 100%;
			   			   					   height: 42px;
			   			   					   float: left;
			   			   					   .input {width: 20px;
			   			   					   		   height: 100%;
			   			   					   		   float: left;
			   			   					   		   display: flex;
			   			   					   		   align-items: center;
			   			   					   		   justify-content: center;
			   			   					   		   label {border:2px solid #5E43D8;
				  							   		   		  display: flex;
			   			   					   		  	 	  align-items: center;
			   			   					   		   		  justify-content: center;
				  							   		   		  width: 20px;
				  							   		   		  height: 20px;
				  							   		   		  border-radius:20px;
				  							   		   		  span {font-size: 10px;
				  							   		   		  		display:none;
				  							   		   		  		color:#5E43D8;
				  							   		   		  }
				  							   		   }
				  							   		   .checked {
				  							   		   			 span {display:initial;}
				  							   		   }
			   			   					   }
			   			   					   .label {width: calc(100% - 20px);
			   			   					   		   height: 100%;
			   			   					   		   float: left;
			   			   					   		   display: flex;
			   			   					   		   align-items: center;
			   			   					   		   padding-left: 14px;
			   			   					   		   label {font-size: 12px;
			   			   					   		   		  font-weight: 500;
			   			   					   		   		  user-select: none;
			   			   					   		   }
			   			   					   }
			   			   				}
			   			   }
			   			   /* width */
							.cause-list::-webkit-scrollbar {
							  width: 5px;
							}
							/* Track */
							.cause-list::-webkit-scrollbar-track {
							  background: #f1f1f1;
							}
							/* Handle */
							.cause-list::-webkit-scrollbar-thumb {
							  background: #888;
							}
							/* Handle on hover */
							.cause-list::-webkit-scrollbar-thumb:hover {
							  background: #555;
							}
			   			   .explanation {width: 100%;
			   			   				 height: 166px;
			   			   				 float: left;
			   			   				 margin-top: 42px;
			   			   				 padding-left: 36px;
			   			   				 padding-right: 36px;
			   			   				 .information {width: 100%;
			   			   				 			   height: auto;
			   			   				 			   float: left;
			   			   				 			   min-height: 12px;
			   			   				 			   label {font-weight: 500;
			   			   				 			   		  font-size: 12px;
			   			   				 			   }
			   			   				 }
			   			   				 .input {width: 100%;
			   			   				 		 height: 110px;
			   			   				 		 float: left;
			   			   				 		 margin-top: 29px;
			   			   				 		 textarea {width: 100%;
			   			   				 		 		   height: 110px;
			   			   				 		 		   padding: 18px;
			   			   				 		 		   background-color: #FAFAFA;
			   			   				 		 		   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
			   			   				 		 		   border-radius: 4px;
			   			   				 		 		   resize: none;
			   			   				 		 		   border:0px;
			   			   				 		 }
			   			   				 }
			   			   }
			   			   .submit {width: 100%;
			   			   			margin-top: 22px;
			   			   			height: 48px;
			   			   			float: left;
			   			   			display: flex;
			   			   			align-items: center;
			   			   			justify-content: right;
			   			   			padding-left: 36px;
			   			   			padding-right: 36px;
			   			   			button {width: 122px;
			   			   					height: 48px;
			   			   					border:0px;
			   			   					background-color: #5E43D8;
			   			   					border-radius: 3px;
			   			   					font-weight: 600;
			   			   					font-size: 16px;
			   			   					color:white;
			   			   			}
			   			   }
			   			   .reportError {width: 100%;
			   			   				 height: auto;
			   			   				 float: left;
			   			   				 padding-left: 36px;
			   			   				 padding-right: 36px;
			   			   				 display: flex;
			   			   				 margin-top: 6px;
			   			   				 justify-content: right;
			   			   				 span {color:#FF0000;
				   			   		   		   font-size: 12px;
				   			   		   		   font-weight: 500;
				   			   		   }
			   			   }
			   }
}




.advert-like {width: 50px;
			  height: 48px;
			  float: left;
			  .container {width: 32px;
			  		 	  height: 32px;
			  		 	  margin-top: 8px;
			  		 	  float: left;
			  		 	  display: flex;
			  		 	  align-items: center;
			  		 	  border:1px solid #F5F5F5;
			  		 	  border-radius: 4px;
			  		 	  .item {width: 100%;
			  		 	  		 height: 100%;
			  		 	  		 text-align: center;
			  		 	  		 span {font-size: 20px;
			  		 	  		 	   color:#FF3860;
			  		 	  		 	   display: block;
			  		 	  		 	   width: 100%;
			  		 	  		 	   height: 100%;
			  		 	  		 	   transition: 0.1s;
			  		 	  		 }
			  		 	  		 span:active {font-size: 24px;}
			  		 	  }
			  }
}


.ilani-paylas {width: 100%;
			   height: 100%;
			   position: fixed;
			   top:0px;
			   left:0px;
			   z-index: 9999999999;
			   background-color: rgba(0, 0, 0, 0.6);
			   display: none;
			   align-items: center;
			   justify-content: center;
			   font-family: 'Inter';
			   .container {width: 96%;
			   			   height: 96%;
			   			   float: left;
			   			   max-width: 691px;
			   			   max-height: 565px;
			   			   .top {width: calc(100% - 141px);
			   			   		 height: 490px;
			   			   		 margin-left: 141px;
			   			   		 float: left;
			   			   		 background-color: #7C5CFC;
			   			   		 border-radius: 20px;
			   			   		 .vector {width: 156px;
			   			   		 		  height: 100%;
			   			   		 		  float: left;
			   			   		 		  .image {width: auto;
			   			   		 		  		  height: auto;
			   			   		 		  		  float: left;
			   			   		 		  		  img {width: 301px;
			   			   		 		  		  	   margin-left: -141px;
			   			   		 		  		  	   margin-top: 95px;
			   			   		 		  		  }
			   			   		 		  }
			   			   		 }
			   			   		 .right {width: calc(100% - 156px);
			   			   		 		 height: calc(100% - 157px);
			   			   		 		 display: flex;
			   			   		 		 align-items: center;
			   			   		 		 float: left;
			   			   		 		 .right-container {width: 100%;
			   			   		 		 				   height: auto;
			   			   		 		 				   float: left;
			   			   		 		 				   .title {width: 100%;
			   			   		 		 				   		   height: 67px;
			   			   		 		 				   		   float: left;
			   			   		 		 				   		   display: flex;
			   			   		 		 				   		   align-items: center;
			   			   		 		 				   		   padding-left: 24px;
			   			   		 		 				   		   span {color:white;
			   			   		 		 				   		   		 font-size: 45px;
			   			   		 		 				   		   		 font-weight: 500;
			   			   		 		 				   		   }
			   			   		 		 				   }
			   			   		 		 				   .information {width: 100%;
			   			   		 		 				   				 height: auto;
			   			   		 		 				   				 float: left;
			   			   		 		 				   				 margin-top: 33px;
			   			   		 		 				   				 p {line-height: 27.84px;
			   			   		 		 				   				 	font-size: 23px;
			   			   		 		 				   				 	color:white;
			   			   		 		 				   				 	text-align: center;
			   			   		 		 				   				 }
			   			   		 		 				   }
			   			   		 		 }

			   			   		 }
			   			   }
			   			   .center {width: calc(100% - 141px);
			   			   			margin-left: 141px;
			   			   			height: 157px;
			   			   			margin-top: -157px;
			   			   			float: left;
			   			   			.options {width: 100%;
			   			   					  height: 100%;
			   			   					  float: left;
			   			   					  background-color: white;
			   			   					  border-radius: 20px 50px 20px 20px;
			   			   					  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
			   			   					  .item {width: 25%;
			   			   					  		 height: 100%;
			   			   					  		 float: left;
			   			   					  		 display: flex;
			   			   					  		 align-items: center;
			   			   					  		 justify-content: center;
			   			   					  		 span {font-size: 45px;
			   			   					  		 	   color: #7C5CFC;
			   			   					  		 }
			   			   					  }
			   			   			}
			   			   }
			   			   .bottom {width: calc(100% - 141px);
			   			   			height: 75px;
			   			   			float: left;
			   			   			margin-left: 141px;
			   			   			.copy-url {width: 100%;
			   			   					   height: 60px;
			   			   					   float: left;
			   			   					   margin-top: 15px;
			   			   					   background-color: #FDFDFD;
			   			   					   display: flex;
			   			   					   cursor: pointer;
			   			   					   justify-content: center;
			   			   					   .copy-container {width: auto;
			   			   					   					height: 60px;
			   			   					   					float: left;
			   			   					   					.icon {width: 46px;
			   			   					   						   height: 60px;
			   			   					   						   float: left;
			   			   					   						   display: flex;
			   			   					   						   align-items: center;
			   			   					   						   justify-content: center;
			   			   					   						   span {font-size: 40px;
			   			   					   						   		 color:black;
			   			   					   						   }
			   			   					   					}
			   			   					   					.text {width: auto;
			   			   					   						   height: 60px;
			   			   					   						   float: left;
			   			   					   						   display: flex;
			   			   					   						   align-items: center;
			   			   					   						   padding-left: 25px;
			   			   					   						   span {color:#7C5CFC;
			   			   					   						   		 font-size: 22px;
			   			   					   						   		 font-weight: 500;
			   			   					   						   }
			   			   					   					}
			   			   					   }
			   			   			}
			   			   			.copy-url:hover {background-color: #eee;}
			   			   }
			   }
}


.call-you-alert {width: calc(100% - 724px);
		   height: 80px;
		   position: fixed;
		   bottom:0px;
		   left:304px;
		   background-color: #5E43D8;
		   font-family: 'Inter';
		   .container {width: 100%;
		   			   height: 80px;
		   			   float: left;
		   			   max-width: 100%;
		   			   padding: 0;
		   			   .content {width: calc(100% - 27px);
		   			   			 height: 80px;
		   			   			 float: left;
		   			   			 display: flex;
		   			   			 justify-content: center;
		   			   			 .inner {width: auto;
		   			   			 		 height: 80px;
		   			   			 		 float: left;
		   			   			 		 margin-left: 27px;
		   			   			 		 .text {width: auto;
		   			   			 		 		height: 80px;
		   			   			 		 		float: left;
		   			   			 		 		display: flex;
		   			   			 		 		align-items: center;
		   			   			 		 		span {color:white;
		   			   			 		 			  
		   			   			 		 			  font-size: 14px;
		   			   			 		 			  font-weight: 500;
		   			   			 		 		}
		   			   			 		 		.bold {font-weight: 700;}
		   			   			 		 }
		   			   			 		 .button {width: 176px;
		   			   			 		 		  height: 80px;
		   			   			 		 		  float: left;
		   			   			 		 		  display: flex;
		   			   			 		 		  align-items: center;
		   			   			 		 		  margin-left: 20px;
		   			   			 		 		  button {width: 100%;
		   			   			 		 		  		  height: 39px;
		   			   			 		 		  		  border:0px;
		   			   			 		 		  		  background-color: #FF3860;
		   			   			 		 		  		  border-radius: 6px;
		   			   			 		 		  		  outline: 0px;
		   			   			 		 		  		  color:white;
		   			   			 		 		  		  font-weight: 600;
		   			   			 		 		  		  font-size: 15px;
		   			   			 		 		  		  transition: 0.3s;
		   			   			 		 		  		  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
		   			   			 		 		  }
		   			   			 		 		  button:hover {box-shadow: none;}
		   			   			 		 }
		   			   			 }
		   			   }
		   			   .close {width: 16px;
		   			   		   height: 16px;
		   			   		   margin-top: 4px;
		   			   		   float: left;
		   			   		   display: flex;
		   			   		   justify-content: center;
		   			   		   cursor: pointer;
		   			   		   span {color:white;
		   			   		   		 font-size: 24px;
		   			   		   }
		   			   }
		   }
}

.call-you-outer {width: 100%;
				 height: 100%;
				 position: fixed;
				 top:0px;
				 left:0px;
				 background-color: rgba(0, 0, 0, 0.4);
				 z-index: 9999999999999;
				 display: none;
				 align-items: center;
				 justify-content: center;
				 font-family: 'Inter';
				 .call-you {width: 90%;
				 		    max-width: 1128px;
				 		    float: left;
				 		    height: 469px;
				 		    max-height: 90%;
				 		    background-color: white;
				 		    display: flex;
				 		    align-items: center;
				 		    border-radius: 10px;

				 		    .content {width: calc(100%);
				  		  	 	      height: calc(100% - 0px);
				  		  	 	      float: left;
  		  	 	      				 		    .close {width: 100%;
									 		    		height: 32px;
									 		    		float: left;
									 		    		display: flex;
									 		    		margin-top: 6px;
									 		    		align-items: center;
									 		    		justify-content: right;
									 		    		span {color:black;
									 		    			  font-size: 32px;
									 		    			  margin-right: 10px;
									 		    			  cursor: pointer;
									 		    		}
									 		    }
				  		  	 	   
				  		  	 	   			   .left {width: 50%;
				  		  	 	   			   		  height: 469px;
				  		  	 	   			   		  float: left;
				  		  	 	   			   		  .vector {width: 100%;
				  		  	 	   			   		  		   height: 469px;
				  		  	 	   			   		  		   float: left;
				  		  	 	   			   		  		   display: flex;
				  		  	 	   			   		  		   align-items: center;
				  		  	 	   			   		  		   justify-content: center;
				  		  	 	   			   		  		   img {width: 238px;
				  		  	 	   			   		  		   		height: 205px;
				  		  	 	   			   		  		   		}
				  		  	 	   			   		  }
				  		  	 	   			   }

				  		  	 	   			   	.right {width: 50%;
				  		  	 	   			   			height: 469px;
				  		  	 	   			   			float: left;
				  		  	 	   			   			.info {width: 100%;
				  		  	 	   			   				   height: auto;
				  		  	 	   			   				   float: left;
				  		  	 	   			   				   margin-top: 31px;
				  		  	 	   			   				   .title {width: 100%;
				  		  	 	   			   				   		   height: 24px;
				  		  	 	   			   				   		   float: left;
				  		  	 	   			   				   		   display: flex;
				  		  	 	   			   				   		   align-items: center;
				  		  	 	   			   				   		   span {font-size: 16px;
				  		  	 	   			   				   		   		 font-weight: 500;
				  		  	 	   			   				   		   		 color:#1F3A43;
				  		  	 	   			   				   		   }
				  		  	 	   			   				   }
				  		  	 	   			   				   .text {width: 100%;
				  		  	 	   			   				   		  height: auto;
				  		  	 	   			   				   		  float: left;
				  		  	 	   			   				   		  p {font-weight: 300;
				  		  	 	   			   				   		  	 font-size: 13px;
				  		  	 	   			   				   		  	 color:#1F3A43;
				  		  	 	   			   				   		  }
				  		  	 	   			   				   }
				  		  	 	   			   			}
				  		  	 	   			   			.form {width: 80%;
				  		  	 	   			   				   float: left;
				  		  	 	   			   				   height: 331px;
				  		  	 	   			   				   .container {width: 100%;
				  		  	 	   			   				   			   height: 100%;
				  		  	 	   			   				   			   float: left;
				  		  	 	   			   				   			   padding: 0;
				  		  	 	   			   				   			   .user-card {width: 100%;
				  		  	 	   			   				   			   			   height: 50px;
				  		  	 	   			   				   			   			   float: left;
				  		  	 	   			   				   			   			   background-color: #EEE;
				  		  	 	   			   				   			   			   border-radius: 8px;
				  		  	 	   			   				   			   			   .image {width: 50px;
				  		  	 	   			   				   			   			   		   height: 50px;
				  		  	 	   			   				   			   			   		   float: left;
				  		  	 	   			   				   			   			   		   display: flex;
				  		  	 	   			   				   			   			   		   align-items: center;
				  		  	 	   			   				   			   			   		   justify-content: center;
				  		  	 	   			   				   			   			   		   img {width: 40px;
				  		  	 	   			   				   			   			   		   		height: 40px;
				  		  	 	   			   				   			   			   		   		object-fit: cover;
				  		  	 	   			   				   			   			   		   		text-align: center;
				  		  	 	   			   				   			   			   		   }
				  		  	 	   			   				   			   			   }
				  		  	 	   			   				   			   			   .username {width: calc(100% - 50px);
				  		  	 	   			   				   			   			   		 	  height: 50px;
				  		  	 	   			   				   			   			   		 	  float: left;
				  		  	 	   			   				   			   			   		 	  display: flex;
				  		  	 	   			   				   			   			   		 	  align-items: center;
				  		  	 	   			   				   			   			   		 	  padding-left: 8px;
				  		  	 	   			   				   			   			   		 	  span {font-size: 16px;
				  		  	 	   			   				   			   			   		 	  		font-weight: 500;
				  		  	 	   			   				   			   			   		 	  }
				  		  	 	   			   				   			   			   }
				  		  	 	   			   				   			   }
				  		  	 	   			   				   			   .input {width: 100%;
				  		  	 	   			   				   			   		   height: auto;
				  		  	 	   			   				   			   		   float: left;
				  		  	 	   			   				   			   		   margin-top: 14px;
				  		  	 	   			   				   			   		   input {width: 100%;
				  		  	 	   			   				   			   		   		  height: 50px;
				  		  	 	   			   				   			   		   		  background-color: #FAFAFA;
				  		  	 	   			   				   			   		   		  color:#303357;
				  		  	 	   			   				   			   		   		  border:0px;
				  		  	 	   			   				   			   		   		  border-radius: 8px;
				  		  	 	   			   				   			   		   		  padding-left: 14.5px;
				  		  	 	   			   				   			   		   		  padding-right: 14.5px;
				  		  	 	   			   				   			   		   		  }

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

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

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

																					textarea {width: 100%;
																							  height: 120px;
																							  background-color: #FAFAFA;
																							  color:#303357;
																							  border:0px;
																							  resize: none;
				  		  	 	   			   				   			   		   		  	  border-radius: 8px;
																							  padding: 14.5px;}
				  		  	 	   			   				   			   }
				  		  	 	   			   				   			   	.input:first-child {margin-top: 0;}
			  		  	 	   			   				   			   		.button {width: 100%;
			  		  	 	   			   				   			   				 margin-top: 24px;
			  		  	 	   			   				   			   				 margin-left: 0;
			  		  	 	   			   				   			   				 height: 48px;
			  		  	 	   			   				   			   				 float: left;
			  		  	 	   			   				   			   				 padding: 0;
			  		  	 	   			   				   			   				 background-color: @primary-default-500;
			  		  	 	   			   				   			   				 border-radius: 8px;
			  		  	 	   			   				   			   				 text-align: center;
			  		  	 	   			   				   			   				 cursor: pointer;
			  		  	 	   			   				   			   				 user-select: none;
			  		  	 	   			   				   			   				 span {font-family: Roboto;
			  		  	 	   			   				   			   				 	   font-size: 16px;
			  		  	 	   			   				   			   				 	   font-weight: 600;
			  		  	 	   			   				   			   				 	   color:white;
			  		  	 	   			   				   			   				 	   line-height: 48px;}
			  		  	 	   			   				   			   		}
				  		  	 	   			   				   }
				  		  	 	   			   			}
				  		  	 	   			   	}
				  		  	 	   
				  		  }

				 }
}


@media screen and (max-width: 1768px) { 
	.ilan-detay-c {width: calc(100% - 394px); margin-left: 349px;}
	.call-you-alert {width: calc(100% - 304px); left: 304px;}
}
@media screen and (max-width: 1550px) { 
	.ilan-detay-c {width: calc(100% - 334px); margin-left: 324px;}
	
}
@media screen and (max-width: 1420px) { 
	.ilan-detay-c {width: calc(100% - 253px); margin-left: 243px;}
	.call-you-alert {width: calc(100% - 253px); left: 243px;}
}
@media screen and (max-width: 1330px) { 
	.ilan-detay-c {width: 90%; margin-left: 5%; margin-top: 74px;}
	.call-you-alert {width: calc(100%); left: 0px;}
}




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

	.ilan-detay-main {
		.ilan-detay-c {
			.first-center {
				height: 1010px;
				.photos {
					width: 100%;
				}
				.info {width: calc(100%);
					   margin-left: 0px;
					   margin-top: 12px;
				}

			}
		}
	}
}


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

	.ilan-detay-main {
		.second-center{
			.content {
				.second {
					.content {
						.center {width: calc(100% - 285px)}
						.link {width: 100%;
							   .button {float: left;
							   			margin-top: 20px;
							   			}
							   }
					}
				}
				
			}
		}
				

	}
}

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

	.ilan-detay-main {
		.ilan-detay-c {

			
			.top-side {
				height: auto;
				.left {width: 100%;}
				.right {width: 100%; float: left;
					.advert-info {float: left;
						
						.buttons {float: left;
							margin-right: 0;
							margin-left: 24px;
							
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 768px) { 
	.profile {display: none;}
	.ev-arkadasi-profil {display: block;}
	.ilan-detay-main {
		.ilan-detay-c {
				margin-left: 5%;
				transform: translateX(0%);
				margin-top: 30px;
				.first-center {
					height: 499px;
					margin-top: 24px;
					.photos {width: calc(100% - 32px);
							 margin-left: 16px;
							 .viewer {img {border-radius: 10px}}
						}
					.info {width: 100%;
						   margin-top: 35px;
						   margin-left: 0;}
				}
				.second-center {
					margin-top: 16px;
					width: calc(100% - 32px);
					margin-left: 16px;
					.menu {border-radius: 12px 12px 0px 0px;
						   height: 40px;

							.item {width: calc(50% - 2px);
								   height: 29px;
								   margin-top: 4px;
						   		   span {font-size: 10px;
						   		   	     line-height:40px;
						   		   }
						   }
						   .item:nth-child(2) { background-color: #3F6995;
						   						span {color:white;}
						   }

					}
					.content {margin-top: 0;
							  border-radius: 0px 0px 12px 12px;
							  

					}
				}
			}
		
	}
}

@media screen and (max-width: 620px) { 
	body {background-color: #FBF9FF !important;}
	.ilan-detay-main {
		.ilan-detay-c {
			.top-side {
				.right {
					.price {span {font-size: 16px}}
				}
			}
			.first-center {
				height: 246px;
				.photos {
					height: 246px;
					.viewer {height: 246px;
							 .viewer-container {height: 228px;
							 }
							 .buttons {margin-top: 12px;
							 		   .left {width: 32px;
							 		   		  height: 32px;
							 		   		  display:flex;
							 		   		  align-items: center;
							 		   		  margin-top: -150px;
							 		   		  span {line-height: initial;
							 		   		  		font-size: 14px;
							 		   		  		display:block;
							 		   		  		width: 100%;
							 		   		  		text-align: center;
							 		   		  }
							 		   }
							 		   .right {width: 32px;
							 		   		  height: 32px;
							 		   		  display:flex;
							 		   		  margin-top: -150px;	
							 		   		  align-items: center;
							 		   		  span {line-height: initial;
							 		   		  		font-size: 14px;
							 		   		  		display:block;
							 		   		  		width: 100%;
							 		   		  		text-align: center;
							 		   		  }
							 		   }
							 		   .selectors {
							 		   	.selectors-container {width: 215px;
							 		   						  margin-left: calc(50% - 60px);
							 		   	}
							 		   	.selector {background-color: #BEBED0;
							 		   			   width: 37px;

							 		   	}
							 		   	.selector.active {background-color: #8762A2;}
							 		   }
							 }
					}
					.selector-seperator {display: none;}
				}
			}
			.second-center {
				.content  {
					.fourth {
						.mobile-title  {width: 90%;
									    margin-left: 5%;
									    padding-left: 0;
									    transform: translateX(0);
									}
						.container {
							padding: 0;
							margin-left: 5%;

							.right {
								.form {width: 100%;
									   margin-left: 0;
									   transform: translateX(0);
									   .container { 
									   		margin-left: 0;	
									   }
											
									}
							}
							
						}
					}
					.fifth {
						.mobile-title  {width: 90%;
									    margin-left: 5%;
									    padding-left: 0;
									    transform: translateX(0);
									}
						.container {
							padding: 0;
							margin-left: 5%;

							.right {
								.container {width: 100%;
									   margin-left: 0;
									   transform: translateX(0);
									   .input {width: 100%;
									   		   } 
									   .button {width: 100%;}


											
									}
							}
							
						}
					}
					.second {
						height: auto;
						.user-info {
								.top {background-color: transparent;
									  background-image: none;
									  height: 65px;
									  .left {
									  	height: 65px;
									  	 .photo {width: 65px;
									  	 		 height: 65px;
									  	 		 margin: 0;
									  	 		 img {width: 65px;
									  	 		 	  height: 65px;
									  	 		 	  border-radius: 4px;
									  	 		 }
									  	 }
									  	 .right {height: 65px;
									  	 		 margin-top: 0;
									  	 		 width: calc(100% - 77px);
									  	 		 margin-left: 12px;
									  	 		 .top {height: 18px;
									  	 		 	   .name {height: 18px;
									  	 		 	   		  margin-top: 0;
									  	 		 	   		  display:flex;
									  	 		 	   		  align-items: center;
									  	 		 	   		  span {line-height: initial;
									  	 		 	   		  		font-size: 12px;
									  	 		 	   		  }
									  	 		 	   }
									  	 		 	   .verified {height: 18px;
									  	 		 	   		  	  margin-top: 0;
									  	 		 	   		  	  display:flex;
									  	 		 	   		  	  align-items: center;
									  	 		 	   		  	  span {line-height: initial;
									  	 		 	   		  	  		font-size: 14px;
									  	 		 	   		  	  		margin-left: 5px;
									  	 		 	   		  	  }
									  	 		 	   	}
									  	 		 }
									  	 		 .mobile-center {padding: 0;
									  	 		 				 margin-top: 9px;
									  	 		 				 .icon {display: flex;
									  	 		 				 		align-items: center;
									  	 		 				 		span {line-height: initial;}
									  	 		 				 }
									  	 		 				 .text {display: flex;
									  	 		 				 		align-items: center;
									  	 		 				 		span {line-height: initial;
									  	 		 				 			  margin-left: 3px;
									  	 		 				 		}
									  	 		 				 }
									  	 		 }
									  	 		 .bot {height: 12px;
									  	 		 	   margin-top: 5px;
									  	 		 	   .stars {height: 12px;
									  	 		 	   		   .star {height: 12px;
									  	 		 	   		   		  display:flex;
									  	 		 	   		   		  span {line-height: initial;
									  	 		 	   		   		  		font-size: 13px;
									  	 		 	   		   		  }
									  	 		 	   		   }
									  	 		 	   }
									  	 		 }
									  	 }

									  }

								}

								.content { 
									margin-top: 13px;
									.contact { 
										.item {padding-left: 0;
											   .icon { span {color:#432EB5;} }
											   .value { span {color:#7A7A7A;
											   				  font-size: 12px;
											   } 

												}
										}
									}
									.center {width: 100%;
											 margin-top: 18px;
									}
									.contact {width: 100%;}
								}
					    }
				    }
				
				}
			}
		}
	}
}

@media screen and (max-width: 480px) { 
	.ilan-detay-main {
		.ilan-detay-c {
				.top-side {
				.right {
					.price {span {font-size: 16px}}
				}
			}
			.second-center {
				.content  {
					.fourth {
						.mobile-title  {width: 90%;
									    margin-left: 5%;
									    padding-left: 0;
									    transform: translateX(0);
									}
						.container {
							padding: 0;
							margin-left: 5%;

							.right {
								.form {width: 100%;
									   margin-left: 0;
									   transform: translateX(0);
									   .container { 
									   		margin-left: 0;	
									   }
											
									}
							}
							
						}
					}
					.fifth {
						.mobile-title  {width: 90%;
									    margin-left: 5%;
									    padding-left: 0;
									    transform: translateX(0);
									}
						.container {
							padding: 0;
							margin-left: 5%;

							.right {
								.container {width: 100%;
									   margin-left: 0;
									   transform: translateX(0);
									   .input {width: 100%;
									   		   } 
									   .button {width: 100%;}


											
									}
							}
							
						}
					}
				
				}
			}
		}
	}
}



@media screen and (max-width: 768px) { 
	.ilan-detay-c .trailer-video .c-container .video .video-container {height: 232px; width: 100%;}
	.ilan-detay-c {padding-bottom: 40px;}
.ilan-detay-c .trailer-video {width: calc(100% - 32px);
							  margin-left: 16px;
							  height: 264px;
							  margin-top: 24px;
}
.ilan-detay-c .trailer-video .c-container .top {height: 21px;}
.ilan-detay-c .trailer-video .c-container .top .title {height: 21px;}
.ilan-detay-c .trailer-video .c-container .top .title span {font-size: 14px;}
.ilan-detay-c .trailer-video .c-container .video {margin-top: 11px; height: 232px;}
}


.photo-modal {
	z-index: 999999;
}