@charset "utf-8";

@font-face { font-family: 'Neue Haas Grotesk Display Pro'; src: local('NeueHaasDisplay-Light'), url('fonts/NeueHaasDisplay-Light.woff2') format('woff2'), url('fonts/NeueHaasDisplay-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro'; src: local('NeueHaasDisplay-Roman'), url('fonts/NeueHaasDisplay-Roman.woff2') format('woff2'), url('fonts/NeueHaasDisplay-Roman.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro'; src: local('NeueHaasDisplay-Mediu'), url('fonts/NeueHaasDisplay-Mediu.woff2') format('woff2'), url('fonts/NeueHaasDisplay-Mediu.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }

:root {
	/* COLOR VARIABLES */
	--white: 255 255 255;
	--black: 0 0 0;
	--primary-color: 18 18 18;
	--secondary-color: 117 100 171;
	--tertiary-color: 123 195 236;
	--gray-1: 235 235 235;

	/* TRANSITION SPEED */
	--all-fast: all 0.3s;
	--all-medium: all 0.5s;
	--all-slow: all 0.8s;

	/* GAP */
	--gap-xs: 8px;
	--gap-sm: 16px;
	--gap-md: 24px;
	--gap-lg: 32px;
	--gap-xl: 40px;
	--gap-xxl: 48px;
	--gap-xxxl: 56px;

	/* FONT FAMILY */
	--primary-font: 'Neue Haas Grotesk Display Pro';
}

/* ========================== COMMON CSS ========================== */
*,
ul,
ol,
li,
a { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--primary-font); font-weight: 400; line-height: 150%; color: inherit; color: rgb(var(--black) / 100%); }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--primary-font); }
input,
input:focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; background: transparent; color: rgb(var(--black) / 70%); }
.btn:focus, .form-check-input:focus { box-shadow: none; }
*,
a,
button:hover,
button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; }
.form-select:focus { box-shadow: none; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
a:hover { color: inherit; }

body { width: 100%; font-size: 18px; line-height: 140%; width: 100%; position: relative; font-weight: 400; font-family: var(--primary-font); color: rgb(var(--black) / 100%); z-index: 1; overflow-x: hidden; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
body.show { opacity: 1; }
body p { font-size: 18px; color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-weight: 400; line-height: 140%; margin-bottom: var(--gap-md); transition: var(--all-medium); }

.no-scroll { overflow: hidden; }
section { overflow: hidden; }

hr { border-top: 1px solid rgb(var(--black) / 10%); }

b, strong { font-weight: 500; }

*::empty { display: none; }

::-moz-selection { color: rgb(var(--white) / 100%); background: rgb(var(--primary-color) / 100%); }
::selection { color: rgb(var(--white) / 100%); background: rgb(var(--primary-color) / 100%); }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgb(var(--white) / 80%); box-shadow: inset 0 0 3px rgb(var(--white) / 80%); }
::-webkit-scrollbar-thumb { background-color: rgb(var(--primary-color) / 100%); transition: var(--all-medium); }

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

@media screen and (min-width: 2050px) {
	.container { max-width: 1920px; position: relative; z-index: 1; }
}

.form-control::-webkit-input-placeholder { color: rgb(var(--white) / 80%); font-size: 16px; }
.form-control::-moz-placeholder { color: rgb(var(--white) / 80%); font-size: 16px; }
.form-control:-ms-input-placeholder { color: rgb(var(--white) / 80%); font-size: 16px; }
.form-control::-ms-input-placeholder { color: rgb(var(--white) / 80%); font-size: 16px; }
.form-control::placeholder { font-size: 16px; -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); color: rgb(var(--white) / 80%); }

.form-group { margin-bottom: var(--gap-md); }
.form-control { font-size: 16px; color: rgb(var(--white) / 100%); border: none; border-bottom: 1px solid rgb(var(--white) / 100%); border-radius: 0; padding: var(--gap-sm) 0; line-height: 100%; }
.form-control:focus { color: rgb(var(--white) / 100%); border-color: rgb(var(--white) / 100%); }

.form-select { font-size: 16px; line-height: 1; border-radius: 50px; padding: var(--gap-sm) var(--gap-md); text-transform: capitalize; }

.form-switch { padding: 0; display: flex; flex-flow: row wrap; align-items: center; gap: var(--gap-sm); }
.form-switch label { cursor: pointer; }
.form-switch .form-check-input { background-repeat: no-repeat; border-color: rgb(var(--black) / 50%); margin: 0; float: none; cursor: pointer; transition: var(--all-medium); }
.form-switch label:has( + .form-check-input:not(:checked)) { pointer-events: none; }
.form-switch .form-check-input:checked + label { pointer-events: none; }
.form-switch .form-check-input:not(:checked):focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); }

.form-check-input, .form-check-input:focus { background-color: rgb(var(--white) / 100%); border-color: rgb(var(--black) / 100%); }
.form-check-input:checked { background-color: rgb(var(--black) / 100%); border-color: rgb(var(--black) / 100%); }

.hidden { display: none; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

.img-box, .video--box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
img, video, svg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: var(--all-slow); }

#smooth-content { position: relative; }


/* BUTTONS */
.btn { display: inline-flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: var(--gap-xs); padding: var(--gap-sm) var(--gap-md); border: none; border-radius: 50px; overflow: hidden; transition: var(--all-medium); }
.btn span { font-size: 16px; line-height: 1; font-weight: 400; text-transform: capitalize; font-family: var(--primary-font); transition: var(--all-medium); }

.btn .svg { width: 12px; transition: var(--all-medium); }
.btn .svg path { transition: var(--all-medium); }

.btn--white { background: rgb(var(--white) / 100%); border: 1px solid rgb(var(--white) / 100%); position: relative; }
.btn--white span { color: rgb(var(--black) / 100%); }
.btn--white .svg path { stroke: rgb(var(--black) / 100%); }

.btn--black { background: rgb(var(--black) / 100%); border: 1px solid rgb(var(--black) / 100%); position: relative; }
.btn--black span { color: rgb(var(--white) / 100%); }
.btn--black .svg path:not([stroke]) { fill: rgb(var(--white) / 100%); }

