/* ==========================================================================
   Single Service — Introduction
   ========================================================================== */

.service-introduction {
	--service-green: #92ba38;
	--service-gold: #bc8726;
	--service-text: #4a4a4a;

	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
}

/* ==========================================================================
   Green top title bar
   ========================================================================== */

.service-introduction__banner {
	width: 100%;
	min-height: 182px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 40px;
	background-color: var(--service-green);
	box-sizing: border-box;
}

.service-introduction__banner-inner {
	width: min(calc(100% - 80px), 1500px);
	margin-inline: auto;
	text-align: center;
}

.service-introduction__banner-title {
	max-width: 1300px;
	margin: 0 auto;
	color: #ffffff;
	font-size: clamp(38px, 3.3vw, 45px);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.018em;
}

/* ==========================================================================
   Main body
   ========================================================================== */

.service-introduction__body {
	width: 100%;
	padding: 102px 0 74px;
	background-color: #ffffff;
}

.service-introduction__container {
	display: grid;
	grid-template-columns:
		minmax(0, 1.25fr)
		minmax(0, 0.9fr);
	align-items: center;
	column-gap: 68px;
	width: min(calc(100% - 130px), 1620px);
	margin-inline: auto;
}

/* ==========================================================================
   Content
   ========================================================================== */

.service-introduction__content {
	min-width: 0;
	padding-left: 30px;
}

