/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. Property Type css
06. Featured Property css
07. About us css
08. How It Works css
09. Why Choose us css
10. Infobar css
11. Property By City css
12. Latest Posts css
13. Footer css
14. About us Page css
15. Listing Page css
16. Property Single Page css
17. Blog Archive Page css
18. Post Single css
19. Contact us page css
20. FAQ page css
21. Page Not Found Page css
22. Agents page css
23. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/****    01. Global Variables    ****/
/************************************/
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	--primary-color			: #2F3D7E;
	--secondary-color		: #F6F8FF;
	--text-color			: #646262;
	--white-color			: #ffffff;
	--dark-color			: #333333;
	--accent-color			: #ED7D3A;
	--divider-color			: #DDE4FF;
	--gray-divider			: #DDDBDB;
	--overlay-color			: #2F3D7E80;
	--dark-overlay-color	: #2F3D7Eaa;
	--error-color			: rgb(230, 87, 87);
	--accent-font			: 'Sora', sans-serif;
	--default-font			: 'Inter', sans-serif;
}

/************************************/
/**** 	   02. General css		 ****/
/************************************/
@font-face {
    font-family: 'Apoc Normal';
    src: url('../fonts/');
    src: url('../fonts/?#iefix') format('embedded-opentype'),
        url('../fonts/ApocNormal-Regular.woff2') format('woff2'),
        url('../fonts/ApocNormal-Regular.woff') format('woff'),
        url('../fonts/ApocNormal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apoc Normal';
    src: url('../fonts/ApocNormal-RegularItalic.eot');
    src: url('../fonts/ApocNormal-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApocNormal-RegularItalic.woff2') format('woff2'),
        url('../fonts/ApocNormal-RegularItalic.woff') format('woff'),
        url('../fonts/ApocNormal-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-Book.eot');
    src: url('../fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPT-Book.woff2') format('woff2'),
        url('../fonts/FuturaPT-Book.woff') format('woff'),
        url('../fonts/FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	font-size: 16px;
	font-weight: 400;
	 font-family: 'Futura PT' !important;
	color: var(--text-color);
	line-height: 1.6em;
}

p{
	line-height: 1.6em;
	margin-bottom: 1.5em;
	 font-family: 'Futura PT' !important;
	 color: #111111;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Apoc Normal' !important;
	margin-top:0;
	font-weight: 700;
	color: #111111;
}

figure{
	display: block;
	margin: 0;
	width: 100%;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
	font-family: 'Futura PT' !important;
}
span  
{
font-family: 'Futura PT' !important;	
}
a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

::-webkit-scrollbar-track {background-color: #f1f1f1;border-left: 1px solid #ededed;}
::-webkit-scrollbar {width: 7px;background-color: var(--accent-color);}
::-webkit-scrollbar-thumb {background: var(--accent-color);}



.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}

.image-anime{
	position: relative;
	overflow: hidden;
}

/* .image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}*/

/*.image-anime:hover:after {*/
/*    height: 250%;*/
/*    transition: all 600ms linear;*/
/*    background-color: transparent;*/
/*}*/

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
	position: relative;
	z-index: 1;
}

.row > * {
	padding-right: 15px;
	padding-left: 15px;
}

.form-control{
	width: 100%;
	box-shadow: none;
	outline: 0;
	background: var(--secondary-color);
	border: 1px solid var(--divider-color);
	font-family: var(--default-font);
	font-size: 14px;
	color: var(--primary-color);
	padding: 14px 20px;
}

.form-control:focus{
	box-shadow: none;
	outline: 0;
	border-color: var(--divider-color);
}

select.form-control{
	background-image: url(../images/icon-dropdown.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
}

.help-block.with-errors ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.help-block.with-errors ul li{
	font-size: 14px;
	color: var(--error-color);
	line-height: 1.2em;
	margin-top: 2px;
}

.btn-default{
	display: inline-block;
	background: #587b7f;
	color: var(--white-color);
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 500;
	padding: 14px 50px;
	border-radius:20px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	border: none;
	outline: 0;
	box-shadow: none;
	transition: 0.2s transform;
	border: 2px solid #587b7f;
	font-family:  'Futura PT' ;
}
.about-content-body .para-1 {
    font-size: 26px;
}
.about-us.pt-0.pb-0.story-about figure.reveal.image-anime::after{
    display: none;
}
.about-content-body ul li .month
{
	font-size: 22px;
}
.about-content-body ul li span {
   
    font-size: 18px;
}
.btn-default:before{
	content: '';
    position: absolute;
    width: 0;
    height: 104%;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    z-index: -1;
    transform: translateX(-51%) translateY(-51%);
    transition: all 0.4s;
	border-radius: 5px;
}
.btn-default:hover
{
	color:#587b7f;
	border: 2px solid #587b7f;
}
.btn-default:hover::before{
	width: 106%;
	opacity: 1;
}

.btn-default.btn-border{
	background: none;
	color: #111111;
	padding:12px 50px;
	border: 2px solid #587b7f;
}

.btn-default.btn-border:before{
	background: #587b7f;
}

.btn-default.btn-border:hover{
	color: var(--white-color);
}
@media screen and (max-width: 1350px) and (min-width: 1024px) {
  body {
    zoom: 0.8;
  }
}
#magic-cursor{
	position: absolute;
	width: 10px !important;
	height: 10px !important;
	pointer-events: none;
	z-index:1000000;
}

#ball{
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
	width: 10px !important;
	height: 10px !important;
	background: var(--accent-color);
	border-radius: 50%;
	pointer-events: none;
	opacity:1 !important;
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.section-title{
	text-align: center;
	margin-bottom: 60px;
}

.section-title h3{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	color: var(--dark-color);
	position: relative;
	padding: 2px 0 2px 40px;
	margin-bottom: 15px;
	z-index: 2;
}

.section-title h3:before{
	content: '';
	display: block;
	width: 30px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/icon-heading.svg) no-repeat left center;
	z-index: -1;
}

.section-title h1,
.section-title h2{
	font-size: 50px;
	color: var(--primary-color);
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 0;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{
	position: relative;
	background: var(--white-color);
/*	border-radius: 30px; */
	border-bottom: 1px solid transparent;
	z-index: 100;
}

header.main-header .header-sticky{
	padding: 25px 0;
	position: relative;
	top: 0;
	z-index: 100;	
}

header.main-header .header-sticky.hide{
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	padding: 15px 0;
	border-radius: 0;
	border-bottom: 1px solid #16330010;
}

header.main-header .header-sticky.active{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
	border-bottom: 1px solid #16330010;
    transform: translateY(0);
	background: var(--white-color);
}

.navbar{
	padding: 0;
}

.navbar-brand{
	padding: 0;
}

.main-menu{
	font-family: var(--default-font);
	justify-content: flex-end;
}

.main-menu ul{
	align-items: center;
}
.about-us-3
{
	background: #BE8F6E;
	padding: 70px 0px;
}
.about-us-3 .experience-work-heading h2  
{
	font-size: 48px;
	font-weight: 400;
	padding: 12px 6px !important;
	color: #FFFBF9;
	font-family: "Apoc Normal" !important;
	line-height: 57.6px;
}
.swiper-button-prev::after
{
	display: none;

}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0px;
    right: auto;
    border: 1px solid #F9FAEF;
    width: 55px;
    background:#be8f6e;
    border-radius:5px;
}

.swiper-button-next svg, .swiper-button-prev svg {
    /* width: 100%; */
    /* height: 100%; */
    object-fit: contain;
    transform-origin: center;
    font-size: 10px;
    width: 30px;
  color: #F9FAEF;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev::after
{
	display: none;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev
{
	border: 1px solid #F9FAEF;
    width: 55px;
    background:#be8f6e;
    border-radius:5px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
}
.about-us-3 .experience-work-heading p  
{
	color: #FFFBF9;
    font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
}
.main-menu ul li{
	margin-left: 20px;
	position: relative;
}

.main-menu ul li.submenu > a:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a{
font-size: 20px;
    font-weight: 400;
    padding: 12px 6px !important;
    color: #587B7F;
    font-family: 'Futura PT' !important;
    line-height: 26px;
}
.header-sticky .navbar .navbar-brand h1  
{
	color: #587B7F !important;
}
.main-menu ul li.highlighted-menu a{
display: block;
    background: #fff;
    color: #587b7f;
    padding: 10px 30px !important;
    /* border-radius: 27px; */
	border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: 0.2s transform ease-in-out;
    border: 2px solid #587b7f;
    text-decoration: none !important;
}
.main-menu ul li .search-container {
    position: absolute;
    width: 220px;
    top: 70px;
    border: 2px solid #587b7f;
    border-radius: 5px;
}
.main-menu ul li .search-container input#meanu_searchbar {
    outline: none !important;
}
.main-menu ul li.nav-item.highlighted-menu:hover {
    border: none;
}
.main-menu ul li.highlighted-menu a::before{
	content: '';
    position: absolute;
    width: 0;
    height: 104%;
    top: 50%;
    left: 50%;
    background:#fff;
    opacity: 0;
    z-index: -1;
    transform: translateX(-51%) translateY(-51%);
    transition: all 0.4s;
}
.banner
{
	padding: 20px 0px 0px 0px;
	border-top: 2px solid #beb7b7;
}
.post-1-img
{
	padding-bottom: 15px;
}
.about-content-body h2  
{
	color: #587b7f;
	font-size: 48px;
	font-weight: 400;
	line-height: 57.6px;
	letter-spacing: -0.02em;
	text-align: left;
}
.main-menu ul li.highlighted-menu a:hover::before{
	width: 106%;
	opacity: 1;
}

.main-menu ul li.highlighted-menu a:hover::after{
	transform: translate(0, 0);
}

.main-menu ul li.highlighted-menu a:hover{
	color: #587b7f;
border:2px solid #587b7f;
}
.banner-image-right
{
	display: flex;
	justify-content: right;
	margin-bottom: 20px;
}
.banner-image-right img  
{
	width: 50px;
}
.main-menu ul li a:hover,
.main-menu ul li a:focus{
	color: #111111;
}

.main-menu ul ul{
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0.8);
	transform-origin: top;
	padding: 28px 0 8px;
	margin: 0;
	list-style: none;
	width: 265px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	overflow: hidden;
	background-color:#fff; 
	transition: all .3s ease-in-out;
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	color: #587B7F;
	padding: 8px 20px !important;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
}

.main-menu ul ul li a:hover{
	color: #587B7F;
	background: #ffffff20;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	top: 15px;
	position: relative;
}

.slicknav_btn{
	background: #587b7f;
	padding: 6px 0 0;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 5px;
}

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: var(--white-color);
	margin: 4px auto !important;
}

.slicknav_menu{
	padding: 0;
	background: #587b7f;
	border-radius: 5px;
}

.slicknav_nav{
	padding-top: 5px;
	padding-bottom: 5px;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	font-size: 16px;
	font-weight: 400;
	padding: 4px 15px;
	font-family: var(--accent-font);
	color: var(--white-color);
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover{
	background-color: transparent;
	color: var(--primary-color);
}

.slicknav_arrow{
	font-size: 0 !important;
}

.slicknav_arrow:after{
	content: '\f105';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
	color: var(--white-color);
}

/************************************/
/**** 	    04. Hero css		 ****/
/************************************/

.hero{
	position: relative;
}

.hero.our-banner .hero-section {
    overflow: hidden;
    background-image: url(../images/d4.jpg);
    background-size: cover;
    padding: 0px 0px 100px;
    position: relative;
}
.hero.our-banner .hero-section video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero.our-banner .hero-section .hero-content {
    position: relative;
    padding-top: 0px;
    color: #fff;
    text-align: center;
    margin: 0 auto !important;
}
.hero.our-banner.home-banner .hero-section {
    overflow: visible;
}
.hero.our-banner.home-banner .hero-section .selectOptions {
    box-shadow: 0px 0px 3px 0px #a0b0b2;
}
.hero.our-banner .hero-section {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    flex-wrap: wrap;
}
.hero-section.news-blog-page
{
	overflow: hidden;
	background-image: url(../images/d24.png);
	background-size: cover;
	padding: 100px 0px 120px;
	position: relative;
}
.hero .story-image
{
	overflow: hidden;
	background-image: url(../images/d12.png);
	background-size: cover;
	padding: 100px 0px 120px;
	position: relative;
}
.hero .list-your-space  
{
	overflow: hidden;
	background-image: url(../images/d17.jpeg);
	background-size: cover;
	padding: 100px 0px 120px;
	position: relative;
}
.hero-section.neighbourhoods-page
{
	overflow: hidden;
	background-image: url(../images/neigh.png);
	background-size: cover;
	padding: 100px 0px 120px;
	position: relative;
}
.story-about .about-content .section-title h2  
{
	font-family: "Apoc Normal" !important;
    font-weight: 400;
    font-size: 48px;
    color: #587B7F;
    line-height: 57.6px;
}
.hero-section.neighbourhoods_1-page
{
	overflow: hidden;
	background-image: url(../images/adobe-11.jpeg);
	background-size: cover;
	padding: 100px 0px 120px;
	position: relative;
}
.story-about .about-content 
{
	padding: 0px 50px;
}
.story-about .about-images .about-image img   
{
	border-radius: 0;
}
.story-about .about-content .about-content-body
{
	font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    line-height: 21.6px;
}

.story-about .about-images
{
	padding-left: 0;
	padding-top: 0;
}
.hero .hero-section:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(36, 31, 25, 0.21);
	z-index: 1;
}
.space-work {
    box-shadow: none !important;
}
.hero-content{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.sumbit-btn-1 {
    background: #fff;
    color: #000;
    border-color: #fff;
    font-size: 20px;
}
.list-your-space-about
{
	background: #FFFBF9;
}
.hero-content .section-title{
	margin-bottom: 30px;
}

.hero-content .section-title h3{
	color: var(--accent-color);
}

.hero-content .section-title h3:before{
	background-image: url(../images/icon-heading-light.svg);
}

.hero-content .section-title h1{
	color: var(--white-color);
	font-size: 70px;
}

.hero-content-body p{
	color: var(--white-color);
}

.hero-content-footer{
	margin-top: 40px;
}

.hero-content-footer .btn-default{
	margin: 0 10px;
}

.hero-content-footer .btn-default.btn-border{
	border-color: var(--white-color);
	color: var(--white-color);
}

.hero-content-footer .btn-default.btn-border:hover{
	border-color: var(--accent-color);
}

.hero.hero-video .hero-section{
	background: none;
}

.hero-video .hero-section .hero-bg-video{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.hero-video .hero-section .hero-bg-video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-video .hero-section .hero-bg-video iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-slider .hero-section{
	padding: 0;
}

.hero-slider .hero-section{
	background: none;
}

.hero-slider .hero-section:before{
	display: none;
}

.hero-slider .hero-section .hero-slide{
	padding: 100px 0 312px;
	position: relative;
}

.hero-slider .hero-section .hero-slide .hero-slide-image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.hero-slider .hero-section .hero-slide .hero-slide-image:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--overlay-color);
	z-index: 1;
}

.hero-slider .hero-section .hero-slide .hero-slide-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-slider .hero-section .hero-slide .hero-content{
	z-index: 4;
	position: relative;
}

