/* =========================================
Table of contents



========================================= */

:root {
	/* --- Colors --- */
	--primary-color: #247AA6;
	--secondary-color: #45AFD9;
	--text-color: #434343;
	--lightgrey: #E2E2E2;
	--light-orange: #F2950a;

	/* Gradient Colors */
	--gradient-lightorange: #F2950a;
	--gradient-darkorange: #ef7b23;
	--gradient-lightgreen: #3ADC66;
	--gradient-darkgreen: #1DB478;

	/* --- Font Styles --- */
	--font-family-primary: 'Poppins', sans-serif;
	--fw-100: 100;
	--fw-200: 200;
	--fw-300: 300;
	--fw-400: 400;
	--fw-500: 500;
	--fw-600: 600;
	--fw-700: 700;
	--fw-800: 800;
	--fw-900: 900;

	/* --- Gutters ---*/
	--gutter-xs: 1rem;
	--gutter-s: 2rem;
	--gutter-m: 3rem;
	--gutter-l: 4rem;
	--gutter-xl: 5rem;
	--gutter-xxl: 8rem;

	/* --- Radius ---*/
	--radius-s: 6px;
	--radius-m: 6px;
	--radius-l: 2rem;
	--radius-xl: 2rem;
	--radius-xxl: 2rem;

	/* --- Font Sizes --- */
	--h1-size: 3.125rem;
	--h2-size: 2.375rem;
	--h3-size: 2rem;
	--h4-size: 1.75rem;
	--h5-size: 1.5rem;
	--h6-size: 1.25rem;
	--paragraph-size: 1rem;
	--bullet-points-size: 1rem;
	--numbering-points-size: 1rem;
	--privacy-policy-size: 1rem;

	/* Other */
	--box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 800px) {
	:root {
		--gutter-xxl: 4rem;
		--gutter-m: 2rem;
	}
}

@media screen and (max-width: 767px) {
	:root {
		/* Mobile styles */
		--h1-size: 2rem;
		--h2-size: 1.75rem;
		--h3-size: 1.5rem;
		--h4-size: 1.25rem;
		--h5-size: 1.25rem;
		--h6-size: 1rem;
		--paragraph-size: 1rem;
		--bullet-points-size: 1rem;
		--numbering-points-size: 1rem;
		--privacy-policy-size: 0.625rem;
	}
}


/* =================================================================
GENERAL
================================================================= */
*,
*::before,
*::after {
	box-sizing: border-box;
	font-family: var(--font-family-primary);
	letter-spacing: 0.8px;
}

html {
	scroll-behavior: smooth;
	font-size: 16px;
}

body {
	font-family: var(--font-family-primary);
	line-height: 1;
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	line-height: 1.1;
	margin-bottom: var(--gutter-xs);
}

h1,
.h1 {
	font-size: var(--h1-size);
	font-weight: var(--fw-700);
}

h2,
.h2 {
	font-size: var(--h2-size);
	font-weight: var(--fw-700);
}

h3,
.h3 {
	font-size: var(--h3-size);
	font-weight: var(--fw-600);
}

h4,
.h4 {
	font-size: var(--h4-size);
	font-weight: var(--fw-600);
}

h5,
.h5 {
	font-size: var(--h5-size);
	font-weight: var(--fw-500);
}

h6,
.h6 {
	font-size: var(--h6-size);
	font-weight: var(--fw-600);
}

p,
.p {
	font-size: var(--paragraph-size);
	font-weight: var(--fw-500);
	line-height: 1.7;
	margin-bottom: var(--gutter-xs);
}

p:first-of-type {
	margin-top: 0px;
}

p:last-of-type {
	margin-bottom: 0px;
	margin-top: 0;
}

p:only-of-type {
	margin-bottom: var(--gutter-xs);
}

a {
	font-size: var(--paragraph-size);
	color: #0000FF;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

.chapter-heading-block a {
	color: white;
}

ul,
ol {
	display: flex;
	flex-direction: column;
	gap: var(--gutter-xs);
	font-weight: var(--fw-400);
	padding-left: var(--gutter-s);
	margin-top: var(--gutter-xs);
}

ul li,
ol li {
	line-height: 1;
}

main ul li,
main ol li {
	line-height: 1.7;
	font-size: var(--bullet-points-size);
}

#wp-toolbar ul {
	display: initial;
}

form.wpcf7-form {
	overflow: visible;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
	background-color: #f1f1f1;
	padding: 12px 40px;
	border-radius: var(--radius-s);
	width: 100%;
	border: none;
	box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
}

input[type="checkbox"] {
	margin: 0;
}

select::-ms-expand {
	display: none !important;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
}

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

.video-holder .photo-gallery-item {
	opacity: 0;
	position: absolute;
	transition: opacity 1s ease-in-out;
}

.video-holder .photo-gallery-item.active {
	opacity: 1;
}

.country-list .country-name {
	color: var(--text-color);
}

.wpcf7-list-item {
	margin-left: 0;
	line-height: 1.7;
	max-width: 1000px;
}

.wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: var(--gutter-xs);
}

.wpcf7-list-item label input {
	width: 40px;
}

span.wpcf7-list-item {
	max-width: 100%;
}

.wpcf7-list-item-label {
	font-weight: var(--fw-300);
	font-size: var(--paragraph-size);
}

.form-single-col {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gutter-xs);
}

.form-single-col .wpcf7-submit {
	margin-right: auto;
}

.form-single-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr auto;
	align-items: center;
	gap: var(--gutter-xs);
}

.form-single-row label {
	grid-column: 1 / 5;
}

.form-download-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.iti-mobile .intl-tel-input.iti-container {
	z-index: 10000000000;
}

@media only screen and (max-width: 800px) {
	.form-single-row {
		display: flex;
		flex-direction: column;
	}

	.form-single-row label {
		grid-column: 1 / 2;
	}

	.wpcf7-submit {
		margin-right: auto;
		margin-left: auto;
	}

	.wpcf7-list-item-label {
		font-weight: var(--fw-300);
		font-size: var(--privacy-policy-size);
	}

}

.wpcf7-spinner {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	margin: 0;
	width: 100%;
	border-radius: 0;
	background-color: #3EE264;
	overflow: hidden;
}

.wpcf7-spinner::before {
	top: 0;
	left: 0;
	transform-origin: 25px 25px;
	animation-duration: 2000ms;
	background-image: repeating-linear-gradient(45deg,
	#7ee796 10px,
	#7ee796 12px,
	#3EE264 12px,
	#3EE264 20px);
	width: 100%;
	height: 100%;
	border-radius: 0;
	animation: moveLeftToRight 40s linear infinite;
}

@keyframes moveLeftToRight {
	0% {
		left: -100%;
	}

	100% {
		left: 100%;
	}
}

.cta-guide-download .container,
.cta-banner-mailing-list .container,
.cta-banner-investment .container .cta-banner-wrap,
.contact .contact-card,
.hero-mailing-list {
	position: relative;
	overflow: hidden;
}

.swiper-button-disabled {
	opacity: 0.2;
}

.form-single-col:has(.wpcf7-not-valid-tip) {
	gap: 1.7rem;
}

.wpcf7-not-valid-tip {
	position: absolute;
	top: 43px;
	border-top: 2px solid red;
	width: 97%;
	left: 7px;
	padding-top: 4px;
}

.next-slide img,
.prev-slide img {
	width: 35px;
	height: 35px;
	cursor: pointer;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
	padding-right: var(--gutter-s) !important;
}

.anchor-offset {
	margin-top: -7rem;
	padding-top: 7rem;
}

img.aligncenter {
	display: block;
	margin: auto;
}

img.alignright {
	display: block;
	margin-left: auto;
}

div.pum-theme-138 .pum-container,
.pum-theme-default-theme .pum-container {
	padding: 0;
	position: relative;
	overflow: hidden;
}

div.pum-theme-138 .pum-content,
.pum-theme-default-theme .pum-content {
	padding: var(--gutter-s);
}

/* =================================================================
Containers
================================================================= */
section {
	margin-bottom: var(--gutter-xl);
	padding: 0 var(--gutter-s);
}

@media only screen and (max-width: 800px) {
	section {
		padding: 0 var(--gutter-xs);
	}
}

.container {
	max-width: 1468px;
	width: 100%;
	margin: auto;
}

.container-no-grid {
	max-width: 1468px;
	width: 100%;
	margin: auto;
}

/* =================================================================
Buttons
================================================================= */
.btn,
.wpcf7-submit,
.sf-field-submit input,
.sf-field-reset input,
.filter-btn,
.filterclose,
.cf7mls_next.action-button {
	display: inline-block;
	padding: 16px 24px;
	background: var(--gradient-darkorange);
	background: linear-gradient(90deg, var(--gradient-lightorange) 1%, var(--gradient-darkorange) 100%);
	color: white;
	border-radius: var(--radius-l);
	transition: transform .3s ease-in-out;
	border: none;
	font-size: var(--paragraph-size);
	cursor: pointer;
	font-family: var(--font-family-primary);
	line-height: 1;
	letter-spacing: 0.8px;
	font-weight: var(--fw-400);
	text-decoration: none;
}

.btn:hover,
.wpcf7-submit:hover,
.sf-field-submit input:hover,
.sf-field-reset input:hover,
.cf7mls_next.action-button:hover {
	background: linear-gradient(90deg, var(--gradient-darkorange) 1%, var(--gradient-lightorange) 100%);
	transform: scale(1.02);
	text-decoration: none;
}

.btn.grey {
	background: rgb(221, 221, 221);
	background: linear-gradient(90deg, rgba(221, 221, 221, 1) 0%, rgba(190, 190, 190, 1) 100%);
	color: var(--text-color);
}

.btn.grey:hover {
	background: linear-gradient(90deg, rgba(190, 190, 190, 1) 0%, rgba(221, 221, 221, 1) 100%);
}

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

	.btn,
	.wpcf7-submit,
	.sf-field-submit input,
	.sf-field-reset input,
	.filter-btn,
	.filterclose,
	.cf7mls_next.action-button {
		font-size: var(--paragraph-size);
	}
}