.btn--white--outline { border: 1px solid rgb(var(--white) / 100%); position: relative; }
.btn--white--outline span { color: rgb(var(--white) / 100%); }
.btn--white--outline .svg path[stroke] { stroke: rgb(var(--white) / 100%); }

.btn--black--outline { border: 1px solid rgb(var(--black) / 100%); position: relative; }
.btn--black--outline span { color: rgb(var(--black) / 100%); }
.btn--black--outline .svg path[stroke] { stroke: rgb(var(--black) / 100%); }

.btn--underline { text-decoration: underline; text-underline-offset: 4px; padding: var(--gap-sm) 0; }
/* .btn--underline::after { color: rgb(var(--black) / 100%); } */

@media screen and (hover: hover) {
	.btn:hover span + .svg { transform: translate(3px, -3px); }

	.btn--black:hover { background: rgb(var(--white) / 100%); }
	.btn--black:hover span { color: rgb(var(--black) / 100%); }
	.btn--black:hover .svg path[stroke] { stroke: rgb(var(--black) / 100%); }
	.btn--black:hover .svg path:not([stroke]) { fill: rgb(var(--black) / 100%); }

	.btn--white:hover { background: transparent; }
	.btn--white:hover span { color: rgb(var(--white) / 100%); }
	.btn--white:hover .svg path[stroke] { stroke: rgb(var(--white) / 100%); }

	.btn--black--outline:hover { background: rgb(var(--black) / 100%); }
	.btn--black--outline:hover span { color: rgb(var(--white) / 100%); }
	.btn--black--outline:hover .svg path[stroke] { stroke: rgb(var(--white) / 100%); }

	.btn--white--outline:hover { background: rgb(var(--white) / 100%); }
	.btn--white--outline:hover span { color: rgb(var(--black) / 100%); }
	.btn--white--outline:hover .svg path[stroke] { stroke: rgb(var(--black) / 100%); }
}

/* TITLES */
.h1 { color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-size: 46px; font-weight: 400; line-height: 120%; margin-bottom: var(--gap-lg); }
.h2 { color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 100%; text-transform: uppercase; margin-bottom: var(--gap-md); transition: var(--all-medium); }
.h3 { color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-size: 38px; font-weight: 400; line-height: 130%; text-transform: inherit; margin-bottom: var(--gap-md); transition: var(--all-medium); }
.h3::first-letter { text-transform: uppercase; }
.h4 { color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-size: 34px; font-weight: 400; line-height: 130%; text-transform: capitalize; margin-bottom: var(--gap-md); transition: var(--all-medium); }
.h5 { color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-size: 30px; font-weight: 400; line-height: 130%; text-transform: capitalize; margin-bottom: var(--gap-md); transition: var(--all-medium); }
.h6 { color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-size: 24px; font-weight: 300; line-height: 130%; margin-bottom: var(--gap-lg); }

/* FADE ANIMATIONS */
[fade-in-left] {  opacity: 0; transform: translateX(-200px); }
[fade-in-right] {  opacity: 0; transform: translateX(200px); }

/* PROPERTY ICONS LIST */
.icons--row { width: 100%; display: flex; flex-flow: row wrap; gap: var(--gap-sm); margin-bottom: var(--gap-sm); }
.icons--row li { display: flex; flex-flow: row wrap; align-items: center; gap: var(--gap-xs); padding-right: var(--gap-sm); border-right: 1px solid rgb(var(--black) / 10%); }
.icons--row li:last-child { border-right: none; }
.icons--row li img { width: 15px; height: auto; object-fit: contain; opacity: 0.8; }
.icons--row li span { font-size: 16px; line-height: 1; color: rgb(var(--black) / 80%); }

/* HEADER */
.header { position: fixed; top: 0; left: 0; width: 100%; background: rgb(var(--white) / 100%); z-index: 100; padding: var(--gap-sm) 0; transition: var(--all-medium); }
.header .logo, .header .custom-logo-link { width: 90px; display: flex; }
.header .navbar { display: flex; flex-flow: row wrap; align-items: center; padding: 0; }
.header .navbar-nav { display: inline-flex; flex-flow: row wrap; align-items: center; margin-left: auto; }
.header .navbar-nav > li { padding: 0 var(--gap-md); position: relative; display: flex; }
.header .navbar-nav > li > a { position: relative; color: rgb(var(--black) / 100%); font-size: 18px; font-weight: 500; line-height: 16px; transition: var(--all-medium); }
.header .navbar-nav > li.current-menu-item > a::after { width: 100%; }
.header .navbar-nav > li > a::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5px; width: 0; height: 1px; background: rgb(var(--black) / 100%); transition: var(--all-medium); }

.header .navbar ul li:last-child a { position: relative; color: rgb(var(--white) / 100%); font-size: 16px; font-weight: 400; line-height: normal; transition: var(--all-medium); border: 1px solid; background-color:rgb(var(--black) / 100%); border-radius: 50px; padding: var(--gap-sm) var(--gap-md); display: inline-flex; justify-content: center; align-items: center; overflow: hidden; text-align: center; text-decoration: none; }
.header .navbar ul li:last-child a::after { content: ""; background-image: url("../images/kai-arrow.svg"); background-size: 12px; height: 12px; width: 12px; display: block; transition: var(--all-medium); margin-left: var(--gap-xs); transform: translate(0); position: relative; left: unset; bottom: unset; background-repeat: no-repeat; background-color: transparent; color: rgb(var(--white) / 100%); }
.header .navbar ul li:last-child a:hover::after { transform: translate(3px, -3px); width: 12px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='currentColor'><path d='M1 9.97222L9.58586 1M9.58586 1H1M9.58586 1V9.97222' stroke='currentColor' stroke-width='1.28788' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }

@media screen and (hover: hover) {
	.header .navbar-nav > li > a:hover::after { width: 100%; }
	.header .navbar ul li:last-child a:hover { background: rgb(var(--white) / 100%); color: rgb(var(--black) / 100%); }
}