.hero-slider .hero-carousel .hero-button-prev,
.hero-slider .hero-carousel .hero-button-next{
	width: 50px;
	height: 50px;
	background: var(--accent-color) url(../images/arrow-right.svg) no-repeat center center;
	background-size: 50% auto;
	position: absolute;
	top: 50%;
	z-index: 2;
	border-radius: 5px;
	margin-top: -25px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.hero-slider:hover .hero-carousel .hero-button-prev,
.hero-slider:hover .hero-carousel .hero-button-next{
	opacity: 1;
}

.hero-slider .hero-carousel .hero-button-prev:hover,
.hero-slider .hero-carousel .hero-button-next:hover{
	background-color: var(--primary-color);
}

.hero-slider .hero-carousel .hero-button-prev{
	left: 30px;
	transform: rotate(180deg);
}

.hero-slider .hero-carousel .hero-button-next{
	right: 30px;
}

.hero .hero-search-form-section{
	position: absolute;
	z-index: 10;
	bottom: 100px;
	width: 100%;
	padding: 0 15px;
}

.hero-video .hero-search-form{
	margin: 0;
}

.hero-search-form{
	background-color: var(--white-color);
	padding: 30px;
	border-radius: 20px;
	backdrop-filter: blur(10px);
}

.search-heading{
	display: none;
}

.search-heading h4{
	margin-bottom: 0;
	position: relative;
	font-size: 18px;
	text-align: center;
}

.hero-search-form .form-control{
	width: 100%;
	box-shadow: none;
	outline: 0;
	background: var(--secondary-color);
	border: 1px solid var(--divider-color);
	font-family: var(--default-font);
	font-size: 14px;
	color: var(--primary-color);
	padding: 14px 20px;
}

.hero-search-form select.form-control{
	background-image: url(../images/icon-dropdown.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
}

.hero-search-form .btn-default{
	width: 100%;
	padding: 13px 20px;
}

/******************************************/
/****   	 05. Property Type css 	   ****/
/******************************************/

.property-types{
	padding: 100px 0;
}

.property-type-item{
	background: var(--secondary-color);
	padding: 30px;
	border-radius: 20px;
}

.property-type-item .icon-box{
	width: 70px;
	height: 70px;
	background: var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: all 0.3s ease-out;
}

.property-type-item:hover .icon-box{
	background: var(--accent-color);
}

.property-type-item h3{
	font-size: 22px;
	font-weight: 600;
	color: var(--dark-color);
	margin-bottom: 6px;
}

.property-type-item p{
	margin: 0;
}

.property-type-slider .swiper-pagination{
	position: relative;
	bottom: 0;
	margin-top: 30px;
}

.property-type-slider .swiper-pagination .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	background: var(--primary-color);
	transition: all 0.3s;
}
a.slicknav_btn {
    border: transparent;
    background: transparent;
    color: #587b7f;
}
.slicknav_icon .slicknav_icon-bar{
    background: #587b7f;
}
/******************************************/
/****   06. Featured Property css      ****/
/******************************************/

.featured-property{
	padding: 0px 0px 50px 0px;
	border-bottom: 2px solid #beb7b7;
}
.featured-property .bg-color  
{
	background: #587b7f;
	border-radius: 20px;
	padding: 40px 20px 80px 20px;
}
.property-item{
	background: var(--secondary-color);
	border-radius: 20px;
	overflow: hidden;
}
.service-list li  
{
	margin-bottom: 45px;
}
.footer-logo img  
{
	width: 50px;
}
.featured-property .property-item{
	background-color: var(--white-color);
}
.about-content-1 img {
    border-radius: 20px;
}
.property-item .property-header{
	position: relative;
	overflow: hidden;
}

.property-item .property-header figure img{
	width: 100%;
	transition: all 0.5s ease-out;
}

.property-item:hover .property-header figure img{
	transform: scale(1.2);
}

.property-item:hover .property-header figure:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.property-item:hover .property-header figure:after{
	height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.property-item .property-header .property-label{
	position: absolute;
	top: 20px;
	left: 20px;
	background: var(--primary-color);
	color: var(--white-color);
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 500;
	padding: 4px 14px;
	border-radius: 5px;
}

.property-item .property-body{
	padding: 30px 30px 25px 30px;
}

.property-item .property-body h3{
	font-size: 22px;
	font-weight: 600;
	color: var(--dark-color);
}

.property-item .property-body p{
	margin-bottom: 0;
}

.property-item .property-meta{
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--gray-divider);
}

.property-item .property-meta .property-amenity-item{
	width: 48%;
	margin-right: 4%;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.property-item .property-meta .property-amenity-item:nth-of-type(2n + 2){
	margin-right: 0;
}

.property-item .property-meta .property-amenity-item .icon-box{
	width: 22px;
	margin-right: 10px;
}

.property-item .property-footer{
	padding: 0 30px 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.property-item .property-footer .property-price{
	margin-bottom: 0;
	font-weight: 600;
	font-size: 18px;
	color: var(--dark-color);
}

.property-item .property-footer .btn-default{
	font-size: 14px;
	padding: 10px 20px;
}

.property-slider .swiper-pagination{
	position: relative;
	bottom: 0;
	margin-top: 50px;
}

.property-slider .swiper-pagination .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	background: var(--primary-color);
	transition: all 0.3s;
}

/******************************************/
/****   	 07. About us css   	   ****/
/******************************************/

.about-us{
	padding: 100px 0;
}

.about-images{
	position: relative;
	/*padding-left: 84px;
	padding-top: 32px;*/
	background: url(../images/icon-about-dot.svg) no-repeat top left;
}

.about-image img{
	width: 100%;
	border-radius: 20px;
}
.sub-menu-list-2 {
    width: 350px !important;
	padding: 20px !important;
}
.sub-menu-list-1 {
    display: flex;
}
.slider.slider-nav.slick-initialized.slick-slider {
    /* min-height: 400px; */
    height: 320px;
}
.slider .slick-slider{
	margin-bottom: 0;
}
.about-video{
	width: 45%;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 1;
	border-radius: 20px;
	overflow: hidden;
}

.about-video figure img{
	width: 100%;
	border: 4px solid var(--white-color);
	border-radius: 20px;
}

.video-play-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-play-button a{
	display: inline-block;
	position: relative;
	font-size: 50px;
	height: 50px;
    border-radius: 50%;
    text-align: center;
}

.video-play-button a img{
	width: 50px;
}

.video-play-button a:before{
	content: '';
	position: absolute;
	top: -30%;
	left: -30%;
	width: 160%;
	height: 160%;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1s infinite linear;
}

.video-play-button a:after{
	content: '';
	position: absolute;
	top: -30%;
	left: -30%;
	width: 160%;
	height: 160%;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1s infinite linear;
	animation-delay: .3s;
}

@keyframes border-zooming{
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.about-content{
	padding-top: 32px;
	padding-left: 10px;
}

.about-us .section-title{
	text-align: left;
	margin-bottom: 20px;
}

.about-content-body ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.about-content-body ul li{
	font-size: 16px;
    font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 30%;
	margin-bottom: 25px;
}

.about-content-body ul li:nth-child(2n + 2){
	margin-right: 0;
}

.about-content-body ul li .icon-box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: var(--secondary-color);
	border-radius: 50%;
	margin-right: 15px;
}

.about-content-body ul li span{
	display: block;
	width: 100%;
}
.about-content-1 .about-content-body-1 ul li
{
	list-style: none;
	font-size: 22px;
}
.about-content-body-1 img{
	width: 40px;
	height: 40px;
}
.about-content-body-1 p{
	font-size: 19px;
	font-weight: 400;
	line-height: 22.8px;
	letter-spacing: -0.02em;
	color: #000;
}
.about-content-1 .about-content-body-1 ul li span i  
{
	margin-right: 15px;
	font-size: 22px;
}
.featured-property .section-title p.text-anime {
    font-size: 40px;
}
.about-content-1 .about-content-body-1 ul
{
	padding: 0;
}
.about-content-body-1 span {
   font-size: 22px;
}
.about-content-1 .about-content-body-1 .map-para
{
	font-size: 22px;
}
.about-content-1 .about-heading
{
	font-size: 44px;
}
.about-content-1 .about-para
{
	font-size: 22px;
}
/******************************************/
/****   	 08. How It Works css  	   ****/
/******************************************/

.how-it-works{
	padding: 100px 0;
	background: var(--secondary-color);
}

.how-it-work-item{
	text-align: center;
	background: var(--white-color);
	padding: 30px;
	border-radius: 20px;
}

.how-it-work-item .icon-box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: var(--primary-color);
	border-radius: 50%;
	margin: 0 auto 25px;
	transition: all 0.3s ease-out;
}

.how-it-work-item:hover .icon-box{
	background: var(--accent-color);
}

.how-it-work-item h3{
	font-size: 22px;
	margin-bottom: 15px;
	color: var(--dark-color);
	font-weight: 600;
}

.how-it-work-item p{
	margin-bottom: 0;
}

/******************************************/
/****     09. Why Choose us css   	   ****/
/******************************************/

.why-choose-us{
	padding: 100px 0 50px;
}

.why-choose-us .section-title{
	text-align: left;
	margin-bottom: 20px;
}

.why-choose-us-body ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.why-choose-us-body ul li{
	position: relative;
	font-size: 18px;
	font-weight: 500;
	padding-left: 34px;
	margin-bottom: 15px;
}

.why-choose-us-body ul li:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: var(--secondary-color) url(../images/icon-checkmark.svg) no-repeat center center;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px;
}

.why-choose-us-body .btn-default{
	margin-top: 20px;
}

.why-choose-us-images{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 30px;
}

.why-choose-us-image1,
.why-choose-us-image2{
	width: 48%;
}

.why-choose-us-image2{
	margin-bottom: 30px;
}

.why-choose-us-image1 img,
.why-choose-us-image2 img{
	width: 100%;
	border-radius: 20px;
}

.exclusive-agents{
	background: var(--secondary-color);
	padding: 30px;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	text-align: center;
	min-width: 248px;
	animation: moveobject 2s infinite linear alternate;
}

.exclusive-agents h5{
	font-size: 18px;
	font-weight: 600;
}

@keyframes moveobject{
	50%{
		left: 45%;
	}
}

/******************************************/
/****    	  10. Infobar css   	   ****/
/******************************************/

.infobar-cta{
	padding: 50px 0px;
}
.map-wrapper h2{
	font-size: 33px;
	font-weight: 400;
	line-height: 39.6px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #587B7F;
}
.experience-work-heading .nav-tabs{
	border: 0;
	gap: 12px;
}
.tab_content_wrapper .content_heading{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	justify-content: space-between;
	padding-bottom: 4px;
	border-bottom: 1px solid #fff;
}
.tab_content_wrapper p{
	font-size: 18px;
	font-weight: 400;
	line-height: 21.6px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #fff;
	margin: 0;
}
.experience-work-heading .nav-tabs .nav-link{
	border: 3px solid #fff;
	color: #fff;
	font-family: Futura PT;
	font-size: 13px;
	font-weight: 400;
	line-height: 16.9px;
	/* border-radius: 50px; */
	border-radius: 5px;
	padding: 12px 22px;
}
.experience-work-heading .nav-tabs .nav-link.active{
	color: #BE8F6E;
}
.content-image-wrapper img{
	height: 370px;
	border-radius: 16px;
	object-fit: cover;
	width: 100%;
}
.experience_wrapper{
	margin-bottom: 60px;
}
.experience_wrapper img{
	width: 90px;
	height: 90px;
}
.bg-tilte{
	background: #87816E;
}
.bg-tilte h2{
	font-size: 33px;
	font-weight: 400;
	line-height: 39.6px;
	letter-spacing: -0.02em;
	text-align: center;
}
.experience_wrapper .exp_heading{
	font-size: 31px;
	font-weight: 400;
	line-height: 37.2px;
	letter-spacing: -0.02em;
	color: #587B7F;
}
.experience_wrapper .exp_para{
	font-size: 23px;
	font-weight: 400;
	line-height: 27.6px;
	letter-spacing: -0.02em;
}
a.btn-default.white-btn{
	background: #FFFBF9;
	border-color: #FFFBF9;
	color: #BE8F6E;
}
.list-border-bottom span{
	width: 46px;
	height: 7px;
	border-radius: 3px;
	display: inline-block;
}
.list-border-bottom span.third{
	background-color: #E76910;
}
.list-border-bottom span.first{
	background-color: #FECE00;
}
.list-border-bottom span.second{
	background-color: #741055;
}
.map-wrapper .about-content-1 .about-content-body-1 .map-para{
	font-size: 26px;
	font-weight: 400;
	line-height: 31.2px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #587B7F;
	margin-bottom: 12px;
}
.infobar-box{
	padding-bottom: 60px;
	border-bottom: 1px solid #E7D7C9;
}
.about-workspace .about-content-1 p.about-para{
	font-size: 18px;
	font-weight: 400;
	line-height: 21.6px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #000;
}
.about-workspace h2{
	font-size: 33px;
	font-weight: 400;
	line-height: 39.6px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #587B7F;
}
.Neighbourhood
{
	background: #eee;
	padding: 15px;
	border-radius: 10px;
}
.infobar-box-1 h2{
	font-size: 33px;
	font-weight: 400;
	line-height: 39.6px;
	letter-spacing: -0.02em;
	color: #587B7F;
}
.about-content-1 iframe{
	border-radius: 20px;
}
.cta-content h2{
	font-size: 40px;
	font-weight: 700;
}

.cta-content p{
	margin-bottom: 0;
}

.cta-button{
	text-align: right;
}

.cta-button .btn-default{
	margin-left: 10px;
}

.cta-button .btn-default i{
	margin-right: 10px;
}

/******************************************/
/****   11. Property By City css 	   ****/
/******************************************/

.property-by-city{
	padding: 100px 0;
	background: var(--secondary-color);
}

.location-item{
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.location-item .location-image img{
	width: 100%;
	transition: all 0.5s ease-out;
}

.location-item .location-content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px;
	background: var(--overlay-color);
}

.location-item .location-content .location-header h3{
	font-size: 22px;
	font-weight: 500;
	color: var(--white-color);
}

.location-item .location-content .location-header p{
	color: var(--white-color);
	font-size: 16px;
}

.location-item .location-content .location-footer{
	position: absolute;
	left:30px;
	bottom: 10px;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.location-item:hover .location-content .location-footer{
	bottom: 25px;
	opacity: 1;
}

.location-item:hover .location-image img{
	transform: scale(1.2);
}

/******************************************/
/****   	12. Latest Posts css   	   ****/
/******************************************/

.latest-posts{
	padding: 100px 0 40px;
}

.post-item .post-featured-image{
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.post-item .post-featured-image figure img{
	width: 100%;
	transition: all 0.4s ease-out;
	    border-radius: 10%;
}
.gallery_product .post-featured-image figure img {
    width: 100%;
    transition: all 0.4s ease-out;
    border-radius: 20px;
    box-shadow: none;
}
section#portfolio .gallery_product .post-item {
    max-width: 90%;
    margin: auto;
    text-align: center;
    display: block;
    border-radius: 20px !important;
    overflow: hidden;
}
section#portfolio .tab-content .row {
    display: flex;
    align-items: center;
}
.post-item .post-featured-image .post-read-more{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--overlay-color);
	opacity: 0;
	transition: all 0.3s ease-out;
}