/* =================================================================
CTA Image
================================================================= */
.cta-image .no-image {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.cta-image .no-image .cta-content {
	max-width: 850px;
}

.cta-image .no-image .cta-img {
	display: none;
}

.cta-image .add-image {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.cta-image .add-image .cta-img {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-top-right-radius: var(--radius-m);
	border-bottom-right-radius: var(--radius-m);
	min-height: 500px;
}

.cta-image .cta-content {
	padding: var(--gutter-m);
	color: white;
	max-width: 734px;
}

.cta-image .container {
	background-color: var(--primary-color);
	border-radius: var(--radius-m);
}

@media only screen and (max-width: 769px) {
	.cta-image .add-image {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.cta-image .add-image .cta-img {
		height: 240px;
		border-top-left-radius: var(--radius-m);
		border-bottom-right-radius: 0;
		order: 1;
		min-height: auto;
	}

	.cta-image .add-image .cta-content {
		order: 2;
		max-width: 734px;
	}

	.cta-image .cta-content {
		text-align: center;
	}
}

.cta-image .add-image.left .cta-content {
	order: 2;
}

.cta-image .add-image.left .cta-img {
	border-top-left-radius: var(--radius-m);
	border-bottom-left-radius: var(--radius-m);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

@media only screen and (max-width: 769px) {
	.cta-image .add-image.left .cta-content {
		order: 0;
	}

	.cta-image .add-image.left .cta-img {
		border-top-left-radius: 0;
		border-bottom-left-radius: var(--radius-m);
		border-top-right-radius: 0;
		border-bottom-right-radius: var(--radius-m);
		min-height: auto;
	}
}

/* =================================================================
CTA Guide Downloads (Form)
================================================================= */
.cta-guide-download .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background-color: var(--primary-color);
	border-radius: 6px;
}

.cta-guide-download .cta-content {
	padding: var(--gutter-m);
	color: white;
}

.cta-guide-download .cta-img {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-top-left-radius: var(--radius-m);
	border-bottom-left-radius: var(--radius-m);
}

.shortform-post-content .cta-guide-download .wpcf7 .form-single-row {
	display: flex;
	flex-direction: column;
	gap: var(--gutter-xs);
	padding-top: var(--gutter-xs);
}

.cta-guide-download .container.right .cta-img {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: var(--radius-m);
	border-bottom-right-radius: var(--radius-m);
	order: 2;
}

@media only screen and (max-width: 769px) {
	.cta-guide-download .container {
		display: grid;
		grid-template-columns: 1fr;
	}

	.cta-guide-download .cta-img {
		height: 240px;
		border-top-left-radius: var(--radius-m);
		border-top-right-radius: var(--radius-m);
		border-bottom-left-radius: 0;
	}

	.cta-guide-download .cta-content h2,
	.cta-guide-download .cta-content p {
		text-align: center;
	}

	.cta-guide-download .container.right .cta-img {
		border-top-left-radius: var(--radius-m);
		border-bottom-left-radius: 0;
		border-top-right-radius: var(--radius-m);
		border-bottom-right-radius: 0;
		order: 0;
	}
}

@media only screen and (max-width: 769px) {
	.cta-content .h2 {
		text-align: center !important;
	}
}

/* =================================================================
CTA Guide Downloads (Cards)
================================================================= */
.cta-guide-download-cards .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gutter-s);
}

.guide-download-card {
	padding: var(--gutter-m);
	background-color: var(--primary-color);
	border-radius: var(--radius-m);
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.guide-download-card img {
	margin-bottom: -3rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	padding-top: var(--gutter-s);
	max-width: 250px;
	height: auto;
}


@media only screen and (max-width: 1000px) {
	.cta-guide-download-cards .container {
		grid-template-columns: 1fr;
	}

}

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

	.guide-download-card img {
		margin-bottom: -2rem;
	}
}

/* =================================================================
CTA Banner Mailing List
================================================================= */
.cta-banner-mailing-list .container {
	padding: var(--gutter-m);
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
}

.cta-banner-mailing-list.dark .container {
	background-color: var(--primary-color);
	color: white;
}

.shortform-post-content .cta-banner-mailing-list .container {
	display: block
}

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

	.cta-banner-mailing-list .container h2,
	.cta-banner-mailing-list .container p {
		text-align: center;
	}

}

/* =================================================================
Hero Mailing List
================================================================= */
.hero-mailing-list {
	background-color: var(--primary-color);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	height: 550px;
	min-height: 500px;
	display: flex;
	align-items: center;
	margin-top: -65px;
}

.hero-mailing-list .container {
	padding: var(--gutter-xxl) var(--gutter-s);
}

.hero-mailing-list .container h2,
.hero-mailing-list .container p {
	max-width: 800px;
	margin: auto;
	margin-bottom: var(--gutter-xs);
	text-align: center;
}

@media (max-width: 640px) {
	.hero-mailing-list {
		height: auto;
	}
}

/* =================================================================
Refer a Friend Hero
================================================================= */
.hero-mailing-list-raf {
	background-color: var(--primary-color);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	height: 550px;
	min-height: 500px;
	display: flex;
	align-items: center;
	margin-top: -65px;
}

.hero-mailing-list-raf:last-of-type:not([data-key="0"]) {
	background-color: var(--primary-color);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	height: 550px;
	min-height: 500px;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	margin-top: 0;
}

.hero-mailing-list-raf .container {
	padding: var(--gutter-xxl) var(--gutter-s);
}

.hero-mailing-list-raf .container h2,
.hero-mailing-list-raf .container p {
	max-width: 800px;
	margin: auto;
	margin-bottom: var(--gutter-xs);
	text-align: center;
}

.hero-mailing-list-raf .container .highlight {
	max-width: 800px;
	margin: auto;
	margin-bottom: var(--gutter-xs);
	padding: var(--gutter-s) 0;
	text-align: center;
	color: var(--gradient-lightorange);
	font-weight: bold;
}

.hero-mailing-list-raf .container .wpcf7 {
	margin-top: 30px;
}

@media (max-width: 640px) {
	.hero-mailing-list-raf {
		height: auto;
	}
}

/* =================================================================
Hero Enquiry
================================================================= */
.hero-enquiry {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 60vh;
	min-height: 600px;
	display: flex;
	align-items: center;
	margin-top: -65px;
	background-color: var(--primary-color);
}

.hero-enquiry .container {
	display: flex;
}

.hero-enquiry .container.right {
	justify-content: right;
}

.hero-card {
	background-color: white;
	border-radius: var(--radius-m);
	padding: var(--gutter-m);
	width: 40%;
	text-align: center;
}

@media only screen and (max-width: 1000px) {
	.hero-card {
		width: 70%;
	}
}

@media only screen and (max-width: 769px) {
	.hero-card {
		width: 100%;
	}
}

/* =================================================================
Logo Carousel
================================================================= */
.logo-carousel .container {
	max-width: 1000px;
	text-align: center;
}

.logoCarousel .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.logoCarousel .swiper-slide img {
	max-width: 200px;
	width: 100%;
	height: auto;
}

/* =================================================================
Icons USPs
================================================================= */
.icons-usps .container {
	background-color: var(--primary-color);
	border-radius: 6px;
	padding: var(--gutter-m);
	color: white;
}

.icons-usps p,
.icons-usps h4 {
	margin-bottom: 0;
}

.icons-usps .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gutter-xs);
	flex-direction: column;
}

.usp-icon img {
	width: 100%;
	height: auto;
}

/* =================================================================
Icon USPs Extended
================================================================= */
.icon-usps-extended .container h2,
.icon-usps-extended .container p {
	max-width: 800px;
	text-align: center;
	margin: auto;
	margin-bottom: var(--gutter-xs);
}

.uspExtended {
	margin-top: var(--gutter-m);
}

.usp-card {
	text-align: center;
}

.usp-card img {
	margin-bottom: var(--gutter-xs);
	height: 60px;
	width: auto;
}

.style-award-icons .usp-card {
	height: fit-content !important;
}

.style-award-icons .usp-card img {
	margin-bottom: 0;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	max-height: 232.05px;
}

.style-award-icons .usp-card h3 {
	margin-top: var(--gutter-xs);
}

/* .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	pointer-events: none;
} */

.swiper-pagination-clickable .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	background-color: transparent;
	border: 2px solid var(--text-color);
	opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--text-color);
}

@media only screen and (max-width: 1000px) {
	.uspExtended {
		padding-bottom: var(--gutter-l) !important;
	}
}

/* =================================================================
Widgets Calendly
================================================================= */
.calendly .container h2,
.calendly .container p {
	max-width: 800px;
	text-align: center;
	margin: auto;
	margin-bottom: var(--gutter-xs);
}


/* =================================================================
Feature Facilities
================================================================= */
.featured-facilities .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-left: var(--gutter-s);
	padding-right: var(--gutter-s);
	margin-bottom: var(--gutter-s);
}

.featured-facilities .title h2 {
	margin-bottom: 0;
}

.featured-facilities .title a {
	margin-top: auto;
	margin-left: auto;
}

.facilitySlider {
	padding: var(--gutter-xs) !important;
	padding-bottom: var(--gutter-l) !important;
}

.facility {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	position: relative;
}

.facility .img-wrap {
	height: 550px;
}

.facility .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--radius-m);
}

.facility .facility-content {
	padding: 8px;
	position: absolute;
	top: var(--gutter-s);
	left: var(--gutter-s);
	background-color: #0C596F;
	border-radius: 4px;
}

.facility .facility-content h3 {
	font-weight: var(--fw-400);
	margin-bottom: 0;
	color: white;
}