/* BANNER */
.home--banner { width: 100%; height: calc(100vh + 1px); position: relative; overflow: hidden; }
.home--banner .banner-bg { width: 100%; height: calc(100% - 1px); position: relative; overflow: hidden; background: rgb(var(--black) / 100%); }
.home--banner .banner-bg video { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; }
.home--banner .banner--content { width: 100%; position: absolute; left: 0; top: calc(50% + var(--header-top, 50px)); transform: translateY(-50%); z-index: 1; }
.home--banner .banner--content .banner--title { color: rgb(var(--white) / 100%); font-size: 96px; font-weight: 400; line-height: 100%; margin-bottom: var(--gap-md); }
.home--banner .banner--content .banner--subtitle { color: rgb(var(--white) / 100%); font-size: 40px; font-weight: 400; line-height: 100%; margin-bottom: 0; }
.home--banner .banner--shape { position: absolute; display: flex; bottom: -2px; right: 0; width: 100%; max-width: 650px; z-index: 0; pointer-events: none; }
.home--banner .banner--shape img { object-fit: contain; object-position: bottom right; }

/* BANNER SEARCH BAR */
.banner--search--bar { width: 100%; padding: var(--gap-md) 0; z-index: 1; }
.banner--search--bar .row { --bs-gutter-x: var(--gap-sm); }

.banner--search--bar .white--box { background: rgb(var(--white) / 0%); padding: var(--gap-md) var(--gap-lg); border-radius: var(--gap-sm); overflow: hidden; width: 100%; max-width: 900px; margin: auto; }
.property--type--toggle { display: flex; flex-flow: row wrap; align-items: center; background: rgb(var(--white) / 100%); border-radius: 50px; }
.property--type--toggle .form-check { flex: 1; }

.banner--search--bar .btn .svg { width: 18px; }

.form-check { padding: 0; margin: 0; }
.form-check .btn--white { width: 100%; background: rgb(var(--white) / 80%); }
.form-check .btn--white:hover { background: rgb(var(--black) / 80%); border-color: rgb(var(--black) / 80%); }
.form-check .form-check-input:checked + .btn { background: rgb(var(--black) / 100%); border-color: rgb(var(--black) / 100%); }
.form-check .form-check-input:checked + .btn span { color: rgb(var(--white) / 100%); }
.form-check label { color: rgb(var(--white) / 100%); }

.banner--search--bar .input-group { border: 1px solid rgb(var(--black) / 100%); background: rgb(var(--white) / 100%); border-radius: 50px; height: 100%; }
.banner--search--bar .input-group .form-select { font-size: 16px; line-height: 1; text-transform: capitalize; height: 100%; flex: 0 0 auto; width: 100%; max-width: 160px; padding: var(--gap-sm) var(--gap-lg) var(--gap-sm) var(--gap-sm); background-color: transparent; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); border: none; color: rgb(var(--black) / 100%); font-size: 16px; border-radius: 0; border-right: 1px solid rgb(var(--black) / 40%); }
.banner--search--bar .input-group .form-select option { text-transform: capitalize; color: rgb(var(--black) / 100%); }
.banner--search--bar .input-group .form-control { color: rgb(var(--black) / 100%); text-transform: capitalize; border: none; padding: 0 var(--gap-md); }
.banner--search--bar .input-group .form-control::placeholder { color: rgb(var(--black) / 60%); }


/* HOME ABOUT KAI */
.home--about { padding: calc(var(--gap-xxl) * 2) 0; }
.home--about .img-box { display: flex; flex-flow: row wrap; overflow: hidden; border-radius: var(--gap-sm); }
.home--about .img-box img { transition: none; }

@media screen and (hover: hover) {
	body:not(.touch-device) .home--about .img-box img { transform: scale(1.3); }
}

/* HOME SERVICES */
.home--services { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; }
.home--services .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.home--services .bg img { object-position: 50% 100%; transition: none; filter: grayscale(1); }
.home--services .h2, .home--services .h3 { color: rgb(var(--white) / 100%); }
.home--services .service--list { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--gap-sm); margin-top: var(--gap-md); }
.home--services .service--list .service--card { display: flex; flex-flow: column wrap; width: 100%; position: relative; overflow: hidden; border-radius: var(--gap-sm); background: rgb(var(--white) / 100%); height: 100%; padding: calc(var(--gap-lg) * 2) var(--gap-xl); transition: var(--all-medium); }
.home--services .service--list .service--card .h4 { line-height: 100%; }
.home--services .service--list .service--card .arrow { position: absolute; right: var(--gap-md); top: var(--gap-md); width: 8px; height: 8px; transition: var(--all-medium); transform: translate(-10px, 10px); opacity: 0; }
.home--services .service--list .service--card .card--icon { display: flex; width: 40px; height: 40px; margin-bottom: var(--gap-lg); }
.home--services .service--list .service--card .card--icon .svg * { transition: var(--all-medium); }
.home--services .service--list .service--card p { margin-bottom: 0; }

@media screen and (hover: hover) {
	.home--services .service--list .service--card:hover { background: rgb(var(--black) / 100%); }
	.home--services .service--list .service--card:hover .h4, .home--services .service--list .service--card:hover p { color: rgb(var(--white) / 100%); }
	.home--services .service--list .service--card:hover .arrow { transform: translate(0px, 0px); opacity: 1; }
	.home--services .service--list .service--card:hover .card--icon .svg path:not([stroke]) { fill: rgb(var(--white) / 100%); }
	.home--services .service--list .service--card:hover .card--icon .svg path[stroke], .home--services .service--list .service--card:hover .card--icon .svg rect[stroke] { stroke: rgb(var(--white) / 100%); }
}


/* FEATURED LISTING */
.featured--listings { padding: calc(var(--gap-xxl) * 2) 0; }
.featured--listings .title--wrapper { margin-bottom: var(--gap-xxxl); }
.featured--listings .title--wrapper .h3 { margin-bottom: 0; }

.nav-tabs.property--tabs { display: flex; flex-flow: row wrap; border: none; justify-content: center; gap: var(--gap-sm); margin-bottom: var(--gap-xl); }
.nav-tabs.property--tabs .nav-link { font-size: 18px; padding: calc(var(--gap-sm) / 4 * 3) var(--gap-md); color: rgb(var(--black) / 100%); text-transform: uppercase; border: none; border-radius: var(--gap-lg); font-weight: 400; }
.nav-tabs.property--tabs .nav-link.active { background: rgb(var(--black) / 6%); }
.featured--listings .fade { transition: opacity 0.2s linear; }