.post-item .post-featured-image .post-read-more .btn-default{
	top: 20px;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.post-item:hover .post-featured-image .post-read-more{
	opacity: 1;
}

.post-item:hover .post-featured-image .post-read-more .btn-default{
	top: 0;
	opacity: 1;
}

.post-item:hover .post-featured-image figure img{
	transform: scale(1.2);
}

.post-item .post-body .post-category ul{
	padding: 0;
	margin: 0 0 4px;
	list-style: none;
}

.post-item .post-body .post-category ul li a{
	color: var(--text-color);
}

.post-item .post-body h3{
	margin-bottom: 0;
}

.post-item .post-body h3 a{
	font-size: 22px;
	font-weight: 600;
	color: var(--dark-color);
}

/******************************************/
/****   	 	13. Footer css   	   ****/
/******************************************/
hr  
{
	color: #beb7b7;
}
footer.footer{
	background: #fff;
	padding: 50px 0px 0px 0px;
	
/*	border-radius: 20px;*/
}

.newsletter-box{
	background: var(--secondary-color);
	padding: 30px 50px;
	border-radius: 20px;
	margin-top: -70px;
	margin-bottom: 80px;
}

.newsletter-title h2{
	font-size: 40px;
}

.newsletter-title p{
	margin-bottom: 0;
}

.newsletter-form .row > *{
	padding-left: 0;
	padding-right: 0;
}

.newsletter-form .form-control{
	background-color: var(--white-color);
	font-family: var(--default-font);
	padding: 0;
	border: none;
	height: 56px;
	padding: 0 20px;
	border-radius: 5px 0 0 5px;
	box-shadow: none;
	outline: 0;
}

.newsletter-form .btn-default{
	outline: 0;
	width: 100%;
	border-radius: 0 5px 5px 0;
	height: 56px;
	font-family: 'Futura PT' !important;
}
.about-us.story-about.list-your-space-about .about-images .about-image figure.reveal.image-anime {
    visibility: inherit;
}
.footer-about{
	padding-right: 80px;
}

.footer-about .footer-logo{
	margin-bottom: 30px;
}

.footer-about-content p{
	color: var(--white-color);
}

.footer-social-links ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-social-links ul li{
	display: inline-block;
	margin-right: 8px;
}

.footer-social-links ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	font-size: 18px;
	border-radius: 5px;
	background: var(--accent-color);
	color: var(--white-color);
	transition: all 0.3s ease-out;
}

.footer-social-links ul li a:hover{
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

.footer-contact-info h3,
.footer-quick-links h3,
.footer-appointment h3{
	font-size: 22px;
	color: var(--accent-color);
	margin-bottom: 30px;
}

.footer-info-box{
	position: relative;
	padding-left: 30px;
	margin-bottom: 25px;
}

.footer-info-box .icon-box{
	position: absolute;
	top: 0;
	left: 0;
}

.footer-info-box p{
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-quick-links ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

/* .footer-quick-links ul li{
	margin-bottom: 8px;   
} */ 

.footer-quick-links ul li a{
	color: var(--white-color);
	position: relative;
	padding-left: 20px;
	transition: all 0.3s ease-out;
}

.footer-quick-links ul li a:hover{
	color: var(--accent-color);
}

.footer-quick-links ul li a:before{
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(../images/icon-menu-item.svg) no-repeat left center;
}

.footer-appointment .footer-appointment-content p{
	color: var(--white-color);
}

.footer-appointment .footer-appointment-content .btn-default:before{
	background: var(--secondary-color);
}

.footer-appointment .footer-appointment-content .btn-default:hover{
	color: var(--primary-color);
}

.footer-copyright-links{
	padding: 20px 0;
}

.footer-copyright p{
	margin: 0;
}

.footer-policy-links{
	text-align: right;
}

.footer-policy-links ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-policy-links ul li{
	display: inline-block;
	margin-left: 16px;
	position: relative;
	padding-left: 20px;
}

.footer-policy-links ul li:before{
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	background: var(--text-color);
	position: absolute;
	top: 5px;
	left: 0;
}

.footer-policy-links ul li:first-child{
	padding-left: 0;
}

.footer-policy-links ul li:first-child:before{
	display: none;
}

.footer-policy-links ul li a{
	color: var(--text-color);
	transition: all 0.4s ease-out;
}

.footer-policy-links ul li a:hover{
	color: var(--accent-color);
}

/******************************************/
/****     14. About us Page css 	   ****/
/******************************************/

.page-header{
	padding: 150px 0;
	background: url(../images/hero.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	margin: 0 40px;
    border-radius: 20px;
	overflow: hidden;
}

.page-header:before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--overlay-color);
}

.page-header-box{
	text-align: center;
}

.page-header-box h1{
	font-size: 70px;
	font-weight: 600;
	color: var(--white-color);
}

.page-header-box .breadcrumb{
	justify-content: center;
	margin-bottom: 0;
}

.page-header-box ol li.breadcrumb-item{
	color: var(--white-color);
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
	color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a{
	color: inherit;
}

.photo-gallery{
	padding: 100px 0 20px;
}

.gallery-item{
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.gallery-item figure img{
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center center;
	transition: all 0.5s ease-out;
}

.gallery-item:hover figure img{
	transform: scale(1.2);
}

.testimonials{
	padding: 100px 0;
	background: var(--secondary-color);
}

.testimonial-slide{
	background: var(--white-color);
	border-radius: 20px;
	padding: 30px;
	text-align: center;
	margin-bottom: 80px;
	transition: all 0.4s ease-in-out;
}

.testimonial-slide .testimonial-rating{
	margin-bottom: 20px;
}

.testimonial-slide .testimonial-author-info h3{
	font-size: 16px;
	font-family: var(--default-font);
	font-weight: 600;
	color: var(--text-color);
	margin-bottom: 15px;
}

.testimonial-slide .testimonial-author-info figure{
	max-width: 100px;
	margin: 0 auto -80px;
	overflow: hidden;
	border-radius: 50%;
	background-color: var(--secondary-color);
}

.testimonial-slide .testimonial-author-info figure img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
	border: 6px solid var(--secondary-color);
}

.testimonial-slider .swiper-slide-active .testimonial-slide{
	background: var(--primary-color);
}

.testimonial-slider .swiper-slide-active .testimonial-slide .testimonial-content,
.testimonial-slider .swiper-slide-active .testimonial-slide .testimonial-author-info h3{
	color: var(--white-color);
}

.testimonial-slider .swiper-pagination{
	position: relative;
	bottom: 0;
	margin-top: 30px;
}

.testimonial-slider .swiper-pagination .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	background: var(--primary-color);
	transition: all 0.3s;
}

.stat-counter{
	padding: 100px 0;
}

.counter-item{
	background: var(--secondary-color);
	text-align: center;
	padding: 30px;
	border-radius: 20px;
}

.counter-item .icon-box{
	margin: 0 auto 25px;
	width: 80px;
	height: 80px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.counter-item:hover .icon-box{
	background-color: var(--accent-color);
}

.counter-item .icon-box img{
	max-width: 50%;
}

.counter-item h3{
	font-size: 28px;
	font-weight: 700;
	color: var(--dark-color);
	margin-bottom: 5px;
}

.counter-item p{
	margin-bottom: 0;
}

.our-partners{
	background: var(--secondary-color);
	padding: 100px 0;
}

.client-logo{
	background: var(--white-color);
	border-radius: 20px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding: 40px 30px;
}

.our-agents{
	padding: 100px 0;
}

.agent-item .agent-header{
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.agent-item .agent-header .agent-image img{
	width: 100%;
	transition: all 0.5s ease-in-out;
}

.agent-item .agent-header .agent-social-links{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	opacity: 0;
	transition: all 0.4s ease-out;	
	z-index: 2;
}

.agent-item:hover .agent-header .agent-image img{
	transform: scale(1.1);
}

.agent-item:hover .agent-header .agent-image figure:after{
	height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.agent-item:hover .agent-header .agent-social-links{
	bottom: 0;
	opacity: 1;
}

.agent-item .agent-header .agent-social-links ul{
	padding: 0 20px 30px;
	margin: 0;
	list-style: none;
	text-align: center;
}

.agent-item .agent-header .agent-social-links ul li{
	display: inline-block;
	margin: 0 2px;
}

.agent-item .agent-header .agent-social-links ul li a{
	width: 38px;
	height: 38px;
	font-size: 18px;
	border-radius: 5px;
	background: var(--accent-color);
	color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-out;
}

.agent-item .agent-header .agent-social-links ul li a:hover{
	background-color: var(--primary-color);
}

.agent-item .agent-body{
	text-align: center;
}

.agent-item .agent-body h3{
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
}

.agent-item .agent-body p{
	margin-bottom: 0;
}

/******************************************/
/****   	 15. Listing Page css  	   ****/
/******************************************/

.page-property-listing{
	padding: 100px 0;
}

.page-property-listing .property-item{
	margin-bottom: 30px;
}

.post-pagination{
	margin-top: 30px;
	text-align: center;
}

.post-pagination ul{
	justify-content: center;
	padding: 0;
	margin: 0;
}

.post-pagination ul li a,
.post-pagination ul li span{
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--secondary-color);
	margin: 0 4px;
	border-radius: 5px;
	font-family: var(--accent-font);
	font-weight: 700;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.post-pagination ul li.active a,
.post-pagination ul li a:hover{
	background: var(--accent-color);
	color: var(--white-color);
}

.property-sidebar{
	padding-left: 30px;
}

.property-category-box{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 30px;
}

.property-category-box h3{
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 15px;
}

.property-category-box ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.property-category-box ul li{
	border-bottom: 1px solid var(--divider-color);
	padding: 10px 0;
}

.property-category-box ul li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

.property-category-box ul li a{
	display: block;
	font-weight: 600;
	color: var(--text-color);
	position: relative;
	padding-left: 20px;
	transition: all 0.3s ease-in-out;
}

.property-category-box ul li a:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-list.svg) no-repeat left center;
	position: absolute;
	left: 0;
	top: 2px;
}

.property-category-box ul li a:hover{
	color: var(--accent-color);
}

.need-help-box{
	position: relative;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
}

.need-help-box:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--dark-overlay-color);
}

.need-help-box .need-help-img img{
	width: 100%;
	transition: all 0.5s ease-in-out;
}

.need-help-box:hover .need-help-img img{
	transform: scale(1.2);
}

.need-help-box .need-help-content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	z-index: 2;
}

.need-help-box .need-help-content h3{
	color: var(--white-color);
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px;
	width: 100%;
}

/******************************************/
/****   16. Property Single Page css   ****/
/******************************************/

.page-property-single{
	padding: 100px 0;
}

.porperty-single-sidebar{
	padding-left: 30px;
	height: 100%;
}

.property-info-box{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.property-info-box h3{
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 20px;
}

.property-info-item{
	position: relative;
	padding: 14px 0 14px 32px;
	border-bottom: 1px solid var(--gray-divider);
}

.property-info-item:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}

.property-info-item .icon-box{
	position: absolute;
	top: 14px;
	left: 0;
}

.property-info-item .icon-box img{
	max-height: 20px;
}

.property-info-item p{
	margin: 0;
}

.property-inquiry-box{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	position: sticky;
	top: 100px;
}

.property-inquiry-box h3{
	font-size: 22px;
    color: var(--dark-color);
    font-weight: 600;
    margin-bottom: 20px;
}

.property-inquiry-form .form-control{
	background: var(--white-color);
}

.property-inquiry-form .btn-default{
	width: 100%;
}

.property-photos-slider{
	border-radius: 20px;
	overflow: hidden;
}

.property-photo-item{
	border-radius: 20px;
	overflow: hidden;
}

