@font-face
{
	font-family: "Poppins";
	src:url('../fonts/Poppins-Regular.ttf');
}
@font-face
{
	font-family: "Poppins-Light";
	src:url('../fonts/Poppins-Light.ttf');
}
*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
/*	letter-spacing: 0.4px;*/
	text-decoration: none;
	font-family: 'Poppins';
	list-style-type: none;
}
html
{
	scroll-behavior: smooth;
}
body
{
	overflow-x: hidden;
/*	background: rgba(0, 0, 0, 0.08);*/
}
:root
{
	--main-theme-color:#0070D4;
}
::-webkit-scrollbar
{
	width: 10px;
}
::-webkit-scrollbar-thumb
{
	background: var(--main-theme-color);
	border-radius: 10px;
}

header
{
	width: 90%;
	margin: auto;
	padding: 22px 15px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background: white;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	border-bottom-left-radius: 80px;
	border-bottom-right-radius: 80px;
	position: fixed;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 500;
}
header .logo
{
	cursor: pointer;
	transform: translateX(10px)!important;
}
header .logo h3
{
	color: var(--main-theme-color);
	font-size: 20px;
}
header .logo .logoIMG
{
	width: 130px;
/*	height: 50px;*/
/*	scale: 1.1;*/
/*	background: red;*/
/*	padding: 5px;*/
/*	object-fit: cover;*/
}
.navbar .menu
{
	display: flex;
	align-items: center;
}
.navbar ul li
{
	display: inline-block;
}

.navbar .sell-option-btn
{
	padding:5px;
	border-top:4px solid #0070D4!important;
	border-right:4px solid #0070D4!important;
	border-bottom:4px solid red!important;
	border-left:4px solid red!important;
	border-radius: 35px!important;
	transition: 0.3s ease;
	/* background: red; */
}
.navbar li:nth-child(7):hover
{
	border-bottom:4px solid #0070D4!important;
	border-left:4px solid #0070D4!important;
	border-top:4px solid red!important;
	border-right:4px solid red!important;
}
.navbar li:nth-child(7) a
{
	font-weight: bold;
}
.navbar li:nth-child(7) a i
{
	font-weight: bold;
	transform: translateY(3px);
	font-size: 18px;
}
.navbar ul li a
{
	padding: 8px 15px;
	border-radius: 10px;
	font-size: 14px;
	margin: 0 8px;
	color: black;
	transition: 0.2s ease;
}
.navbar ul li a:hover
{
	background: var(--main-theme-color);
	color: white;
}
.navbar ul li:nth-child(7) a:hover
{
	background: transparent;
	color:black;
}
.navbar ul li a.active
{
	background: var(--main-theme-color);
	color: white;
}
.userLogin
{
	position: relative;
}
.userLogin .userLogin-data
{
	display: flex;
	align-items: center;
	column-gap: 8px;
	cursor: pointer;
	border-radius: 35px;
	background: var(--main-theme-color);
	padding: 5px 12px;
	color:white;
}
.userLogin .userLogin-data i
{
	font-weight: 100;
	font-size: 20px;
}
.userLogin .userLogin-data h4
{
	font-weight: 100;
}
.userLogin-options
{
	position: absolute;
	top:80%;
	left: 0;
	background: white;
	padding: 8px 12px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: 0.2s ease;
	visibility: hidden;
}
.userLogin-options.active
{
	top:150%;
	opacity: 1;
	visibility: visible;
}
.userLogin-options a
{
	color: black;
}
.userLogin-options .userLogin-options-data
{
	display: flex;
	align-items: center;
	column-gap: 6px;
	margin: 5px 0;
	font-size: 14px;
}
.navbar .bx-menu-alt-right
{
	display: none;
	font-size: 22px;
}
.navbar .cutMenu
{
	display: none;
}
.tiles-socials
{
	display: none;
}
@media screen and (max-width:1550px)
{
	header
	{
		width: 97%;
	}
	header ul li a, .userLogin-data h4
	{
		font-size: 13px!important;
	}

	.properties-slides-data h3
	{
		font-size: 16px!important;
	}
	.properties-slides-data small
	{
		font-size: 13px!important;
	}
	.properties-slides-data p, .insights-cols .insights-data p, .properties small, .properties-tiles p, .testimonials small ,.properties-title small, .all-properties-right p
	{
		font-size: 12px!important;
	}
	.footer-data .footer-data-text 
	{
		font-size:13px !important;
		
	}
	.properties-slides-data strong
	{
		font-size:16px!important;
	}
	.properties-slide-container h1, .insights h1, .properties h1, .testimonials h1
	{
		font-size: 25px!important;
	}
	 .Search-container h1{
		font-size: 30px !important;
	}
	.insights-cols
	{
		flex-wrap: nowrap!important;
	}
	.insights-cols .insights-data h4
	{
		font-size: 14px!important;
	}
	.insights-cols .insights-data img
	{
		width:60px!important;
		object-fit: contain!important;
	}
	.properties-tiles
	{
		flex-basis: 30%!important;
	}
	.all-properties-cols
	{
		
	}
	.properties-title h3
	{
		font-size: 17px!important;
	}
	.all-properties-right-data-card-img
	{
		/* height: 220px!important;	 */
	}
	.all-properties-right-data-card-img img
	{
		display: flex!important;
	}
	.all-properties-left
	{
		/* width:250px!important; */
	}
	.all-properties-right
	{
		width:850px!important;
	}
	.all-properties-right-data-card 
	{
		
	}
	.all-properties-right-data-card .properties-title
	{
		/* flex-basis: 60%!important; */
	}
	
}
@media screen and (max-width:1177px)
{
	.insights-cols
	{
		flex-wrap: wrap!important;
	}
}
@media screen and (max-width:1250px)
{
	header
	{
		width: 95%;
	}

	.navbar .bx-menu-alt-right
	{
		display: block;
	}
	.navbar ul li
	{
		display:block;
	}

	.menuIcon
	{
		position: absolute;
		top:50%;
		right: 50px;
		transform: translateY(-50%);
		background:var(--main-theme-color);
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		color: white;
	}
	.navbar ul
	{
		position: fixed;
		top:0;
		right: -100%;
		background: white;
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
		padding:70px 10px 20px 10px;
		width: 280px;
		height: 100vh;
		z-index: 100;
		transition: 0.4s ease
	}
	.navbar ul.active
	{
		right: -32px;
	}
	.navbar ul li
	{
		padding: 8px 0;
		width: 100%;
		text-align: right;
	}
	.navbar .sell-option-btn
	{
		border:none!important;
	}
	.navbar .sell-option-btn a
	{
		padding:2px 10px;
		border-top:4px solid #0070D4!important;
		border-right:4px solid #0070D4!important;
		border-bottom:4px solid red!important;
		border-left:4px solid red!important;
		border-radius: 35px!important;
		width: fit-content;
	}
	.navbar ul li a
	{
		width:90%;
		display: block;
		float: right;
	}
	.userLogin
	{
		position: absolute;
		top:50%;
		right: 50px;
		transform: translateY(-50%);
		z-index: 100;
		scale: 0.9;
		display: none;
	}
	header 
	{
		justify-content: left;
	}
	header .logo
	{
		padding-left: 50px;
	}
	.navbar .cutMenu
	{
		display: block;
		position: absolute;
		top:20px;
		right: 20px;
	}
	.navbar .cutMenu .bx-plus
	{
		font-size: 25px;
		background: red;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		transform: rotate(45deg);
		padding-top: 2px;
		padding-right: 1px;
	}
	.tiles-socials
	{
		display: block;
		float: right;
		width: 100%;
		margin: 10px auto;
		display: flex;
		align-items: center;
		justify-content: right;
		padding-right: 20px;
		padding-top: 20px;
		column-gap: 10px;
		border-top: 1px solid lightgray;
	}
	.tiles-socials i
	{
		font-size: 20px;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
		display: flex;
		align-items: center;
		justify-content: center;

	}
}
@media screen and (max-width:895px)
{
	.navbar ul.active
	{
		right: -25px;
	}
}
@media screen and (max-width:450px)
{
	.userLogin
	{
		right:65px!important;
	}
	header 
	{
		width: 100%;
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
	}
	header .logo
	{
		padding-left: 10px;
	}
	.menuIcon
	{
		width: 35px;
		height: 35px;
		right: 30px;
	}
	.menuIcon i
	{
		font-size: 16px;
	}
	.userLogin
	{
		right: 130px;
	}
	.navbar ul.active
	{
		right: 0;
	}
}
.overlay-container
{

}
.overlay
{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	backdrop-filter:blur(4px);
	height: 600px;
	z-index: -1;
	overflow:hidden;
	display: none;
/*	background: */
}
.overlay.active
{
	display: block;
}
.overlay-image
{
	width: 100%;
	height: 100%;
	background:linear-gradient(rgba(74, 157, 216, 0.5),rgba(0, 0, 0, 0.3));
	position: absolute;
	top:0;
	left: 0;
/*	backdrop-filter: blur(1px);*/
}
.overlay-image-2
{
	width: 100%;
	height: 100%;
	background:linear-gradient(to right, rgba(240, 130, 97, 0.5),rgba(0, 0, 0, 0));
	position: absolute;
	top:0;
	left: 0;
/*	backdrop-filter: blur(1px);*/
}
.overlay-image-3
{
	width: 100%;
	height: 100%;
	background:linear-gradient(to right, rgba(0,0,100, 0.4),rgba(0, 0, 0, 0));
	position: absolute;
	top:0;
	left: 0;
/*	backdrop-filter: blur(1px);*/
}
.overlay img
{
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit: cover;
}