@media only screen and (max-width: 1000px) {
	.facilitySlider {
		padding: var(--gutter-xs) !important;
		padding-bottom: var(--gutter-l) !important;
		padding-top: var(--gutter-s) !important;
	}

	.featured-facilities {
		padding: 0;
	}

	.featured-facilities .title {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		gap: var(--gutter-xs);
		margin-bottom: 0;
		justify-content: center;
	}

	.featured-facilities .title h2 {
		width: 100%;
	}

	.featured-facilities .title a {
		margin-left: auto;
		margin-right: auto;
	}

}

/* =================================================================
Individual Properties Listings
================================================================= */
.individual-properties-title {
	max-width: 850px;
	width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: var(--gutter-s);
}

.individualSlider {
	padding: var(--gutter-xs) !important;
	padding-bottom: var(--gutter-l) !important;
}

.individual-property.swiper-slide {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	height: auto;
}

.individual-property.swiper-slide.final-slide {
	box-shadow: var(--box-shadow);
	border-radius: var(--radius-m);
	height: auto;
}

.individual-property.swiper-slide.final-slide {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--gutter-s);
	background-color: var(--primary-color);
	color: white;
}

.individual-property.swiper-slide.final-slide h4 {
	font-weight: var(--fw-600);
}

.individual-property.swiper-slide.final-slide a {
	margin-top: auto;
}

.individual-property .img-wrap {
	width: 100%;
	height: 310px;
	position: relative;
}

.individual-property .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: var(--radius-m);
	border-top-right-radius: var(--radius-m);
}

.individual-property .img-wrap .remaining-units {
	position: absolute;
	top: var(--gutter-s);
	left: var(--gutter-s);
	background-color: var(--primary-color);
	color: white;
	padding: 8px;
	border-radius: 4px;
}

.individual-content {
	padding: var(--gutter-s);
}

.individual-content h3 {
	font-weight: var(--fw-600);
}

.listing-features {
	list-style: none;
	margin: var(--gutter-s) 0;
	padding: 0;
}

.listing-features li {
	display: flex;
	align-items: center;
	gap: var(--gutter-xs);
}

.listing-features li img {
	width: 28px;
	height: 28px;
}

.trackcon {
	margin-bottom: var(--gutter-s);
}

.invest span {
	display: block;
	margin-bottom: 8px;
}

.invest h4 {
	font-weight: var(--fw-600);
}

@media only screen and (max-width: 1000px) {
	.individualSlider {
		padding: var(--gutter-xs) !important;
		padding-bottom: var(--gutter-l) !important;
		padding-top: var(--gutter-s) !important;
	}

	.individual-property-listings {
		padding: 0;
	}

	.individual-property .img-wrap {
		height: 300px;
	}

	.invest span {
		font-size: var(--paragraph-size);
	}

	.invest h4 {
		font-size: var(--h4-size);
	}
}

@media (max-width: 480px) {
	.individual-property .img-wrap {
		height: 230px;
	}

	.individual-property.swiper-slide .final-slide a {
		margin-top: 10px;
	}
}

/* =================================================================
CTA Banner Infopack Request
================================================================= */
.cta-banner-infopack .container {
	background-color: var(--primary-color);
	border-radius: var(--radius-m);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gutter-m);
}

.cta-banner-infopack .container .left {
	padding: var(--gutter-l);
	color: white;
	text-align: center;
}

.cta-banner-infopack .container .right {
	display: flex;
	justify-content: center;
	margin-top: auto;
}

.cta-banner-infopack .container .right img {
	display: block;
	width: 100%;
	max-width: 60%;
	height: auto;
	max-height: 80%;
}

.container.img-left-info .left {
	order: 2;
	padding: var(--gutter-xl) var(--gutter-l);
}


@media only screen and (max-width: 1000px) {
	.cta-banner-infopack .container {
		grid-template-columns: 1fr;
	}

	.cta-banner-infopack .container .left {
		padding: var(--gutter-m);
	}

	.container.img-left-info .left {
		order: 0;
		padding: var(--gutter-m);
	}
}

/* =================================================================
CTA Banner Generic
================================================================= */
.cta-banner-generic .container {
	text-align: center;
}

/* =================================================================
CTA Banner Deals & Offers
================================================================= */
.cta-banner-deals-offers .container {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: var(--gutter-xxl);
	align-items: flex-end;
	box-shadow: var(--box-shadow);
	border-radius: var(--radius-m);
	padding: var(--gutter-m);
}

@media only screen and (max-width: 1000px) {
	.cta-banner-deals-offers .container {
		grid-template-columns: 1fr;
		gap: var(--gutter-s);
		text-align: center;
	}

	.cta-banner-deals-offers .container a {
		margin-right: auto;
		margin-left: auto;
	}
}

.cta-banner-deals-offers .container.right h2 {
	order: 2;
}

.cta-banner-deals-offers .container.right .btn {
	margin-right: auto;
}

@media only screen and (max-width: 769px) {
	.cta-banner-deals-offers .container.right h2 {
		order: 0;
	}

	.cta-banner-deals-offers .container.right .btn {
		margin-left: auto;
		margin-right: 0;
	}
}

/* =================================================================
Hero Boxed Property
================================================================= */
div.property-hero-item,
article.property-hero-item {
	display: grid;
	grid-template-columns: 2fr 3fr;
	align-items: center;
	border-radius: var(--radius-m);
	box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.55);
}

.boxedProperty {
	padding: var(--gutter-xs) !important;
	padding-bottom: var(--gutter-l) !important;
}

.property-hero-item .left {
	padding: var(--gutter-m);
}

.property-hero-item .left .price {
	margin-top: var(--gutter-s);
}

.property-hero-item .left .price .h4 {
	font-weight: var(--fw-600);
}

.property-hero-item .left .price h3 {
	font-weight: var(--fw-600);
}

.property-hero-item .left .price h4 {
	font-weight: var(--fw-600);
}

.property-hero-item .left .price span {
	display: block;
	margin-bottom: 8px;
}

.property-hero-item .right {
	height: 100%;
	max-height: 650px;
	min-height: 650px;
	width: 100%;
	position: relative;
}

.property-hero-item .right img {
	height: 100% !important;
	width: 100%;
	object-fit: cover;
	border-top-right-radius: var(--radius-m);
	border-bottom-right-radius: var(--radius-m);
}

.property-hero-item .right .location {
	position: absolute;
	top: var(--gutter-s);
	left: var(--gutter-s);
	background-color: var(--primary-color);
	color: white;
	padding: 8px;
	border-radius: 4px;
}

.hero-slide-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gutter-s);
	margin-top: 30px;
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
}

div.hero-slide-nav div.swiper-pagination {
	position: relative;
	top: initial;
	left: initial;
	bottom: initial;
	width: auto;
}

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

	div.property-hero-item,
	article.property-hero-item {
		grid-template-columns: 1fr;
	}

	.property-hero-item .left h6 {
		font-size: var(--h6-size);
	}

	.property-hero-item .right {
		order: 1;
		min-height: 300px;
		max-height: 300px;
		margin-bottom: auto;
	}

	.property-hero-item .left {
		order: 2;
	}

	.property-hero-item .left h1,
	.property-hero-item .left h2 {
		font-size: 1.3rem;
	}

	.property-hero-item .left .price h4 {
		font-size: 1.3rem;
	}

	.property-hero-item .left .price span {
		font-size: 1rem;
	}

	.property-hero-item .right img {
		border-top-right-radius: var(--radius-m);
		border-top-left-radius: var(--radius-m);
		border-bottom-right-radius: 0;
	}

	.hero-boxed-property {
		padding: 0;
	}

	.boxedProperty {
		padding: var(--gutter-xs) !important;
		padding-bottom: var(--gutter-l) !important;
		padding-top: var(--gutter-s) !important;
	}

	div.property-hero-item,
	article.property-hero-item {
		height: auto;
	}
}

@media (max-width: 480px) {
	.hero-boxed-property .left .listing-features {
		display: none;
	}

	.hero-boxed-property .left .price {
		display: flex;
		flex-direction: row;
		gap: 20px;
	}

	.properties .property-hero-item .left .price {
		display: flex;
		flex-direction: row;
		gap: 20px;
	}

	.hero-boxed-property .left .price .btn {
		padding: 14px 16px
	}

	.recommended-properties .listing-features li:last-child {
		display: none;
	}

	.properties .property-hero-item .listing-features li:nth-child(2),
	.properties .property-hero-item .listing-features li:nth-child(3) {
		display: none;
	}


	.recommended-properties .price {
		display: flex;
		flex-direction: row;
		gap: 20px;
	}

	.recommended-properties .btn {
		padding: 14px 16px
	}
}

/* =================================================================
Author Bio
================================================================= */
.author-bio-wrap {
	max-width: 750px;
	width: 100%;
	margin: auto;
	display: grid;
	grid-template-columns: 150px 1fr;
	align-items: center;
	gap: var(--gutter-s);
	background-color: var(--primary-color);
	border-radius: 6px;
	padding: var(--gutter-s);
}

.author-bio-wrap .left {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
}

.author-bio-wrap .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}

.author-bio-wrap .right {
	color: white;
}

.author-content {
	display: flex;
	flex-direction: column;
}

.author-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.author-name {
	display: flex;
	flex-direction: column;
}

.author-socials {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.flex-start {
	justify-content: flex-start;
}

.flex-end {
	justify-content: flex-end;
}

.social-share {
	max-width: 750px;
	width: 100%;
	margin: var(--gutter-s) auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--gutter-s);
	box-shadow: var(--box-shadow);
	padding: var(--gutter-s);
	border-radius: var(--radius-m);
}

.social-share a {
	cursor: pointer;
	display: block;
}

.social-share a:hover {
	text-decoration: underline;
	color: var(--primary-color);
}