.property-photos-slider .swiper-arrow-prev,
.property-photos-slider .swiper-arrow-next{
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	color: var(--white-color);
	position: absolute;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

.property-photos-slider .swiper-arrow-prev{
	left: 20px;
}

.property-photos-slider .swiper-arrow-next{
	right: 20px;
}

.property-photos-slider .swiper-arrow-prev:hover,
.property-photos-slider .swiper-arrow-next:hover{
	background-color: var(--primary-color);
}

.property-single-subtitle{
	margin-bottom: 30px;
}

.property-single-subtitle h3{
	font-size: 36px;
	color: var(--primary-color);
	margin: 0;
}

.property-overview{
	margin-top: 50px;
	background: var(--secondary-color);
	padding: 40px 40px 10px 40px;
	border-radius: 20px;
}

.property-overview-box{
	display: flex;
	flex-wrap: wrap;
}

.property-overview-box .property-overview-item{
	width: calc(33.33% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.property-overview-box .property-overview-item:nth-of-type(3n + 3){
	margin-right: 0;
}

.property-overview-box .property-overview-item .icon-box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: var(--primary-color);
	border-radius: 5px;
	margin-right: 15px;
}

.property-overview-box .property-overview-item .property-overview-content{
	width: calc(100% - 75px);
}

.property-overview-box .property-overview-item .property-overview-content h3{
	font-size: 20px;
	font-weight: 600;
	color: var(--dark-color);
	margin-bottom: 6px;
}

.property-overview-box .property-overview-item .property-overview-content p{
	margin: 0;
}

.about-property{
	background-color: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-top: 50px;
}

.about-property-cta .btn-border{
	margin-right: 15px;
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.about-property-cta .btn-border.btn-default:before{
	background-color: var(--primary-color);
}

.property-amenities{
	background: var(--secondary-color);
	padding: 40px 40px 20px 40px;
	border-radius: 20px;
	margin-top: 50px;
}

.property-amenities-box ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.property-amenities-box ul li{
	width: calc(33.33% - 20px);
	font-size: 18px;
	font-weight: 500;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 30px;
}

.property-amenities-box ul li:before{
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../images/icon-checkbox.svg) no-repeat left center;
}

.property-map-location{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-top: 50px;
}

.property-map-iframe iframe{
	width: 100%;
	height: 300px;
	border-radius: 20px;
}

/******************************************/
/****  	  17. Blog Archive Page css    ****/
/******************************************/

.blog-archive-page{
	padding: 100px 0;
}

.blog-archive-page .post-item{
	margin-bottom: 40px;
}

/******************************************/
/****   	 18. Post Single css  	   ****/
/******************************************/

.post-meta ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.post-meta ul li{
	display: inline-block;
	color: var(--white-color);
}

.post-meta ul li:after{
	content: '/';
	margin-left: 10px;
	margin-right: 6px;
}

.post-meta ul li:last-child::after{
	display: none;
}

.post-meta ul li a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.post-meta ul li a:hover{
	color: var(--accent-color);
}

.blog-single-page{
	padding: 100px 0 50px;
}

.post-sidebar{
	padding-left: 20px;
}

.search-box-widget{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.search-form .form-control{
	background: var(--white-color);
	border-right: none;
}

.search-form .btn-default{
	border-radius: 0 5px 5px 0;
	padding: 14px 20px;
}

.category-box-widget{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.category-box-widget h3{
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 15px;
}

.category-box-widget ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.category-box-widget ul li{
	border-bottom: 1px solid var(--divider-color);
	padding: 10px 0;
}

.category-box-widget ul li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

.category-box-widget ul li a{
	display: block;
	font-weight: 600;
	color: var(--text-color);
	position: relative;
	padding-left: 20px;
	transition: all 0.3s ease-in-out;
}

.category-box-widget ul li a:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-list.svg) no-repeat left center;
	position: absolute;
	left: 0;
	top: 2px;
}

.category-box-widget ul li a:hover{
	color: var(--accent-color);
}

.recent-posts-widget{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.recent-posts-widget h3{
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 25px;
}

.recent-post-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.recent-post-item:last-child{
	margin-bottom: 0;
}

.recent-post-item .post-image{
	width: 36%;
}

.recent-post-item .post-image img{
	aspect-ratio: 1/0.8;
	object-fit: cover;
	border-radius: 6px;
}

.recent-post-item .post-info{
	width: 60%;
}

.recent-post-item .post-info p.meta{
	margin: 0 0 8px;
	color: var(--text-color);
}

.recent-post-item .post-info p.meta a{
	color: inherit;
}

.recent-post-item .post-info h4{
	font-size: 18px;
	font-weight: 600;
	color: var(--dark-color);
	margin: 0;
}

.recent-post-item .post-info h4 a{
	color: inherit;
}

.popular-tags-widget{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
}

.popular-tags-widget h3{
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 25px;
}

.tag-clouds ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.tag-clouds ul li{
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 10px;
}

.tag-clouds ul li a{
	display: block;
	background: var(--white-color);
	padding: 10px 16px;
	color: var(--text-color);
	border-radius: 5px;
	border: 1px solid var(--divider-color);
	transition: all 0.3s ease-in-out;
}

.tag-clouds ul li a:hover{
	background: var(--primary-color);
	color: var(--white-color);
}

.post-featured-image{
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.post-entry{
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 30px;
}

.post-entry a{
	color: var(--primary-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	margin: 1em 0 0.6em;
}

.post-entry h1{
	font-size: 36px;
}

.post-entry h2{
	font-size: 30px;
}

.post-entry h3{
	font-size: 26px;
}

.post-entry h4{
	font-size: 22px;
}

.post-entry h5{
	font-size: 18px;
}

.post-entry h6{
	font-size: 16px;
}

.post-entry blockquote{
	border-left: 4px solid var(--accent-color);
	padding-left: 20px;
	margin-left: 20px;
}

.post-entry blockquote p{
	font-size: 18px;
	font-weight: 600;
}

.post-entry ul{
	list-style: none;
	padding: 0;
	margin: 0 0 1.7em;
}

.post-entry ul li{
	padding-left: 30px;
	position: relative;
	margin-bottom: 12px;
}

.post-entry ul li:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-checkbox.svg) no-repeat center center;
	position: absolute;
	left: 0;
	top: 2px;
}

.post-content .post-tags{
	font-size: 20px;
	color: var(--primary-color);
	font-weight: 700;
	font-family: var(--accent-font);
}

.post-content .post-tags a{
	display: inline-block;
	color: var(--white-color);
	font-family: var(--accent-font);
	font-size: 14px;
	font-weight: 500;
	background: var(--accent-color);
	padding: 8px 20px;
	border-radius: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out;
}

.post-content .post-tags a:hover{
	background: var(--primary-color);
}

.post-social-sharing ul{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}

.post-social-sharing ul li{
	display: inline-block;
	margin-left: 5px;
}

.post-social-sharing ul li a{
	display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-color);
	color: var(--white-color);
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 5px;
    transition: all 0.3s ease-out;
}

.post-social-sharing ul li a:hover{
	background: var(--primary-color);
	color: var(--white-color);
}

.realted-posts{
	padding: 50px 0 100px;
}

/******************************************/
/**** 	 19. Contact us page css	   ****/
/******************************************/

.contact-details{
	padding: 100px 0;
}

.contact-detail-item{
	background: var(--secondary-color);
	padding: 40px 60px 50px;
	border-radius: 20px;
	text-align: center;
}

.contact-detail-item .icon-box{
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;
	background: var(--primary-color);
	border-radius: 50px;
}

.contact-detail-item h3{
	font-size: 22px;
	font-weight: 600;
	color: var(--dark-color);
}

.contact-detail-item p{
	margin: 0;
}

.contact-inquiry-box{
	background: var(--secondary-color);
	padding: 35px 0;
}

.contact-form .form-control{
	background: var(--white-color);
}

.google-location-map{
	padding: 100px 0;
}

.google-map-box iframe{
	border-radius: 20px;
	width: 100%;
	height: 450px;
}

/******************************************/
/**** 	 		20. FAQ page css	   ****/
/******************************************/

.faqs-page{
	padding: 100px 0;
}

.faq-accordion .accordion-item{
	background: var(--secondary-color);
	margin-bottom: 20px;
	border: none;
	border-radius: 10px;
	overflow: hidden;
}

.faq-accordion .accordion-item:last-child{
	margin-bottom: 0;
}

.faq-accordion .accordion-item .accordion-header .accordion-button{
	box-shadow: none;
	outline: 0;
	border: none;
	background: none;
	font-size: 18px;
	font-weight: 500;
	padding: 18px 20px;
	color: var(--dark-color);
}

.faq-accordion .accordion-item .accordion-button::after{
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/icon-faq.svg) no-repeat center center;
}

.faq-accordion .accordion-body{
	padding-top: 10px;
	color: var(--text-color);
}

.faq-accordion .accordion-body p:last-child{
	margin-bottom: 0;
}

/******************************************/
/**** 	21. Page Not Found Page css	   ****/
/******************************************/

.not-found-page{
	padding: 100px 0;
}

.page-not-found-box{
	text-align: center;
}

.page-not-found-box h2{
	font-size: 36px;
	margin-top: 40px;
	margin-bottom: 30px;
}

/******************************************/
/**** 	 	22. Agents page css	       ****/
/******************************************/

.agents-page{
	padding: 100px 0 60px;
}

.agents-page .agent-item{
	margin-bottom: 40px;
}

.section-title.hero-1 h1{
	color: var(--white-color);
    /* font-size: 70px; */
    font-family: "Apoc Normal" !important;
    font-style: italic;
    font-weight: 400;
    font-size: 140px;
}
.noUi-connects:before {
    width: 26px;
    height: 26px;
    background: #a9bbbd;
    position: absolute;
    content: '';
    left: -4px;
    z-index: 99;
    top: -6px;
    bottom: 0;
    border-radius: 50%;
}
.noUi-base:before {
    width: 26px;
    height: 26px;
    background: #a9bbbd;
    position: absolute;
    content: '';
    left: 33.3%;
    z-index: 4;
    top: -6px;
    bottom: 0;
    border-radius: 50%;
}
.noUi-base:after {
    width: 26px;
    height: 26px;
    background: #a9bbbd;
    position: absolute;
    content: '';
    left: 66.6%;
    z-index: 3;
    top: -6px;
    bottom: 0;
    border-radius: 50%;
}
.noUi-connects:after {
    width: 26px;
    height: 26px;
    background: #a9bbbd;
    position: absolute;
    content: '';
    right: -4px;
    z-index: 99;
    top: -6px;
    bottom: 0;
    border-radius: 50%;
}
.noUi-connects {
    position: relative !important;
    overflow: visible !important;
}
/******************************************/
/****   	 23. Responsive css   	   ****/
/******************************************/

@media only screen and (max-width: 1360px){
	
	.hero .hero-section,
	.page-header{
		margin: 0 15px;
	}

	footer.footer{
		margin: 0;
	}
}
@media only screen and (max-width: 1269px){
	.responsive-menu,
    .navbar-toggle{
        display: block;
    }
        .responsive-menu, .navbar-toggle {
        display: block;
    }
        /* header.main-header {
        border-radius: 20px; 
    } */
        header.main-header .header-sticky {
        padding: 20px 0;
    }
   .collapse:not(.show) {
        display: none !important;
    }
    .main-menu ul li {
        margin: 0 10px;
    }
    .slicknav_nav li.nav-item:last-child a.nav-link {
    display: flex;
    justify-content: flex-start;
    max-width: 95%;
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 11px !important;
}
.search-container {
    position: inherit;
    display: block;
    margin-left: 20px;
}
.slicknav_nav li.nav-item:last-child a.nav-link img.search_img {
    background: #fff;
    padding: 6px;
}
}
@media only screen and (max-width: 1024px){
	.main-menu ul li{
		margin-left: 18px;
	}
}

@media only screen and (max-width: 991px){
    #magic-cursor {
        display: none !important;
    }

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

    .section-title{
        margin-bottom: 40px;
    }

	.section-title h1,
	.section-title h2{
		font-size: 36px;
	}

    .main-menu ul li{
        margin: 0 10px;
    }

	/* header.main-header{
		border-radius: 20px;
	} */

	header.main-header .header-sticky{
		padding: 20px 0;
	}

	header.main-header .header-sticky.active .slicknav_menu{
		border-radius: 0;
	}

	.hero .hero-section{
		padding: 60px 0;
	}

	.hero.hero-slider .hero-section{
		padding: 0;
	}

	.hero-slider .hero-section .hero-slide{
		padding: 60px 20px;
	}

	.hero-slider .hero-carousel .hero-button-prev,
	.hero-slider .hero-carousel .hero-button-next{
		opacity: 1;
		width: 36px;
		height: 36px;
	}

	.hero-slider .hero-carousel .hero-button-prev{
		left: 10px;
	}

	.hero-slider .hero-carousel .hero-button-next{
		right: 10px;
	}

	.hero .hero-search-form-section{
		position: relative;
		bottom: 0;
		border: 1px solid var(--divider-color);
		border-radius: 20px;
		margin-top: 40px;
		padding: 30px 15px 15px 15px;
		background: var(--secondary-color);
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}

	.search-heading{
		display: block;
		margin-bottom: 20px;
	}

	.hero-search-form{
		padding: 0;
		background: transparent;
	}

	.hero-search-form .form-control{
		margin-bottom: 15px;
		background: var(--white-color);
	}

	.section-title h1{
		font-size: 36px;
	}

	.hero-content .section-title h1{
		font-size: 56px;
	}

	.property-types{
		padding: 60px 0;
	}

	.featured-property{
		padding: 60px 0;
	}

	.property-slider .swiper-pagination{
		margin-top: 30px;
	}

	.about-us{
		padding: 60px 0;
	}

	.about-images{
		margin-bottom: 30px;
	}

	.about-content{
		padding: 0;
	}

	.how-it-works{
		padding: 60px 0 30px;
	}

	.how-it-work-item{
		margin-bottom: 30px;	
	}

	.why-choose-us{
		padding: 60px 0 30px;
	}

	.why-choose-us-images{
		margin-bottom: 30px;
	}

	.infobar-cta{
		padding: 30px 0 60px;
	}

	.cta-content{
		text-align: center;
		margin-bottom: 30px;
	}

	.cta-button{
		text-align: center;
	}

	.cta-button .btn-default{
		margin: 0 4px;
	}

	.property-by-city{
		padding: 60px 0 30px;
	}

	.location-item{
		margin-bottom: 30px;
	}

	.latest-posts{
		padding: 60px 0 30px;
	}

	.post-item{
		margin-bottom: 30px;
	}

	.newsletter-box{
		padding: 30px 40px;
		margin-bottom: 50px;
	}

	.newsletter-title{
		text-align: center;
		margin-bottom: 30px;
	}
	
	.mega-footer{
		padding: 0 10px;
	}

	.footer-about{
		padding: 0;
		margin-bottom: 40px;
	}

	.footer-contact-info h3,
	.footer-quick-links h3,
	.footer-appointment h3{
		margin-bottom: 20px;
	}

	.footer-info-box{
		margin-bottom: 20px;
	}

	.footer-contact-info{
		margin-bottom: 40px;
		padding-right: 50px;
	}

	.footer-quick-links{
		margin-bottom: 40px;
	}

	footer.footer{
		padding-bottom: 50px;
	}

	.page-header{
		padding: 60px 0; 
	}

	.page-header-box h1{
		font-size: 36px;
	}

	.photo-gallery{
		padding: 60px 0 0;
	}

	.testimonial-slider{
		margin-left: -15px;
		margin-right: -15px;
	}

	.testimonials{
		padding: 60px 0;
	}

	.stat-counter{
		padding: 60px 0 30px;
	}

	.counter-item{
		margin-bottom: 30px;
	}

	.our-partners{
		padding: 60px 0 30px;
	}

	.client-logo{
		margin-bottom: 30px;
	}

	.our-agents{
		padding: 60px 0 30px;
	}

	.agent-item{
		margin-bottom: 30px;
	}

	.page-property-listing{
		padding: 60px 0;
	}

	.property-sidebar{
		padding: 0;
		margin-top: 40px;
	}

	.post-pagination{
		margin-top: 10px;
	}

	.page-property-single{
		padding: 60px 0;
	}

	.property-overview,
	.about-property,
	.property-amenities,
	.property-map-location{
		margin-top: 30px;
	}

	.porperty-single-sidebar{
		padding: 0;
		margin-top: 50px;
	}

	.property-inquiry-box{
		position: initial;
	}

	.blog-archive-page{
		padding: 60px 0;
	}

	.blog-single-page{
		padding: 60px 0 30px;
	}

	.post-sidebar{
		padding: 0;
		margin-top: 40px;
	}

	.post-social-sharing ul{
		text-align: left;
	}

	.search-box-widget,
	.category-box-widget,
	.recent-posts-widget{
		margin-bottom: 30px;
	}

	.realted-posts{
		padding: 30px 0 60px;
	}

	.contact-details{
		padding: 60px 0;
	}

	.contact-detail-item{
		padding: 30px 20px;
	}

	.contact-detail-item .icon-box{
		width: 70px;
		height: 70px;
		margin: 0 auto 20px;
	}

	.contact-detail-item .icon-box img{
		max-width: 40%;
	}

	.contact-inquiry-box{
		padding: 60px 0;
	}

	.google-location-map{
		padding: 60px 0;
	}

	.faqs-page{
		padding: 60px 0;
	}

	.not-found-page{
		padding: 60px 0;
	}

	.agents-page{
		padding: 60px 0 20px;
	}
}