.projects--card { display: flex; flex-flow: row wrap; width: 100%; overflow: hidden; }
.projects--card .card-img { display: flex; width: 100%; padding-top: 68.25%; position: relative; overflow: hidden; border-radius: var(--gap-sm); }
.projects--card .card-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--all-slow); }
.projects--card .card-body { display: flex; flex-flow: row wrap; align-items: flex-start; padding: var(--gap-md) 0 0; column-gap: var(--gap-lg); }
.projects--card .card-body .left { flex: 1; position: relative; }
.projects--card .card-body .left:after { content: ''; position: absolute; left: calc(100% + var(--gap-sm)); top: 0; width: 1px; height: 100%; background: rgb(var(--black) / 10%); }
.projects--card .card-body .right { flex: 1; }
.projects--card .card-body .h6:not(span) { font-size: 18px; font-weight: 300; display: flex; flex-flow: row wrap; gap: var(--gap-xs); font-weight: 300; margin-bottom: var(--gap-sm); }
.projects--card .card-body span.h5 { flex: 1; line-height: 1; margin-bottom: 0; }
.projects--card .card-body .h5 { display: flex; flex-flow: row wrap; align-items: center; gap: var(--gap-xs); width: 100%; font-weight: 500; margin-bottom: var(--gap-xs); }
.projects--card .card-body .h5 img { width: 22px; object-fit: contain; display: inline-flex; align-self: center; }
.projects--card .card-body .h5 small { font-size: .75em; align-self: flex-end; color: rgb(var(--black) / 70%); }
.projects--card .card-body p { margin-bottom: 0; }
.projects--card .card-body p:has(img) { display: flex; flex-flow: row wrap; align-items: center; }
.projects--card .card-body p img { display: inline-block; width: 16px; height: 16px; margin-right: 4px; }
.projects--card .card-body p span { flex: 1; font-size: 16px; font-weight: 300; color: rgb(var(--black) / 70%); text-transform: lowercase; }
.projects--card .card-body p span:first-letter { text-transform: uppercase; }

.projects--card .card-body .payment--plan { width: 100%; font-size: 14px; font-weight: 300; margin-bottom: var(--gap-sm); }

.tags--list { display: flex; flex-flow: row wrap; align-items: center; gap: var(--gap-xs); position: absolute; left: var(--gap-sm); top: var(--gap-sm); z-index: 1; }
.tags--list li { position: relative; display: inline-flex; color: rgb(var(--white) / 100%); font-weight: 300; letter-spacing: 0.5px; font-size: 13px; text-transform: capitalize; padding: calc(var(--gap-xs) / 2) calc(var(--gap-xs) / 2 * 3); background-color: rgb(var(--black) / 50%); border-radius: 50px; }

@media screen and (hover: hover) {
	body:not(.touch-device) .projects--card:hover .card-img img { transform: scale(1.1); }
}

.slider--wrapper { position: relative; }
.slider--wrapper .swiper-button-next, .slider--wrapper .swiper-button-prev { width: 50px; height: 50px; border-radius: 50%; background: rgb(var(--white) / 100%); box-shadow: 0 0 10px 0 rgb(var(--black) / 20%); }
.slider--wrapper .swiper-button-prev { left: 0; transform: translateX(-50%); top: 34%; padding-right: 3px; }
.slider--wrapper .swiper-button-next { right: 0; transform: translateX(50%); top: 34%; padding-left: 3px; }
.slider--wrapper .swiper-button-next:after, .slider--wrapper .swiper-button-prev:after { font-size: 18px; color: rgb(var(--black) / 80%); }


/* DISCOVER SECTION */
.home--discover { position: relative; overflow: hidden; display: flex; flex-flow: row wrap; background: rgb(var(--black) / 100%); }
.home--discover .left--box { position: relative; width: 50%; max-height: 620px; }
.home--discover .left--box > img { object-position: 50% 100%; transition: none; }
.home--discover .left--box .shape { position: absolute; right: -1px; top: 0; height: 100%; }
.home--discover .left--box .shape img { height: 100%; width: auto; }

.home--discover .right--box { width: 50%; padding-right: 5%; display: flex; flex-flow: row wrap; z-index: 1; align-self: center; }
.home--discover .right--box .info--box { width: 100%; max-width: 600px; margin: auto; }
.home--discover .right--box .h3 { color: rgb(var(--white) / 100%); margin-bottom: var(--gap-md); }
.home--discover .right--box p { color: rgb(var(--white) / 100%); margin-bottom: var(--gap-sm); }
.home--discover .right--box .btn { margin-top: var(--gap-sm); }


/* HOME BLOGS */
.home--blogs { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; }
.home--blogs .h2 { margin-bottom: var(--gap-xl); }
.home--blogs .blog--card { transform: translateX(150px) translateY(150px); opacity: 0; }

.inner--blogs { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; }
.inner--blogs .h2 { margin-bottom: var(--gap-xl); }
.inner--blogs .row { row-gap: calc(var(--gap-xxl) * 2); }
.inner--blogs .blog--card { transform: scale(0.9); opacity: 0; }

.blog--card { display: flex; flex-flow: column wrap; width: 100%; height: 100%; }
.blog--card .card-body { padding: 0; }
.blog--card .card-body .h5 { display: flex; align-items: flex-end; margin-bottom: var(--gap-sm); position: relative; }
.blog--card .card-body .h5 span { display: inline-flex; flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; min-height: 78px; }
.blog--card .card-body .h5 .svg { position: absolute; bottom: 0; right: 0; width: 8px; height: auto; margin-left: var(--gap-xs); margin-bottom: var(--gap-xs); }
.blog--card .card-body .h5 .svg path { stroke: rgb(var(--black) / 100%); }
.blog--card .card-body p { min-height: 51px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-bottom: var(--gap-sm); }
.blog--card .card-img { display: flex; width: 100%; padding-top: 56.25%; position: relative; overflow: hidden; border-radius: var(--gap-sm); margin-top: auto; }
.blog--card .card-img img { position: absolute; top: 0; left: 0; }