.social-share a img {
	width: 32px;
	height: auto;
}

.social-share p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1;
	font-size: 1.3rem;
}

@media only screen and (max-width: 650px) {
	.author-bio-wrap {
		max-width: 100%;
		width: 100%;
		grid-template-columns: 1fr;
	}

	.author-bio-wrap .left {
		width: 60%;
		margin: auto;
	}

	.author-bio-wrap .right {
		text-align: center;
	}

	.author-socials {
		flex-direction: row;
		display: flex;
		gap: 16px;
	}
}

.author-bio-wrap .right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gutter-s);
}

.linkedin-link {
	position: relative;
	top: -10px;
	background-color: white;
	display: block;
	border-radius: 10px;
	width: 62px;
	height: auto;
}

.linkedin-link img {
	display: block;
	width: 62px;
	height: auto;
	background-color: var(--primary-color);
}

@media only screen and (max-width: 769px) {
	.author-bio-wrap .right {
		flex-flow: column;
	}
}


@media only screen and (max-width: 480px) {
	.author-header {
		flex-direction: column;
	}

	.linkedin-link {
		background-color: transparent;
		padding: 10px 0;
	}
}

/* =================================================================
Hero Full Width Property
================================================================= */
.hero-fullwidth-property {
	padding: 0;
}

.hero-fullwidth-property .container {
	width: 100%;
	max-width: 1750px;
}

.hero-fullwidth-property .property-hero-item,
.hero-fullwidth-property .property-hero-item img {
	border-radius: 0;
	box-shadow: none;
}

/* =================================================================
Locations Grid
================================================================= */
.locations-grid-wrapper .title-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gutter-s);
	margin-bottom: var(--gutter-s);
}

.locations-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-auto-rows: 1fr;
	gap: var(--gutter-s);
	grid-auto-flow: row;
	grid-template-areas:
		"i1 i1 i2 i3"
		"i4 i5 i5 i3";
}

.locations-grid .location-card {
	padding: var(--gutter-s);
	min-height: 270px;
	display: flex;
	align-items: flex-end;
	border-radius: var(--radius-m);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	position: relative;
	isolation: isolate;
	transition: transform .3s ease-in-out;
}

.locations-grid .locations-grid-mobile-button {
	margin-top: 24px;
}

.locations-grid .location-card:hover {
	transform: scale(1.010);
}

.locations-grid .location-card .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.0) 100%);
	border-radius: var(--radius-m);
}

.locations-grid .location-card h3 {
	margin: 0;
	color: white;
	background-color: rgba(0, 0, 0, 0.60);
	padding: 5px 10px;
	border-radius: 10px;
}


.i1 {
	grid-area: i1;
}

.i2 {
	grid-area: i2;
}

.i3 {
	grid-area: i3;
}

.i4 {
	grid-area: i4;
}

.i5 {
	grid-area: i5;
}

@media only screen and (max-width: 1000px) {
	.locations-grid {
		gap: var(--gutter-xs);
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			"i1 i2"
			"i3 i4"
			"i5 i5";
	}

	.locations-grid .location-card {
		min-height: 150px;
		max-height: 150px;
		padding: var(--gutter-xs);
	}

	.locations-grid .location-card:last-of-type {
		min-height: 150px;
		margin-top: 0px;
	}

	.locations-grid .location-card h3 {
		font-size: 1rem;
	}

	.locations-grid-wrapper .title-btn {
		flex-direction: column;
		gap: var(--gutter-xs);
	}
}

/* =================================================================
CTA Banner Investment
================================================================= */
.cta-banner-investment .cta-banner-wrap {
	background-color: var(--primary-color);
	border-radius: var(--radius-m);
	color: white;
	padding: var(--gutter-m);
}

.cta-banner-investment .title {
	max-width: 750px;
	margin: auto;
	text-align: center;
	margin-bottom: var(--gutter-s);
}

.cta-banner-investment .form-wrap {
	max-width: 750px;
	width: 100%;
	margin: auto;
}

#multiStepForm {
	text-align: center;
}

#multiStepForm input+span {
	text-align: left;
}

#multiStepForm fieldset {
	border: none;
}

#multiStepForm fieldset.step {
	display: none;
	padding: 0;
}

#multiStepForm fieldset.step.active {
	display: block;
}

#multiStepForm input {
	color: var(--text-color);
}

#multiStepForm input.error+span {
	border: 1px solid red;
	position: relative;
	border-radius: 8px;
}

#multiStepForm input[type="checkbox"] {
	display: none;
}

#multiStepForm input[type="checkbox"]+span {
	width: 100%;
	padding: 12px 24px;
	background-color: #f1f1f1;
	box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	cursor: pointer;
	color: var(--text-color);
}

#multiStepForm input+span:hover,
#multiStepForm input:checked+span {
	background: var(--gradient-darkorange);
	background: linear-gradient(90deg, var(--gradient-lightorange) 1%, var(--gradient-darkorange) 100%);
	color: white;
}

#multiStepForm input.error+span:after {
	content: "Please select a field";
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
	color: red;
	pointer-events: none;
}

#multiStepForm .wpcf7-form-control-wrap {
	display: block;
}

.step .wpcf7-checkbox,
.step.active .field-holder {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gutter-xs);
	padding: 0;
	padding-bottom: var(--gutter-s);
}

#multiStepForm .wpcf7-checkbox+.wpcf7-not-valid-tip {
	display: none !important;
}

#multiStepForm .button-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gutter-xs);
}

#multiStepForm .button-container input[type="submit"] {
	color: white;
}

.step.active .field-holder.final-fields {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gutter-xs);
}

#multiStepForm .wpcf7-acceptance input[type="checkbox"] {
	display: block;
}

#multiStepForm .wpcf7-acceptance input[type="checkbox"]+span {
	width: auto;
	padding: initial;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
	color: white;
}

#multiStepForm .wpcf7-acceptance input+span:hover,
#multiStepForm .wpcf7-acceptance input:checked+span {
	background-color: transparent;
	background: none;
}

#multiStepForm .wpcf7-form-control.has-spinner.wpcf7-submit {
	color: white;
	width: max-content;
}

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

	.step .wpcf7-checkbox,
	.step.active .field-holder {
		grid-template-columns: 1fr;
	}
}

/* =================================================================
Meet The Team
================================================================= */
.teamSlider {
	padding: var(--gutter-xs) !important;
	padding-bottom: var(--gutter-l) !important;
}

@media only screen and (min-width: 1150px) {
	.rafs .swiper-wrapper {
		display: flex;
		justify-content: center;
	}
}

.team-member {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
}

.team-member.rafs {
	border-radius: 0;
	box-shadow: none;
}

.team-member .img-wrap {
	height: 300px;
}

.team-member.rafs .img-wrap {
	display: flex;
	margin: 0 auto;
	justify-content: center;
	height: auto;
}

.team-member.rafs .img-wrap img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 100%;
}

.team-member .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: var(--radius-m);
	border-top-right-radius: var(--radius-m);
}

.team-member .member-content {
	padding: var(--gutter-s);
	text-align: center;
}

.team-member .member-content h3,
.team-member .member-content p {
	font-weight: var(--fw-600);
}

.team-member .member-content p {
	margin-bottom: 0;
}

.member-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: var(--gutter-xs);
	align-items: center;
}

.member-content ul li {
	display: flex;
	align-items: center;
	gap: var(--gutter-xs);
}

.member-content ul li a {
	color: var(--text-color);
}

.meet-the-team h2 {
	text-align: center;
	padding: 0 var(--gutter-xs);
}

@media only screen and (max-width: 1000px) {
	.teamSlider {
		padding: var(--gutter-xs) !important;
		padding-bottom: var(--gutter-l) !important;
		padding-top: var(--gutter-s) !important;
	}

	.meet-the-team {
		padding: 0;
	}
}

/* =================================================================
Office Locations
================================================================= */
.office-locations .office-location-card {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
}

.office-locations .office-location-card .map-holder iframe {
	width: 100%;
	height: 330px;
	border-top-left-radius: var(--radius-m);
	border-top-right-radius: var(--radius-m);
}

.office-locations .office-location-card .location-details {
	padding: var(--gutter-s);
	text-align: center;
}

.location-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.location-details ul {
	margin-top: var(--gutter-xs);
}

.location-details ul.contact {
	margin-bottom: var(--gutter-xs);
}

.location-details ul.contact li {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.location-details ul.contact a {
	color: var(--text-color);
}

.location-details ul.address {
	gap: 4px;
	font-weight: var(--fw-600);
}

/* =================================================================
Featured Insights
================================================================= */
.featured-insights {
	overflow-x: hidden;
}

.featured-insights .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gutter-s);
}

.swiper.featuredInsights {
	overflow: initial;
	padding-bottom: var(--gutter-l) !important;
	padding-top: var(--gutter-s) !important;
}

.featured-insights .swiper-slide.final-slide {
	box-shadow: var(--box-shadow);
	border-radius: var(--radius-m);
	height: auto;
}

.featured-insights .swiper-slide.final-slide {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--gutter-s);
	background-color: var(--primary-color);
	color: white;
}

.featured-insights .swiper-slide.final-slide h4 {
	font-weight: var(--fw-600);
}

.featured-insights .swiper-slide.final-slide a {
	margin-top: auto;
}

.featured-insights .swiper-slide {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	color: var(--text-color);
	height: auto;
}

.featured-insights .swiper-slide .insights-content {
	padding: var(--gutter-s);
}

.featured-insights .swiper-slide .insights-content .date {
	margin-bottom: var(--gutter-xs);
	display: inline-block;
}

.featured-insights .swiper-slide .img-holder {
	width: 100%;
	height: 320px;
}

.featured-insights .swiper-slide .img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: var(--radius-m);
	border-top-right-radius: var(--radius-m);
}