.service-introduction__heading {
	max-width: 710px;
	margin: 0 0 13px;
	color: var(--service-gold);
	font-size: clamp(35px, 2.8vw, 35px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -0.018em;
}

.service-introduction__text {
	max-width: 860px;
	color: var(--service-text);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.22;
	letter-spacing: 0.006em;
}

.service-introduction__text > *:first-child {
	margin-top: 0;
}

.service-introduction__text > *:last-child {
	margin-bottom: 0;
}

.service-introduction__text p {
	margin: 0 0 23px;
}

.service-introduction__text strong {
	font-weight: 600;
}

/* ==========================================================================
   Image
   ========================================================================== */

.service-introduction__media {
	min-width: 0;
	width: 100%;
	overflow: hidden;
}

.service-introduction__image {
	display: block;
	width: 100%;
	height: 455px;
	object-fit: cover;
	object-position: center;
}

/* ==========================================================================
   Entrance animation
   ========================================================================== */

.service-introduction.is-service-intro-ready
[data-service-intro-reveal] {
	opacity: 0;
	filter: blur(3px);
}

.service-introduction.is-service-intro-ready
[data-reveal-direction="left"] {
	transform: translate3d(-45px, 0, 0);
}

.service-introduction.is-service-intro-ready
[data-reveal-direction="right"] {
	transform: translate3d(45px, 0, 0);
}

.service-introduction.is-service-intro-ready
.service-introduction__banner {
	transform: translate3d(0, -25px, 0);
}

.service-introduction.is-service-intro-visible
[data-service-intro-reveal] {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 850ms ease,
		filter 700ms ease,
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-introduction.is-service-intro-visible
.service-introduction__content {
	transition-delay: 100ms;
}

.service-introduction.is-service-intro-visible
.service-introduction__media {
	transition-delay: 180ms;
}

/* ==========================================================================
   Large desktop
   ========================================================================== */

@media (max-width: 1600px) {
	.service-introduction__banner {
		min-height: 165px;
	}

	.service-introduction__body {
		padding: 90px 0 68px;
	}

	.service-introduction__container {
		grid-template-columns:
			minmax(0, 1.2fr)
			minmax(0, 0.9fr);
		column-gap: 58px;
		width: min(calc(100% - 110px), 1450px);
	}

	.service-introduction__content {
		padding-left: 20px;
	}

	.service-introduction__image {
		height: 420px;
	}
}

/* ==========================================================================
   Medium desktop
   ========================================================================== */

@media (max-width: 1300px) {
	.service-introduction__banner {
		min-height: 145px;
	}

	.service-introduction__banner-title {
		font-size: 45px;
	}

	.service-introduction__body {
		padding: 75px 0 62px;
	}

	.service-introduction__container {
		column-gap: 45px;
		width: min(calc(100% - 80px), 1180px);
	}

	.service-introduction__content {
		padding-left: 0;
	}

	.service-introduction__heading {
		font-size: 38px;
	}

	.service-introduction__text {
		font-size: 17px;
		line-height: 1.3;
	}

	.service-introduction__text p {
		margin-bottom: 19px;
	}

	.service-introduction__image {
		height: 365px;
	}
}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 900px) {
	.service-introduction__banner {
		min-height: 125px;
		padding: 24px;
	}

	.service-introduction__banner-inner {
		width: 100%;
	}

	.service-introduction__banner-title {
		font-size: 38px;
	}

	.service-introduction__body {
		padding: 60px 0;
	}

	.service-introduction__container {
		grid-template-columns: 1fr;
		gap: 40px;
		width: min(calc(100% - 50px), 720px);
	}

	.service-introduction__heading {
		max-width: none;
		font-size: 38px;
	}

	.service-introduction__text {
		max-width: none;
		font-size: 17px;
		line-height: 1.45;
	}

	.service-introduction__image {
		width: 100%;
		height: 420px;
	}

	.service-introduction.is-service-intro-ready
	[data-reveal-direction="left"],
	.service-introduction.is-service-intro-ready
	[data-reveal-direction="right"] {
		transform: translate3d(0, 32px, 0);
	}
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {
	.service-introduction__banner {
		min-height: 110px;
		padding: 20px 18px;
	}

	.service-introduction__banner-title {
		font-size: clamp(29px, 8vw, 37px);
		line-height: 1.15;
	}

	.service-introduction__body {
		padding: 48px 0 52px;
	}

	.service-introduction__container {
		gap: 30px;
		width: calc(100% - 36px);
	}

	.service-introduction__heading {
		margin-bottom: 16px;
		font-size: clamp(30px, 8.5vw, 37px);
	}

	.service-introduction__text {
		font-size: 16px;
		line-height: 1.5;
	}

	.service-introduction__text p {
		margin-bottom: 18px;
	}

	.service-introduction__image {
		height: 290px;
	}
}

/* ==========================================================================
   Small mobile
   ========================================================================== */

@media (max-width: 480px) {
	.service-introduction__banner-title {
		font-size: 28px;
	}

	.service-introduction__heading {
		font-size: 29px;
	}

	.service-introduction__image {
		height: 245px;
	}
}

/* ==========================================================================
   Reduced motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.service-introduction
	[data-service-intro-reveal] {
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}
}
/* ==========================================================================
   Single Service — Content Section
   Complete Updated CSS
   ========================================================================== */

.service-content-section {
	--service-content-gold: #bd8724;
	--service-content-grey: #cccccc;
	--service-content-text: #555555;

	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 108px 0 86px;
	background-color: #ffffff;
	box-sizing: border-box;
}

/* ==========================================================================
   Main container
   Same left alignment as first service section
   ========================================================================== */

.service-content-section__container {
	position: relative;
	z-index: 2;

	width: min(calc(100% - 130px), 1620px);
	margin-inline: auto;

	padding-left: 30px;
	padding-right: 70px;

	box-sizing: border-box;
}

/* ==========================================================================
   Content blocks
   ========================================================================== */

.service-content-section__block {
	width: 100%;
	max-width: none;
}

.service-content-section__block + .service-content-section__block {
	margin-top: 29px;
}

/* ==========================================================================
   Heading
   ========================================================================== */

.service-content-section__heading {
	margin: 0 0 8px;

	color: var(--service-content-gold);

	font-size: clamp(35px, 2.15vw, 35px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -0.012em;
}

/* ==========================================================================
   Text
   ========================================================================== */

.service-content-section__text {
	width: 100%;
	max-width: none;

	color: var(--service-content-text);

	font-size: 16px;
	font-weight: 300;
	line-height: 1.27;
	letter-spacing: 0.003em;
}

.service-content-section__text > *:first-child {
	margin-top: 0;
}

.service-content-section__text > *:last-child {
	margin-bottom: 0;
}

.service-content-section__text p {
	margin: 0 0 13px;
}

.service-content-section__text strong {
	font-weight: 600;
}

/* ==========================================================================
   Decorative lines wrapper
   ========================================================================== */

.service-content-section__lines {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

/* ==========================================================================
   Base decorative line
   ========================================================================== */

.service-content-section__line {
	position: absolute;
	display: block;
	will-change: transform;
}

/* ==========================================================================
   Top gold horizontal line
   ========================================================================== */

.service-content-section__line--top {
	top: 22px;
	left: 0;

	width: 49.7%;
	height: 2px;

	background-color: var(--service-content-gold);

	transform-origin: left center;
}

/* ==========================================================================
   Gold vertical drop
   ========================================================================== */

.service-content-section__line--top-drop {
	top: 22px;
	left: 13.65%;

	width: 2px;
	height: 56px;

	background-color: var(--service-content-gold);

	transform-origin: top center;
}

/* ==========================================================================
   Right grey vertical line
   ========================================================================== */

.service-content-section__line--right {
	top: 166px;
	right: 5.15%;

	width: 3px;
	height: 486px;

	background-color: var(--service-content-grey);

	transform-origin: top center;
}

/* ==========================================================================
   Right grey bottom horizontal line
   ========================================================================== */

.service-content-section__line--right-bottom {
	top: 649px;
	right: 0;

	width: 5.15%;
	height: 3px;

	background-color: var(--service-content-grey);

	transform-origin: left center;
}

/* ==========================================================================
   Entrance animation
   ========================================================================== */

.service-content-section.is-service-content-ready
[data-service-content-reveal] {
	opacity: 0;
	filter: blur(2px);
	transform: translate3d(0, 28px, 0);
}

.service-content-section.is-service-content-visible
[data-service-content-reveal] {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 0, 0);

	transition:
		opacity 800ms ease,
		filter 650ms ease,
		transform 950ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-content-section.is-service-content-visible
.service-content-section__block:nth-child(2) {
	transition-delay: 130ms;
}

/* ==========================================================================
   Large Desktop
   ========================================================================== */

@media (max-width: 1600px) {

	.service-content-section {
		padding: 100px 0 80px;
	}

	.service-content-section__container {
		width: min(calc(100% - 110px), 1450px);
		padding-left: 20px;
		padding-right: 65px;
	}

	.service-content-section__line--top {
		width: 50%;
	}

	.service-content-section__line--top-drop {
		left: 13.7%;
	}

	.service-content-section__line--right {
		right: 5%;
	}

	.service-content-section__line--right-bottom {
		right: 0;
		width: 5%;
	}
}

/* ==========================================================================
   Medium Desktop
   ========================================================================== */

@media (max-width: 1300px) {

	.service-content-section {
		padding: 90px 0 72px;
	}

	.service-content-section__container {
		width: min(calc(100% - 80px), 1180px);
		padding-left: 0;
		padding-right: 45px;
	}

	.service-content-section__heading {
		font-size: 32px;
	}

	.service-content-section__text {
		font-size: 16px;
		line-height: 1.32;
	}

	.service-content-section__line--right {
		top: 150px;
		right: 3.5%;
		height: 470px;
	}

	.service-content-section__line--right-bottom {
		top: 617px;
		right: 0;
		width: 3.5%;
	}
}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 900px) {

	.service-content-section {
		padding: 85px 0 65px;
	}

	.service-content-section__container {
		width: calc(100% - 50px);
		padding: 0;
	}

	.service-content-section__heading {
		font-size: 31px;
		line-height: 1.12;
	}

	.service-content-section__text {
		font-size: 16px;
		line-height: 1.5;
	}

	.service-content-section__block + .service-content-section__block {
		margin-top: 36px;
	}

	/* ----------------------------------------------------------------------
	   Lines
	   ---------------------------------------------------------------------- */

	.service-content-section__line--top {
		top: 20px;
		width: 54%;
	}

	.service-content-section__line--top-drop {
		top: 20px;
		left: 14%;
		height: 50px;
	}

	.service-content-section__line--right {
		top: 130px;
		right: 18px;

		width: 2px;
		height: calc(100% - 175px);
	}

	.service-content-section__line--right-bottom {
		top: auto;
		right: 0;
		bottom: 42px;

		width: 18px;
		height: 2px;
	}
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {

	.service-content-section {
		padding: 76px 0 56px;
	}

	.service-content-section__container {
		width: calc(100% - 36px);
		padding: 0;
	}

	.service-content-section__heading {
		margin-bottom: 12px;

		font-size: 28px;
		line-height: 1.15;
	}

	.service-content-section__text {
		padding-right: 12px;

		font-size: 15px;
		line-height: 1.55;
	}

	.service-content-section__text p {
		margin-bottom: 15px;
	}

	.service-content-section__block + .service-content-section__block {
		margin-top: 38px;
	}

	/* ----------------------------------------------------------------------
	   Lines
	   ---------------------------------------------------------------------- */

	.service-content-section__line--top {
		top: 18px;
		width: 65%;
		height: 2px;
	}

	.service-content-section__line--top-drop {
		top: 18px;
		left: 18%;

		width: 2px;
		height: 43px;
	}

	.service-content-section__line--right {
		top: 120px;
		right: 8px;

		width: 2px;
		height: calc(100% - 155px);
	}

	.service-content-section__line--right-bottom {
		top: auto;
		right: 0;
		bottom: 33px;

		width: 8px;
		height: 2px;
	}
}

/* ==========================================================================
   Small Mobile
   ========================================================================== */

@media (max-width: 480px) {

	.service-content-section {
		padding: 72px 0 50px;
	}

	.service-content-section__container {
		width: calc(100% - 30px);
	}

	.service-content-section__heading {
		font-size: 26px;
	}

	.service-content-section__text {
		padding-right: 10px;
		font-size: 15px;
	}

	.service-content-section__line--top {
		width: 67%;
	}

	.service-content-section__line--top-drop {
		left: 19%;
	}

	.service-content-section__line--right {
		right: 6px;
	}

	.service-content-section__line--right-bottom {
		width: 6px;
	}
}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.service-content-section
	[data-service-content-reveal] {
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}

	.service-content-section__line {
		transform: none !important;
		transition: none !important;
		animation: none !important;
	}
}
/* ==========================================================================
   Service Amenities Content
   ========================================================================== */

.service-amenities-content {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 68px 0 82px;
	background-color: #f3f3f3;
}

.service-amenities-content__container {
	width: min(calc(100% - 130px), 1620px);
	margin-inline: auto;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}

/* ==========================================================================
   Heading
   ========================================================================== */

.service-amenities-content__heading {
	margin: 0 0 14px;
	color: #bd8724;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.01em;
}

/* ==========================================================================
   Content
   ========================================================================== */

.service-amenities-content__text {
	width: 100%;
	color: #505050;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.48;
}

.service-amenities-content__text > *:first-child {
	margin-top: 0;
}

.service-amenities-content__text > *:last-child {
	margin-bottom: 0;
}

.service-amenities-content__text p {
	margin: 0 0 20px;
}

.service-amenities-content__text strong {
	color: #333333;
	font-weight: 700;
}

/*
 * If the WYSIWYG creates headings instead of bold text.
 */

.service-amenities-content__text h3,
.service-amenities-content__text h4 {
	margin: 17px 0 8px;
	color: #333333;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

/* ==========================================================================
   Entrance animation
   ========================================================================== */

.service-amenities-content.is-service-amenities-ready
[data-service-amenities-reveal] {
	opacity: 0;
	filter: blur(2px);
	transform: translate3d(0, 26px, 0);
}

.service-amenities-content.is-service-amenities-visible
[data-service-amenities-reveal] {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 800ms ease,
		filter 650ms ease,
		transform 950ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-amenities-content.is-service-amenities-visible
.service-amenities-content__text {
	transition-delay: 120ms;
}

/* ==========================================================================
   Desktop
   ========================================================================== */

@media (max-width: 1600px) {
	.service-amenities-content {
		padding: 62px 0 75px;
	}

	.service-amenities-content__container {
		width: min(calc(100% - 110px), 1450px);
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 900px) {
	.service-amenities-content {
		padding: 55px 0 62px;
	}

	.service-amenities-content__container {
		width: calc(100% - 50px);
		padding: 0;
	}

	.service-amenities-content__heading {
		font-size: 32px;
	}

	.service-amenities-content__text {
		font-size: 16px;
		line-height: 1.55;
	}
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {
	.service-amenities-content {
		padding: 48px 0 54px;
	}

	.service-amenities-content__container {
		width: calc(100% - 36px);
	}

	.service-amenities-content__heading {
		margin-bottom: 13px;
		font-size: 29px;
		line-height: 1.15;
	}

	.service-amenities-content__text {
		font-size: 16px;
		line-height: 1.6;
	}

	.service-amenities-content__text p {
		margin-bottom: 18px;
	}
}

/* ==========================================================================
   Reduced motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.service-amenities-content
	[data-service-amenities-reveal] {
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}
}
/* ==========================================================================
   Service Green Approach
   ========================================================================== */

.service-green-approach {
	--service-green-gold: #bd8724;
	--service-green-text: #505050;

	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 58px 0 64px;
	background-color: #ffffff;
	box-sizing: border-box;
}

/* ==========================================================================
   Container
   ========================================================================== */

.service-green-approach__container {
	display: grid;
	grid-template-columns:
		minmax(0, 0.88fr)
		minmax(0, 1.12fr);
	align-items: center;
	column-gap: 52px;

	width: min(calc(100% - 130px), 1620px);
	margin-inline: auto;

	padding-left: 30px;
	padding-right: 30px;

	box-sizing: border-box;
}

/* ==========================================================================
   Image
   ========================================================================== */

.service-green-approach__media {
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.service-green-approach__image {
	display: block;
	width: 100%;
	height: 405px;

	object-fit: cover;
	object-position: center;

	transition:
		transform 1100ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* ==========================================================================
   Content
   ========================================================================== */

.service-green-approach__content {
	min-width: 0;
}

/* ==========================================================================
   Heading
   ========================================================================== */

.service-green-approach__heading {
	margin: 0 0 12px;

	color: var(--service-green-gold);

	font-size: 35px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.01em;
}

/* ==========================================================================
   Text
   ========================================================================== */

.service-green-approach__text {
	width: 100%;

	color: var(--service-green-text);

	font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 0.003em;
}

.service-green-approach__text > *:first-child {
	margin-top: 0;
}

.service-green-approach__text > *:last-child {
	margin-bottom: 0;
}

.service-green-approach__text p {
	margin: 0 0 19px;
}

.service-green-approach__text strong {
	font-weight: 600;
}

/* ==========================================================================
   Entrance animation
   ========================================================================== */

.service-green-approach.is-service-green-ready
[data-service-green-reveal] {
	opacity: 0;
	filter: blur(2px);
}

.service-green-approach.is-service-green-ready
[data-green-direction="left"] {
	transform: translate3d(-45px, 0, 0);
}

.service-green-approach.is-service-green-ready
[data-green-direction="right"] {
	transform: translate3d(45px, 0, 0);
}

.service-green-approach.is-service-green-ready
.service-green-approach__image {
	transform: scale(1.05);
}

.service-green-approach.is-service-green-visible
[data-service-green-reveal] {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 0, 0);

	transition:
		opacity 800ms ease,
		filter 650ms ease,
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-green-approach.is-service-green-visible
.service-green-approach__content {
	transition-delay: 130ms;
}

.service-green-approach.is-service-green-visible
.service-green-approach__image {
	transform: scale(1);
}

/* ==========================================================================
   Large Desktop
   ========================================================================== */

@media (max-width: 1600px) {

	.service-green-approach {
		padding: 55px 0 60px;
	}

	.service-green-approach__container {
		width: min(calc(100% - 110px), 1450px);
		padding-left: 20px;
		padding-right: 20px;
		column-gap: 48px;
	}

	.service-green-approach__image {
		height: 390px;
	}
}

/* ==========================================================================
   Medium Desktop
   ========================================================================== */

@media (max-width: 1300px) {

	.service-green-approach {
		padding: 52px 0 58px;
	}

	.service-green-approach__container {
		width: min(calc(100% - 80px), 1180px);
		padding: 0;
		column-gap: 40px;
	}

	.service-green-approach__heading {
		font-size: 33px;
	}

	.service-green-approach__text {
		font-size: 16px;
		line-height: 1.38;
	}

	.service-green-approach__image {
		height: 360px;
	}
}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 900px) {

	.service-green-approach {
		padding: 52px 0 58px;
	}

	.service-green-approach__container {
		grid-template-columns: 1fr;
		gap: 32px;

		width: calc(100% - 50px);
	}

	.service-green-approach__image {
		height: 430px;
	}

	.service-green-approach__heading {
		font-size: 32px;
	}

	.service-green-approach__text {
		font-size: 16px;
		line-height: 1.5;
	}

	.service-green-approach.is-service-green-ready
	[data-green-direction="left"],
	.service-green-approach.is-service-green-ready
	[data-green-direction="right"] {
		transform: translate3d(0, 30px, 0);
	}
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {

	.service-choose-villa {
		padding: 92px 0 54px;
	}

	.service-choose-villa__container {
		width: calc(100% - 36px);
		margin-inline: auto;
		padding: 0;
	}

	.service-choose-villa__heading {
		margin: 0 0 16px;

		font-size: 28px;
		line-height: 1.18;
		text-align: left;
	}

	.service-choose-villa__content {
		width: 100%;

		font-size: 16px;
		line-height: 1.55;
	}

	.service-choose-villa__content p {
		margin: 0 0 18px;
	}

	/* ----------------------------------------------------------------------
	   Decorative lines
	   ---------------------------------------------------------------------- */

	.service-choose-villa__line--horizontal {
		top: 36px;
		left: 18px;

		width: 48%;
		height: 2px;
	}

	.service-choose-villa__line--left-drop {
		top: 36px;
		left: 18px;

		width: 2px;
		height: 35px;
	}

	.service-choose-villa__line--right-rise {
		top: 10px;
		left: calc(48% + 18px);

		width: 2px;
		height: 28px;
	}
}

/* ==========================================================================
   Small Mobile
   ========================================================================== */

@media (max-width: 480px) {

	.service-choose-villa {
		padding: 86px 0 48px;
	}

	.service-choose-villa__container {
		width: calc(100% - 30px);
	}

	.service-choose-villa__heading {
		font-size: 26px;
	}

	.service-choose-villa__content {
		font-size: 15px;
		line-height: 1.55;
	}

	.service-choose-villa__line--horizontal {
		left: 15px;
		width: 50%;
	}

	.service-choose-villa__line--left-drop {
		left: 15px;
	}

	.service-choose-villa__line--right-rise {
		left: calc(50% + 15px);
	}
}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.service-green-approach
	[data-service-green-reveal],
	.service-green-approach__image {
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}
}
/* ==========================================================================
   Service Choose Villa — corrected line placement
   ========================================================================== */

.service-choose-villa {
	--service-choose-gold: #bd8724;
	--service-choose-grey: #cccccc;
	--service-choose-text: #505050;

	position: relative;
	width: 100%;
	overflow: hidden;

	/*
	 * Extra top space is intentional.
	 * Decorative line occupies the area above the heading.
	 */
	padding: 150px 0 72px;

	background-color: #ffffff;
	box-sizing: border-box;
}

/* ==========================================================================
   Content container
   ========================================================================== */

.service-choose-villa__container {
	position: relative;
	z-index: 2;

	width: min(calc(100% - 130px), 1620px);
	margin-inline: auto;

	padding-left: 30px;
	padding-right: 30px;

	box-sizing: border-box;
}

/* ==========================================================================
   Heading
   ========================================================================== */

.service-choose-villa__heading {
	margin: 0 0 18px;

	color: var(--service-choose-gold);

	font-size: 35px;
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.01em;
}

/* ==========================================================================
   Content
   ========================================================================== */

.service-choose-villa__content {
	width: 100%;

	color: var(--service-choose-text);

	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

.service-choose-villa__content > *:first-child {
	margin-top: 0;
}

.service-choose-villa__content > *:last-child {
	margin-bottom: 0;
}

.service-choose-villa__content p {
	margin: 0 0 22px;
}

/* ==========================================================================
   Decorative lines
   ========================================================================== */

.service-choose-villa__lines {
	position: absolute;
	inset: 0;
	z-index: 1;

	pointer-events: none;
}

.service-choose-villa__line {
	position: absolute;
	display: block;

	background-color: var(--service-choose-grey);

	will-change: transform;
}

/*
 * Horizontal line.
 *
 * Reference:
 * starts around 20% of page width
 * ends around 56%
 * placed far enough above heading.
 */

.service-choose-villa__line--horizontal {
	top: 69px;
	left: 19.8%;

	width: 36.3%;
	height: 3px;

	transform-origin: left center;
}

/*
 * LEFT vertical line.
 *
 * Drops DOWN from horizontal line.
 * It stops clearly ABOVE heading.
 */

.service-choose-villa__line--left-drop {
	top: 69px;
	left: 19.8%;

	width: 3px;
	height: 63px;

	background-color: var(--service-choose-grey);

	transform-origin: top center;
}

/*
 * RIGHT vertical line.
 *
 * Extends UP from horizontal line.
 */

.service-choose-villa__line--right-rise {
	top: 14px;
	left: 56.1%;

	width: 3px;
	height: 58px;

	background-color: var(--service-choose-grey);

	transform-origin: bottom center;
}
/* ==========================================================================
   FINAL MOBILE OVERRIDE — SERVICE CHOOSE VILLA
   KEEP THIS AT VERY END OF single-service.css
   ========================================================================== */

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

	.single-service-page .service-choose-villa {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 92px 0 48px;
		overflow: hidden;
		box-sizing: border-box;
	}

	/*
	 * IMPORTANT:
	 * Do not use a centered max-width container here.
	 * Use almost the full mobile screen.
	 */
	.single-service-page
	.service-choose-villa
	.service-choose-villa__container {
		display: block;

		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;

		padding-left: 22px !important;
		padding-right: 22px !important;

		box-sizing: border-box;
	}

	/* Heading */

	.single-service-page
	.service-choose-villa
	.service-choose-villa__heading {
		display: block;

		width: 100% !important;
		max-width: none !important;

		margin: 0 0 20px !important;
		padding: 0 !important;

		color: var(--service-choose-gold);

		font-size: 28px;
		font-weight: 500;
		line-height: 1.15;
		letter-spacing: -0.01em;

		text-align: left;
		box-sizing: border-box;
	}

	/* Content */

	.single-service-page
	.service-choose-villa
	.service-choose-villa__content {
		display: block;

		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;
		padding: 0 !important;

		font-size: 16px;
		line-height: 1.55;

		box-sizing: border-box;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__content p {
		width: 100%;
		max-width: none;

		margin: 0 0 19px;
		padding: 0;
	}

	/* ==============================================================
	   Decorative line
	   ============================================================== */

	.single-service-page
	.service-choose-villa
	.service-choose-villa__line--horizontal {
		top: 38px;
		left: 58px;

		width: 190px;
		height: 2px;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__line--left-drop {
		top: 38px;
		left: 58px;

		width: 2px;
		height: 39px;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__line--right-rise {
		top: 4px;
		left: 246px;

		width: 2px;
		height: 36px;
	}
}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

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

	.single-service-page .service-choose-villa {
		padding-top: 88px;
		padding-bottom: 44px;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__container {
		width: 100% !important;
		max-width: none !important;

		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__heading {
		width: 100% !important;
		max-width: none !important;

		font-size: 27px;
		line-height: 1.15;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__content {
		width: 100% !important;
		max-width: none !important;

		font-size: 16px;
		line-height: 1.55;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__line--horizontal {
		left: 48px;
		width: 175px;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__line--left-drop {
		left: 48px;
	}

	.single-service-page
	.service-choose-villa
	.service-choose-villa__line--right-rise {
		left: 221px;
	}
}
/* ==========================================================================
   Service Why Futurearth
   ========================================================================== */

.service-why-futurearth {
	--service-why-gold: #bd8724;
	--service-why-text: #505050;
	--service-why-bg: #f3f3f3;

	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 58px 0 62px;
	background-color: var(--service-why-bg);
	box-sizing: border-box;
}

/* ==========================================================================
   Container
   ========================================================================== */

.service-why-futurearth__container {
	display: grid;
	grid-template-columns:
		minmax(0, 0.9fr)
		minmax(0, 1.1fr);
	align-items: center;
	column-gap: 70px;

	width: min(calc(100% - 130px), 1620px);
	margin-inline: auto;

	padding-left: 30px;
	padding-right: 30px;

	box-sizing: border-box;
}

/* ==========================================================================
   Logo
   ========================================================================== */

.service-why-futurearth__logo-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.service-why-futurearth__logo {
	display: block;
	width: min(100%, 610px);
	height: auto;
	object-fit: contain;
}

/* ==========================================================================
   Content
   ========================================================================== */

.service-why-futurearth__content {
	min-width: 0;
}

/* ==========================================================================
   Heading
   ========================================================================== */

.service-why-futurearth__heading {
	max-width: 760px;
	margin: 0 0 12px;

	color: var(--service-why-gold);

	font-size: 35px;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.01em;
}

/* ==========================================================================
   Text
   ========================================================================== */

.service-why-futurearth__text {
	width: 100%;
	max-width: 760px;

	color: var(--service-why-text);

	font-size: 16px;
	font-weight: 300;
	line-height: 1.46;
	letter-spacing: 0.002em;
}

.service-why-futurearth__text > *:first-child {
	margin-top: 0;
}

.service-why-futurearth__text > *:last-child {
	margin-bottom: 0;
}

.service-why-futurearth__text p {
	margin: 0 0 18px;
}

.service-why-futurearth__text strong {
	font-weight: 600;
}

/* ==========================================================================
   Entrance animation
   ========================================================================== */

.service-why-futurearth.is-service-why-ready
[data-service-why-reveal] {
	opacity: 0;
	filter: blur(2px);
}

.service-why-futurearth.is-service-why-ready
[data-why-direction="left"] {
	transform: translate3d(-50px, 0, 0);
}

.service-why-futurearth.is-service-why-ready
[data-why-direction="right"] {
	transform: translate3d(50px, 0, 0);
}

.service-why-futurearth.is-service-why-visible
[data-service-why-reveal] {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 0, 0);

	transition:
		opacity 800ms ease,
		filter 650ms ease,
		transform 1000ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-why-futurearth.is-service-why-visible
.service-why-futurearth__content {
	transition-delay: 130ms;
}

/* ==========================================================================
   Large Desktop
   ========================================================================== */

@media (max-width: 1600px) {

	.service-why-futurearth {
		padding: 54px 0 58px;
	}

	.service-why-futurearth__container {
		width: min(calc(100% - 110px), 1450px);
		padding-left: 20px;
		padding-right: 20px;
		column-gap: 60px;
	}

	.service-why-futurearth__logo {
		width: min(100%, 560px);
	}
}

/* ==========================================================================
   Medium Desktop
   ========================================================================== */

@media (max-width: 1300px) {

	.service-why-futurearth {
		padding: 50px 0 55px;
	}

	.service-why-futurearth__container {
		width: min(calc(100% - 80px), 1180px);
		padding: 0;
		column-gap: 45px;
	}

	.service-why-futurearth__heading {
		font-size: 33px;
	}

	.service-why-futurearth__text {
		font-size: 16px;
		line-height: 1.5;
	}

	.service-why-futurearth__logo {
		width: min(100%, 500px);
	}
}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 900px) {

	.service-why-futurearth {
		padding: 50px 0 56px;
	}

	.service-why-futurearth__container {
		grid-template-columns: 1fr;
		gap: 35px;

		width: calc(100% - 50px);
	}

	.service-why-futurearth__logo {
		width: min(100%, 500px);
	}

	.service-why-futurearth__heading {
		max-width: none;
		font-size: 32px;
	}

	.service-why-futurearth__text {
		max-width: none;
	}

	.service-why-futurearth.is-service-why-ready
	[data-why-direction="left"],
	.service-why-futurearth.is-service-why-ready
	[data-why-direction="right"] {
		transform: translate3d(0, 30px, 0);
	}
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {

	.service-why-futurearth {
		padding: 44px 0 50px;
	}

	.service-why-futurearth__container {
		width: calc(100% - 36px);
		gap: 28px;
	}

	.service-why-futurearth__logo {
		width: min(100%, 350px);
	}

	.service-why-futurearth__heading {
		margin-bottom: 13px;
		font-size: 29px;
		line-height: 1.2;
	}

	.service-why-futurearth__text {
		font-size: 16px;
		line-height: 1.55;
	}

	.service-why-futurearth__text p {
		margin-bottom: 17px;
	}
}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.service-why-futurearth
	[data-service-why-reveal] {
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}
}
/* ==========================================================================
   Service FAQ
   ========================================================================== */

.service-faq {
	--service-faq-gold: #c3912f;
	--service-faq-answer-bg: #f1f1f1;
	--service-faq-text: #4d4d4d;

	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 55px 0 84px;
	background-color: #ffffff;
	box-sizing: border-box;
}

/* ==========================================================================
   Container
   ========================================================================== */

.service-faq__container {
	width: min(calc(100% - 130px), 1400px);
	margin-inline: auto;
}

/* ==========================================================================
   Heading
   ========================================================================== */

.service-faq__heading {
	margin: 0 0 32px;

	color: var(--service-faq-gold);

	font-size: 35px;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.01em;
	text-align: center;
}

/* ==========================================================================
   FAQ list
   ========================================================================== */

.service-faq__list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

/* ==========================================================================
   Item
   ========================================================================== */

.service-faq__item {
	width: 100%;
}

/* ==========================================================================
   Question
   ========================================================================== */

.service-faq__question-wrap {
	margin: 0;
}

.service-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;

	width: 100%;
	min-height: 50px;

	margin: 0;
	padding: 5px 28px 5px 30px;

	border: 0;
	border-radius: 0;

	background-color: var(--service-faq-gold);
	color: #ffffff;

	font-family: inherit;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;

	cursor: pointer;

	appearance: none;
	-webkit-appearance: none;

	transition:
		background-color 250ms ease,
		box-shadow 250ms ease;
}

.service-faq__question:hover {
	background-color: #ad7c25;
}

.service-faq__question:focus-visible {
	outline: 3px solid rgb(195 145 47 / 35%);
	outline-offset: 4px;
}

.service-faq__question-text {
	flex: 1 1 auto;
}

/* ==========================================================================
   + / - Icon
   ========================================================================== */

.service-faq__icon {
	position: relative;
	flex: 0 0 25px;

	width: 25px;
	height: 25px;
}

.service-faq__icon::before,
.service-faq__icon::after {
	content: "";

	position: absolute;
	top: 50%;
	left: 50%;

	width: 18px;
	height: 3px;

	background-color: #ffffff;

	transform: translate(-50%, -50%);

	transition:
		transform 300ms ease,
		opacity 300ms ease;
}

/*
 * Vertical part of +
 */

.service-faq__icon::after {
	transform:
		translate(-50%, -50%)
		rotate(90deg);
}

/*
 * Open = minus
 */

.service-faq__question[aria-expanded="true"]
.service-faq__icon::after {
	opacity: 0;
	transform:
		translate(-50%, -50%)
		rotate(0deg);
}

/* ==========================================================================
   Answer
   ========================================================================== */

.service-faq__answer {
	overflow: hidden;
	background-color: var(--service-faq-answer-bg);
}

.service-faq__answer-inner {
	padding: 26px 38px 28px;

	color: var(--service-faq-text);

	font-size: 16px;
	font-weight: 300;
	line-height: 1.45;
}

.service-faq__answer-inner > *:first-child {
	margin-top: 0;
}

.service-faq__answer-inner > *:last-child {
	margin-bottom: 0;
}

.service-faq__answer-inner p {
	margin: 0 0 14px;
}

/* ==========================================================================
   Entrance animation
   ========================================================================== */

.service-faq.is-service-faq-ready
[data-service-faq-reveal] {
	opacity: 0;
	filter: blur(2px);
	transform: translate3d(0, 30px, 0);
}

.service-faq.is-service-faq-visible
[data-service-faq-reveal] {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 0, 0);

	transition:
		opacity 800ms ease,
		filter 650ms ease,
		transform 950ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-faq.is-service-faq-visible
.service-faq__list {
	transition-delay: 130ms;
}

/* ==========================================================================
   Large Desktop
   ========================================================================== */

@media (max-width: 1600px) {

	.service-faq__container {
		width: min(calc(100% - 110px), 1320px);
	}

	.service-faq__question {
		font-size: 25px;
	}
}

/* ==========================================================================
   Medium Desktop
   ========================================================================== */

@media (max-width: 1300px) {

	.service-faq {
		padding: 52px 0 70px;
	}

	.service-faq__container {
		width: min(calc(100% - 80px), 1180px);
	}

	.service-faq__question {
		min-height: 62px;
		padding-inline: 25px;
		font-size: 22px;
	}

	.service-faq__answer-inner {
		padding: 23px 30px 25px;
	}
}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 900px) {

	.service-faq {
		padding: 48px 0 62px;
	}

	.service-faq__container {
		width: calc(100% - 50px);
	}

	.service-faq__heading {
		margin-bottom: 28px;
		font-size: 32px;
	}

	.service-faq__list {
		gap: 14px;
	}

	.service-faq__question {
		min-height: 60px;
		font-size: 19px;
	}

	.service-faq__answer-inner {
		font-size: 16px;
		line-height: 1.55;
	}
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {

	.service-faq {
		padding: 44px 0 54px;
	}

	.service-faq__container {
		width: calc(100% - 30px);
	}

	.service-faq__heading {
		margin-bottom: 25px;

		font-size: 28px;
		line-height: 1.2;
	}

	.service-faq__list {
		gap: 12px;
	}

	.service-faq__question {
		gap: 15px;

		min-height: 58px;

		padding:
			13px
			16px
			13px
			18px;

		font-size: 17px;
		line-height: 1.3;
	}

	.service-faq__icon {
		flex-basis: 22px;

		width: 22px;
		height: 22px;
	}

	.service-faq__icon::before,
	.service-faq__icon::after {
		width: 16px;
		height: 2px;
	}

	.service-faq__answer-inner {
		padding: 20px 18px 21px;

		font-size: 15px;
		line-height: 1.55;
	}
}

/* ==========================================================================
   Reduced motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.service-faq
	[data-service-faq-reveal] {
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}

	.service-faq__icon::before,
	.service-faq__icon::after {
		transition: none !important;
	}
}
/* ==========================================================================
   Service Enquiry
   ========================================================================== */

.service-enquiry {
	--service-enquiry-gold: #bd8724;
	--service-enquiry-text: #505050;
	--service-enquiry-form-bg: #bcbcbc;

	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
}

/* ==========================================================================
   Intro
   ========================================================================== */

.service-enquiry__intro {
	width: 100%;
	padding: 28px 0 42px;
	background-color: #ffffff;
}

.service-enquiry__container {
	width: min(calc(100% - 130px), 1450px);
	margin-inline: auto;
	text-align: center;
}

/* ==========================================================================
   Heading
   ========================================================================== */

.service-enquiry__heading {
	margin: 0 0 14px;

	color: var(--service-enquiry-gold);

	font-size: 35px;
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.01em;
	text-align: center;
}

/* ==========================================================================
   Content
   ========================================================================== */

.service-enquiry__content {
	max-width: 1360px;
	margin-inline: auto;

	color: var(--service-enquiry-text);

	font-size: 16px;
	font-weight: 300;
	line-height: 1.55;
	text-align: center;
}

.service-enquiry__content > *:first-child {
	margin-top: 0;
}

.service-enquiry__content > *:last-child {
	margin-bottom: 0;
}

.service-enquiry__content p {
	margin: 0 0 4px;
}

/* ==========================================================================
   Form area
   ========================================================================== */


.service-enquiry__form-container {
	width: min(calc(100% - 130px), 1000px);
	margin-inline: auto;
}

/*
 * Remove any outer section background/margins from
 * the reused homepage form if needed.
 */

.service-enquiry
.site-visit-form {
	margin: 0;
	padding: 0;
	background: transparent;
}

.service-enquiry
.site-visit-form__container {
	width: 100%;
	max-width: none;
	margin: 0;
}

/* ==========================================================================
   Entrance animation
   ========================================================================== */

.service-enquiry.is-service-enquiry-ready
[data-service-enquiry-reveal] {
	opacity: 0;
	filter: blur(2px);
	transform: translate3d(0, 28px, 0);
}

.service-enquiry.is-service-enquiry-visible
[data-service-enquiry-reveal] {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 0, 0);

	transition:
		opacity 800ms ease,
		filter 650ms ease,
		transform 950ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-enquiry.is-service-enquiry-visible
.service-enquiry__content {
	transition-delay: 100ms;
}

.service-enquiry.is-service-enquiry-visible
.service-enquiry__form-area {
	transition-delay: 180ms;
}

/* ==========================================================================
   Medium Desktop
   ========================================================================== */

@media (max-width: 1300px) {
	.service-enquiry__container {
		width: min(calc(100% - 80px), 1180px);
	}

	.service-enquiry__form-container {
		width: min(calc(100% - 80px), 960px);
	}
}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 900px) {
	.service-enquiry__intro {
		padding: 38px 0 36px;
	}

	.service-enquiry__container {
		width: calc(100% - 50px);
	}

	.service-enquiry__heading {
		font-size: 32px;
	}

	.service-enquiry__content {
		font-size: 16px;
		line-height: 1.55;
	}

	.service-enquiry__form-container {
		width: calc(100% - 50px);
	}
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {
	.service-enquiry__intro {
		padding: 34px 0 32px;
	}

	.service-enquiry__container {
		width: calc(100% - 36px);
	}

	.service-enquiry__heading {
		margin-bottom: 12px;

		font-size: 28px;
		line-height: 1.15;
	}

	.service-enquiry__content {
		font-size: 16px;
		line-height: 1.55;
	}

	

	.service-enquiry__form-container {
		width: calc(100% - 36px);
	}
}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.service-enquiry
	[data-service-enquiry-reveal] {
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}
}