@media only screen and (max-width: 767px){
    
    .section-title.heading-2 h2 {
   
    font-size: 26px;
   
}
   .hero-content .para-1 p {
    font-size: 20px;
    line-height: 1.3em;
}
    .btn-default{
        padding: 10px 20px;
    }

	.btn-default.btn-border{
		padding: 8px 20px;
	}

	.section-title h1, .section-title h2{
		font-size: 26px;
	}

    header.main-header .header-sticky{
        padding: 20px 0;
    }

	header.main-header .header-sticky.active{
		padding: 10px 0;
	}

	.navbar-brand img{
		max-height: 40px;
	}

	.hero .hero-section{
		padding: 40px 0;
	}

	.hero-slider .hero-section .hero-slide{
		padding: 40px 20px 80px; 
	}

	.hero-slider .hero-carousel .hero-button-prev,
	.hero-slider .hero-carousel .hero-button-next{
		top: auto;
		bottom: 20px;
	}

	.hero-slider .hero-carousel .hero-button-prev{
		left: 38%;
	}

	.hero-slider .hero-carousel .hero-button-next{
		right: 38%;
	}

	.hero .hero-search-form-section{
		padding: 20px 5px;
	}

	.search-heading{
		display: block;
	}

	.section-title h1{
		font-size: 28px;
	}

	.hero-content .section-title h1{
		font-size: 38px;
	}
    .selectBoxTop {
    border-radius: 10px !important;
}
.newsletter-form .btn-default {
    margin-top: 5px;
}
	.hero-content-footer{
		margin-top: 20px;
	}

	.btn-default{
		font-size: 14px;
	}

	.hero-content-footer .btn-default{
		margin: 0 4px;
	}

	.property-types{
		padding: 50px 0;
	}

	.property-type-item{
		text-align: center;
	}

	.property-type-item .icon-box{
		margin-left: auto;
		margin-right: auto;
	}

	.property-type-item h3{
		font-size: 20px;
	}

	.property-type-slider .swiper-pagination{
		margin-top: 20px;
	}

	.property-type-slider .swiper-pagination .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}

	.featured-property{
		padding: 50px 0;
	}

	.property-item .property-header .property-label{
		font-size: 14px;
	}

	.property-item .property-body h3{
		font-size: 20px;
	}

	.property-item .property-body{
		padding: 20px;
	}

	.property-item .property-footer{
		padding: 0 20px 20px;
	}

	.property-item .property-footer .property-price{
		font-size: 16px;
	}

	.about-us{
		padding: 50px 0;
	}

	.about-images{
		padding-top: 20px;
		padding-left: 40px;
		background-size: 100px auto;
	}

	.about-content{
		padding-top: 0;
	}

	.about-content-body ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.about-content-body ul li .icon-box{
		width: 36px;
		height: 36px;
	}

	.about-content-body ul li .icon-box img{
		max-width: 50%;
	}

	.about-content-body ul li span{
		font-size: 16px;
	}

	.about-content-body .btn-default{
		margin-top: 10px;
	}

	.how-it-works{
		padding: 50px 0 20px;
	}

	.how-it-work-item .icon-box{
		width: 60px;
		height: 60px;
	}

	.how-it-work-item .icon-box img{
		max-width: 50%;
	}

	.how-it-work-item h3{
		font-size: 20px;
	}

	.why-choose-us{
		padding: 50px 0 30px;
	}

	.why-choose-us-body ul li{
		font-size: 16px;
		margin-bottom: 10px;
	}

	.exclusive-agents{
		padding: 20px;
	}

	.exclusive-agents h5{
		font-size: 16px;
	}

	.infobar-cta{
		padding: 30px 0 50px;
	}

	.infobar-box{
		padding: 30px 20px;
	}

	.cta-content h2{
		font-size: 26px;
		margin-bottom: 10px;
	}

	.property-by-city{
		padding: 50px 0 20px;
	}

	.location-item .location-content .location-header h3{
		font-size: 20px;
	}

	.latest-posts{
		padding: 50px 0 20px;
	}

	.post-item .post-body h3 a{
		font-size: 20px;
	}

	.newsletter-title{
		margin-bottom: 20px;
	}

	.newsletter-title h2{
		font-size: 26px;
	}

	.newsletter-box{
		padding: 20px 30px;
	}

	.newsletter-form .form-control{
		border-radius: 5px;
		margin-bottom: 10px;
	}

	.newsletter-form .btn-default{
		border-radius: 5px;
	}

	.footer-contact-info h3,
	.footer-quick-links h3,
	.footer-appointment h3{
		font-size: 20px;
	}

	.footer-contact-info{
		padding: 0;
	}

	.footer-copyright{
		text-align: center;
		margin-bottom: 15px;
	}

	.footer-policy-links{
		text-align: center;
	}

	.footer-policy-links ul li{
		margin-left: 10px;
		margin-right: 10px;
	}

	.page-header-box h1{
		font-size: 26px;
	}

	.photo-gallery{
		padding: 50px 0 0;
	}

	.testimonials{
		padding: 50px 0;
	}

	.testimonial-slider{
		margin-left: 0;
		margin-right: 0;
	}

	.testimonial-slider .swiper-pagination{
		margin-top: 0px;
	}

	.stat-counter{
		padding: 50px 0 20px;
	}

	.our-partners{
		padding: 50px 0 20px;
	}

	.client-logo{
		padding: 30px 20px;
	}

	.our-agents{
		padding: 50px 0 20px;
	}

	.agent-item .agent-header{
		margin-bottom: 20px;
	}

	.agent-item .agent-body h3{
		font-size: 20px;
	}

	.page-property-listing{
		padding: 50px 0;
	}

	.property-category-box{
		padding: 30px;
	}

	.property-category-box h3{
		font-size: 20px;
	}

	.need-help-box .need-help-content h3{
		font-size: 22px;
	}

	.page-property-single{
		padding: 50px 0;
	}

	.property-photos-slider .swiper-arrow-prev,
	.property-photos-slider .swiper-arrow-next{
		width: 40px;
		height: 40px;
	}

	.property-overview,
	.about-property,
	.property-amenities,
	.property-map-location{
		padding: 20px;
	}

	.property-single-subtitle{
		margin-bottom: 20px;
	}

	.property-single-subtitle h3{
		font-size: 26px;
	}

	.property-overview-box .property-overview-item{
		width: calc(50% - 15px);
	}

	.property-overview-box .property-overview-item:nth-of-type(3n + 3){
		margin-right: 30px;
	}

	.property-overview-box .property-overview-item:nth-of-type(2n + 2){
		margin-right: 0;
	}

	.property-overview-box .property-overview-item .icon-box{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}

	.property-overview-box .property-overview-item .icon-box img{
		max-width: 50%;
	}

	.property-overview-box .property-overview-item .property-overview-content{
		width: calc(100% - 50px);
	}

	.property-overview-box .property-overview-item .property-overview-content h3{
		font-size: 16px;
		margin-bottom: 2px;
	}

	.property-overview-box .property-overview-item .property-overview-content p{
		font-size: 14px;
	}

	.property-amenities-box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.property-info-box{
		padding: 30px;
	}

	.property-inquiry-box{
		padding: 30px;
	}

	.blog-archive-page{
		padding: 50px 0;
	}

	.blog-archive-page .post-item{
		margin-bottom: 30px;
	}

	.blog-single-page{
		padding: 50px 0 30px;
	}

	.post-entry{
		padding: 20px;
	}

	.post-entry blockquote{
		margin-left: 0;
	}

	.post-entry blockquote p{
		font-size: 16px;
	}

	.post-entry h1{
		font-size: 26px;
	}
	
	.post-entry h2{
		font-size: 24px;
	}
	
	.post-entry h3{
		font-size: 22px;
	}
	
	.post-entry h4{
		font-size: 20px;
	}
	
	.post-entry h5{
		font-size: 16px;
	}
	
	.post-entry h6{
		font-size: 14px;
	}

	.post-content .post-tags a{
		padding: 8px 10px;
	}

	.search-box-widget,
	.category-box-widget,
	.recent-posts-widget,
	.popular-tags-widget{
		padding: 30px;
	}

	.tag-clouds ul li a{
		padding: 8px 10px;
	}

	.realted-posts{
		padding: 30px 0 20px;			
	}

	.contact-details{
		padding: 50px 0 20px;
	}

	.contact-detail-item{
		margin-bottom: 30px;
	}

	.contact-detail-item h3{
		font-size: 20px;
	}

	.contact-inquiry-box,
	.google-location-map{
		padding: 50px 0;
	}

	.faqs-page{
		padding: 50px 0;
	}

	.faq-accordion .accordion-item .accordion-header .accordion-button{
		font-size: 16px;
	}

	.not-found-page{
		padding: 50px 0;
	}

	.page-not-found-box h2{
		font-size: 22px;
	}

	.agents-page{
		padding: 50px 0 10px;
	}
}



/*gallery*/

.gallery-list.col-md-12,
.gallery-list.col-md-6,
.gallery-list.col-md-4,
.gallery-list.col-md-3,
.gallery-list.col-md-2,
.gallery-list.col-md-1 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.image-grid {
  width: 100%;
  height: 230px;
  margin-bottom: 15px;
  background-color: #fff;
  overflow: hidden;
}


.image-grid img {
  width: 100%;
  height: inherit;
}



.image-grid:hover > img,
.image-grid.hover > img {
  opacity: 0.1;
}

.image-grid:hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.js-modal-image {
  max-width: 100%;
}

.modal-body {
  padding: 0;
}

.modal-open .modal {
    padding-top: 26vh;
    background-color: transparent;
}

@media (max-width: 992px) {
  .modal-open .modal {
    padding-top: 100px;
  }

  .image-grid {
    width: 100%;
    height: 180px;
  }

}


@media (max-width: 768px) {
  .gallery.container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gallery-list.col-md-12,
  .gallery-list.col-md-6,
  .gallery-list.col-md-4,
  .gallery-list.col-md-3,
  .gallery-list.col-md-2,
  .gallery-list.col-md-1 {
    padding-left: 0;
    padding-right: 0;
  }

 

  .gallery-row.row.pdtb-40 {
    padding-top: 10px;
  }

  .horizontal-nav {
    margin-bottom: 0;
  }

  .modal-open .modal {
    padding-top: 30vh;
  }

}
/*gallery end*/
/*new css*/
.hero-content .para-1 p
{
	font-family: 'Futura PT' !important;
	  font-weight: 400;
    font-size: 25px;
    line-height: 30px;
}
.section-title.heading-2 {
    text-align: start;
     font-family: "Apoc Normal" !important;
    font-weight: 400;
    font-size: 48px;
    color: #587B7F;
}
.section-title.heading-2 h2 {
     font-family: "Apoc Normal" !important;
    font-weight: 400;
    font-size: 48px;
    color: #587B7F;
}
.post-item .experience-work .post-category ul li a
{
	font-family: 'Futura PT' !important;
	  font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #587B7F;
}
.post-item .experience-work p
{
	font-family: 'Futura PT' !important;
	  font-weight: 400;
    font-size:18px;
    line-height:21.6px;
}
.about-us-1 .about-images
{
	padding-left:0px; 
   padding-top: 0px;
}
 .about-us-1 .about-images .about-image img {
    width: 100%;
    border-radius: 0px;
}
.about-us-1
{
	background: #E7D7C9;
}
.experience-work-1 h2
{
	 font-family: "Apoc Normal" !important;
    font-weight: 400;
    font-size: 48px;
    color: #000000;
    line-height: 57.6px;
}
p.price-about {
	font-family: Futura PT;
	font-size: 33px;
	font-weight: 400;
	line-height: 39.6px;
	letter-spacing: -0.02em;
	text-align: right;
	color: #587B7F;
	margin-bottom: 0;
	margin-top: 36px;
}
.about-content-body .detail-about p{
	font-size: 19px;
	font-weight: 400;
	line-height: 22.8px;
	letter-spacing: -0.02em;
	text-align: left;
	margin-bottom: 0;
}
.about-content-body p
{
	font-family: 'Futura PT';
	font-size: 18px;
	font-weight: 400;
	line-height: 21.6px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #000;
	
}
.about-content-body p.about-para-main{
	font-family: 'Futura PT';
	font-size: 31px;
	font-weight: 400;
	line-height: 37.2px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #587B7F;
}
.experience-work-1
{
	text-align: left;
	margin-bottom: 30px;
}
.about-us-1 .about-content
{
	padding: 50px 50px;
}
.about-us-2
{
	background: #fff;
	padding: 100px 0px;
}
.latest-posts .section-title h3 
{
	 font-family: "Apoc Normal" !important;
    font-weight: 400;
    font-size: 48px;
    color:#587B7F;
    line-height: 57.6px;
}
.latest-posts .post-item .post-body .post-category h5
{
	 font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 16.8px;
}
.latest-posts .post-item .post-body .post-category ul li  
{
	font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 14px;
    color: #BDBDBA;
    line-height: 16.8px;
}
.latest-posts .post-item .post-body h3 a 
{
	font-family: 'Futura PT' !important;
    font-weight: 700;
    font-size: 14px;
    color:#000000;
    line-height:16.8px;
}
.latest-posts .post-item {
box-shadow:rgba(0, 0, 0, 0.25)
}
.latest-posts .post-item .post-featured-image
{
	border-radius: 0px;
}
.latest-posts .post-item .post-body
{
	padding: 30px 30px 30px 30px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 0px 0px 17px 17px;
}
.latest-posts .post-item .post-featured-image
{
	margin-bottom: 0;
}
.bottom-footer
{
background:rgba(88, 123, 127, 1) !important;
}
.bottom-footer .footer-contact-info h3, .footer-quick-links h3, .footer-appointment h3 {
    font-family: 'Futura PT' !important;
    font-weight: 700;
    font-size: 18px;
    color:rgba(255, 251, 249, 1);
    line-height:21.6px;
}
.bottom-footer .footer-quick-links ul li a
{
 font-family: 'Futura PT' !important;
    font-weight:400;
    font-size: 18px;
    color:#FFFBF9;
    line-height:33.3px;
}
.about-content-body p {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #000;
    max-width: 88%;
    margin-bottom: 4em;
    margin-top: 2em;
}
.bottom-footer .footer-social-links ul li {
    display: inline-block;
 margin-right: 0px; 
}
.bottom-footer .footer-social-links ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 18px;
    border-radius: 5px;
    background:none;
    color: var(--white-color);
    transition: all 0.3s ease-out;
}
.bottom-footer .footer-social-links
{
	margin-bottom: 20px;
}
.bottom-footer .footer-about-content p 
{
	font-family: 'Futura PT' !important;
    font-weight:400;
    font-size: 18px;
    color:#FFFBF9;
    line-height:21.6px;
}
.bottom-footer .footer-policy-links ul li {
    display: inline-block;
  margin-left: 0px; 
    position: relative;

   
}
.bottom-footer .footer-policy-links ul {
    display:flex;
    align-items: center;
 
}
.bottom-footer .footer-policy-links
{
	margin-top: 20px;
}
.bottom-footer .footer-policy-links ul li a 
{
     color: #FFFBF9;
    font-family: 'Futura PT' !important;
    font-weight:400;
    font-size: 18px;
    line-height:21.6px;
}
.news-form-1 .btn-default
{
	padding: 14px 20px;
	background:  #587B7F;
border: 2px solid #fff;
margin-left: 5px;
border-radius:  5px; 
 font-family: 'Futura PT' !important;
    font-weight:400;
    font-size: 18px;

}
.bottom-footer .footer-policy-links ul li:before {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    top: 5px;
    left: 10px;
}
.bottom-footer .footer-policy-links ul li:first-child:before {
    display: none;
}
.footer.bottom-footer
{
padding: 40px 0px 10px 0px;
}
.contact-inquiry-box .section-title h3 
{
	 color: #FFFBF9;
    font-family: "Apoc Normal" !important;
    font-weight:400;
    font-size: 48px;
    line-height:57.6px;
}
.contact-inquiry-box .section-title p
{
	 color: #FFFBF9;
  font-family: 'Futura PT' !important;
    font-weight:400;
    font-size: 18px;
    line-height:21.6px;
}
.contact-inquiry-box{
background:#87816E;
}
button.btn-default.disabled.sumbit-btn-1 {
    background: #fff;
    color: #87816E;
    border-color: #fff;
    font-size: 20px;
    font-family: 'Futura PT' !important;
}
.business-image
{
	padding: 70px 0px 50px 0px;
}
.business-image .experience-work-heading-1 h2 
{
    color: #587B7F;
    font-family: "Apoc Normal" !important;
    font-weight:400;
    font-size:48px;
    line-height:57.6px;
}
.business-image .experience-work-heading-1 p 
{
	color: #000000;
    font-family: 'Futura PT' !important;
    font-weight:400;
    font-size: 18px;
    line-height:21.6px;
}
.marquee-content {
  display: flex;
  animation: scrolling 20s linear infinite;
  align-items: center;
}