@media only screen and (max-width: 1000px) {
	.swiper.featuredInsights {
		overflow: hidden;
	}

	.swiper.featuredInsights {
		padding: var(--gutter-xs) !important;
		padding-bottom: var(--gutter-l) !important;
		padding-top: var(--gutter-s) !important;
	}

	.office-locations,
	.featured-insights {
		padding: 0;
	}

	.featured-insights .title {
		flex-direction: column;
		gap: var(--gutter-xs);
	}

	.featured-insights .swiper-slide .insights-content {
		text-align: center;
	}

	.related-insight .insights-content span {
		margin-bottom: 8px;
		display: block;
	}
}

@media only screen and (max-width: 480px) {
	.featured-insights .title {
		text-align: center;
	}

	.featured-insights .swiper-slide.final-slide a {
		margin-top: 10px;
	}
}

/* =================================================================
Video Slider
================================================================= */
.video-holder {
	width: 100%;
	height: 280px;
	position: relative;
}

.play-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 60px solid white;
	pointer-events: none;
	z-index: 10;
}

.video-holder img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	padding: 0;
}

.video-holder iframe,
.video-holder img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: var(--radius-m);
}

.video-details {
	display: flex;
	align-items: center;
	gap: var(--gutter-s);
	margin-bottom: var(--gutter-xs);
}

h4.video-title {
	font-weight: var(--fw-600);
}

.video-details .runtime {
	font-weight: var(--fw-700);
}

.featured-insights .swiper-slide .video-details .date {
	margin-bottom: 0;
}

@media only screen and (max-width: 1000px) {
	.video-details {
		justify-content: center;
	}

	h4.video-title {
		text-align: center;
	}
}

/* =================================================================
Chapter Heading Block
================================================================= */
.chapter-heading-block .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gutter-s);
	background-color: var(--primary-color);
	color: white;
	border-radius: var(--radius-m);
}

.chapter-heading-block .container .left {
	padding: var(--gutter-xxl) var(--gutter-xxl);
}

.chapter-heading-block .container .left ul {
	gap: 8px;
}

.chapter-heading-block .container .right {
	height: 100%;
	width: 100%;
}

.chapter-heading-block .container .right img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-top-right-radius: var(--radius-m);
	border-bottom-right-radius: var(--radius-m);
}

.chapter-heading-block p:last-of-type {
	margin-bottom: var(--gutter-xs);
}

@media only screen and (max-width: 1000px) {
	.chapter-heading-block .container {
		grid-template-columns: 1fr;
	}

	.chapter-heading-block .container .left {
		padding: var(--gutter-m);
		order: 2;
	}

	.chapter-heading-block .container .left h2 {
		text-align: center;
	}

	.chapter-heading-block .container .right {
		order: 1;
		height: 350px;
	}

	.chapter-heading-block .container .right img {
		border-top-right-radius: var(--radius-m);
		border-top-left-radius: var(--radius-m);
		border-bottom-right-radius: 0;
	}
}

/* =================================================================
FAQs Block
================================================================= */
.faq-block .container {
	max-width: 850px;
	text-align: center;
}

.accordion:first-of-type {
	margin-top: var(--gutter-s);
}

.accordion {
	background-color: white;
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	color: var(--text-color);
	cursor: pointer;
	padding: var(--gutter-s);
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 1.2rem;
	transition: 0.4s;
	margin-bottom: var(--gutter-s);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.accordion:hover {
	color: var(--primary-color);
	text-decoration: underline;
}

.accordion svg {
	transition: transform .3s ease-in-out;
}

.accordion.active svg {
	transform: rotate(180deg);
}

.panel {
	padding: 0 var(--gutter-xs);
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	text-align: left;
}

.panel p {
	margin-bottom: var(--gutter-s);
}

.panel a.btn {
	margin-bottom: var(--gutter-s);
}

/* =================================================================
Generic - Image & Text
================================================================= */
.generic-text-image .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gutter-l);
	align-items: flex-start;
}

.generic-text-image .container .left img {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	width: 100%;
}

.btn-group {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gutter-xs);
	margin-top: var(--gutter-xs);
}

@media only screen and (max-width: 1000px) {
	.generic-text-image .container {
		grid-template-columns: 1fr;
	}
}

/* =================================================================
PP Available Properties V2
================================================================= */
.pp-prop .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gutter-l);
	align-items: flex-start;
}

.pp-prop .container .left img {
	border-radius: var(--radius-m);
	box-shadow: none;
	width: 100%;
	object-fit: contain;
}



.pp-prop .container .right img {
	border-radius: var(--radius-m);
}

.pp-prop .container .right h2 {
	margin-top: 16px;
	margin-bottom: 0;
	color: #0A596F;
	text-align: left;
}

.pp-prop .container .right .btn {
	margin-top: 16px;
}

.pp-prop .container .right ul {
	margin: 0;
}

.pp-prop .container-no-grid h2 {
	font-weight: normal;
	color: #0A596F;
}

.pp-prop .container-no-grid .title {
	font-weight: normal;
}

.pp-prop .container-no-grid .center-content p {
	width: 608px;
}


.pp-prop .right h2 {
	text-align: left;
	font-size: 28px;
}

.pp-prop .right .content .content-read-more .h5 {
	text-align: left;
}

.pp-prop .right .content .content-read-more .h5 span {
	max-width: 850px;
	text-align: left;
	font-weight: 700;
	color: #45AFD9;
}

.pp-prop .right .content .content-read-more .listing-features li {
	display: flex;
	justify-content: left;
	align-items: center;
}

.pp-prop .right .content .content-read-more .listing-features li p {
	margin-bottom: 0 !important;
	font-size: 22px;
}

.pp-prop .right .content .content-read-more .listing-features li img {
	width: 35px;
	height: auto;
}

@media (max-width: 480px){
	.available-property-v2-image {
		width: 330px;
		height: auto;
	}
}

/* =================================================================
Generic - Text & Carousel
================================================================= */
.generic-text-slider .container {
	display: grid;
	grid-template-columns: 1fr 60%;
}

.generic-text-slider .container .left {
	position: relative;
	z-index: 1;
	background-color: white;
	padding-right: var(--gutter-xl);
}

.generic-text-slider .container .read-more-section {
	margin-bottom: var(--gutter-xs);
}

.generic-text-slider .container .right {
	clip-path: inset(-100vw -100vw -100vw 0);
}

.generic-text-slider {
	overflow: hidden;
}

.swiper.genericSlider {
	overflow: initial;
	padding: var(--gutter-xs) !important;
	padding-bottom: var(--gutter-l) !important;
}

.genericSlider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
}

@media only screen and (max-width: 1000px) {
	.generic-text-slider .container {
		grid-template-columns: 100%;
	}

	.swiper.genericSlider {
		padding: 0 !important;
		padding-bottom: var(--gutter-l) !important;
		padding-top: var(--gutter-s) !important;
	}

	.generic-text-slider .container .left {
		text-align: center;
		padding-right: 0;
	}

	.generic-text-slider .container .left ul,
	.generic-text-slider .container .left ol {
		text-align: left;
	}

	.generic-text-slider .container .left p {
		text-align: left;
	}
}

/* =================================================================
Generic - Text
================================================================= */
@media only screen and (max-width: 1000px) {
	.generic-text .container {
		text-align: center;
	}

	.generic-text .container p,
	.generic-text .container ul,
	.generic-text .container ol {
		text-align: left;
	}

	.generic-text .container .btn-group {
		justify-content: center;
	}
}

/* =================================================================
Countdown
================================================================= */
.countdown .container {
	max-width: 850px;
	text-align: center;
}

.timer-container {
	padding: var(--gutter-s);
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	max-width: 550px;
	margin: var(--gutter-s) auto;
}

.timer-container #countdown {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gutter-s);
}