@media screen and (hover: hover) {
	body:not(.touch-device) .blog--card:hover .card-img img { transform: scale(1.1); }
}

/* SOCIAL POSTS */
.social--posts { padding: calc(var(--gap-xxl) * 2) 0 0; }
.social--posts .h3 { display: flex; align-items: center; justify-content: center; }
.social--posts .h3 img { display: inline; width: 35px; margin-right: var(--gap-sm); }
.post--list { display:grid; grid-template-columns: repeat(5, 1fr); }
.post--list li a { display: flex; padding-bottom: 132%; position: relative; overflow: hidden; }
.post--list li a img { position: absolute; top: 0; left: 0; }


/* FOOTER */
.footer { padding: calc(var(--gap-xxl) * 2) 0 var(--gap-md); background: rgb(var(--black) / 100%); position: relative; overflow: hidden; z-index: 1; }
.footer .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.footer .bg img { object-position: 50% 0%; opacity: 0.3; transition: none; }
.footer .h1 { font-weight: 400; text-transform: capitalize; color: rgb(var(--white) / 100%); }
.footer p { text-transform: capitalize; color: rgb(var(--white) / 80%); margin-bottom: var(--gap-sm); }
.footer .quick--links li a { position: relative; font-size: 16px; line-height: 130%; font-weight: 300; color: rgb(var(--white) / 100%); margin-bottom: var(--gap-xs); }
.footer .quick--links li a::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 0; height: 1px; background: rgb(var(--white) / 100%); transition: var(--all-medium); }

@media screen and (hover: hover) {
	.footer .quick--links li a:hover::after { width: 100%; }
}

.copy { margin-top: calc(var(--gap-xxxl) * 4); }
.copy .row + .row { margin-top: var(--gap-xl); }
.copy .footer--logo { display: inline-flex; width: 80px; }
.copy p { font-size: 16px; font-weight: 300; text-transform: capitalize; color: rgb(var(--white) / 80%); margin-bottom: var(--gap-sm); margin-bottom: var(--gap-xs); }
.copy p.fade--text { color: rgb(var(--white) / 50%); }
.copy p a { font-size: 16px; font-weight: 300; margin-right: var(--gap-xs); color: rgb(var(--white) / 50%); transition: var(--all-medium); }
.copy p a:hover { color: rgb(var(--white) / 100%); }

.social--links { display: flex; flex-flow: row wrap; align-items: center; margin-bottom: var(--gap-lg); }
.social--links li a { display: flex; flex-flow: row wrap; width: 24px; height: 24px; margin-right: var(--gap-md); }
.social--links li a img { object-fit: contain; }

/* INNER BANNER */
.inner--banner { position: relative; width: 100%; overflow: hidden; }
.inner--banner .banner--bg { width: 100%; height: 500px; display: flex; }
.inner--banner .banner--content { width: 100%; position: absolute; left: 0; top: calc(50% + var(--header-top)); transform: translateY(-50%); z-index: 1; }
.inner--banner .banner--content .banner--title { width: 100%; color: rgb(var(--black) / 100%); font-size: 64px; font-weight: 400; line-height: 1.2; }
.breadcrumb { margin-bottom: 0; }
.breadcrumb .breadcrumb-item { color: rgb(var(--black) / 50%); font-size: 14px; font-weight: 400; line-height: 1.5; text-transform: uppercase; }

.black--banner .banner--content *, .black--banner .banner--content .banner--title { color: rgb(var(--white) / 100%); }

/* ABOUT OUR COMPANY */
.about--our--company { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; background: rgb(var(--black) / 100%); }
.about--our--company * { color: rgb(var(--white) / 100%); }
.about--our--company .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.about--our--company .bg img { object-position: 50% 0%; opacity: 0.3; transition: none; }
.about--our--company .row { --bs-gutter-x: var(--gap-xxxl); }

/* MEET THE CEO */
.meet--the--ceo { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; }
.meet--the--ceo .sign { width: 175px; }
.meet--the--ceo .sign img { object-fit: contain; }
.meet--the--ceo .ceo-img { display: flex; width: 100%; overflow: hidden; border-radius: var(--gap-sm); }
.meet--the--ceo .ceo-img img { display: flex; width: 100%; overflow: hidden; transition: none; transform-origin: top center; }

@media screen and (hover: hover) {
	body:not(.touch-device) .meet--the--ceo .ceo-img img { transform: scale(1.4); }
}

/* MISSION & VISION */
.mission--vision { position: relative; overflow: hidden; z-index: 1; background: rgb(var(--primary-color) / 100%); display: flex; flex-flow: row wrap; }
.mission--vision * { color: rgb(var(--white) / 100%); }

.mission--vision .vision { width: 50%; display: flex; position: relative; }
.mission--vision .vision .info { position: absolute; right: 0; top: 0; padding: calc(var(--gap-xxl) * 2); max-width: 530px; }
.mission--vision .vision .img-box { display: flex; width: 100%; height: 80vh; overflow: hidden; }
.mission--vision .vision .img-box img { object-fit: cover; object-position: top right; width: 100%; transition: none; }

.mission--vision .mission { width: 50%; display: flex; position: relative; }
.mission--vision .mission .img-box { display: flex; align-items: flex-start; width: 90%; height: 80vh; overflow: hidden; margin-left: auto; }
.mission--vision .mission .img-box img { height: auto; object-fit: contain; transition: none; }
.mission--vision .mission .info { position: absolute; left: 20%; bottom: 0; padding: calc(var(--gap-xxl) * 2); width: 100%; max-width: 530px; }

@media screen and (hover: hover) {
	body:not(.touch-device) .mission--vision .vision .img-box img { transform: translatex(-50%);  }
	body:not(.touch-device) .mission--vision .mission .img-box img { transform: translatey(-100%); }
}