.marquee-item {
  flex: 0 0 16vw;
  margin: 0 1vw;
/*   flex: 0 0 20vw; */
/*   margin: 0 2vw; */
}

.marquee-item img {
  display: block;
  width: 100%;
/*   padding: 0 20px; */
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}
.marquee {
  overflow: hidden; 
  background: #fff;
}

/* new added marqee proprties */

.marquee-content {
    display: flex;
    gap: 30px;
    animation: scroll 20s linear infinite; 
}

.marquee-item {
    flex-shrink: 0; 
    width: auto;
}


@keyframes scroll {
    from {
        transform: translateX(0); 
    }
    to {
        transform: translateX(-100%);
    }
}

.business-image-1
{
	
	background: #FFF;
}
.business-image
{
   	background: #FFFBF9; 
   	
}
.text-center.business-button-1 {
   padding: 40px 0px 0px 0px;
}
.bussiness-story-btn
{
    background:#FFFBF9;
    	padding: 0px 0px 70px 0px;
}
.about-us-2 .experience-work-heading h2
{
color: #587B7F;
    font-family: "Apoc Normal" !important;
    font-weight:400;
    font-size:48px;
    line-height:57.6px;
}

/*slider*/
ul.text-slide-1 li {
  display: none;
  text-align:left;
  padding: 20px 40px 0px 40px;
}

ul.text-slide-1 .active {
  display: block;
}

.button-container button {
 color: #fff;
    font-size: 14px;
    padding: 8px 21px;
    border: none;
    margin: 0 3px;
    border-radius: 5px;
    border: 1px solid #000;
    background: #fff;

}
.button-container button i  
{
color: #000000;
}
.button-container {
  text-align:left;
  padding: 0px 60px;
}
ul.text-slide-1 {
  overflow: hidden;
  padding: 20px;
  border-radius: 5px;
  max-width: 960px;

}
.list-bussiness h4
{
    color: #000000;
    font-family: "Apoc Normal" !important;
    font-weight:400;
    font-size:31px;
    line-height:37.2px;
}
.list-bussiness p{
color: #000000;
    font-family: 'Futura PT' !important;
    font-weight:400;
    font-size: 18px;
    line-height:21.6px;
    margin-bottom: 0px;
}
/*end slider*/


/*gallery*/
.parent-cont{
	max-width:1200px;
	display:block;
	margin:0px auto;
}
.slider-cont{	
	position:relative;
    min-width:300px;
    overflow:hidden;
    padding-bottom:50px;
	font-size:0;
	height:325px;
}
.active-range-cont{
	position:absolute;
    white-space:nowrap;
    margin:10px auto;
	width:fit-content;
	top:50%;
	transform:translate(var(--movable_distance),-50%);
}
.active-range-cont.animating{
    transition:0.5s;
}
.range-card{
    width:300px;
	display:inline-block;
	position:relative;
	border-radius:5px;
    text-align:center;
	white-space:initial;
	box-shadow:#00000017 0px 2px 8px;
	border:1px solid #f95d7a;
	vertical-align:middle;
	margin:0 10px;
	background:#fff;
	cursor:pointer;
	user-select:none;
	height: 200px;
	object-fit: cover;
}
.range-card.blured{
	filter:blur(2px);
}
.range-info{
	padding:5px;
	margin:15px auto;
}