.time-block {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.time-block .time {
	font-size: 2rem;
	font-weight: var(--fw-600);
}

@media only screen and (max-width: 1000px) {
	.time-block .time {
		font-size: 1.5rem;
	}

	.time-block .time~span {
		font-size: 0.7rem;
	}
}

/* =================================================================
Podcast
================================================================= */
.podcast {
	text-align: center;
}

.podcast-holder {
	display: grid;
	grid-template-columns: 40% 1fr;
	gap: var(--gutter-s);
	margin-top: var(--gutter-s);
}

.podcast-holder>div {
	box-shadow: var(--box-shadow);
	padding: var(--gutter-m);
	border-radius: var(--radius-m);
	text-align: center;
}

.podcast-holder .left img {
	border-radius: 100%;
	margin-bottom: var(--gutter-xs);
}

.podcast-holder .left .btn {
	margin-bottom: var(--gutter-xs);
}

@media only screen and (max-width: 1000px) {
	.podcast-holder {
		grid-template-columns: 1fr;
	}
}

.podcast iframe {
	margin-bottom: var(--gutter-s);
}

.podcast .left a {
	text-decoration: underline;
}

.podcast .left .btn {
	text-decoration: none;
}

.podcast .left img {
	width: 250px;
	height: 250px;
}

.podcast .container.left .podcast-holder .left {
	order: 2;
}

.podcast .container.left .podcast-holder {
	grid-template-columns: 1fr 40%;
}

@media only screen and (max-width: 1000px) {
	.podcast .container.left .podcast-holder .left {
		order: 0;
	}

	.podcast .container.left .podcast-holder {
		grid-template-columns: 1fr;
	}
}

/* =================================================================
Single Video
================================================================= */
.single-video .container {
	max-width: 1093px;
}

.single-video h2 {
	text-align: center;
	margin-bottom: var(--gutter-s);
}

.single-video-holder {
	width: 1072px;
	margin: 0 auto;
	overflow: hidden; /* Ensures the iframe respects the container's rounded corners */
}

.single-video-holder .video-holder {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	min-height: 600px;
	width: auto;
	overflow: hidden; /* Apply overflow hidden here if the iframe itself needs rounded corners */
}

.single-video-content {
	padding: var(--gutter-s);
	text-align: center;
}

.single-video-content .video-details {
	justify-content: center;
}

@media only screen and (max-width: 1072px) {
	.single-video-holder {
		width: auto;
		border-radius: var(--radius-m); /* Ensure this applies for all sizes */
		box-shadow: var(--box-shadow);
	}
}

@media only screen and (max-width: 760px) {
	.single-video-holder .video-holder {
		min-height: 550px;
		margin: 0 var(--gutter-xs);
	}

	.single-video-holder {
		border-radius: var(--radius-m); /* Apply rounded corners for mobile */
		box-shadow: none;
	}
}

/* =================================================================
Contact
================================================================= */
.contact .contact-cards {
	display: grid;
	grid-template-columns: 50% 50%;
	gap: var(--gutter-s);
}

.contact-card {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	padding: var(--gutter-m);
}

.contact-card img {
	margin-bottom: var(--gutter-xs);
	height: 50px;
	width: 50px;
}

.contact-reviews {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	padding: var(--gutter-m);
}

.contact .contact-cards .img-holder {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin: auto;
	margin-bottom: var(--gutter-xs);
}

.contact .contact-cards .img-holder img {
	border-radius: 100%;
}

.contact .contact-cards .right .review-author {
	display: inline-block;
}

.contact .contact-cards .review-content {
	text-align: center;
}

.contact .contact-cards .swiper-slide {
	text-align: center;
}

.contact .contact-cards .swiper-slide>img {
	max-width: 100px;
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: var(--gutter-s);
}

.contact .contact-cards .review-author {
	font-weight: var(--fw-600);
	font-size: 1rem;
}

@media only screen and (max-width: 1000px) {
	.contact .contact-cards {
		grid-template-columns: 100%;
	}
}


@media only screen and (max-width: 650px) {
	.contact-card {
		text-align: center;
	}
}

.contact-cards.right .contact-card {
	order: 2;
}

@media only screen and (max-width: 1000px) {
	.contact-cards.right .contact-card {
		order: 0;
	}
}

/* =================================================================
USP Slider PP
================================================================= */
.uspSliderpp .usp-icon img {
	width: 35px;
	height: 35px;
}

.uspSliderpp .swiper-slide p {
	font-weight: var(--fw-500);
	margin-bottom: 0;
}

.icons-usps-white .container {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	padding: var(--gutter-s);
}

.uspSliderpp .swiper-slide {
	display: flex;
	align-items: center;
	gap: var(--gutter-xs);
}

@media only screen and (max-width: 1000px) {
	.uspSliderpp .swiper-slide {
		justify-content: center;
	}
}

/* =================================================================
Tips
================================================================= */
.tips .container {
	background-color: var(--primary-color);
	border-radius: var(--radius-m);
	padding: var(--gutter-xl) var(--gutter-m);
}

.sliderTips {
	padding-bottom: var(--gutter-m) !important;
	max-width: 650px;
	color: white;
	text-align: center;
}

.sliderTips .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: white;
}

.sliderTips .swiper-pagination-clickable .swiper-pagination-bullet {
	border: 1px solid white;
}

/* =================================================================
FAQ Grid
================================================================= */
.faq-categories-grid .container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gutter-s);
}

.faq-categories-grid .container .col {
	padding: var(--gutter-m);
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
}

.faq-categories-grid .container .col ul {
	list-style: none;
	padding: 0;
	margin: var(--gutter-s) 0;
	gap: 18px;
}

.faq-categories-grid .container .col ul li a {
	color: var(--text-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gutter-xs);
	font-size: 1.2rem;
}

.faq-categories-grid .container .col ul li a:hover img {
	transform: translateX(6px);
}

.faq-categories-grid .container .col ul li a:hover {
	text-decoration: underline;
	color: var(--primary-color);
}

.faq-categories-grid .container .col ul li a img {
	width: 35px;
	height: 35px;
	transition: transform .3s ease-in-out;
}

@media only screen and (max-width: 1000px) {
	.faq-categories-grid .container {
		grid-template-columns: 1fr;
	}
}

/* =================================================================
Filter Posts
================================================================= */
.filter-posts-wrap .container {
	width: fit-content;
}

.posts-grid.properties {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gutter-s);
}

.searchandfilter ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 0 var(--gutter-xs);
	position: relative;
}

.searchandfilter ul li[data-sf-field-input-type="select"] {
	position: relative;
}

.searchandfilter ul li[data-sf-field-input-type="select"] label:after {
	content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13.8' height='8.51' viewBox='0 0 13.8 8.51'><path id='_Color' data-name=' ↳Color' d='M12.178,0,6.9,5.26,1.621,0,0,1.619,6.9,8.51l6.9-6.891Z' fill='%23005b72'></path></svg>");
	height: 20px;
	width: 20px;
	position: absolute;
	top: 45%;
	right: 8px;
	transform: translateY(-50%);
	pointer-events: none;
}



.filter-wrap {
	box-shadow: var(--box-shadow);
	padding: var(--gutter-xs);
	border-radius: var(--radius-m);
}

.trackrecord-pill,
.construction-pill {
	position: absolute;
	bottom: var(--gutter-s);
	left: var(--gutter-s);
	background-color: white;
	color: var(--text-color);
	padding: 8px;
	border-radius: 4px;
}

/* =================================================================
Filter Form
================================================================= */
.filter-posts-wrap {
	margin-bottom: var(--gutter-xl);
}

.filter-posts-wrap .container {
	width: 100% !important;
}

.filter-posts-wrap .filter-title {
	text-align: center;
	margin-bottom: var(--gutter-m);
	max-width: 80%;
	margin: 40px auto !important;
}

.filter-btn,
.filterclose,
.filter-wrap h6 {
	display: none;
}

.filter-wrap {
	width: 100% !important;
}

.searchandfilter select.sf-input-select {
	box-shadow: var(--box-shadow);
	background-color: white;
	font-size: 1rem;
	width: auto;
}

@media only screen and (max-width: 1000px) {
	.filter-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--gutter-s);
	}

	.filter-holder {
		position: fixed;
		top: 0;
		right: 0;
		transform: translateX(100%);
		z-index: 9999;
		width: 90vw;
		height: 100dvh;
		transition: transform .3s ease-in-out;
		background-color: white;
		box-shadow: var(--box-shadow);
		padding: var(--gutter-s) var(--gutter-xs);
	}

	.filter-holder.open-filter {
		transform: translateX(0);
	}

	.searchandfilter ul {
		flex-direction: column;
	}

	.searchandfilter ul li,
	.searchandfilter label {
		width: 100%;
	}

	.searchandfilter ul li {
		padding: 0;
	}

	.sf-field-submit input,
	.sf-field-reset input {
		width: 100%;
	}

	.sf-input-select {
		font-size: 1.3rem;
	}

	.filter-btn {
		display: block;
	}

	.filter-wrap h6 {
		display: block;
		margin: 0;
	}

	.filterclose {
		display: block;
		margin-bottom: var(--gutter-xs);
		margin-left: var(--gutter-xs);
	}

	.searchandfilter select.sf-input-select {
		max-width: 100%;
	}

}

.pagination {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gutter-xs) !important;
	align-items: center;
	justify-content: center;
	margin: 80px auto;
	padding: 0 var(--gutter-s) !important;
}

.pagination .page-numbers {
	background: linear-gradient(90deg, var(--gradient-lightorange) 1%, var(--gradient-darkorange) 100%);
	color: white !important;
	display: flex;
	align-items: center;
	justify-content: center;
    width: 40px;
	height: 40px;
	border-radius: var(--radius-l);
    transition: transform .3s ease-in-out;
    border: none;
    font-size: var(--paragraph-size) !important;
    cursor: pointer;
    font-family: var(--font-family-primary);
    line-height: 1;
    letter-spacing: 0.8px;
    font-weight: var(--fw-400);
    text-decoration: none;
	transition: 0.3s all;
}

.pagination .page-numbers.next, .pagination .page-numbers.prev {
	width: fit-content;
	flex-direction: row;
	gap: 8px;
	padding: 0 24px;
	transition: 0.3s all;
}

.pagination .page-numbers.dots {
	width: fit-content;
	background: transparent;
	color: var(--gradient-darkorange) !important;
}

.pagination .page-numbers:not(.dots):hover {
	background: linear-gradient(90deg, var(--gradient-darkorange) 1%, var(--gradient-lightorange) 100%);
    transform: scale(1.02);
    text-decoration: none;
	transition: 0.3s all;
}

@media screen and (max-width: 800px) {
	.pagination {
		gap: var(--gutter-xs) !important;
		margin: 40px auto;
		padding: 0 var(--gutter-xs) !important;
	}
	.pagination .page-numbers.next {
		order: 1000;
		min-width: calc(50% - 8px);
		margin-top: 16px;
	}
	.pagination .page-numbers.prev {
		order: 999;
		min-width: calc(50% - 8px);
		margin-top: 16px;
	}
}

/* =================================================================
GENERAL
================================================================= */
.pum-container {
	max-width: 750px !important;
}

/* =================================================================
RECOMMENDED PROPERTIES
================================================================= */
.swiper.recSlider {
	padding: var(--gutter-xs) !important;
	padding-bottom: var(--gutter-l) !important;
}

.swiper.recSlider .recommended-property,
.swiper.recSlider .final-slide {
	box-shadow: var(--box-shadow);
	border-radius: var(--radius-m);
	height: auto;
}

.swiper.recSlider .final-slide {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--gutter-s);
	background-color: var(--primary-color);
	color: white;
}

.swiper.recSlider .final-slide h4 {
	font-weight: var(--fw-600);
}

.swiper.recSlider .final-slide a {
	margin-top: auto;
}