/* MEET OUR TEAM */
.meet--our--team { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; }
.meet--our--team .team--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-md); margin-bottom: calc(var(--gap-xxl) * 2); }
.meet--our--team .team--list .team--card { display: flex; flex-flow: row wrap; width: 100%; position: relative; }
.meet--our--team .team--list .team--card .card-info { position: absolute; left: 0; bottom: 0; display: flex; flex-flow: row wrap; width: 100%; padding: var(--gap-lg); }
.meet--our--team .team--list .h5 { font-size: 24px; color: rgb(var(--white) / 100%); width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-bottom: var(--gap-md); margin-bottom: 0; }
.meet--our--team .team--list .position { width: 100%; display: block; font-size: 16px; color: rgb(var(--white) / 100%); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-bottom: var(--gap-md); margin-bottom: 0; }
.meet--our--team .team--list p { color: rgb(var(--white) / 100%); width: 80%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; }
.meet--our--team .team--list .card-img { display: flex; width: 100%; padding-top: 100%; position: relative; margin-bottom: 0; border-radius: var(--gap-sm); overflow: hidden; }
.meet--our--team .team--list .card-img img { position: absolute; left: 0; top: 0; object-position: top; transition: var(--all-medium); }
.meet--our--team .quote { position: relative; z-index: 1; padding: 0 var(--gap-lg); }
.meet--our--team .quote img { position: absolute; width: 20px; height: auto; object-fit: contain; }
.meet--our--team .quote .left { left: 0; top: 0; }
.meet--our--team .quote .right { right: 0; bottom: 0; }

@media screen and (hover: hover) {
	body:not(.touch-device) .meet--our--team .team--list .team--card:hover .card-img img { filter: brightness(0.7); }
}

/* CONTACT US */
.contact--us { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; }
.contact--us .contact--title { color: rgb(var(--black) / 100%); font-size: 64px; font-weight: 600; margin-bottom: var(--gap-sm); }
.contact--us .h3 { margin-bottom: calc(var(--gap-xxl) * 2); }
.contact--us .contact-link { color: rgb(var(--black) / 100%); font-size: 30px; font-weight: 500; line-height: 1.3; display: block; }
.contact--us .contact--info--box { margin-bottom: calc(var(--gap-xxl) * 2); }
.contact--us .contact--info--box .h4 { margin-bottom: var(--gap-sm); }
.contact--us .contact--info--box p { font-size: 20px; margin-bottom: 0; }
.contact--us .social--links { justify-content: flex-start; }
.contact--us .social--links svg path { fill: rgb(var(--black) / 100%); }

.contact--form { padding: calc(var(--gap-lg) * 2) calc(var(--gap-lg) * 2) calc(var(--gap-lg) * 9) calc(var(--gap-lg) * 2); background: rgb(var(--black) / 100%); border-radius: var(--gap-sm); position: relative; overflow: hidden; z-index: 1; }
.contact--form .shape { position: absolute; right: 0; bottom: 0; width: 280px; pointer-events: none; }
.contact--form * { color: rgb(var(--white) / 100%); }
.contact--us .contact--form .h3 { margin-bottom: var(--gap-sm); }

.contact--form .country-list .country-name { color: rgb(var(--black) / 100%); }
.contact--form .intl-tel-input .selected-flag { padding-left: 0; }


/* FIND US */
.find--us { position: relative; overflow: hidden; z-index: 1; }
.find--us .map { display: flex; }
.find--us .location--info { position: absolute; left: 0; top: 0; width: 100%; padding: calc(var(--gap-lg) * 2) 0; }
.find--us .location--info * { color: rgb(var(--white) / 100%); }
.find--us .location--info a { display: flex; flex-flow: row wrap; align-items: center; }
.find--us .location--info a img { display: inline; width: 10px; margin-left: var(--gap-sm); }
.find--us .location--info a span { text-decoration: underline; text-underline-offset: 5px; }

/* PROPERTIES */
.properties { padding: calc(var(--gap-xxl) * 2) 0; }
.properties .h3 { margin-bottom: var(--gap-lg); }
.properties #res_count { margin-bottom: 0; }

.properties .sort--by { border: none; border-bottom: 1px solid rgb(var(--black) / 50%); border-radius: 0; padding: var(--gap-xs); line-height: 1; background-position: right center; min-width: 180px; }
.properties select option { padding: 10px; border: none; outline: none; }

.property--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-xxl) var(--gap-md); margin-top: var(--gap-md); }

.property--filters { background: rgb(var(--black) / 4%); border-radius: var(--gap-sm); padding: var(--gap-lg); text-transform: capitalize; margin-bottom: var(--gap-lg); }
.property--filters .row { --bs-gutter-x: var(--gap-sm); row-gap: var(--gap-sm); }
.property--filters .input-group { height: 100%; }


/* SERVICES */
.services { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; }
.services--list { display: flex; flex-flow: row wrap; row-gap: calc(var(--gap-xxl) * 2); width: 100%; margin-top: calc(var(--gap-xxl) * 2); }
.service--band { position: relative; overflow: hidden; display: flex; flex-flow: row wrap; width: 100%; }
.service--band .left--box { position: relative; width: 55%; max-height: 845px; }
.service--band .left--box > img { object-position: 50% 100%; transition: none; }
.service--band .left--box .shape { display: flex; position: absolute; width: auto; left: -1px; top: -1px; height: calc(100% + 2px); }
.service--band .left--box .shape img { width: auto; height: 100%; }

.service--band .right--box { width: 45%; display: flex; flex-flow: row wrap; z-index: 1; padding: calc(var(--gap-lg) * 2) var(--gap-lg); }
.service--band .right--box .info--box { width: 100%; max-width: 495px; padding-bottom: var(--gap-lg); margin: auto; position: relative; }
.service--band .right--box .info--box::after { content: ""; position: absolute; width: 40%; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; background: rgb(var(--black) / 100%); }
.service--band .right--box .info--box .icon { width: 45px; position: absolute; top: 0; right: 0; }
.service--band .right--box .services--title { font-size: 64px; font-weight: 400; line-height: 105%; margin-bottom: var(--gap-sm); }
.service--band .right--box .h3 { margin-bottom: var(--gap-md); }
.service--band .right--box p { margin-bottom: var(--gap-sm); }
.service--band .right--box .btn { margin-top: var(--gap-sm); }