.range-info::before{
	content:"";
	position:absolute;
	width:25px;
	height:25px;
	background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9238 7.281C14.9227 8.5394 13.9018 9.55874 12.6435 9.558C11.3851 9.55726 10.3654 8.53673 10.3658 7.27833C10.3662 6.01994 11.3864 5 12.6448 5C13.2495 5.00027 13.8293 5.24073 14.2567 5.6685C14.6841 6.09627 14.924 6.67631 14.9238 7.281Z' stroke='%2378cbff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9968 12.919H10.2968C8.65471 12.9706 7.35028 14.3166 7.35028 15.9595C7.35028 17.6024 8.65471 18.9484 10.2968 19H14.9968C16.6388 18.9484 17.9432 17.6024 17.9432 15.9595C17.9432 14.3166 16.6388 12.9706 14.9968 12.919V12.919Z' stroke='%2378cbff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6878 9.02403C20.6872 9.98653 19.9066 10.7664 18.9441 10.766C17.9816 10.7657 17.2016 9.9852 17.2018 9.0227C17.202 8.06019 17.9823 7.28003 18.9448 7.28003C19.4072 7.28003 19.8507 7.4638 20.1776 7.7909C20.5045 8.11799 20.688 8.56158 20.6878 9.02403V9.02403Z' stroke='%2378cbff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.3338 9.02401C4.3338 9.98664 5.11417 10.767 6.0768 10.767C7.03943 10.767 7.8198 9.98664 7.8198 9.02401C7.8198 8.06137 7.03943 7.28101 6.0768 7.28101C5.11417 7.28101 4.3338 8.06137 4.3338 9.02401V9.02401Z' stroke='%2378cbff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M19.4368 12.839C19.0226 12.839 18.6868 13.1748 18.6868 13.589C18.6868 14.0032 19.0226 14.339 19.4368 14.339V12.839ZM20.7438 13.589L20.7593 12.8392C20.7541 12.839 20.749 12.839 20.7438 12.839V13.589ZM20.7438 18.24V18.99C20.749 18.99 20.7541 18.9899 20.7593 18.9898L20.7438 18.24ZM19.4368 17.49C19.0226 17.49 18.6868 17.8258 18.6868 18.24C18.6868 18.6542 19.0226 18.99 19.4368 18.99V17.49ZM5.58477 14.339C5.99899 14.339 6.33477 14.0032 6.33477 13.589C6.33477 13.1748 5.99899 12.839 5.58477 12.839V14.339ZM4.27777 13.589V12.839C4.27259 12.839 4.26741 12.839 4.26222 12.8392L4.27777 13.589ZM4.27777 18.24L4.26222 18.9898C4.26741 18.9899 4.27259 18.99 4.27777 18.99V18.24ZM5.58477 18.99C5.99899 18.99 6.33477 18.6542 6.33477 18.24C6.33477 17.8258 5.99899 17.49 5.58477 17.49V18.99ZM19.4368 14.339H20.7438V12.839H19.4368V14.339ZM20.7282 14.3388C21.5857 14.3566 22.2715 15.0568 22.2715 15.9145H23.7715C23.7715 14.2405 22.4329 12.8739 20.7593 12.8392L20.7282 14.3388ZM22.2715 15.9145C22.2715 16.7722 21.5857 17.4724 20.7282 17.4902L20.7593 18.9898C22.4329 18.9551 23.7715 17.5885 23.7715 15.9145H22.2715ZM20.7438 17.49H19.4368V18.99H20.7438V17.49ZM5.58477 12.839H4.27777V14.339H5.58477V12.839ZM4.26222 12.8392C2.58861 12.8739 1.25 14.2405 1.25 15.9145H2.75C2.75 15.0568 3.43584 14.3566 4.29332 14.3388L4.26222 12.8392ZM1.25 15.9145C1.25 17.5885 2.58861 18.9551 4.26222 18.9898L4.29332 17.4902C3.43584 17.4724 2.75 16.7722 2.75 15.9145H1.25ZM4.27777 18.99H5.58477V17.49H4.27777V18.99Z' fill='%2378cbff'%3E%3C/path%3E%3C/svg%3E");
	background-size:25px 25px;
	background-repeat:no-repeat;
    bottom:calc(100% - 30px);
	left:50%;
	transform:translateX(-50%);
}
.range-info p{
	font-size:17px;	
}
.curent-range{
	display:block;
	font-size:20px;
	color:#f75389;
	text-shadow:0px 1px 2px #c9c9c9;
}
.range-arrow {
	width:40px;
	height:40px;
	border-radius:50%;
	display:inline-block;
	padding:unset;
	margin:10px 0;
	text-align:center;
	background:#fff;
	color:#000;
	line-height:40px;
	position:absolute;
	bottom:0;
	font-size:20px;
	vertical-align:middle;
	cursor:pointer;
	user-select:none;
	border:1px solid #000;
	outline:none;
}
.range-arrow span{
    display:block;  
}
.prv-arrow{
   left:50px;
}
.nxt-arrow{
   right:50px;
}
.range-arrow:hover{	
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.price-info p{
	text-align:center;
	font-size:19px;
/*	display:none;*/
}
.price-info .info-count
{
  color: #fff;
  font-family: "Apoc Normal" !important;
    font-weight: 400;
    font-size:42px;
   /* line-height: 50.4px; */ 
}
.blog-slide {
    padding: 70px 0px 222px 0px;
}
.latest-posts .post-item .post-body{
    padding-left: 1px;
    padding-right: 2px;
}
.latest-posts .post-item .post-featured-image figure a img {
    height: 420px;
}
.item .blog-grid .img-date .date-blog .blank-white
{
	border-radius: 3px;
    border: 1px solid #fff;
    background: #fff;
    font-size: 12px;
    line-height: 8.4px;
    font-weight: 400;
    font-family: 'Futura PT' !important;
    color: #000000;
    padding: 8px;
}
.item .blog-grid .img-date .date-blog .color-box
{
	border-radius: 3px;
    border: 1px solid #BE8F6E;
    background: #BE8F6E;
    font-size: 12px;
    line-height: 8.4px;
    font-weight: 400;
    font-family: 'Futura PT' !important;
    color: #fff;
    padding: 8px;
}
.item .blog-grid .discretion-blog .text-dark a
{
	color: #000;
  font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size:14px;
    line-height: 16.8px;
}
.item .blog-grid .discretion-blog p  
{
	color: #BDBDBA;
  font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size:14px;
    line-height: 16.8px;
}
section.blog-slide .container-fluid, section.about-us-1 .container-fluid {
    max-width: 1550px;
}
.latest-posts {
    background: #fffbf9;
}
.latest-posts .post-item {
    background: #fff;
}
.main-menu ul ul li a
{
	font-weight: 400;
	font-size: 20px !important;
	line-height: 22px;
	
	 font-family: 'Futura PT' !important;
}
.item .blog-grid .discretion-blog .text-img   
{
	color: #000000;
  font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size:10px;
    line-height: 12px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.item .blog-grid  .listing-status a  
{
	color: #000000;
  font-family: 'Futura PT' !important;
    font-weight: 700;
    font-size:14px;
    line-height: 16.8px;
}
.item .blog-grid .discretion-blog
{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding: 30px;
	background-color: #fff;
}
.slick-slider {
    margin-bottom: 0px;
}
.price-info
{
	position: relative;
	top: 43%;
	left: 0%;
}
.slider.slider-nav .slick-track>.item .slick-track .slick-slide.item {
    padding: 0;
}
.range-card.active{
	min-height:265px;
	border:1px solid #f95d7a;
    animation : card_animate .5s linear;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.range-card.active .price-info{
    padding-bottom:40px;
}
.range-card.active .range-info::after{
    content:"";
    position:absolute;
    width:45px;
    height:25px;
    border-radius:25px 25px 0 0;
    background:#f6fafd;
    bottom:-3px;
    transform:translateX(-50%);
	left:50%;
    box-shadow: 0px 6px 10px 0px rgba(163,163,163,0.45) inset;
    border-top:1px solid #f95d7a;
    border-left:1px solid #f95d7a;
    border-right:1px solid #f95d7a;
}
.range-card.active .price-info p{
    display:block;
}
.range-card.active::before{
	content:"";
    position:absolute;
    width:5px;
    height:12px;
    border-bottom:3px solid #fff;
    border-right:3px solid #fff;
    left:50%;
	transform:translateX(-50%) rotate(45deg);
    top:calc(95% + 6px);
	z-index:1;
	border-bottom-right-radius:2px;
}
/*.range-card.active::after{
	content:"";
    position:absolute;
	width:30px;
	height:30px;
	border-radius:50%;
	background:#f95d7a;
    left:50%;
	transform:translateX(-50%);
    top:95%;
	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11);	
}*/
.price-info p span{
    font-size:23px; 
    margin:0 3px;
	color:#f75389;
	text-shadow:0px 1px 2px #c9c9c9;
}
@keyframes card_animate{
  0%{
      transform:scale(0.7);
   },
  50%{
      transform:scale(1.1);
   },
  0%{
      transform:scale(1);
   },
}
.about-us-3 .experience-work-heading 
/*end gallery*/

/*new story*/
#portfolio {
    padding: 40px;
    margin: 0 auto;
}
.gallery-title
{
    font-size: 36px;
    color: #db584e;
    text-align: center;
    font-weight: 700;
    padding: 40px 20px 60px;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #db584e;
    border-radius: 5px;
    text-align: center;
    color: #db584e;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #db584e;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #db584e;

}
.btn-default:active .filter-button:active
{
    background-color: #db584e;
    color: white;
}

.port-image
{
    width: 100%;
}

/*story end*/
/*slider*/
.swiper-container {
  position: relative;
}


.swiper-slide {
  width: 10rem;
  height: 26rem;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  position: relative;
  border-radius: 12px;
  box-shadow: -1px 5px 15px #0000001f;
      overflow: hidden;
}
.swiper-slide .bg {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.img-date {
    position: relative;
}
.img-date .date-blog {
    position: absolute;
    top: 10px;
    z-index: 2;
    left: 10px;
}
.img-date div.item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.img-date button.slick-prev.slick-arrow {
    left: 5px !important;
    z-index: 99;
}
.img-date button.slick-next.slick-arrow {
    right: 6px !important; 
    z-index: 99;
}
.img-date ul.slick-dots {
    bottom: -10px;
    z-index: 99;
}
.slider.slider-nav .slick-track>.item {
    padding: 3px;
}
/*slider end*/
/*new css*/
section#portfolio {
    padding: 70px 0px;
}
.workspace_wrapper .slider.slider-nav .slick-track>.item{
	padding: 0;
}
.workspace_wrapper .blog-grid .img-date .slider-for .item img{
	width: 100%;
	
}
.filter-button {
    font-size: 22px;
    border: 1px solid #131010;
    text-align: center;
    color: #070606;
    margin-bottom: 30px;
    background: #fff;
    line-height: 26.4px;
    font-family: 'Futura PT' !important;
    font-weight: 400;
    padding: 10px 15px;
    border-radius: 0;
}
.gallery-button {
    text-align: center;
    margin-top: -20px;
}
.filter-button:hover {
    font-size: 22px;
    border: 1px solid #587b7f;
    border-radius: 5px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
    background: #587b7f;
    line-height: 26.4px;
    font-family: 'Futura PT' !important;
    font-weight: 400;
}
.gallery-item figure img {
    aspect-ratio: 1 / 1;
    object-fit: inherit;
    object-position: center center;
    transition: all 0.5s ease-out;
}
.gallery-text
{
	position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0px 40px;
}
.gallery-text h4
{
	text-align: center;
	font-size: 50px;
    color: #FFFBF9;
    line-height: 60px;
    font-family: 'Futura PT' !important;
    font-weight: 400;
}
.gallery-text p
{
	text-align: center;
	font-size:19px;
    color: #FFFBF9;
    line-height: 22.8px;
    font-family: 'Futura PT' !important;
    font-weight: 400;
}
.gallery-image-1
{
	background: url(images/n1.png);
}
/*.image-anime:hover:after {*/
/*    height: 250%;*/
/*    transition: all 600ms linear;*/
/*    background-color: rgba(0, 0, 0, 0.3) !important;*/
/*}*/
figure.image-anime.gallery-image-1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
}
.post-item .post-featured-image {
    border-radius:0px;
    overflow: hidden;
    position: relative;
 margin-bottom: 0px; 
}
.gallery-text a  
{
	border-radius: 5px;
	padding: 7px 25px;
}
.gallery-button a   
{
	border-radius: 5px;
	padding: 7px 25px;
}
.post-body.experience-work.text-center
{
	padding: 0px 40px 40px 40px;
}
.post-body.experience-work.text-center .post-category ul li a 
{
	text-align: center;
	font-size:20px;
    color: #000000;
    line-height: 24px;
 font-family: 'Futura PT' !important;
    font-weight: 400;
}
.post-body.experience-work.text-center p 
{
	text-align: center;
	font-size:10px;
    color: #000000;
    line-height: 12px;
  font-family: 'Futura PT' !important;
    font-weight: 400;
}
.post-item.wow.fadeInUp
{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	border-radius: 15px;
}
.gallery_product.col-md-6.filter.cars {
    margin-top: 25px;
}
.gallery_product.col-md-6.filter.buildings
{
	margin-top: 25px;
}
.bottom-gallery
{
	padding: 70px 0px 0px 0px;
}
.space-1
{
	margin-top: 30px;
}
.post-pagination ul li.active a, .post-pagination ul li a:hover {
    background: #587b7f;
    color: var(--white-color);
}
.pagination-button
{
text-align: center;
padding: 40px 0px 0px 0px;
}
.neighbourhoods-about1 .about-content-1 .about-heading
{
font-size:48px ;
font-weight:400 ;
line-height:57.6px;
color: #587B7F !important;
font-family: "Apoc Normal" !important;
}
.neighbourhoods-about1 .about-content-1 .about-para
{
font-size:18px;
font-weight:400 ;
line-height:21.6px;
color: #000000 !important;
font-family: 'Futura PT' !important;
}
/*.first-button*/
/*{*/
/*	background:#587B7F ;*/
/*	color: #fff !important;*/
/*}*/
.neighbourhood-tabs button{
	border-radius: 30px;
	border-color:#587B7F;
	color: #587B7F ;
	 font-family: 'Futura PT' !important;
	  font-size: 13px;
	      min-width: 140px;
	  line-height: 16.9px;
	      border: 3px solid rgba(88, 123, 127, 1);
}
.neighbourhood-tabs button:hover
{
	  border-radius: 30px;
	 font-family: 'Futura PT' !important;
	  font-size: 13px;
	  line-height: 16.9px;
	  color: #587B7F;
	  border: 3px solid rgba(88, 123, 127, 1);
}
.neighbourhood-tabs-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    color:#241F19;
        margin-bottom: 12px;
}
section#portfolio .neighbourhood-tabs-content ~ p.mb-3 {
    margin-bottom: 25px !important;
}
.neighbourhood-tabs .first-button:hover
{
	color:#000000 !important ;
}
.neighbourhood-tabs-content 
{
	display: flex;
	justify-content: space-between;
}
.neighbourhood-tabs-content a
{
      font-size: 18px;
	  line-height: 21.6px;
	font-family: 'Futura PT' !important;
      font-weight: 400;
      text-decoration: underline;
      color: #241F19;
}
.tab-content p.mb-3
{
      font-size: 18px;
	  line-height: 21.6px;
	  font-family: 'Futura PT' !important;
      font-weight: 400;
      color: #241F19;
}
.bg-neigh
{
	background: #FFFBF9;
}
.neighbourhoods-about1
{
background: #FFFBF9 !important;	
}
.item .blog-grid .discretion-blog {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px;
    border-radius: 0px 0px 15px 15px;
}
.neighbourhood-post .section-title
{
	margin-bottom: 0;
}
.neighbourhood-post .section-title h4
{
	font-size: 26px;
	  line-height: 31.2px;
	font-family: 'Futura PT' !important;
      font-weight: 400;
      color: #587B7F;
}
.neighbourhoods_1-page .post-item .experience-work p
{
	margin-bottom: 0;
	font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 19px;
    line-height: 22.8px;
}
.neighbourhoods_1-page .post-item 
{
	margin-bottom: 30px;
}
.neighbourhoods_1-page .post-item .experience-work .post-category ul li a 
{
	font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 21px;
    line-height: 25.2px;
    color: #587B7F;
}
.blog-grid .img-date .slider-for .item img {
   width: 400px;
    border-radius: 17px 17px 0px 0px;
    height: 265px;
}
.button_workspace_wrapper button{
	padding: 4px 8px;
	border: 2px solid #BE8F6E;
	/* border-radius: 8px; */
	 border-radius: 5px;
}
.button_workspace_wrapper button:hover{
	border: 2px solid #BE8F6E;
}
.fw-normal{
	font-weight: normal;
}
.map_wrapper iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 900px;
}
.workspace_wrapper .row{
	position: static;
}
.item_wrapper{
	position: relative;
	z-index: 99999;
}
.map_item_right .blog-grid {
    display: flex;
    flex-direction: row;
}
.workspace_wrapper .map_item_right .blog-grid .img-date .slider-for .item img {
	width: 270px;
	object-fit: cover;
	height: 216px;
}
.map_item_right .img-date{
	width: 40%;
}
.workspace_wrapper .slick-slider{
	margin-bottom: 0;
}
.map_item_right.item{
	position: absolute;
    width: 100%;
    top: 500px;
    left: 90px;
}
.map_item_right.item .blog-grid .discretion-blog{
	width: 47%;
	padding: 22px;
	height: fit-content;
	border-radius: 0px 15px 15px 0px;
	background: #fff;
}
.line_pagination{
	position: relative;
	width: 50%;
	margin: 0 auto;
}
.line_pagination .line{
	position: absolute;
	width:100%;
	height: 4px;
	background: #dcdcdc;
	top: 0;
	left: 0;
	margin: 0 auto;
}
.line_pagination .line span{
	position: absolute;
	width:60px;
	height: 4px;
	background: #646262;
	top: 0;
	left: 0;
	margin: 0 auto;
}
.workspace_wrapper{
	padding-bottom: 70px;
}
.signin_wrapper{
	/*height: calc(100vh - 133px);*/
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F4F8FF;
	background-repeat: no-repeat;
	background-size: cover;
}
.signin_wrapper .sign-in-page
{
    max-width:860px;
    padding:100px 0px;
}
.signin_wrapper [class^="col-"]{
	padding: 0;
}
.signin_wrapper .image_wrapper{
	border-radius: 25px 0 0 25px;
	height: 100%;
	overflow: hidden;
}
.signin_wrapper .sign_in_form{
	border-radius: 0px 25px 25px 0;
	height: 100%;
	padding: 60px 90px;
	background-color: #fff;
}
.signin_wrapper .image_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.form_wrappper{
	padding: 36px 0;
}
.form_wrappper div{
	margin-bottom: 16px;
}
.form_wrappper a{
	color: inherit;
	font-family: inherit !important;
	margin-top: 6px;
}
.form_wrappper input{
	width: 100%;
	border: 0;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	outline: 0;
}
.form_wrappper label{
	color: #a6a6a6;
}
.new_account a{
	color: inherit;
	font-family: inherit !important;
	text-decoration: underline;
	text-underline-offset: 5px;
}
.slider-nav .blog-grid .slick-prev:before, .slider-nav .blog-grid .slick-next:before{
    font-size: 13px;
    font-family: "Font Awesome 6 Free";
    background: #fff;
    color: #587B7F;
    opacity: 1;
    padding: 6px 11px;
    line-height: 1.2em;
    border-radius: 5px;
}
.slider.slider-nav.slick-initialized.slick-slider>button.slick-prev.slick-arrow {
 position: absolute;
    bottom: -165px;
    top: auto;
   /* right: 192px;
    left: auto; */
    z-index: 1;
}
 .slider.slider-nav .slick-track>.item.slick-slide.slick-cloned:nth-child(4) {
    opacity: 0;
}
.slider.slider-nav.intro .slick-track>.item.slick-slide.slick-cloned:nth-child(4) {
    opacity: 1;
}
.slider.slider-nav.slick-initialized.slick-slider>button.slick-prev.slick-arrow::before {
    /* padding: 10px 20px; */
    padding: 8px 16px;
}
.slider.slider-nav.slick-initialized.slick-slider>button.slick-next.slick-arrow::before
{
    padding: 8px 16px; 
}
.slider.slider-nav.slick-initialized.slick-slider>button.slick-next.slick-arrow {
position: absolute;
    bottom: -165px;
    top: auto;
    right: 132px;
    left: auto;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #587B7F;
}
.slider.slider-nav.slick-initialized.slick-slider>button.slick-prev.slick-arrow:before {
    padding: 7px 15px 7px !important;
}
.slider.slider-nav.slick-initialized.slick-slider>button.slick-next.slick-arrow:before {
    padding: 7px 15px 7px !important;
}
.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
   opacity: 1;
    color: #fff;
}
img {
    object-fit: cover !important;
}
/*.slider.slider-nav.slick-initialized.slick-slider .slick-list.draggable .slick-track {*/
/*    margin-left: auto;*/
/*}*/
.slider.slider-nav.slick-initialized.slick-slider>button.slick-prev.slick-arrow:before,
.slider.slider-nav.slick-initialized.slick-slider>button.slick-next.slick-arrow:before {
    font-family: "Font Awesome 6 Free";
    background: #fff;
    color: #587B7F;
    opacity: 1;
    padding: 0 5px 5px;
    line-height: 1.2em;
    border: 2px solid #587B7F;
    border-radius: 5px;
}
.right-header-list-bar
{
    border-right: 1px solid #587B7F;
}
.right-header-icon ul li {
    margin-left: 0px;
}
.our-story-btn
{
    background:#FFFBF9 !important;
    color:#241F19 !important;
    border:none !important;
}
.right-header-icon ul {
    list-style: none;
    display: flex;
    margin-left: 10px;
    padding-left: 0px;
    align-items: center;
    margin-bottom: 0;
    /* gap: 20px; */
}
.list-your-space .section-title.hero-1 h1
{
     font-family: "Newsreader", serif !important;
     line-height:154.8px;
}
.list-your-space .section-title.hero-1 h1 span
{
    font-style:normal !important;
    font-family: "Newsreader", serif !important;
    line-height: 154.8px;
}
.list-your-space-page .latest-posts {
    padding: 70px 0;
    background: #FFFBF9;
}
.list-your-space-page .post-item .post-body .post-category ul li a 
{
    font-size:25px !important;
    font-weight:400 !important;
    line-height:30px !important;
     font-family: "Open Sans", sans-serif !important;
     color:#587B7F !important;
}
.list-your-space-page .post-item .post-body p
{
    font-size:18px !important;
    font-weight:400 !important;
    line-height:21.6px !important;
   font-family: 'Futura PT' !important;
   color:#000 !important;
}
.news-page .section-title.hero-1 h1
{
    font-family: "Newsreader", serif !important;
    line-height: 154.8px;
}
.news-page #portfolio .filter-button 
{
     font-size:22px !important;
    font-weight:400 !important;
    line-height:26.4px !important;
   font-family: 'Futura PT' !important;
   color:#000 !important;
}
.news-page #portfolio .first-button
{
    background:#000 !important;
    color:#fff !important;
    font-family: 'Futura PT' !important;
}
.footer-about .newsletter-form.news-form-1 .row.g-0.align-items-center
{
    margin:0px;
}
.news-page #portfolio .first-button:hover
{
    background:#fff !important;
    color:#000 !important;
    font-family: 'Futura PT' !important;
}
.client-page .discretion-blog  h4 {
    color: #000;
  font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 32px;
    line-height: 38.4px;
}
.client-page .discretion-blog .size
{
	color:#BDBDBA;
    font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 22px;
    line-height: 26.4px;
}
.client-page .discretion-blog .text-img
{
	color:#000000;
    font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}
.client-page .discretion-blog .listing-status .price
{
	color:#000000;
    font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 28px;
    line-height: 33.6px;
}
.client-portal
{
	background: #587B7F;
	padding: 50px 0px;
}
.client-portal .hero-content .section-title h1
{
   color:#FFFBF9;
  font-family: "Newsreader", serif !important;
    font-weight: 400;
    font-size: 60px;
    line-height: 72px; 
}
.client-portal .hero-content .section-title p
{
   color:#FFFBF9;
   font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px; 
}
.reveal
{
    display:block;
}
.about-us.pt-0.pb-0.story-about.client-page.mt-3 {
    background: #fffbf9;
}
.client-image
{
    padding-left:0px;
}
.client-row
{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    background: #fff;
    border-radius: 20px;
}
        .tab-content.active {
            display: block;
        }

       	 .tab-button.active {
           background-color: #587B7F;
            color: #fff;
                border: 3px solid rgba(88, 123, 127, 1);
        }