.swiper.recSlider .recommended-property .img-wrap {
	display: block;
	width: 100%;
	height: 310px;
	position: relative;
}

.swiper.recSlider .recommended-property .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: var(--radius-m);
	border-top-right-radius: var(--radius-m);
}

.recommended-content {
	padding: var(--gutter-s);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.recommended-content h4 {
	font-weight: var(--fw-600);
	margin-bottom: 0;
}

.recommended-content .price {
	margin-top: var(--gutter-xs)
}

.recommended-content a {
	margin-top: auto;
}

.title-btn {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gutter-s);
	align-items: center;
	justify-content: space-between;
	padding-bottom: var(--gutter-xs);
}

.recommended-property .category {
	position: absolute;
	top: var(--gutter-s);
	left: var(--gutter-s);
	background-color: var(--primary-color);
	color: white;
	padding: 8px;
	border-radius: 4px;
}

@media only screen and (max-width: 1000px) {
	.title-btn {
		gap: var(--gutter-xs);
		justify-content: center;
		padding: 0 var(--gutter-s);
		padding-bottom: var(--gutter-xs);
		text-align: center;
	}

	.swiper.recSlider {
		padding: var(--gutter-xs) !important;
		padding-bottom: var(--gutter-l) !important;
		padding-top: var(--gutter-s);
	}

	.recommended-properties {
		padding: 0;
	}

	.recommended-content .price span {
		font-size: 1rem;
	}

	.recommended-content h4 {
		font-size: 1.3rem;
	}

	.swiper.recSlider .recommended-property .img-wrap {
		height: 300px;
	}
}

@media only screen and (max-width: 480px) {
	.swiper.recSlider .final-slide a {
		margin-top: 10px;
	}
}

/* =================================================================
TABLE OF CONTENTS
================================================================= */
.table-of-contents {
	margin-bottom: var(--gutter-m);
	margin-left: var(--gutter-xs);
	margin-right: var(--gutter-xs);
}

.table-of-contents .container {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	padding: var(--gutter-m);
	display: block !important;
}

.table-of-contents .container h2 {
	text-align: center;
	margin-bottom: 0;
	color: black;
}

.table-of-contents-accordion {
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	border-bottom: 2px solid var(--primary-color);
	padding-bottom: var(--gutter-xs);
	background-color: transparent;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--gutter-s);
}

.table-of-contents-accordion svg {
	height: 20px;
	width: 20px;
	transition: transform .3s ease-in-out;
}

.table-of-contents-accordion.active svg {
	transform: rotate(180deg);
}

.table-of-contents-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.table-of-contents-panel .table-contents {
	padding-top: var(--gutter-s);
}

.table-of-contents-panel .table-contents ol {
	padding-left: 32px;
	font-size: 1rem;
}

.table-of-contents-panel .table-contents ol li a {
	display: flex;
	align-items: center;
	gap: var(--gutter-xs);
	color: #000;
}

.table-of-contents-panel .table-contents ol li a img {
	transition: transform .3s ease-in-out;
}

.table-of-contents-panel .table-contents ol li a:hover img {
	transform: translateX(4px);
}

.table-of-contents-panel .table-contents ol li a:hover {
	text-decoration: underline;
	color: var(--primary-color);
}

@media only screen and (max-width: 1000px) {
	.table-of-contents-accordion {
		justify-content: center;
	}
}

/* =================================================================
Calculators
================================================================= */
.rw-calc-container {
	margin-top: var(--gutter-s);
}

.calculator-wrap .container {
	max-width: 1000px;
	border-radius: var(--radius-m);
	background-color: var(--primary-color);
	color: white;
	padding: var(--gutter-m);
	text-align: center;
}

.results {
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow-x: auto;
	border-radius: var(--radius-m);
	font-weight: var(--fw-600);
	line-height: 1.2;
	text-align: center;
	width: 100%;
	background-color: white;
	color: var(--text-color);
}

.result-wrap {
	padding: 0 1rem;
}

.results .result-wrap:nth-of-type(1) {
	border-right: 1px solid var(--primary-color);
}

.result-title {
	font-size: 1.2rem;
	font-weight: var(--fw-600);
	color: var(--primary-color);
	display: block;
}

.result-number {
	display: block;
	font-size: 2.2rem;
	color: var(--text-color);
}

.results.active-results {
	padding: var(--gutter-s);
	margin-top: var(--gutter-s);
}

.results table {
	color: var(--text-color);
	width: 100%;
	min-width: 600px;
	text-align: left;
	grid-column: span 2;
	margin-top: var(--gutter-s);
}

.results table tr:nth-of-type(even) {
	background-color: #f9f9f9;
}

.results table td {
	padding: 4px;
	font-weight: var(--fw-400);
}

.results table th {
	padding-bottom: 8px;
}

.results .totals {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--gutter-s);
	padding: var(--gutter-xs);
}

.results .totals p {
	margin: 0;

}

/* Style the tab */
.stampduty-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--gutter-s);
}

/* Style the buttons inside the tab */
.stampduty-tabs button {
	background: rgb(221, 221, 221);
	background: linear-gradient(90deg, rgba(221, 221, 221, 1) 0%, rgba(190, 190, 190, 1) 100%);
	border: none;
	outline: none;
	cursor: pointer;
	padding: 16px 24px;
	font-size: 1rem;
	color: var(--text-color);
	font-weight: var(--fw-600);
	border-radius: var(--radius-l);
	transition: transform .3s ease-in-out;
}

/* Change background color of buttons on hover */
.stampduty-tabs button:hover {
	transform: scale(1.02);
}

/* Create an active/current tablink class */
.stampduty-tabs button.active {
	background: var(--gradient-darkorange);
	background: linear-gradient(90deg, var(--gradient-lightorange) 1%, var(--gradient-darkorange) 100%);
	color: white;
}

/* Style the tab content */
.tabcontent {
	display: none;
}

.calc-fields {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gutter-xs);
	max-width: 50%;
	margin: auto;
}

.calc-fields label {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 0.9rem;
}

@media only screen and (max-width: 1000px) {
	.calc-fields {
		max-width: 100%;
	}

	.stampduty-tabs {
		gap: var(--gutter-xs);
	}

	.stampduty-tabs .tablinks {
		width: 100%;
	}

	.result-title {
		font-size: 1rem;
	}

	.result-number {
		font-size: 1.5rem;
	}

	.results .result-wrap:nth-of-type(1) {
		border: none;
	}

	.results {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.results table {
		grid-column: span 1;
		min-width: 100%;
	}

	/* Adjust font size for smaller screens */
	/* Hide the table header on mobile */
	#taxTable thead {
		display: none;
	}

	/* Set the table rows to be displayed as blocks */
	#taxTable tr {
		display: flex;
		flex-flow: column;
		gap: 8px;
		margin-bottom: var(--gutter-xs);
		padding: 6px 12px;
	}

	/* Set the table data cells to be displayed as inline-blocks */
	#taxTable td {
		display: flex;
		justify-content: space-between;
		gap: var(--gutter-xs);
	}

	td:before {
		content: attr(data-label);
		font-weight: bold;
	}

	#taxTable td[data-label="Tax Band"] {
		flex-flow: column;
		align-items: center;
	}
}

/* =================================================================
Generic Image Text
================================================================= */
.images-1 .img-holder {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
}

.images-1 .img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.images-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gutter-s);
}

.images-3 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 350px 250px;
	gap: var(--gutter-s);
}

.img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.images-3 .img-holder:first-of-type {
	grid-column: 1 / 3;
}

.img-right .left {
	order: 2;
}

.img-right .right {
	order: 1;
}

@media only screen and (max-width: 1000px) {
	.images-3 {
		gap: var(--gutter-xs);
	}

	.generic-text-image .left {
		order: 2;
	}

	.generic-text-image .right {
		order: 1;
	}

	.generic-text-image .img-right .left {
		order: 2;
	}

	.generic-text-image .img-right .right {
		order: 1;
	}

	.generic-text-image .right {
		text-align: center;
	}

	.generic-text-image .right p,
	.generic-text-image .right ul,
	.generic-text-image .right ol {
		text-align: left;
	}

	.generic-text-image .right .btn-group {
		justify-content: center;
	}
}



/* =================================================================
Properties Page Banner
================================================================= */
.properties-page-banner {
	position: fixed;
	top: 95px;
	left: 0;
	width: 100%;
	box-shadow: var(--box-shadow);
	background-color: white;
	z-index: 99;
	padding: 0 var(--gutter-s);
}

.properties-page-banner .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--gutter-s);
	padding: 12px 0;
}

.properties-page-banner .container h1 {
	margin-bottom: 0;
	font-weight: Var(--fw-600);
}

.properties-page-banner ul {
	list-style: none;
	flex-direction: row;
	gap: var(--gutter-s);
	align-items: center;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 1000px) {
	.properties-page-banner ul li {
		display: none;
	}

	.properties-page-banner ul li.enquire {
		display: block;
	}
}

@media only screen and (max-width: 420px) {
	.properties-page-banner {
		position: absolute;
	}
}

/* =================================================================
READ MORE
================================================================= */
.content-read-more {
	max-height: 450px;
	overflow: hidden;
	transition: max-height 0.3s ease;
	position: relative;
}

.content-read-more ol li::marker {
	font-size: 1rem;
}

.content-read-more ol li {
	margin-left: 5px;
}

.readMoreBtn {
	display: inline-block;
	margin-top: 10px;
	cursor: pointer;
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 1rem;
	font-style: italic;
	margin-bottom: var(--gutter-s);
}

.readMoreBtn:hover {
	text-decoration: underline;
	color: var(--primary-color);
}

.gradient-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.chapter-heading-block .gradient-bottom {
	background: rgb(10, 89, 111);
	background: linear-gradient(0deg, rgba(10, 89, 111, 1) 0%, rgba(10, 89, 111, 0) 100%);
}