/*search container code starts*/
.Search-container
{
	width: 750px;
	padding:5px;
	border-radius: 35px;
	position: absolute;
	left: 50%;
	top:170px;
	transform: translateX(-50%);
}
.Search-container form .form-Contents
{
	display: flex;
/*	align-items: center;*/
	justify-content: space-around;
	background: rgba(0, 0, 0, 0.3);
	height: 100px;
	backdrop-filter: blur(8px);
/*	padding: 10px;*/
	color: white;
	border-radius: 15px;
	position: relative;
	width: 100%;
	margin: auto;
	text-align: center;
}
.Search-container form h1
{
	text-align: center;
	margin-bottom: 20px;
	font-size: 40px;
/*	color: var(--main-theme-color);*/
	color: white;
}
.form-header-options 
{
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.form-header-options .radio-toggles
{
	padding-top: 25px;
	cursor: pointer;
	height: fit-content;
}

.form-header-options .radio-toggles label
{
	cursor: pointer;
	font-size: 14.5px;
	padding: 5px;
	text-align: center;
}
.form-header-options .radio-toggles label.active
{
	background: white;
	color: black;
	padding: 8px 12px;
	border-radius: 5px;
	transition: 0.5s ease;
}
.form-header-options input
{
	visibility:hidden;
}
.searchData-container
{
	display: none;
	align-items: center;
	justify-content: space-between;
	width: 100%;
/*	margin: 10px 0;*/
	background: white;
	padding: 10px;
	border-radius: 35px;
	position: absolute;
	left: 50%;
	bottom: -38px;
	transform: translateX(-50%);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.searchData-container.active
{
	display: flex;
}
.searchData-container .search-arrange
{
	width: 95%;
/*	border:1px solid lightgray;*/
	border-radius: 35px;
}
.searchData-container .searchData-inputs
{
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	padding-left: 10px;
	margin-right: 10px;
}
.searchData-container .searchData-inputs i
{
	font-size: 18px;
}
.searchData-container .searchData-inputs select
{
	padding: 15px;
	width: 100%;
	border-radius: 35px;
	border:none;
	border:1px solid lightgray;
}
.searchData-container .searchData-inputs select option
{
/*	font-size: 14px;*/
}
.searchData-container .searchData-inputs input
{
	width: 100%;
	padding: 15px;
	outline: none;
	border:none;
	font-size: 13px;
	background: transparent;
}
.searchData-inputs.searches
{
	background: red;
}
.searchData-container .search-button-box
{
	background: var(--main-theme-color);
	color: white;
	border-radius: 35px;
	cursor: pointer;
}
.searchData-container .search-button-box:hover
{
	background: black!important;
}
.searchData-container .search-button-box .searchBtn
{
	color: white;
}

@media screen and (max-width:916px)
{
	.Search-container
	{
		width: 90%;
	}
	.form-header-options .radio-toggles label
	{
		font-size: 14px;
	}
	
}
@media screen and (max-width:815px)
{
	.Search-container
	{
		width: 95%;
	}

	.searchData-container .search-button-box 
	{
		scale: 0.9;
	}
}
@media screen and (max-width:714px)
{
	.Search-container form h1
	{
		font-size: 30px;
	}
}
@media screen and (max-width:650px)
{
	.Search-container form .form-Contents
	{
		justify-content: space-around;
	}
	.form-header-options .radio-toggles label.active
	{
		padding: 5px 7px;
	}
	.form-header-options .radio-toggles span
	{
		display: none;
	}
	.searchData-container .searchData-inputs input
	{
		padding: 10px;
/*		font-size: 12.5px;*/
	}
	.searchData-container .searchData-inputs select
	{
		padding: 10px;
/*		font-size: 12.5px;*/
	}
	.form-header-options .radio-toggles
	{
		padding-top: 15px;
	}
	.searchData-container
	{
		bottom: -20px;
	}
	.search-button-box i
	{
		/*transform: translateX(-5px);
		background: red;*/
	}
	.searchData-container .searchData-inputs
	{
		padding-left: 5px;
/*		margin: 0;*/
	}
	.Search-container form .form-Contents
	{
		padding: 5px;
	}
	.searchData-container .search-arrange, .searchData-container .searchData-inputs select
	{
		border: none;
	}
}
@media screen and (max-width:503px)
{
	.form-header-options .radio-toggles label
	{
		font-size: 12.5px;
	}
	.Search-container form .form-Contents
	{
		justify-content: center!important;
		text-align: center!important;
	}
	.searchData-container
	{
		bottom: -15px;
	}
	.Search-container
	{
		top: 140px;
	}
	.overlay img
	{
/*		object-fit: unset;*/
	}
	.Search-container form h1
	{
		font-size: 22px;
	}
	.overlay
	{
		height: 500px;
	}
	.insights
	{
		margin-top: 5px!important;
	}
	.insights-cols
	{
		row-gap: 20px!important;
	}
}
/*search container code ends*/

/*properties slider code starts*/
.properties-slide-container
{
	width: 70%;
	padding: 25px 25px 0 25px;
	margin: 620px auto 0 auto;
	display: none;
}
.properties-slide-container.active
{
	display: block;
}
.properties-slide-container .swiper
{
	padding: 20px;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}
.properties-slide-container .swiper .swiper-wrapper
{
	margin-bottom: 50px;
	margin-top: 10px;
}
.properties-slide-container .swiper .swiper-button-next
{
	top:40%;
	right: -30px;
	transform: translateY(-50%);
	scale: 0.4;
	width: 100px;
	height: 100px;
	background: var(--main-theme-color);
	border-radius: 50%;
	color: white;
/*	right: -50px;*/

}
.properties-slide-container .swiper .swiper-button-prev
{
	top:40%;
	left: -30px;
	transform: translateY(-50%);
	scale: 0.4;
	width: 100px;
	height: 100px;
	background: var(--main-theme-color);
	border-radius: 50%;
	color: white;
}
.properties-slide-container .swiper .swiper-pagination
{
	margin-top: 30px;
}
.properties-slide-container h1
{
	font-size: 35px;
	text-align: center;
	padding-bottom: 5px;
	margin: auto;
	position: relative;
	width: fit-content;
}
.properties-slide-container h1::before
{
	content: "";
	position: absolute;
	bottom:-10px;
	left: -80px;
	width: 100%;
	height: 1px;
	background: lightgray;
}
.properties-slide-container h1::after
{
	content: "";
	position: absolute;
	bottom:-20px;
	right: -80px;
	width: 100%;
	height: 1px;
	background: lightgray;
}
.properties-slider
{
	margin: 40px 0;
}
.properties-slide-container .properties-slides
{
	border-radius: 15px;
/*	overflow: hidden;*/
	height: 480px;
	position: relative;
/*	scale: 0.92;*/
}
.properties-slides .index-featured
{
	position: absolute;
	top:10px;
	left: 10px;
	border-radius: 10px;
	background: crimson;
	color:white;
	padding:5px 9px;
}
.properties-slides .index-featured.rent
{
	background: darkviolet;
}
.properties-slide-container .properties-slides img
{
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: flex;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
.properties-slides-data
{
	padding: 14px 18px 18px 18px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
.properties-slides-data h3
{
	font-size: 17px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 5px;
	margin-bottom: 4px;
}
.properties-slides-data small
{
	font-size: 14px;
	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 4px;
	display: block;
}
.properties-slides-data-icons-box
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 10px;
}
.properties-slides-data-icons-box .properties-slides-data-icons
{
	display: flex;
	align-items: center;
	column-gap: 6px;
	border-right: 1px solid gray;
	padding-right: 10px;
	margin: 5px 0;
}
.properties-slides-data .properties-text
{
	margin: 7px 0;
}
.properties-slides-data .properties-slides-data-buttons
{
	padding-top: 15px;
	border-top: 1px solid lightgray;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.properties-slides-data .properties-slides-data-buttons strong
{
	font-size: 20px;
}
.properties-slides-data .properties-slides-data-buttons a
{
	background: var(--main-theme-color);
	color: white;
	width: fit-content;
	display: block;
	border:none;
	border-radius: 10px;
	padding: 7px 10px;
	font-size: 12px;
	transition: 0.3s ease;
}
.properties-slides-data .properties-slides-data-buttons a:hover
{
	background: black;
}
.properties-slides-data .properties-slides-data-buttons a i
{
	transform: translateY(3.2px);
	transition: 0.3s ease;
	font-size: 15px;
}
.properties-slides-data .properties-slides-data-buttons a:hover i
{
	transform: translateY(3.2px) rotate(-45deg);
}

@media screen and (max-width:1670px)
{
	.properties-slide-container
	{
		width: 80%;
	}
}
@media screen and (max-width:1520px)
{
	.properties-slide-container
	{
		width: 85%;
	}
}
@media screen and (max-width:1385px)
{
	.properties-slide-container
	{
		width: 95%;
	}
}
@media screen and (max-width:1247px)
{
	.properties-slide-container
	{
		width: 100%;
	}
}
@media screen and (max-width:790px)
{
	.properties-slide-container
	{
		padding-bottom: 0px;
	}
	.properties-slide-container .swiper .swiper-wrapper
	{
		margin-bottom: 20px;
	}
	.properties-slide-container h1
	{
		font-size: 28px;
		padding: 0 15px;
	}
	.properties-slide-container h1::before
	{
		width: 80%;
		left: -20px;
	}
	.properties-slide-container h1::after
	{
		width: 80%;
		right: -20px;
	}
	.properties-slider
	{

	}
}
@media screen and (max-width:503px)
{
	.properties-slide-container
	{
		margin: 520px auto 0 auto;
	}
	.properties-slide-container h1::before
	{
		width: 50%;
		left: 60px;
	}
	.properties-slide-container h1::after
	{
		width: 50%;
		right: 60px;
	}
	.properties-slide-container .properties-wrapper
	{
		margin-bottom: 60px!important;
	}
	.insights
	{
		padding-top: 0!important;
	}
	.properties-slide-container .swiper
	{
		padding: 10px;
	}
	.properties-slide-container
	{
		padding: 10px;
	}
	.properties-slide-container .swiper .swiper-button-next 
	{
		scale: 0.3;
		right: -35px;
		top:38%;
	}
	.properties-slide-container .swiper .swiper-button-prev
	{
		scale: 0.3;
		left: -35px;
		top:38%;
	}
}
@media screen and (max-width:373px)
{
		.properties-slide-container .properties-wrapper
	{
		margin-bottom: 80px!important;
	}
}
@media screen and (max-width:353px)
{
		.properties-slide-container .properties-wrapper
	{
		margin-bottom: 100px!important;
	}
}
/*properties slider code ends*/



/*insights css code starts*/
.insights
{
	width: 100%;
	padding: 20px;
/*	margin-top: 620px;*/
	position: relative;
}
.insights .timePng
{
	position: absolute;
	top:-50px;
	left: -70px;
	width: 250px;
	opacity: 0.4;
	z-index: -1;
}
.insights h1
{
	font-size: 35px;
	text-align: center;
	padding-bottom: 5px;
	margin: auto;
	position: relative;
	width: fit-content;
}
.insights h1::before
{
	content: "";
	position: absolute;
	bottom:-10px;
	left: -80px;
	width: 100%;
	height: 1px;
	background: lightgray;
}
.insights h1::after
{
	content: "";
	position: absolute;
	bottom:-20px;
	right: -80px;
	width: 100%;
	height: 1px;
	background: lightgray;
}
.insights-cols
{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 30px;
	row-gap: 30px;
	line-height: 1.6;
	width: 80%;
	margin: 60px auto 20px auto;
	transform-style: preserve-3d;
}
.insights-data
{
	flex-basis: 20%;
	text-align: center;
/*	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
	padding: 30px 10px 10px 10px;
	border-radius: 10px;
	height: 310px;
	background: white;
	transform-style: preserve-3d;
}
.insights-data:hover
{
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}
.insights-data:nth-child(1)
{
	background: #FFEDBA;
}
.insights-data:nth-child(2)
{
	background: #C5F4E5;	
}
.insights-data:nth-child(3)
{
	background: rgba(0, 0, 100, 0.1);	
}
.insights-data:nth-child(4)
{
	background: #FFDBCE;	
}
.insights-data:nth-child(5)
{
	background: #DFF2CD;	
}
.insights-data img
{
	width: 100px;
	height: 80px;
	transform: translateZ(30px);
}
.insights-data h4
{
	font-size: 16px;
	padding: 0 15px;
	margin: 5px 0;
	transform: translateZ(30px);
}
.insights-data p
{
	text-align: justify-all;
	padding: 0 10px;
	font-size: 13.5px;
	transform: translateZ(30px);
}
@media screen and (max-width:1679px)
{
	.insights-cols
	{
		width: 92%;
	}
	.insights-data
	{
		flex-basis: 28%;
	}
}
@media screen and (max-width:1407px)
{	
	.insights-cols
	{
		width: 95%;
	}
}
@media screen and (max-width:1358px)
{	
	.insights-cols
	{
		flex-wrap:wrap;	
		width: 100%;
	}
	.insights-data
	{
		flex-basis: 30%;
	}
}
@media screen and (max-width:796px)
{
	.insights-data
	{
		flex-basis: 45%;
	}
}
@media screen and (max-width:538px)
{
	.insights h1
	{
		font-size: 28px;
	}
	.insights-data
	{
		flex-basis: 100%;
	}
	.insights h1::before
	{
		width: 80%;
		left: -20px;
	}
	.insights h1::after
	{
		width: 80%;
		right: -20px;
	}

}
/*insights css code ends*/

/*Properties section css code starts*/
.properties
{
	width: 100%;
	padding: 20px;
}
.properties small
{
	font-size: 17px;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	margin: 5px auto;
	display: block;
}
.properties h1
{
	font-size: 35px;
	text-align: center;
	margin: 5px auto 70px auto;
	width: fit-content;
	position: relative;
}
.properties h1::before
{
	content: "";
	position: absolute;
	bottom:-10px;
	left: -80px;
	width: 100%;
	height: 1px;
	background: lightgray;
}
.properties h1::after
{
	content: "";
	position: absolute;
	bottom:-20px;
	right: -80px;
	width: 100%;
	height: 1px;
	background: lightgray;
}
.properties-cols
{
	display: flex;
	justify-content: center;
	width: 90%;
	column-gap: 25px;
	row-gap: 25px;
	margin: auto;
	flex-wrap: wrap;
	padding-bottom: 50px;
}
.properties-tiles
{
	flex-basis: 25%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1.6;
	column-gap: 40px;
	background: white;
	overflow: hidden;
}
.properties-tiles:hover
{
	box-shadow: 0 0 0 transparent;
}
.properties-tiles:hover .properties-tiles-right .img-overlay
{
	width: 500px;
	height: 300px;
}
.properties-tiles-left
{
	z-index: 5;
	position: relative;
}
.properties-tiles-left h4
{
	font-size: 15px;
}
.properties-tiles-right
{
	position: relative;
	z-index: 1;
}
.img-overlay
{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right: -75px;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	background: rgba(0, 0, 100, 0.12);
	z-index: -1;
	transition: 0.6s ease;
	transform-origin: right;
}


.properties-tiles img
{
	width: 45px;
}
@media screen and (max-width:1679px)
{
	.properties-cols
	{
		width: 95%;
	}
	.properties-tiles
	{
		flex-basis: 28%;
	}
}
@media screen and (max-width:1513px)
{
	.properties-cols
	{
		width: 100%;
	}
	.properties-tiles
	{
		flex-basis: 30%;
	}
}
@media screen and (max-width:1332px)
{

	.properties-tiles
	{
		flex-basis: 40%;
	}
}
@media screen and (max-width:1023px)
{
	.properties h1::before
	{
		width: 50%;
		left: 50px;
	}
	.properties h1::after
	{
		width: 50%;
		right: 50px;
	}
	.properties-tiles
	{
		flex-basis: 46%;
	}
}
@media screen and (max-width:883px)
{
	.properties small
	{
		font-size: 15px;
	}
	.properties h1
	{
		font-size: 28px;
	}
	.properties-tiles
	{
		flex-basis: 48%;
	}
}
@media screen and (max-width:691px)
{
	.properties-tiles
	{
		flex-basis: 100%;
	}
}
/*Properties section css code ends*/

/*testimonaials section css code starts*/
.testimonials
{
	width: 100%;
	padding: 20px 20px 120px 20px;
	text-align: center;
	background: rgba(0, 112, 212, 0.1);
/*	margin-bottom: 50px;*/
}
.testimonials small
{
	font-size: 17px;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	margin: 5px auto;
	display: block;
}
.testimonials h1
{
	font-size: 35px;
	text-align: center;
	margin: 5px auto 40px auto;
	width: fit-content;
	position: relative;
}
.testimonials h1::before
{
	content: "";
	position: absolute;
	bottom:-10px;
	left: -80px;
	width: 100%;
	height: 1px;
	background: lightgray;
}
.testimonials h1::after
{
	content: "";
	position: absolute;
	bottom:-20px;
	right: -80px;
	width: 100%;
	height: 1px;
	background: lightgray;
}
.testimonials i
{
	font-size: 70px;
	opacity: 0.5;
	color: rgba(0, 112, 212, 0.7);
}
.testimonials .swiper
{
	width: 80%;
	margin: auto;
/*	padding: 15px;*/
	position: relative;
}
.testimonials .rating
{
	margin: 10px 0;
}
.testimonials .rating i
{
	font-size: 20px;
	opacity: 1;
	color: goldenrod;
}
.testimonials p
{
	font-size: 16px;
}
.testimonials h3
{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 50px;
}
.testimonials .swiper-slide
{
	background: white;
	padding: 15px;
	border-radius: 15px;
	height:220px;
}
.testimonials .swiper .swiper-pagination
{
	margin-bottom: 15px;
}
.testimonials .swiper .swiper-pagination .swiper-pagination-bullet
{
/*	background: red;*/
	scale: 3;
	border-radius: 50%;
	margin: 0 5px;
}
.testimonials .swiper .swiper-button-next
{
	scale: 0.4;
	width: 100px;
	height: 100px;
	background: var(--main-theme-color);
	border-radius: 50%;
	color: white;
	margin-top: 10px;

}
.testimonials .swiper .swiper-button-prev
{
	scale: 0.4;
	width: 100px;
	height: 100px;
	background: var(--main-theme-color);
	border-radius: 50%;
	color: white;
	margin-top: 10px;
}
@media screen and (max-width:1050px)
{
	.testimonials .swiper
	{
		width: 95%;
	}
}
@media screen and (max-width:900px)
{
	.testimonials small
	{
		font-size: 15px;
	}
	.testimonials h1
	{
		font-size: 28px;
	}
	.testimonials h1::before
	{
		width: 50%;
		left: 50px;
	}
	.testimonials h1::after
	{
		width: 50%;
		right: 50px;
	}
	.testimonials .swiper
	{
		width: 100%;
	}
	.testimonials i
	{
		font-size: 50px;
	}
	.testimonials p
	{
		font-size: 14.2px;
	}
	.testimonials .rating
	{
		margin: 10px 0 8px 0;
	}
	.testimonials h3
	{
		font-size: 17px;
	}
	.testimonials .swiper .swiper-button-next, .testimonials .swiper .swiper-button-prev
	{
		scale: 0.3;
	}
	.testimonials .swiper .swiper-button-next
	{
		margin-top: 30px;
		right: -20px!important;
	}
	.testimonials .swiper .swiper-button-prev
	{
		margin-top: 30px;
		left: -20px!important;
	}
	.testimonials .swiper .swiper-pagination .swiper-pagination-bullet
	{
		scale: 2;
	}
	.testimonials .swiper .swiper-pagination
	{
		margin-bottom: 8px;
	}
	.testimonials .swiper-slide
	{

		height:250px;
	}
}

/*testimonaials section css code ends*/

/*footer section code starts*/
footer
{
	width: 100%;
	padding: 20px 20px 30px 20px;
	position: relative;
/*	background: url('../images/building-doodle.png');*/
	background: linear-gradient(rgba(255,255,255, 1),rgba(0,122,212, 0.05));
/*	background-size: cover;*/
/*	margin-top: 100px;*/
}
footer .footerBG
{
	position: absolute;
	top:-164px;
	left: 50%;
	width: 100%;
	transform: translateX(-50%) rotate(180deg);
/*	background: red;*/
}
.footer-cols
{
	display: flex;
/*	align-items: center;*/
	justify-content: space-around;
	width: 80%;
	margin: auto;
	line-height: 1.6;
	padding-top: 40px;
}
.footer-contact
{
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin: 12px 0;
}
.footer-contact i
{
	font-size: 18px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	background: white;
/*	opacity: 0.6;*/
	color: var(--main-theme-color);
	justify-content: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.footer-data h1
{
	margin-bottom: 17px;
	display: block;
	color: var(--main-theme-color);
}
.footer-data .footer-data-text
{
	width: 450px;
	border-bottom: 1px solid lightgray;
	padding-bottom: 15px;
}
.footer-data a
{
	color: black;
}
.footer-data .mainWebsiteBtn
{
	display: block;
	background: var(--main-theme-color);
	color: white;
	border-radius: 10px;
	padding: 8px 15px;
	width: fit-content;
	margin: 8px 0;
}
.footer-data .mainWebsiteBtn:hover
{
	background: black;
}
.footer-data p
{
	font-size: 15px;
}
footer .socials
{
	margin-top: 20px;
}
footer .socials h3
{
	opacity: 0.8;
}
footer .socials-icons i
{
	font-size: 20px;
	padding: 7px;
	background: var(--main-theme-color);
	border-radius: 15px;
	color: white;
	margin-top: 10px;
	margin-left: 5px;
}
footer .socials-icons i:hover
{
	background: black;
	color: white;
}
.footer-data .footer-services
{
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
.footer-data .footer-services a
{
	margin: 5px 0;
}
.footer-data .footer-services i
{
	color: var(--main-theme-color);
}
.footer-data .footer-services a:hover
{
	color: var(--main-theme-color);
}
.footer-data strong
{
	width: 400px;
}
.footer-data iframe
{
	border-radius: 15px;
	margin-top: 10px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width:370px)
{
	.copyright p
		{
			font-size: 13px;
		}
}
@media screen and (max-width:1629px)
{
	footer .footerBG
	{
		top: -135px;
	}
	.footer-cols
	{
		width: 90%;
	}
}
@media screen and (max-width:1551px)
{
	footer .footerBG
	{
		top: -130px;
	}
}
@media screen and (max-width:1495px)
{
	footer .footerBG
	{
		top: -125px;
	}
}
@media screen and (max-width:1437px)
{
	footer .footerBG
	{
		top: -120px;
	}
	.footer-cols
	{
		width: 100%;
	}
}
@media screen and (max-width:1385px)
{
	footer .footerBG
	{
		top: -115px;
	}
}
@media screen and (max-width:1325px)
{
	footer .footerBG
	{
		top: -110px;
	}
	.footer-data iframe
	{
		width: 370px;
	}
}
@media screen and (max-width:1273px)
{
	footer .footerBG
	{
		top: -105px;
	}
}
@media screen and (max-width:1217px)
{
	footer .footerBG
	{
		top: -100px;
	}
	footer .footer-cols
	{
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.footer-data
	{
		flex-basis: 80%;
	}
	footer .footer-data .footer-data-text
	{
		width: 100%;
	}
	.footer-data iframe
	{
		width: 100%;
	}
}
@media screen and (max-width:1153px)
{
	footer .footerBG
	{
		top: -95px;
	}
}
@media screen and (max-width:1105px)
{
	footer .footerBG
	{
		top: -90px;
	}
}
@media screen and (max-width:1039px)
{
	footer .footerBG
	{
		top: -85px;
	}
}
@media screen and (max-width:977px)
{
	footer .footerBG
	{
		top: -80px;
	}
}
@media screen and (max-width:925px)
{
	footer .footerBG
	{
		top: -75px;
	}
}
@media screen and (max-width:869px)
{
	footer .footerBG
	{
		top: -70px;
	}
}
@media screen and (max-width:805px)
{
	footer .footerBG
	{
		top: -65px;
	}
}
@media screen and (max-width:751px)
{
	footer .footerBG
	{
		top: -60px;
	}
}
@media screen and (max-width:697px)
{
	footer .footerBG
	{
		top: -55px;
	}
}
@media screen and (max-width:633px)
{
	footer .footerBG
	{
		top: -50px;
	}
}
@media screen and (max-width:579px)
{
	footer .footerBG
	{
		top: -45px;
	}
}
@media screen and (max-width:525px)
{
	footer .footerBG
	{
		top: -40px;
	}
	.testimonials
	{
		padding-bottom: 60px;
	}
}
@media screen and (max-width:467px)
{
	footer .footerBG
	{
		top: -35px;
	}
	.footer-data
	{
		flex-basis: 100%;
	}

	.footer-data .footer-data-text
	{
		font-size: 14.5px;
	}
	.footer-data strong
	{
		width:100%;
	}
}
@media screen and (max-width:405px)
{
	footer .footerBG
	{
		top: -34px;
	}
}
@media screen and (max-width:397px)
{
	footer .footerBG
	{
		top: -33px;
	}
}
@media screen and (max-width:383px)
{
	footer .footerBG
	{
		top: -31px;
	}
}
@media screen and (max-width:357px)
{
	footer .footerBG
	{
		top: -29px;
	}
}
/*footer section code ends*/


/*Copyright section code starts*/
.copyright
{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding-bottom: 20px;
	flex-wrap: wrap;
	row-gap: 10px;
	border-top: 1px solid lightblue;
	padding-top: 20px;
}

/*Copyright section code ends*/

/*Apartments section code starts*/
.Apartments
{
	width: 100%;
	position: relative;
	height: 100%;
	margin-top: 95px;
	padding-bottom: 100px;
	background: linear-gradient(rgba(255,255,255,1),rgba(0,0,0, 0.04));
}
.Apartments .swiper
{
	width: 80%;
	border-radius: 15px;
/*	overflow: hidden;*/
}
.Apartments .Apartments-wrapper
{

}
.Apartments .swiper-slide
{
	border-radius: 15px;
	scale: 0.85;
	transition: 0.5s ease;
/*	overflow: hidden;*/
}
.Apartments .swiper-slide:hover
{
	scale: 0.9;
/*	filter: brightness(90%);*/
}
.Apartments .Apartments-slides
{
	width: 100%;
	height: 650px;
}
.Apartments .Apartments-slides img
{
	width: 100%;
	height: 100%;
	margin: auto;
	object-fit: cover;
	position: absolute;
	left: 50%;
	border-radius: 15px;
	transform: translateX(-50%);
/*	filter: saturate(150%);*/
}

.Apartments .swiper-button-next
{
	color:black;
	scale: 0.6;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border:1px solid black;
	right: -20px;
	transition: 0.3s ease;
}
.Apartments .swiper-button-prev
{
	color:black;
	scale: 0.6;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border:1px solid black;
	left: -20px;
	transition: 0.3s ease;
}
.Apartments .swiper-button-next:hover, .Apartments .swiper-button-prev:hover
{
	background: black;
	color: white;
}
.Apartments .imgOverlay
{
	background: linear-gradient(to right,rgba(255,255,255,0.2),rgba(255,255,255,0.2));
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
/*	z-index: ;*/
}
.Apartments .swiper-pagination .swiper-pagination-bullet
{
	background: black;
	scale: 1.2;
}
@media screen and (max-width:1590px)
{
	.Apartments .swiper
	{
		width: 85%;
	}
}
@media screen and (max-width:971px)
{
	.Apartments .swiper
	{
		width: 100%;
	}
	.Apartments .swiper-button-next
	{
		scale: 0.5;
		right: -10px;
	}
	.Apartments .swiper-button-prev
	{
		scale: 0.5;
		left: -10px;
	}
}
@media screen and (max-width:489px)
{
	.Apartments
	{
		margin-top:90px;
	}
	.Apartments .Apartments-wrapper
	{
		padding-top: 10px;
	}
	.Apartments .swiper-slide
	{
		scale: 0.9;
/*		background: red;*/
		height: 220px;
		margin-bottom: 20px;
	}
	.Apartments .Apartments-slides img
	{
		object-fit: cover;
		width: 100%;
/*		background: red;*/
	}
	.Apartments .swiper-button-next
	{
		scale: 0.3;
		right: -25px;
		top:45%;
		transform: translateY(-50%);
		background: black;
		color:white;
	}
	.Apartments .swiper-button-prev
	{
		scale: 0.3;
		left: -25px;
		background: black;
		color:white;
		top:45%;
		transform: translateY(-50%);
	}
	.Apartments .swiper-pagination .swiper-pagination-bullet
	{
		scale: 1.1;
	}
}
.properties-details
{
	width: 80%;
	padding: 20px;
	margin:0px auto 50px auto;
}
.properties-details h1
{
	display: flex;
	align-items: center;
	column-gap: 5px;
	flex-wrap: wrap;
	font-size: 20px;
}
.properties-details h3
{
	font-size: 16px;
	font-weight: 100;
	opacity: 0.9;
	margin: 5px 0 20px 0;
}
.aparment-icons
{
	display: flex;
/*	align-items: center;*/
	justify-content: space-between;
	width: 100%;
/*	border-top: 1px solid lightgray;*/
	border-bottom: 1px solid lightgray;
}
.aparment-icons-cols
{
	display: flex;
/*	align-items: center;*/
	column-gap: 10px;
	margin-left: 15px;
	flex-wrap: wrap;
	row-gap: 5px;
}
.aparment-icons-cols-data
{
	display: flex;
	align-items: center;
	column-gap: 4px;
	border-right: 1px solid lightgray;
	padding-right: 10px;
	font-size: 15px;

}
.aparment-icons-cols-data .sale
{
	color: crimson;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
.aparment-icons-cols-data .sale::before
{
	content: "";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: -15px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	z-index: -1;
	background: crimson;
}
.aparment-icons-price
{
	display: flex;
	align-items: center;
	column-gap: 4px;
}
.aparment-icons-price i
{
	font-size: 28px;
}
.aparment-icons-price h2
{
	font-size: 30px;
}
.apartement-overview
{
	margin-top: 30px;
/*	padding-top: 25px;*/
}
.apartement-overview h4
{
	margin-bottom: 5px;
}
.apartement-overview strong
{
	font-size: 15px;
}
.apartement-details
{
	width: 100%;
	padding-top: 30px;
}
.apartement-details h3
{
	font-size: 18px;
	opacity: 1;
	font-weight: bold;
}
.apartement-details-cols
{
	display: flex;
	align-items: center;
	justify-content: left;
	column-gap: 15px;
	row-gap: 15px;
	width: 100%;
	flex-wrap: wrap;
}
.apartement-details-insides
{
	display: flex;
	column-gap: 13px;
	padding: 10px 12px;
	flex-basis: 23%;
	border-radius: 10px;
	background: white;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
}
.apartement-details-insides i
{
	padding: 10px;
	border:1px solid lightgray;
	border-radius: 10px;
}
.apartement-details-data strong
{
	font-size: 14px;
	display: block;
	margin-bottom: 3px;
}
.apartement-details-data p
{
	font-size: 13px;
}
.apartement-features
{
	margin-top: 20px;
}
.apartement-features h3
{
	font-size: 18px;
	opacity: 1;
	font-weight: bold;
	margin-bottom: 10px;
}
.apartement-features ul
{
	display: flex;
/*	align-items: center;*/
	justify-content: left;
/*	column-gap: 10px;*/
	row-gap: 10px;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 5px;
/*	background: red;*/
}
.apartement-features ul li
{
	margin-left: 10px;
	background: rgba(198, 226, 253, 0.5);
	color: black;
	padding: 8px 15px;
	border-radius: 35px;
	transition: 0.3s ease;
	cursor: pointer;
}
.apartement-features ul li:hover
{
	transform: translateX(-5px);
}
@media screen and (max-width:1480px)
{
	.properties-details
	{
		width: 90%;
	}
}
@media screen and (max-width:1293px)
{
	.properties-details
	{
		width: 95%;
	}
	.apartement-details-insides
	{
		flex-basis: 32%;
	}
}
@media screen and (max-width:927px)
{

	.apartement-details-insides
	{
		flex-basis: 48%;
	}
		.apartement-features ul
	{
		width: 100%;
	}
}
@media screen and (max-width:605px)
{
	.properties-details
	{
		width: 100%;
	}
	.aparment-icons
	{
		flex-wrap: wrap;
		row-gap: 15px;
	}
	.apartement-details-insides
	{
		flex-basis: 100%;
	}
}
@media screen and (max-width:450px)
{
	.aparment-icons-cols-data p
	{
		font-size: 13px;
	}
	.aparment-icons-price i
	{
		font-size: 18px;
		transform: translateY(-5px);
	}
	.aparment-icons-price h2
	{
		font-size: 20px;
		margin-bottom: 7px;
	}
	.apartement-features ul li
	{
		font-size: 15px;
	}
	.apartement-overview p
	{
		font-size: 14px;
	}
	.interestedbutton a
	{
		margin-top: 8px;
	}
	.interestedbutton
	{
		font-size: 14px!important;
		padding: 2px 10px;
		transform: translateY(-5px);
	}
	.interestedbutton .thankYou i
	{
		transform: translateY(0);
		font-size: 17px;
	}
}
.interestedbutton
{
	background: red;
	color: white;
	padding: 5px 15px;
	border-radius: 35px;
	font-weight: 100;
	font-size: 16px;
	cursor: pointer;
	position: relative;
}
.interestedbutton .loading
{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
/*	width: 20px;
	height: 20px;*/
/*	border:5px solid white;*/
	border-radius: 50%;
	visibility: hidden;
	animation: loadinganim 1s linear infinite;
/*	overflow: hidden;*/
}
.interestedbutton .loading img
{
	width: 40px;
	height: 40px;
	scale: 1.5 ;
	object-fit: cover;
	border-radius: 50%;
}
@keyframes loadinganim
{
	/*100%
	{
		transform: translate(-50%, -50%) rotate(360deg);
	}*/
}

/*.interestedbutton .loading::before
{
	content: "";
	position: absolute;
	top:-2px;
	left: -2px;
	width: 10px;
	height: 10px;
	background: white;
}*/

.interestedbutton.active .loading
{
/*	border:2px solid black;*/
	visibility: visible;
}
.interestedbutton.active
{
	background: white;
	color: white;
	visibility: hidden;
	animation: buttonanim 0.3s linear;
}
.interestedbutton .thankYou
{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: limegreen;
	display: flex;
	align-items: center;
	column-gap: 5px;
	visibility: hidden;
}
.interestedbutton .thankYou i
{
	font-size: 20px;
}
.interestedbutton .thankYou.active
{
	visibility: visible;
}
.alreadyinterested
{
	display: flex;
	align-items: center;
	column-gap: 5px;
	color: limegreen;
	
}

@media screen and (max-width:450px){
    .alreadyinterested{
        transform:translateY(-6px)!important;
    }
    
   .aparment-icons-price .alreadyinterested .bxs-check-circle{
        transform:translateY(1px)!important;
        
    }
}

@keyframes buttonanim
{
	from
	{
		scale:0;
	}
	to
	{
		scale: 1;
	}
}
.interestedbutton input
{
	display: none;
}
.interestedbutton a
{
	background: crimson;
	color: black;
	padding: 5px 13px;
	border-radius: 8px;
	font-size: 14px;
	color: white;
/*	margin-top: 8px;*/
/*	display: block;*/
	width: fit-content;
	margin-left: 5px;
}
.interestedbutton .bxs-hand-right
{
	color: crimson;
	font-size: 18px;
	animation: handanim  1.2s linear infinite;
}
@keyframes handanim
{
	0%
	{
		transform: translateX(0);
	}
	50%
	{
		transform: translateX(-6px);
	}
	100%
	{
		transform: translateX(0);
	}
}
.apartement-details .details-section
{
	margin-bottom: 20px;
	padding: 10px 25px;
	background: white;
/*	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);*/
	border-radius: 15px;
}
.apartement-details  h3
{
	border-bottom: 1px solid lightgray;
	width: fit-content;
	padding-bottom: 5px;
	font-size: 18px;
}
.apartement-details .details-section .details-section-data
{
	display: flex;
	align-items: center;
	justify-content: left;
	column-gap: 40px;
	row-gap: 20px;
/*	background: red;*/
	width: 50%;
	line-height: 1.6;
	margin: 12px 0;
}
.apartement-details .details-section .details-section-data h4
{
	width: 200px;
}
.apartement-overview .location-data
{
	width: fit-content;
	padding-top: 5px;
}
.apartement-overview .location-data .details-section-data
{
	display: flex;
	align-items: center;
	justify-content: left;
	column-gap: 40px;
	width: 100%;
}
.apartement-overview .location-data .details-section-data h4
{
	width: 140px;
}
.apartement-overview .location-data .details-section-data p
{
	width: 150px;
}
@media screen and (max-width:926px)
{
	.apartement-details .details-section .details-section-data
	{
		width: 100%;
	}
}
@media screen and (max-width:486px)
{
	.apartement-details .details-section
	{
		padding: 5px;
		width: 100%;
	}
	.apartement-details .details-section .details-section-data h4
	{
		font-size: 14px;
/*		width: 150px;*/
	}
	.apartement-overview .location-data .details-section-data h4
	{
		font-size: 14px;
	}
	.apartement-details .details-section .details-section-data p
	{
		font-size: 14px;
		width: 200px;
	}
	.apartement-overview .location-data .details-section-data p
	{
		font-size: 14px;
	}
	.apartement-details .details-section .details-section-data
	{
		column-gap: 10px;
	}
	.apartement-overview .location-data .details-section-data
	{
		column-gap: 10px;
	}
}
/*Apartments section code ends*/

/*All properties section code starts*/
.all-properties
{
	width: 100%;
	padding: 120px 20px 150px 20px;
	background: linear-gradient(rgba(255,255,255,1),rgba(0,0,0, 0.05));
}
.all-properties .all-properties-contents
{
	width: 80%;
	margin: auto;
}
.all-properties .all-properties-contents h1
{
	width: 85%;
	margin: auto;
}
.all-properties-cols
{
	display: flex;
/*	align-items: center;*/
	justify-content: center;
	width: 100%;
	column-gap: 60px;
	margin: 30px auto;
}
.all-properties-cols .all-properties-left
{
	flex-basis: 20%;
	background: white;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	padding:20px 25px;
	height: fit-content;
	background: white;
	position: sticky;
	top:150px;
	left: 0;
}
.all-properties-left h4
{
	margin-bottom: 8px;
	font-size: 16px;
}
.search-place
{
	padding: 10px ;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
/*	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);*/
	background: rgba(0,0,0,0.08);
	margin-bottom: 15px;
}
.search-place .search-place-left
{
	display: flex;
	align-items: center;
	column-gap: 2px;
	width: 100%;
	margin-right: 10px;
}
.search-place .search-place-left input
{
	padding: 8px;
	border: none;
	width: 100%;
	outline: none;
	background: transparent;
}
.search-place .search-place-button input
{
	padding: 8px 12px;
	border-radius: 10px;
	border: none;
	background: var(--main-theme-color);
	color: white;
	width:fit-content;
	font-size: 13px;
	cursor: pointer;
}
.search-place .search-place-button input:hover
{
	background: black;
	color: white;
}
.property-status
{
	margin-bottom: 20px;
}
.property-status .property-toggles
{
	margin: 5px 0;
}
.property-status .property-toggles label
{
	position: relative;
	cursor: pointer;
}
.property-status .property-toggles label .toggleMenus
{
	position: absolute;
	top:50%;
	left: 50px;
	transform: translateY(-50%);
/*	border:1px solid gray;*/
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	width: 55px;
	height: 20px;
	border-radius: 35px;
	z-index: 1;
	transition: all cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
}
.property-status .property-toggles label .toggleMenus::before
{
	content: "";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: 3px;
	width: 15px;
	height: 15px;
	z-index: -1;
	border-radius: 50%;
	background: var(--main-theme-color);
	transition: all cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
}
.property-status .property-toggles label.active .toggleMenus
{
	background: var(--main-theme-color);
}
.property-status .property-toggles label.active .toggleMenus::before
{
	left: 36px;
	background: white;
}
.property-status .property-toggles label input
{
	visibility: hidden;
}
.property-status .property-toggles strong
{
	margin-right: 10px;
	font-weight: 100;
	font-size: 15px;
}
.property-type-checkBox
{
	margin-bottom: 10px;
}
.property-type-checkBox label
{
	font-size: 15px;
	cursor: pointer;
}
.property-type-checkBox label input
{
	margin-right: 4px;
	width: 16px;
	height: 16px;
	transform: translateY(3px);
}
.all-properties-cols .all-properties-right
{
	flex-basis: 60%;
}
.all-properties-cols .all-properties-right .all-properties-right-showAll
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	font-size: 14px;
}
.all-properties-cols .all-properties-right .all-properties-right-showAll select
{
	border-radius: 10px;
	padding: 5px;
	margin-left: 5px;
}
.all-properties-right-data-card
{
	display: flex;
/*	align-items: center;*/
	column-gap: 20px;
	background: white;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 25px;
}
.all-properties-right-data-card-img
{
	width: 600px;
	height: 250px;
	position:relative;
/*	display: flex;*/
}
.all-properties-right-data-card-img .property-small-tag
{
	position: absolute;
	top:10px;
	left:10px;
	background:crimson;
	border-radius: 10px;
	padding:5px 9px;
	font-size: 12px;
	color:white;
}
.all-properties-right-data-card-img .property-small-tag.rent
{
	background: darkviolet;
}
.all-properties-right-data-card-img img
{
	width:100%;
	height: 100%;
	object-fit: cover;
	display: flex;
	user-select: none;
}
.properties-title
{
	padding: 15px 20px 10px 10px;
}
.properties-title h3
{
	display: flex;
	align-items:center;
	flex-wrap: wrap;
    column-gap: 5px;
}
.properties-title small
{
	font-size: 15px;
	color: rgba(0, 0, 0, 0.7);
	margin-bottom: 4px;
}
.properties-title-icons
{
	display: flex;
	align-items: center;
	justify-content: left;
	column-gap: 15px;
	margin: 12px 0;
}

.properties-title-icons .properties-title-icons-data
{
	display: flex;
	align-items: center;
	justify-content: left;
	column-gap: 5px;
	font-size: 13.5px;
	border-right: 1px solid gray;
	padding-right: 8px;
}
.properties-title-icons .properties-title-icons-data i
{
	font-size: 16px;
}
.properties-title .properties-text
{
	font-size: 14px;
	border-bottom: 1px solid lightgray;
	padding-bottom: 8px;
}
.properties-title .properties-price
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.properties-title .properties-price h4
{
	font-size: 20px;
}
.properties-title .sale-btn
{
	margin: 12px 0 8px 0;
	display: block;
/*	float: right;*/
	background: var(--main-theme-color);
	color: white;
	cursor: pointer;
	padding: 6px 15px;
	border-radius: 10px;
	border:none;
	transition: 0.3s ease;
}
.properties-title .sale-btn:hover
{
	background: black;
}
.properties-title .sale-btn i
{
	transition: 0.3s ease;
	font-size: 16px;
	transform: translateY(3px);
}
.properties-title .sale-btn:hover i
{
	transform:translateY(3px) rotate(-45deg);
}
.all-properties-cols .filter-Menu
{
	position: fixed;
	width: 42px;
	height: 50px;
	right: 0;
	top: 300px;
	background: var(--main-theme-color);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 150;
/*	display: flex;*/
	align-items: center;
	justify-content: center;
	display: none;
}
.all-properties-cols .filter-Menu i
{
	font-size: 22px;
	color: white;
}
.all-properties-cols .filter-Menu i:nth-child(1)
{
	display: block;
}
.all-properties-cols .filter-Menu.active i:nth-child(1)
{
	display: none;
}
.all-properties-cols .filter-Menu i:nth-child(2)
{
	display: none;
}
.all-properties-cols .filter-Menu.active i:nth-child(2)
{
	display: block;
	transform: rotate(45deg);
	font-size: 30px;
}
.all-properties-cols .filter-Menu.active
{
	background: red;
}
.pagination
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 10px;
	margin: 50px auto;
	width: 100%;
}
.previous-page, .next-page
{
	background: var(--main-theme-color)!important;
	border-radius: 15px!important;
	padding:2px 35px 0 35px!important;
}
.pagination li
{
	list-style-type: none;
	padding-top: 2px;
	background: lightgray;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 6px;
	cursor: pointer;
}
.pagination li a
{
	font-size: 13px;
}
.pagination .page-link
{
	text-decoration: none;
	color: white;
}
.pagination .current-page.active
{
	background: var(--main-theme-color);
}
.disable
{
	background: lightgray!important;
}
@media screen and (max-width:1650px)
{
	.all-properties .all-properties-contents
	{
		width: 90%;
	}
	.all-properties .all-properties-contents h1
	{
		width: 100%;
	}
	.all-properties-cols .all-properties-left
	{
		flex-basis: 22%;
	}
	.all-properties-cols .all-properties-right
	{
		flex-basis: 50%;
	}
}
@media screen and (max-width:1480px)
{
	.all-properties-cols .all-properties-left
	{
		flex-basis: 45%;
	}
	.all-properties-cols .all-properties-right
	{
		flex-basis: 45%;
	}
	.all-properties .all-properties-contents
	{
		width: 95%;
	}
}
@media screen and (max-width:1423px)
{
	.all-properties-cols
	{
		column-gap: 40px;
	}
	.all-properties .all-properties-contents
	{
		width: 98%;
	}
	.all-properties .properties-title-icons-data
	{
		font-size:13.5px;
	}
	.all-properties  .properties-text
	{
		font-size: 13px;
	}
}
@media screen and (max-width:1250px)
{
	.all-properties-cols .all-properties-left
	{
		position: fixed;
		top:120px;
		left: -100%;
/*		transition: all cubic-bezier(0.19, 1, 0.22, 1) 1s;*/
		opacity: 0;
		transition: 0.3s ease;
		overflow-y: auto;
		z-index: 100;
	}
	.all-properties-cols .all-properties-left.active
	{
		left: 10px;
		opacity: 1;
	}
	.all-properties-cols .filter-Menu
	{
		display: flex;
	}
}
@media screen and (max-width:1037px)
{
	.all-properties-cols .all-properties-right
	{
		flex-basis: 100%;
	}
	.all-properties-right-data-card-img
	{
		width: 100%;
	}
}
@media screen and (max-width:800px)
{
	.all-properties-cols .all-properties-right
	{
		flex-basis: 90%;
	}
	.all-properties-cols .all-properties-right-data-card
	{
		flex-wrap: wrap;
	}
	.all-properties-cols .properties-title
	{
		padding: 15px;
	}
}
@media screen and (max-width:470px)
{
	.all-properties-cols .all-properties-right
	{
		flex-basis: 100%;
	}
	.all-properties-cols .properties-title small
	{
		font-size: 13.5px;
	}
	.all-properties-cols .properties-title-icons-data
	{
		font-size: 12.5px;
	}
	.all-properties-cols .pagination li
	{
		width: 32px;
		height: 32px;
	}	
	.all-properties-cols .pagination li a
	{
		font-size: 12.5px;
	}
	.all-properties-right-data-card-img
	{
		height: 200px;
	}
	.all-properties-cols .properties-title-icons
	{
		flex-wrap: wrap;
		row-gap: 10px;
	}
	.all-properties-cols .all-properties-left
	{
		width: 320px;
	}
	.all-properties-cols .properties-title h3
	{
		font-size: 17px;
	}
	.all-properties-cols .all-properties-right-showAll .select-filter
	{
		font-size: 13px;
	}
	.all-properties-cols .all-properties-right-showAll p
	{
		font-size: 12.5px;
	}
	.all-properties-cols .all-properties-right-showAll .select-filter select
	{
		padding: 3px;
		font-size: 13px;
	}
	.all-properties
	{
		padding-bottom: 20px;
	}
}
@media screen and (max-width:1550px)
{
	.Apartments-slides
	{
		height:440px!important;
	}
	.Apartments .swiper .swiper-button-next
	{
		scale:0.4!important;
		border:none!important;
		box-shadow: 4px 4px 15px rgba(0,0,0,0.3);
	}
	.Apartments .swiper .swiper-button-prev
	{
		scale:0.4!important;
		border:none!important;
		box-shadow: 4px 4px 15px rgba(0,0,0,0.3);
	}
	.properties-details h1, .details-section h3
	{
		font-size: 18px!important;
	}
	.properties-details h2
	{
		font-size: 22px!important;
	}
	.properties-details h3, .interestedbutton
	{
		font-size: 14px!important;
	}
	.aparment-icons-cols-data, .apartement-features li
	{
		font-size: 13px!important;
	}
	.details-section h4, .details-section p, .apartement-overview p
	{
		font-size: 14px!important;
	}
	.apartement-overview h4, .apartement-overview strong
	{
		font-size: 15px!important;
	}
	.apartement-details-insides strong, .apartement-details-insides p
	{
		font-size: 12.5px!important;
	}
}
.footer-data .footer-services a, .footer-data strong
{
	font-size: 13px!important;
}
.footer-data h3
{
	font-size: 15px!important;
}
.copyright p
{
	font-size: 14px!important;
}
@media screen and (max-width:1050px)
{
	.properties-cols
	{
		flex-wrap: wrap!important;
	}
	.properties-cols .properties-tiles
	{
		flex-basis: 46%!important;
	}
}
@media screen and (max-width:673px)
{
	.properties-cols .properties-tiles
	{
		flex-basis: 100%!important;
	}
}
/*All properties section code ends*/