body {
            background: #fffbf9;
      }
      .step {
            display: block;
        }
      .step.inactive {
            display: none;
        }
        .ui-widget.ui-widget-content {
            border: none;
            background: rgba(88, 123, 127, 0.5);
            min-height: 18px;
            border-radius: 24px;
        }

       .ui-slider-range {
            background: rgba(88, 123, 127, 1) !important;
            border-radius: 24px !important;
        }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus, span.ui-slider-handle.ui-corner-all.ui-state-default, span.ui-slider-handle.ui-corner-all {
            background: #fff !important;
            border: none !important;
            color: transparent !important;
            height: 1.9em;
            width: 1.9em;
            border-radius: 50%;
            outline: none !important;
            box-shadow: 1px 1px 8px -1px #446164;
            top: -0.5em;
        }
        .slider-boxs {
            background: #fff;
            padding: 25px 3em;
            margin-bottom: 20px;
            margin-top: 30px;
            border-radius: 22px;
        }
        .infobar-cta.infobar-box .map-wrapper {
    border-bottom: none;
}
.col-lg-2.col-md-6 .footer-quick-links ul li:nth-child(1) a {
    text-transform: lowercase;
}
.text-success {
    color: #fff !important;
}
body.tt-magic-cursor .about-us ul li, body.tt-magic-cursor .about-us ul li h2, body.tt-magic-cursor .about-us ul li h2 span, body.tt-magic-cursor .about-us h2 span {
    font-family: 'Futura PT' !important;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 1.2em;
}
body.tt-magic-cursor .about-us h3 span, body.tt-magic-cursor .about-us h3 {
    font-family: 'Futura PT' !important;
    font-weight: 400 !important;
    font-size: 25px !important;
    line-height: 30px;
    color: #587B7F !important;
}
        @media(max-width: 991px){
            
            
            .contact-inquiry-box .col-lg-8.offset-lg-2 {
                margin-left: 0 !important;
            }
            .contact-inquiry-box .col-lg-8.offset-lg-2 .contact-form {
                width: 90% !important;
                margin: auto !important;
            }
            .contact-inquiry-box .col-lg-8.offset-lg-2 .contact-form form .form-group {
                margin-left: 0 !important;
            }
            .hero.our-banner .hero-section .hero-content .newsletter-form .row {
                margin: 0;
            }
            .news-form-1 .btn-default{
                margin-left: 0;
            }
            .footer.bottom-footer {
                padding: 40px 0px;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }
        }
        @media(min-width: 768px){
            .gallery-list.col-md-6 {
                    flex: 0 0 auto;
                    width: 50% !important;
                }
                .gallery-list.col-md-3 {
                flex: 0 0 auto;
                width: 25% !important;
            }
            .gallery.row.mobile-show.my-slider {
                display: none;
            } 
        }
        @media(max-width: 767px){
        .row.story-reverse {
            display: flex;
            flex-direction: column-reverse;
        }
            .about-content-body {
                text-align: center;
            }
           .experience-work-1 h2 {
    text-align: center;
}
        .hero-content .para-1 p {
                font-size: 20px;
                line-height: 1.3em;
            }
            .filter-section.mb-4 .col-md-7 {
                margin-left: 0 !important;
            }
            .filter-section.mb-4 .col-6.col-md-6 .form-check {
                padding-left: 0;
            }
        .experience-work-heading .nav-tabs {
            text-align: center;
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        section.blog-slide.bg-tilte .slider.slider-nav.slick-initialized.slick-slider {
        height: auto !important;
    }
    .blog-slide {
            padding: 70px 0px 200px 0px;
        }
        section.blog-slide.bg-tilte .slider.slider-nav.slick-initialized.slick-slider>button.slick-next.slick-arrow, section.blog-slide.bg-tilte .slider.slider-nav.slick-initialized.slick-slider>button.slick-prev.slick-arrow {
        bottom: -65px;
    }
        body .neighbourhood-tabs button.active:before, button.btn.btn-default.filter-button.first-button.tab-button.active {
            background: #587B7F !important;
            color: #fff !important;
        }
        .story-about .about-content .section-title h2 div {
                text-align: center !important;
                display: block;
            }
            .gallery.row.mobile-show.my-slider {
                display: block;
            }                           
            .gallery.row.des-show {
                    display: none;
                }
        .gallery-list.col-md-3.d-none.d-md-block, .gallery-list.col-12.d-md-none {
            display: block !important;
        }
        
        .list-your-space .section-title.hero-1 h1 br {
                display: none;
            }
            .list-your-space .section-title.hero-1 h1 span {
                display: block;
            }
            .list-your-space .section-title.hero-1 h1, .list-your-space .section-title.hero-1 h1 span {
                line-height: 1.2em;
                font-size: 48px;
            }
        .about-content-body p {
                text-align: center;
            }
            .text-center.business-button-1 a.btn-default {
    font-size: 18px;
}
.slider.slider-nav.slick-initialized.slick-slider>button.slick-next.slick-arrow { 
    right: 40% !important;
    left: auto;
}
.neighbourhood-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 8px;
}
.hero.our-banner .hero-section {
    height: 450px !important;
}
.slicknav_nav {
    padding-bottom: 65px;
}
div#listing_container .top-header {
    flex-wrap: wrap;
}
.infobar-cta.infobar-box .map-wrapper .col-lg-5 .about-content-1 {
    margin-top: 50px;
}
section.blog-slide .slider-nav .blog-grid .slick-prev:before, section.blog-slide .slider-nav .blog-grid .slick-next:before {
    font-family: "Font Awesome 6 Free";
    background: #58797E;
    color: #fff;
    opacity: 1;
    padding: 5px 5px;
    line-height: 1.2em;
    border: 2px solid #fff;
}
.slider.slider-nav.slick-initialized.slick-slider>button.slick-prev.slick-arrow {
    right: auto;
    left: 30% !important;
}
.marquee-item {
    flex: 0 0 70vw;
    margin: 0 1vw;
}
            .our-story-btn {
    font-size: 20px;
    padding: 15px 45px;
    border-radius: 25px;
}
        section.about-us-3 .row .row {
            margin: 0;
        }
        button#Search_for_key {
            padding: 7px 15px;
         /*   margin-left: 5px; */
            letter-spacing: 0.2px;
            background: #587b7f !important;
        }
        input#search_title {
            border-color: #587b7f;
            padding: 5.4px 12px !important;
        }
            .infobar-cta .col-lg-5 .cta-button {
                text-align: left;
            }
            .infobar-cta .col-lg-5 .cta-button a.btn-default.btn-border {
            margin-left: -3px;
            margin-top: 10px;
            display: inline-block;
        }
        .infobar-cta .about-content .about-content-body h2 {
                color: #587b7f;
                font-size: 33px;
                font-weight: 400;
                line-height: 1.3em;
                letter-spacing: -0.01em;
                text-align: left;
                margin-bottom: 15px !important;
            }
            .about-workspace .about-content-1 p.about-para {
                    margin-top: 20px;
                }
                .about-us-3 {
                    padding: 50px 0px;
                }
            .infobar-cta .col-lg-5 p.price-about {
                    text-align: left;
                }
                .map-wrapper h2 {
                    text-align: center;
                }
        }
        .main-menu ul li.highlighted-menu.contact-btn a {
    background: #587b7f;
    color: #fff;
    border: 2px solid #587b7f;
    font-size: 20px;
}
.main-menu ul li.highlighted-menu.contact-btn a:hover {
    border: 2px solid #587b7f;
    color: #587b7f !important;
    background: #fff;
}
.latest-posts div#media-container .post-item {
    height: auto !important;
}
p.wow.fadeInUp, p.wow.fadeInDwon, h1.wow.fadeInUp, h1.wow.fadeInDwon, h2.wow.fadeInUp, h2.wow.fadeInDwon, h3.wow.fadeInUp, h3.wow.fadeInDwon, h4.wow.fadeInUp, h4.wow.fadeInDwon, h5.wow.fadeInUp, h5.wow.fadeInDwon, h6.wow.fadeInUp, h6.wow.fadeInDwon {
    animation-delay: 0s !important;
    visibility: visible !important;
    animation-name: none !important;
}
.text-anime .word .char {
    opacity: 1 !important;
    visibility: inherit !important;
    transform: translate(0px, 0px) !important;
}
.about-image.right-radius img {
    border-radius: 0 20px 20px 0 !important;
    max-width: 98%;
}
.about-image.left-radius img {
    border-radius: 20px 0 0 20px !important;
    max-width: 98%;
    margin-left: auto;
    display: block;
}
.steps .about-image img {
    border-radius: 20px !important;
}
.img-date ul.slick-dots {
    max-height: 40px;
    overflow: hidden;
}
.contact-inquiry-box .section-title h3 {
    padding-left: 0;
    text-transform: capitalize !important;
}
.my-slider .slick-prev:before, .my-slider .slick-next:before {
    font-family: "Font Awesome 6 Free";
    background: #fff;
    color: #587B7F;
    opacity: 1;
    padding: 0 5px 5px;
    line-height: 1.2em;
}
.my-slider  button.slick-prev.slick-arrow {
    left: 5px;
    z-index: 99;
}
.my-slider  button.slick-next.slick-arrow {
    right: 4px;
    z-index: 99;
}
.row.my-slider .col-lg-3 {
    margin: 0 15px;
}
@media(min-width: 992px){
    .infobar-cta.infobar-box .row.my-slider .slick-track .col-lg-3 {
            width: 25% !important;
            padding: 0 10px;
            box-sizing: border-box;
            margin: 0 !important;
        }
        .infobar-cta.infobar-box .row.my-slider .slick-track {
            display: inline;
            transition: none !important;
        }
  
}
.my-slider .slick-prev:before, .my-slider .slick-next:before {
    line-height: 1.2em;
    font-family: "Font Awesome 6 Free";
    background: #58797E;
    color: #fff;
    opacity: 1;
    padding: 5px 5px 5px;
    line-height: 1.2em;
    border: 2px solid #fff;
	border-radius: 5px;
}
.my-slider button.slick-next, .my-slider button.slick-prev {
    top: 50%;
}
section.about-us-1 .about-content .about-content-body p {
    text-align: center;
}
@media(max-width: 992px){
 
        .section-title.heading-2 h2 {
             font-size: 30px;
      }
      
      .neighbourhoods-about1 .about-content-1 .about-heading
        {
        font-size:30px ;
        line-height:35.6px;
        
        }
        .slider.slider-nav.slick-initialized.slick-slider {
    /* min-height: 400px; */
    height: 303px;
}
}
/* @media (min-width: 768px) { */
    /* section.workspace_wrapper .col-md-3.item.mb-4.listing_card_container { */
        /* flex: 0 0 auto; */
        /* width: 50%; */
    /* } */
/* } */
.slider-modal .slide img {
    object-fit: contain !important;
}
.slider-modal {
    height: auto !important;
    max-height: none !important;
    
}

section.about-us-1 figure.reveal {
    visibility: visible;
}
div#my_modal.show {
    display: block !important;
}
div#my_modal .modal-content {
    width: 100% !important;
}
h5.bg-text.mt-4 {
                background: #587b7f;
                color: #fff;
                font-family: 'Apoc Normal' !important;
                padding: 10px;
                font-size: 16px;
                letter-spacing: 1px;
}

.sort_view, .sort_by {
	color: grey;
} 

.blog-grid .img-date .slider-for .item img {
    border-radius: 17px 17px 0px 0px !important;
}
div#slider .blog-grid .img-date button.slick-prev, div#slider .blog-grid .img-date button.slick-next {
    -webkit-transform: translate(0, -63%);
    -ms-transform: translate(0, -62%);
    transform: translate(0, -62%)  !important;
}
div#slider .listing_card_container .blog-grid .d-block h4.text-dark {
    font-size: 15px;
}
.latest-posts.partnership-page .section-title.heading-2 h2 {
    font-size: 36px;
}
a.btn-default.wow.fadeInUp{
    /* border-radius: 27px !Important; */
	 border-radius: 5px !Important;
}

button#load-more {
    /* border-radius: 27px !important; */
	 border-radius: 5px !Important;
}
button.btn-default.disabled.sumbit-btn-1 {
    /* border-radius: 27px  !important; */
	border-radius: 5px  !important;
}
.about-content-body p.wow.fadeInUp.animated {
    text-align: center;
}
button.btn.btn-default.filter-button {
    /* border-radius: 30px; */
	 border-radius: 5px;
}
.gallery-button a, .cta-button a.btn-default, a.btn.btn-default.btn-border, .btn_wrapper a.btn-default.white-btn{
/* border-radius: 27px !important; */
 border-radius: 5px !Important;
}
.about-us.story-about.list-your-space-about .about-image figure.reveal.image-anime { 
    visibility: visible !important;
}

.latest-posts.partnership-page .post-item:hover {
    background: #587B7F;
    color: #fff;
    cursor: pointer;
}

.latest-posts.partnership-page .post-item:hover p {
    color: #fff;
}

.latest-posts.partnership-page .post-item:hover li a {
    color: #fff;
}

.slick-prev,
.slick-next {
    width: auto;
    height: auto; 
}

.slick-prev:before,
.slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
   /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.slider-nav .slick-prev {
    left: 45% !important;
}

.slider-nav .slick-next {
    right: 45% !important;
}

.slick-prev, .slick-next {
    aria-hidden: false !important;
}

@media (min-width: 734px) and (max-width: 1038px) {
    .slider-nav .slick-prev {
        left: 44% !important;
    }

    .slider-nav .slick-next {
        right: 44% !important;
    }
}

/* Inpage css of layout page */

header.main-header, 
header.main-header .header-sticky.active {
	    background: #fff !important; 
		border-bottom: 1.5px solid #587B7F !important;
}
.sign_in_form .submit_wrapper button.btn-default {
    background: rgba(255, 126, 107, 1);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3em;
    text-align: center;
    font-family: "DM Sans", sans-serif !important;
    margin-bottom: 15px;
    border-color: #ff7e6c;
        border-radius: 10px;
}
button#goToDashboard {
    background: #FF7E6B;
    color: #0A2342;
    border-radius: 0;
    padding: 8px 20px;
}
.sign_in_form .submit_wrapper button.btn-default:hover {
    color: #fe7d6b;
}
.form_wrappper input, .form_wrappper label, .form_wrappper a, .submit_wrapper p.new_account.text-center {
    font-family: "Source Sans 3", sans-serif !important;
}
/* Initial styling for menu items */ 
.main-menu ul li {
    position: relative; /* Ensure relative positioning for submenu */
    display: inline-block; /* Display as inline-block for proper hover effect */
}

/* Styling for hover effect */
.main-menu ul li:hover {
    border-bottom: 2px solid #587b7f; 
}

/* Submenu styling */
.main-menu ul ul {
    display: none;
	border-radius:0;
	margin-top:2px;
}

/* Show submenu on hover */
.main-menu ul li:hover > ul {
    display: block; 
}

.main-menu ul ul li {
	border-bottom:0 !important;
}
.hero.our-banner .hero-section {
background-image: url({{ asset('public/assets/frontened/images/s-2.png') }}) !important;
}

/* Hide the search container by default */
.search-container {
    display: none; /* Hidden by default */
    position: relative;
    right: -5px;
    top: 28%;
	width: 75%;
	font-size:18px;
	float: right;
    background-color: white;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 4px;
}

/* Search input field styling */
.search-bar {
    border: none;
    padding: 5px;
    width: 98%; /* Adjust width as needed */
}
ul li a.contact-menu{
    padding: 6px 35px !important;
    font-size:14px;
    
}
ul.slicknav_nav li a{
    padding: 6px 35px !important; 
    font-size:14px; 
}
.about-us.story-about.list-your-space-about .about-image figure.reveal.image-anime {
    visibility: visible !important;
}
.footer-quick-links ul.hulf-menu {
    display: flex;
    flex-wrap: wrap;
}
.footer-quick-links ul.hulf-menu li {
    min-width: 34%;
}
.footer.bottom-footer {
    padding: 50px 0px 40px;
}
img.header-logo {
    max-width: 195px;
}
/* Mobile view styling */
@media (max-width: 768px) {
    .search-container {
        display: block; /* Always visible on mobile */
        position: relative;
        left: -50px;
        top: 0;
		width: calc(100% - 50px); 
        box-shadow: none;
        margin-left: 0px; /* Adjust as needed */
    }
img.header-logo {
    max-width: 180px;
}
        .footer-quick-links ul.hulf-menu li {
            min-width: 90%;
        }
    .search-bar {
        width: calc(100%); /* Adjust width relative to icon size */
    }
	 #search-icon, .search_img {
        display: none;
    }
    .slicknav_nav li a a.nav-link {
        padding: 0 !important;
    }
}
@media (min-width: 769px) {
    /* Show the search icon on desktop */
    #search-icon {
        display: inline-block;
    } 

/* End Css */

.city-heading{
    font-size: 20px ;
    line-height: 22px;
    font-family: 'Futura PT'  !important;
	color: #587b7f;
}

.sub-menu-list{
	    width: fit-content;
}

.img-date button.slick-next.slick-arrow {
    right: 5px !important;
    z-index: 99;
}
.blog-grid .img-date .slider-for .item img {
   object-fit:cover !imprtant;
}
.col-lg-2.col-md-6 .footer-quick-links ul li:nth-child(1) a{
    text-transform: capitalize;
}