.chapter-heading-block .readMoreBtn {
	color: white;
}

/* =================================================================
Reviews
================================================================= */
.reviews-block .container {
	border-radius: var(--radius-m);
	box-shadow: var(--box-shadow);
	padding: var(--gutter-m);
	text-align: center;
}

.reviews-block .swiper.boxedProperty {
	margin-top: var(--gutter-s);
}

.reviews-block .swiper-slide>img {
	max-width: 100px;
	width: 100%;
	height: auto;
}

.reviews-block .swiper-slide .review-content {
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: var(--gutter-s);
	max-width: 650px;
	width: 100%;
	margin: auto;
	text-align: left;
}

.reviews-block .swiper-slide .review-content .img-holder {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin: auto;
	margin-bottom: var(--gutter-xs);
}

.reviews-block .swiper-slide .review-content .img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}

.reviews-block .swiper-slide .review-content .review-author {
	font-size: 1rem;
	font-weight: var(--fw-600);
}

.reviews-block .swiper-slide .review-content .left {
	text-align: center;
}

.reviews-block .swiper-slide .right p {
	font-style: italic;
}

.review-content .right .review-author {
	display: none;
}

@media only screen and (max-width: 1000px) {
	.reviews-block .swiper.boxedProperty {
		margin-top: 0;
	}

	.reviews-block .swiper-slide .review-content {
		grid-template-columns: 1fr;
		gap: 0;
		text-align: center;
	}

	.review-content .left .review-author {
		display: none;
	}

	.review-content .right .review-author {
		display: inline-block;
		margin-bottom: var(--gutter-s);
	}
}

/* =================================================================
DSICLAIMER
================================================================= */
.disclaimer img {
	width: 100%;
	height: auto;
	margin: auto;
}

/* =================================================================
MODAL
================================================================= */
.modal {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	border-radius: 6px;
	background-color: #fefefe;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 45px;
	border: 1px solid #888;
	max-width: 600px;
	/* Optional: for larger screens */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	max-width: 90%;
	/* Adjust width to be responsive */
	max-height: 80vh;
	/* Maximum height to prevent overflow */
	overflow-y: auto;
	/* Enable scrolling for overflowing content */
}

.close-btn {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top: 15px;
	right: 20px;
}

.close-btn:hover,
.close-btn:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

@media (max-width: 768px) {
	.modal-content {
		padding: 20px;
		width: 85%;
	}
}

@media (max-width: 480px) {
	.modal-content {
		padding: 15px;
		/* Smaller padding for very small screens */
	}
}

/* =================================================================
Icons V2 Styling
================================================================= */
.icon-grid .container .icons-v2 {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.icon-grid .container .icons-v2 .icon-item {
	width: calc(33.33% - 10px); /* Adjust as needed */
}

.icon-grid .container .icons-v2.two-icons {
	justify-content: center; /* or space-between, depending on your design */
}

.icon-grid .container .icons-v2 .icon-item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.icon-grid .title {
	margin-bottom: 64px;
	color: #0A596F;
	font-weight: normal;
}

.icon-grid .button {
	margin-top: 16px;
}

.icon-grid .container .icons-v2 .icon-item img {
	height: 108px;
	width: 108px;
}

.icon-grid .container .icons-v2 .icon-item p {
	font-weight: 500;
	font-style: normal;
	color: rgb(67, 67, 67);
	font-size: 18px;
	text-align: center;
	margin-top: 16px;
	max-width: 260px;
}

.icon-grid .container .desc {
	margin-top: -40px;
	width: 650px;
}

@media (max-width: 768px) {
	.icon-grid .container .icons-v2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
}

@media (max-width: 480px) {
	.icon-grid .container .icons-v2 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 32px;
	}
}

/* =================================================================
Hero V3 Styling
================================================================= */
.hero-v3 {
	display: flex;
	flex-direction: column;
	text-align: left;
	justify-content: start;
	align-items: start;
	width: 670px;
}

.hero-v3 h2, .hero-v3 h1 {
	font-weight: 600;
	color: #0A596F;
}

.hero-v3 p {
	font-size: 1.2rem;
	width: 400px;
}

@media only screen and (max-width: 1000px) {
	.hero-card-v3 {
		width: 70%;
	}
}

@media only screen and (max-width: 769px) {
	.hero-card-v3 {
		width: 100%;
	}
}

/* =================================================================
Case Studies
================================================================= */
.case-studies .container .right .content .content-read-more .listing-features li h2 {
	margin: 0;
}

.case-studies {
	padding: 64px var(--gutter-s);
}

.case-studies .container-no-grid h2 {
	font-weight: normal;
}

.case-studies .container-no-grid p {
	color: #45AFD9;
	font-size: 24px;
}

.case-studies .case-study-item {
	border-top: 1px solid #e3e3e3; padding: 32px 0;
}

.case-studies .case-study-item:nth-child(0) {
	border-top: none; padding: 32px 0;
}

.case-studies .container .right .content .content-read-more .logo-cases {
	margin-top: 6px;
}

.case-studies .container .right .content .content-read-more .listing-features {
	gap: 8px;
	font-size: 20px;
}

/* =================================================================
Global Location Comparison
================================================================= */
.glc-map {
	position: absolute;
	right: 20px;
	top: 450px;
	height: 243px;
}

.glc-main h2 {
	font-weight: normal;
}

.glc h3 {
	font-size: 36px;
	margin-bottom: 0;
}

.glc .individual-content {
	padding: var(--gutter-xs) var(--gutter-s);
}

.glc:nth-child(1), .glc:nth-child(3) {
	transform: scale(0.9) !important;
}

.glc:nth-child(1) .invest h4, .glc:nth-child(3) .invest h4,
.glc:nth-child(1) h3, .glc:nth-child(3) h3,
.glc:nth-child(1) p, .glc:nth-child(3) p {
	color: rgb(104, 104, 104) !important;
}
@media (max-width: 480px) {
	.glc-map {
		top: 380px;
	}
}

/* =================================================================
Review Screenshots
================================================================= */
.reviewImg {
	width: 688px;
	height: 224px;
}

@media (max-width: 480px) {
	.reviewImg {
		width:auto;
		height: 123px;
	}
}

/* =================================================================
Case Studies
================================================================= */
@media (max-width: 480px) {
	.property-image {
		width: 330px;
	}
}

/* =================================================================
Generic Text Image & Icons
================================================================= */
.generic-text-image-icon .container .right .read-more-section .content-read-more .listing-features.two-columns {
	display: grid;
	grid-template-columns: auto auto;
}

.generic-text-image-icon .container .right .read-more-section .content-read-more .listing-features li img {
	width: 35px;
	height: auto;
}

.generic-text-image-icon .container .right .read-more-section .content-read-more .listing-features li {
	font-weight: 500;
}

.generic-text-image-icon .container .right h2 {
	font-weight: normal;
}

.generic-text-image-icon .container .right .read-more-section .content-read-more .listing-features li p {
	margin-bottom: 0;
	font-size: 18px;
}

/* =================================================================
Investment Finder Progress
================================================================= */
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	display: flex;
	flex-direction: row;
	padding-left: 0;
	padding-top: 10px;
	justify-content: center;
}

#progressbar li {
	list-style-type: none;
	color: #e6e6e6;
	text-transform: uppercase;
	font-size: 16px;
	width: 20%;
	float: left;
	position: relative;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 40px;
	line-height: 40px;
	display: block;
	font-size: 16px;
	color: #333;
	background: #e6e6e6;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#progressbar li:after {
	content: "";
	width: 100%;
	height: 6px;
	background: #e6e6e6;
	position: absolute;
	left: -50%;
	top: 16px;
	z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
	background: var(--gradient-lightorange);
	color: white;
}

.disclaimer .container {
	max-width: 700px;
}

/* =================================================================
Hero Variant 4
================================================================= */
.hero-variant-4 {
	background-color: var(--primary-color);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	height:  98dvh;
	min-height: 500px;
	display: block;
	margin-top: -55px;
}

.hero-variant-4 .container {
	padding: var(--gutter-xs) var(--gutter-xl);
	padding-top: 100px;
}

.hero-variant-4 .container h1,
.hero-variant-4 .container p {
	max-width: 800px;
	margin-bottom: var(--gutter-xs);
	text-align: left;
	text-shadow: var(--primary-color) 0px 0px 15px;
}

.hero-variant-4 .container .awards-holder {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gutter-s);
	align-items: center;
	margin-top: var(--gutter-m);
	width: 100%;
	max-width: 500px;
}

.hero-variant-4 .container p {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.1;
}

.hero-variant-4 .container img {
	margin-top: 10px;
	margin-bottom: 30px;
}

.hero-variant-4 .container .btn {
	vertical-align: middle;
	font-size: 16px;
}

@media only screen and (max-width: 1024px) {
	.awards-holder {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.awards-holder img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 680px) {
	.hero-variant-4 {
		height: 96dvh;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.hero-variant-4 .container {
		padding: 0;
		margin-top: 120px;
	}

	.hero-variant-4 .container h1,
	.hero-variant-4 .container p,
	.hero-variant-4 .container .btn {
		text-align: center;
		margin-top: 20px;
	}

	.hero-variant-4 .container p {
		font-size: 1rem;
	}

	.hero-variant-4 .awards-holder {
		display: block;
		background: transparent;
		width: 100%;
		position: absolute;
		top: 60px;
		padding: 16px;
		margin-left: -16px;
		gap: 0;
	}

	.hero-variant-4 .container img {
		display: flex;
		justify-content: center;
		width: 100%;
		height: 62px;
	}

	.hero-variant-4 .container .btn {
		font-size: 14px;
		padding: 14px;
		margin-top: 10px;
	}
}
.title-block .container {
	border-radius: 6px !important;
}