.service--band:nth-child(even) .left--box .shape { right: -1px; left: auto; }
.service--band:nth-child(even) .right--box .services--title, .service--band:nth-child(even) .right--box .h5, .service--band:nth-child(even) .right--box p { color: rgb(var(--white) / 100%); }
.service--band:nth-child(even) { background: rgb(var(--black) / 100%); }
.service--band:nth-child(even) .right--box .info--box .icon svg path { stroke: rgb(var(--white) / 100%); }
.service--band:nth-child(even) .right--box .info--box::after { background: rgb(var(--white) / 100%); }

/* BLOGS DETAILS */
.blog--details { padding: calc(var(--gap-xxl) * 2) 0; margin-top: calc(var(--header-top) * 2); }
.blog--details h1 { margin-bottom: var(--gap-sm); }
.blog--details h1 + p { margin-bottom: var(--gap-xxl); }
.blog--details figure { width: 100%; margin-bottom: var(--gap-lg); }
.blog--details figure img { width: 100%; height: auto; }
.blog--details h2, .blog--details h2, .blog--details h3, .blog--details h4, .blog--details h5, .blog--details h6 { margin-bottom: var(--gap-md); }
.blog--details ul { list-style-type: disc; list-style-position: inside; margin-bottom: var(--gap-md); }
.blog--details ul li { list-style-type: disc; }
.blog--details ol { list-style-type: decimal; list-style-position: inside; margin-bottom: var(--gap-md); }
.blog--details ol li { list-style-type: decimal; }


/* PROPERTY GALLERY AND BREADCRUMB */
.header--height { height: calc(var(--header-top, 60px) * 2); }
.property--breadcrumb { padding: var(--gap-md) 0; background: rgb(var(--black) / 3%); }
.property--breadcrumb .breadcrumb { margin-bottom: 0; }

.light--gallery { position: relative; height: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: var(--gap-sm); margin-bottom: var(--gap-xxl); }
.light--gallery li { position: relative; padding-bottom: 56.25%; border-radius: var(--gap-sm); cursor: pointer; overflow: hidden; }
.light--gallery li:nth-child(n + 4) { display: none; }
.light--gallery li img { position: absolute; top: 0; left: 0; }
.light--gallery li:first-child { grid-column: span 2 / span 2; grid-row: span 2 / span 2; }
.light--gallery.less--thanthree li:first-child { grid-column: span 3 / span 3; grid-row: span 2 / span 2; padding-bottom: 37.71%; }

.light--gallery li:last-child { position: absolute; bottom: var(--gap-sm); right: var(--gap-sm); display: flex; flex-flow: row wrap; align-items: center; background: rgb(var(--white) / 100%); border-radius: 6px; padding: calc(var(--gap-xs) / 2) var(--gap-xs); pointer-events: none; }
.light--gallery li:last-child img { position: static; width: 20px; height: auto; object-fit: contain; margin-right: var(--gap-xs); }
.light--gallery li:last-child span { font-size: 16px; }
.light--gallery.less--thanthree li:last-child { display: none; }

/* PROPERTY DETAILS */
.property--primary--details { padding: var(--gap-xl) 0 var(--gap-xxl); }
.property--primary--details .h1 { font-weight: 500; margin-bottom: var(--gap-sm); }

.property--primary--details .share--links { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; margin-bottom: 0; }
.property--primary--details .share--links li a { display: flex; flex-flow: row wrap; width: 24px; height: 24px; margin-left: var(--gap-md); }
.property--primary--details .share--links li a img { object-fit: contain; }
.property--primary--details .share--links li a .svg path:not([stroke]) { fill: rgb(var(--black) / 100%); }
.property--primary--details .share--links li a .svg path[stroke] { stroke: rgb(var(--black) / 100%); }

.property--primary--details .property--price { display: flex; flex-flow: row wrap; font-weight: 500; gap: var(--gap-xs); }
.property--primary--details .property--price img { align-self: center; width: 20px; object-fit: contain; }
.property--primary--details .property--price span { margin-bottom: 0; }
.property--primary--details .property--price .tenure { color: rgb(var(--black) / 70%); align-self: flex-end; margin-bottom: calc(var(--gap-xs) / 2); }

.property--primary--details .icons--row { border-left: 1px solid rgb(var(--black) / 40%); padding-left: var(--gap-md); margin-bottom: 0; }

.property--details .property--description { margin-bottom: calc(var(--gap-xl) * 2); }
.property--details .property--description ul li { font-size: 18px; }

.download--list { display: flex; flex-flow: row wrap; gap: var(--gap-lg); }
.download--list li .media { display: flex; flex-flow: row wrap; border-radius: var(--gap-sm); border: 1px solid rgb(var(--black) / 100%); background: rgb(var(--black) / 0%); cursor: pointer; transition: var(--all-medium); overflow: hidden; }

.download--list li .media .media-img { width: 70px; padding: var(--gap-sm); background: rgb(var(--black) / 100%); }
.download--list li .media .media-img path { fill: rgb(var(--white) / 100%); }
.download--list li .media .media-img path[stroke] { stroke: rgb(var(--white) / 100%); }
.download--list li .media .media-img rect { stroke: rgb(var(--white) / 100%); }

.download--list li .media .media-body { flex: 1; padding: var(--gap-sm) var(--gap-md); display: flex; flex-flow: column wrap; justify-content: center; position: relative; }
.download--list li .media .media-body::before { content: ''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: rgb(var(--black) / 100%); z-index: -1; transition: var(--all-medium); }
.download--list li .media .media-body p {  font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 0; transition: var(--all-medium); }
.download--list li .media .media-body span { display: flex; align-items: center; font-size: 12px; font-weight: 600; text-transform: uppercase; transition: var(--all-medium); }
.download--list li .media .media-body span .svg { width: 12px; }
.download--list li .media .media-body span .svg path { transition: var(--all-medium); }

@media screen and (hover: hover) {
	.download--list li .media:hover .media-body::before { width: 100%; }
	.download--list li .media:hover .media-body span { color: rgb(var(--white) / 100%); }
	.download--list li .media:hover .media-body p { color: rgb(var(--white) / 100%); }
	.download--list li .media:hover .media-body span .svg path { stroke: rgb(var(--white) / 100%); }
}

/* AMENITIES */
.amenities { margin-bottom: calc(var(--gap-xl) * 2); }
.amenities .h4 { margin-bottom: var(--gap-md); }
.amenities--list { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--gap-xs); }
.amenities--list li { display: flex; flex-flow: column wrap; gap: var(--gap-xs); background: rgb(var(--black) / 4%); border-radius: var(--gap-xs); padding: var(--gap-sm); }
.amenities--list figure { display: flex; width: 24px; height: 24px; margin-right: var(--gap-xs); margin-bottom: 0; }
.amenities--list figure img { object-fit: contain; }
.amenities--list p { width: 100%; font-size: 16px; line-height: 1; text-transform: capitalize; margin-bottom: 0; }

/* PROPERTY LOCATION */
.property--location .property--map { width: 100%; position: relative; padding-bottom: 40%; }
.property--location .property--map iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: var(--gap-sm); }

/* CONTACT FORM */
.property--details .contact--form--wrapper { height: 100%; }
.property--details .contact--form--wrapper .quick--connect { display: flex; flex-flow: row wrap; align-items: center; gap: var(--gap-sm); margin-bottom: var(--gap-sm); }
.property--details .contact--form--wrapper .quick--connect a { flex: 1; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: var(--gap-xs); padding: var(--gap-sm) var(--gap-md); border-radius: var(--gap-sm); }
.property--details .contact--form--wrapper .quick--connect a span { color: rgb(var(--white) / 100%); }
.property--details .contact--form--wrapper .quick--connect .call { background: rgb(var(--black) / 100%); }
.property--details .contact--form--wrapper .quick--connect .whatsapp { background: #25D366; }
.property--details .contact--form--wrapper .quick--connect a img { width: 24px; height: auto; }

/* OTHER PROPERTIES */
.other--properties { padding: calc(var(--gap-xxl) * 2) 0; }


/* INVEST WITH US */
.list--your--property { padding: calc(var(--gap-xxl) * 2) 0; }
.list--your--property .img-box { display: flex; flex-flow: row wrap; overflow: hidden; border-radius: var(--gap-sm); }


.why--with--us { padding: calc(var(--gap-xxl) * 2) 0; position: relative; overflow: hidden; z-index: 1; background: rgb(var(--black) / 100%); }
.why--with--us .row { row-gap: var(--gap-lg); }
.why--with--us * { color: rgb(var(--white) / 100%); }
.why--with--us .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.why--with--us .bg img { object-position: 50% 0%; opacity: 0.3; transition: none; }

.why--with--us .d-flex { flex-flow: row wrap; }
.why--with--us .h6 { width: 100%; text-align: center; text-transform: capitalize; margin-bottom: 0; }

.why--with--us .svg { width: 50px; height: 50px; margin: 0 auto var(--gap-md); }
.why--with--us .svg path, .why--with--us .svg rect { transition: var(--all-medium); }
.why--with--us .svg path:not([stroke]) { fill: rgb(var(--white) / 100%); }
.why--with--us .svg path[stroke], .why--with--us .svg rect[stroke] { stroke: rgb(var(--white) / 100%); }

/* FAQs */
.faqs { padding: calc(var(--gap-xxl) * 2) 0; }
.faq--list > li > a { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: var(--gap-sm) 0; margin-bottom: 0; border-bottom: 1px solid rgb(var(--black) / 20%); }
.faq--list > li .text-box { overflow: hidden; max-height: 0; margin-top: 0; transition: all 0.4s ease; }
.faq--list > li.active .text-box { margin-top: var(--gap-md); }
.faq--list > li .icon { display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-position: center; background-size: contain; opacity: 0.5; transition: transform 0.3s ease; }
.faq--list > li.active .icon { transform: rotate(180deg); }

.pagination { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: var(--gap-sm); margin-top: var(--gap-xxxl); }
.pagination .page-numbers { font-size: 16px; text-transform: uppercase; padding: var(--gap-xs) var(--gap-sm); }
.pagination .page-numbers.next, .pagination .page-numbers.prev { border: 1px solid rgb(var(--black) / 100%); border-radius: 50px; }

/* CALL TO ACTION */
.call--to--action { padding: calc(var(--gap-xxl) * 2) 0; }
.call--to--action .h1 { font-weight: 500; }

/* WHATSAPP ICON */
.mob_wa { position: fixed; bottom: 40px; width: 55px; height: 55px; right: 50px; bottom: 50px; padding: 8px; border-radius: 50%; background: #25d366; z-index: 9; }
.mob_wa img { width: 100%; -webkit-filter: invert(1); filter: invert(1); }
.mob_wa:hover { -webkit-animation: 1s infinite pulse-animation; animation: 1s infinite pulse-animation; }

@-webkit-keyframes pulse-animation {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 100%); box-shadow: 0 0 0 0 rgba(37, 211, 102, 100%); }
	100% { -webkit-box-shadow: 0 0 0 20px rgba(37, 211, 102, 0%); box-shadow: 0 0 0 20px rgba(37, 211, 102, 0%); }
}
@keyframes pulse-animation {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 100%); box-shadow: 0 0 0 0 rgba(37, 211, 102, 100%); }
	100% { -webkit-box-shadow: 0 0 0 20px rgba(37, 211, 102, 0%); box-shadow: 0 0 0 20px rgba(37, 211, 102, 0%); }
}


/* PRIVACY POLICY */
.privacy--policy { padding: calc(var(--gap-xxl) * 2) 0; }
.privacy--policy ol { list-style: decimal; padding-left: var(--gap-sm); margin-left: var(--gap-sm); }
.privacy--policy ol li { list-style: decimal; list-style-position: outside; font-size: 18px; color: rgb(var(--black) / 100%); line-height: 140%; margin-bottom: var(--gap-xs); }

.privacy--policy ul { list-style: decimal; padding-left: var(--gap-sm); }
.privacy--policy ul li { list-style: disc; list-style-position: outside; font-size: 18px; color: rgb(var(--black) / 100%); line-height: 140%; margin-bottom: var(--gap-sm); }

.privacy--policy h1, .privacy--policy h2, .privacy--policy h3, .privacy--policy h4, .privacy--policy h5, .privacy--policy h6 { font-size: default; font-weight: 400; margin-bottom: var(--gap-sm); }

#sb_instagram, #sb_instagram #sbi_images { padding-bottom: 0 !important; }