/**
Theme Name: Landmark
*/
/**
* Table of Contents
*
* 1. Padding, Margin, Font-size
* 2. Custom CSS
*/

/*--------------------------------------------------------------
1. Padding, Margin, Font-size
--------------------------------------------------------------*/

/* Font Family */

/* Font style */
.fsi {
	font-style: italic !important;
}

.fsn {
	font-style: normal !important;
}

/* Font weight */
.fw-light {
	font-weight: 300 !important;
}

.fw-normal {
	font-weight: 400 !important;
}

.fw-bold {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-bolder {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

.fz-5 {
	font-size: 5px;
}

.fz-11 {
	font-size: 11px !important;
}

.fz-12 {
	font-size: 12px !important;
}

.fz-13 {
	font-size: 13px !important;
}

.fz-14 {
	font-size: 14px !important;
}

.fz-15 {
	font-size: 15px !important;
}

.fz-18 {
	font-size: 18px !important;
}

.fz-19 {
	font-size: 19px !important;
}

.fz-20 {
	font-size: 20px !important;
}

.fz-22 {
	font-size: 22px !important;
}

.fz-24 {
	font-size: 24px !important;
}

.fz-27 {
	font-size: 27px !important;
}

.fz-28 {
	font-size: 28px !important;
}

.fz-30 {
	font-size: 30px !important;
}

.fz-33 {
	font-size: 33px !important;
}

.fz-35 {
	font-size: 35px !important;
}

.fz-36 {
	font-size: 36px !important;
}

.fz-40 {
	font-size: 40px !important;
}

.fz-42 {
	font-size: 42px !important;
}

.fz-44 {
	font-size: 44px !important;
}

.fz-52 {
	font-size: 52px !important;
}

.fz-53 {
	font-size: 53px !important;
}

.fz-55 {
	font-size: 55px !important;
}

.fz-57 {
	font-size: 57px !important;
}

.fz-60 {
	font-size: 60px !important;
	line-height: 80px !important;
}

.fz-64 {
	font-size: 64px !important;
}

.fz-70 {
	font-size: 70px !important;
}

.fz-75 {
	font-size: 75px !important;
}

.fz-80 {
	font-size: 80px !important;
}

.fz-110 {
	font-size: 110px !important;
}

.lh-45 {
	line-height: 45px;
}

.lh-100 {
	line-height: 100px;
}

.ls-1 {
	letter-spacing: 1px;
}

/* Padding */
.p-0 {
	padding: 0px !important;
}

.p-1 {
	padding: 10px !important;
}

.p-2 {
	padding: 20px !important;
}

.p-3 {
	padding: 30px !important;
}

.p-4 {
	padding: 40px !important;
}

.p-5 {
	padding: 50px !important;
}

.p-6 {
	padding: 60px !important;
}

.p-7 {
	padding: 70px !important;
}

.p-8 {
	padding: 80px !important;
}

.p-9 {
	padding: 90px !important;
}

.p-10 {
	padding: 100px !important;
}

.p-11 {
	padding: 110px !important;
}

.p-12 {
	padding: 120px !important;
}

.p-13 {
	padding: 130px !important;
}

.p-14 {
	padding: 140px !important;
}

.p-15 {
	padding: 150px !important;
}

.p-16 {
	padding: 160px !important;
}

.p-17 {
	padding: 170px !important;
}

.p-18 {
	padding: 180px !important;
}

.p-19 {
	padding: 190px !important;
}

.p-20 {
	padding: 200px !important;
}

/* Padding top */
.pt-0 {
	padding-top: 0px !important;
}

.pt-1 {
	padding-top: 10px !important;
}

.pt-2 {
	padding-top: 20px !important;
}

.pt-3 {
	padding-top: 30px !important;
}

.pt-4 {
	padding-top: 40px !important;
}

.pt-5 {
	padding-top: 50px !important;
}

.pt-6 {
	padding-top: 60px !important;
}

.pt-7 {
	padding-top: 70px !important;
}

.pt-8 {
	padding-top: 80px !important;
}

.pt-9 {
	padding-top: 90px !important;
}

.pt-10 {
	padding-top: 100px !important;
}

.pt-11 {
	padding-top: 110px !important;
}

.pt-12 {
	padding-top: 120px !important;
}

.pt-13 {
	padding-top: 130px !important;
}

.pt-14 {
	padding-top: 140px !important;
}

.pt-15 {
	padding-top: 150px !important;
}

.pt-16 {
	padding-top: 160px !important;
}

.pt-17 {
	padding-top: 170px !important;
}

.pt-18 {
	padding-top: 180px !important;
}

.pt-19 {
	padding-top: 190px !important;
}

.pt-20 {
	padding-top: 200px !important;
}

.pt-21 {
	padding-top: 210px !important;
}

.pt-25 {
	padding-top: 250px !important;
}

.pt-26 {
	padding-top: 260px !important;
}

.pt-33 {
	padding-top: 330px !important;
}

.pt-39 {
	padding-top: 390px !important;
}

.pt-45 {
	padding-top: 450px !important;
}

.pt-55 {
	padding-top: 550px !important;
}

.pt-65 {
	padding-top: 650px !important;
}

/* Padding right */
.pr-0 {
	padding-left: 0px !important;
}

.pr-1 {
	padding-left: 10px !important;
}

.pr-2 {
	padding-left: 20px !important;
}

.pr-3 {
	padding-left: 30px !important;
}

.pr-4 {
	padding-left: 40px !important;
}

.pr-5 {
	padding-left: 50px !important;
}

.pr-6 {
	padding-left: 60px !important;
}

.pr-7 {
	padding-left: 70px !important;
}

.pr-8 {
	padding-left: 80px !important;
}

.pr-9 {
	padding-left: 90px !important;
}

.pr-10 {
	padding-left: 100px !important;
}

.pr-11 {
	padding-left: 110px !important;
}

.pr-12 {
	padding-left: 120px !important;
}

.pr-13 {
	padding-left: 130px !important;
}

.pr-14 {
	padding-left: 140px !important;
}

.pr-15 {
	padding-left: 150px !important;
}

.pr-16 {
	padding-left: 160px !important;
}

.pr-17 {
	padding-left: 170px !important;
}

.pr-18 {
	padding-left: 180px !important;
}

.pr-19 {
	padding-left: 190px !important;
}

.pr-20 {
	padding-left: 200px !important;
}

.pr-25 {
	padding-left: 250px !important;
}

/* Padding bottom */
.pb-0 {
	padding-bottom: 0px !important;
}

.pb-1 {
	padding-bottom: 10px !important;
}

.pb-2 {
	padding-bottom: 20px !important;
}

.pb-3 {
	padding-bottom: 30px !important;
}

.pb-4 {
	padding-bottom: 40px !important;
}

.pb-5 {
	padding-bottom: 50px !important;
}

.pb-6 {
	padding-bottom: 60px !important;
}

.pb-7 {
	padding-bottom: 70px !important;
}

.pb-8 {

	padding-bottom: 80px !important;
}

.pb-9 {
	padding-bottom: 90px !important;
}

.pb-10 {
	padding-bottom: 100px !important;
}

.pb-11 {
	padding-bottom: 110px !important;
}

.pb-12 {
	padding-bottom: 120px !important;
}

.pb-13 {
	padding-bottom: 130px !important;
}

.pb-14 {
	padding-bottom: 140px !important;
}

.pb-15 {
	padding-bottom: 150px !important;
}

.pb-16 {
	padding-bottom: 160px !important;
}

.pb-17 {
	padding-bottom: 170px !important;
}

.pb-18 {
	padding-bottom: 180px !important;
}

.pb-19 {
	padding-bottom: 190px !important;
}

.pb-20 {
	padding-bottom: 200px !important;
}

.pb-25 {
	padding-bottom: 250px !important;
}

.pb-26 {
	padding-bottom: 260px !important;
}

.pb-33 {
	padding-bottom: 330px !important;
}

.pb-39 {
	padding-bottom: 390px !important;
}

.pb-45 {
	padding-bottom: 450px !important;
}

/* Padding left */
.pl-0 {
	padding-right: 0px !important;
}

.pl-1 {
	padding-right: 10px !important;
}

.pl-2 {
	padding-right: 20px !important;
}

.pl-3 {
	padding-right: 30px !important;
}

.pl-4 {
	padding-right: 40px !important;
}

.pl-5 {
	padding-right: 50px !important;
}

.pl-6 {
	padding-right: 60px !important;
}

.pl-7 {
	padding-right: 70px !important;
}

.pl-8 {
	padding-right: 80px !important;
}

.pl-9 {
	padding-right: 90px !important;
}

.pl-10 {
	padding-right: 100px !important;
}

.pl-11 {
	padding-right: 110px !important;
}

.pl-12 {
	padding-right: 120px !important;
}

.pl-13 {
	padding-right: 130px !important;
}

.pl-14 {
	padding-right: 140px !important;
}

.pl-15 {
	padding-right: 150px !important;
}

.pl-16 {
	padding-right: 160px !important;
}

.pl-17 {
	padding-right: 170px !important;
}

.pl-18 {
	padding-right: 180px !important;
}

.pl-19 {
	padding-right: 190px !important;
}

.pl-20 {
	padding-right: 200px !important;
}

.pl-25 {
	padding-right: 250px !important;
}

.pl-30 {
	padding-right: 300px !important;
}

/* Margin */
.mlr-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.m-0 {
	margin: 0px !important;
}

.m-1 {
	margin: 10px !important;
}

.m-2 {
	margin: 20px !important;
}

.m-3 {
	margin: 30px !important;
}

.m-4 {
	margin: 40px !important;
}

.m-5 {
	margin: 50px !important;
}

.m-6 {
	margin: 60px !important;
}

.m-7 {
	margin: 70px !important;
}

.m-8 {
	margin: 80px !important;
}

.m-9 {
	margin: 90px !important;
}

.m-10 {
	margin: 100px !important;
}

.m-11 {
	margin: 110px !important;
}

.m-12 {
	margin: 120px !important;
}

.m-13 {
	margin: 130px !important;
}

.m-14 {
	margin: 140px !important;
}

.m-15 {
	margin: 150px !important;
}

.m-16 {
	margin: 160px !important;
}

.m-17 {
	margin: 170px !important;
}

.m-18 {
	margin: 180px !important;
}

.m-19 {
	margin: 190px !important;
}

.m-20 {
	margin: 200px !important;
}

/* Margin top */
.mt-0 {
	margin-top: 0px !important;
}

.mt-1 {
	margin-top: 10px !important;
}

.mt-2 {
	margin-top: 20px !important;
}

.mt-3 {
	margin-top: 30px !important;
}

.mt-4 {
	margin-top: 40px !important;
}

.mt-5 {
	margin-top: 50px !important;
}

.mt-6 {
	margin-top: 60px !important;
}

.mt-7 {
	margin-top: 70px !important;
}

.mt-8 {
	margin-top: 80px !important;
}

.mt-9 {
	margin-top: 90px !important;
}

.mt-10 {
	margin-top: 100px !important;
}

.mt-11 {
	margin-top: 110px !important;
}

.mt-12 {
	margin-top: 120px !important;
}

.mt-13 {
	margin-top: 130px !important;
}

.mt-14 {
	margin-top: 140px !important;
}

.mt-15 {
	margin-top: 150px !important;
}

.mt-16 {
	margin-top: 160px !important;
}

.mt-17 {
	margin-top: 170px !important;
}

.mt-18 {
	margin-top: 180px !important;
}

.mt-19 {
	margin-top: 190px !important;
}

.mt-20 {
	margin-top: 200px !important;
}

/* Margin right */
.mr-0 {
	margin-left: 0px !important;
}

.mr-1 {
	margin-left: 10px !important;
}

.mr-2 {
	margin-left: 20px !important;
}

.mr-3 {
	margin-left: 30px !important;
}

.mr-4 {
	margin-left: 40px !important;
}

.mr-5 {
	margin-left: 50px !important;
}

.mr-6 {
	margin-left: 60px !important;
}

.mr-7 {
	margin-left: 70px !important;
}

.mr-8 {
	margin-left: 80px !important;
}

.mr-9 {
	margin-left: 90px !important;
}

.mr-10 {
	margin-left: 100px !important;
}

.mr-11 {
	margin-left: 110px !important;
}

.mr-12 {
	margin-left: 120px !important;
}

.mr-13 {
	margin-left: 130px !important;
}

.mr-14 {
	margin-left: 140px !important;
}

.mr-15 {
	margin-left: 150px !important;
}

.mr-16 {
	margin-left: 160px !important;
}

.mr-17 {
	margin-left: 170px !important;
}

.mr-18 {
	margin-left: 180px !important;
}

.mr-19 {
	margin-left: 190px !important;
}

.mr-20 {
	margin-left: 200px !important;
}

/* Margin bottom */
.mb-0 {
	margin-bottom: 0px !important;
}

.mb-1 {
	margin-bottom: 10px !important;
}

.mb-2 {
	margin-bottom: 20px !important;
}

.mb-3 {
	margin-bottom: 30px !important;
}

.mb-4 {
	margin-bottom: 40px !important;
}

.mb-5 {
	margin-bottom: 50px !important;
}

.mb-6 {
	margin-bottom: 60px !important;
}

.mb-7 {
	margin-bottom: 70px !important;
}

.mb-8 {
	margin-bottom: 80px !important;
}

.mb-9 {
	margin-bottom: 90px !important;
}

.mb-10 {
	margin-bottom: 100px !important;
}

.mb-11 {
	margin-bottom: 110px !important;
}

.mb-12 {
	margin-bottom: 120px !important;
}

.mb-13 {
	margin-bottom: 130px !important;
}

.mb-14 {
	margin-bottom: 140px !important;
}

.mb-15 {
	margin-bottom: 150px !important;
}

.mb-16 {
	margin-bottom: 160px !important;
}

.mb-17 {
	margin-bottom: 170px !important;
}

.mb-18 {
	margin-bottom: 180px !important;
}

.mb-19 {
	margin-bottom: 190px !important;
}

.mb-20 {
	margin-bottom: 200px !important;
}

.mb-27 {
	margin-bottom: 270px !important;
}

/* Margin left */
.ml-0 {
	margin-right: 0px !important;
}

.ml-1 {
	margin-right: 10px !important;
}

.ml-2 {
	margin-right: 20px !important;
}

.ml-3 {
	margin-right: 30px !important;
}

.ml-4 {
	margin-right: 40px !important;
}

.ml-5 {
	margin-right: 50px !important;
}

.ml-6 {
	margin-right: 60px !important;
}

.ml-7 {
	margin-right: 70px !important;
}

.ml-8 {
	margin-right: 80px !important;
}

.ml-9 {
	margin-right: 90px !important;
}

.ml-10 {
	margin-right: 100px !important;
}

.ml-11 {
	margin-right: 110px !important;
}

.ml-12 {
	margin-right: 120px !important;
}

.ml-13 {
	margin-right: 130px !important;
}

.ml-14 {
	margin-right: 140px !important;
}

.ml-15 {
	margin-right: 150px !important;
}

.ml-16 {
	margin-right: 160px !important;
}

.ml-17 {
	margin-right: 170px !important;
}

.ml-18 {
	margin-right: 180px !important;
}

.ml-19 {
	margin-right: 190px !important;
}

.ml-20 {
	margin-right: 200px !important;
}

/* Margin top negative */
.mtn-0 {
	margin-top: 0px !important;
}

.mtn-1 {
	margin-top: -10px !important;
}

.mtn-2 {
	margin-top: -20px !important;
}

.mtn-3 {
	margin-top: -30px !important;
}

.mtn-4 {
	margin-top: -40px !important;
}

.mtn-5 {
	margin-top: -50px !important;
}

.mtn-6 {
	margin-top: -60px !important;
}

.mtn-7 {
	margin-top: -70px !important;
}

.mtn-8 {
	margin-top: -80px !important;
}

.mtn-9 {
	margin-top: -90px !important;
}

.mtn-10 {
	margin-top: -100px !important;
}

.mtn-11 {
	margin-top: -110px !important;
}

.mtn-12 {
	margin-top: -120px !important;
}

.mtn-13 {
	margin-top: -130px !important;
}

.mtn-14 {
	margin-top: -140px !important;
}

.mtn-15 {
	margin-top: -150px !important;
}

.mtn-16 {
	margin-top: -160px !important;
}

.mtn-17 {
	margin-top: -170px !important;
}

.mtn-18 {
	margin-top: -180px !important;
}

.mtn-19 {
	margin-top: -190px !important;
}

.mtn-20 {
	margin-top: -200px !important;
}

.mtn-35 {
	margin-top: -350px !important;
}

/* Margin right negative */
.mrn-0 {
	margin-left: 0px !important;
}

.mrn-1 {
	margin-left: -10px !important;
}

.mrn-2 {
	margin-left: -20px !important;
}

.mrn-3 {
	margin-left: -30px !important;
}

.mrn-4 {
	margin-left: -40px !important;
}

.mrn-5 {
	margin-left: -50px !important;
}

.mrn-6 {
	margin-left: -60px !important;
}

.mrn-7 {
	margin-left: -70px !important;
}

.mrn-8 {
	margin-left: -80px !important;
}

.mrn-9 {
	margin-left: -90px !important;
}

.mrn-10 {
	margin-left: -100px !important;
}



.mrn-11 {
	margin-left: -110px !important;
}

.mrn-12 {
	margin-left: -120px !important;
}

.mrn-13 {
	margin-left: -130px !important;
}

.mrn-14 {
	margin-left: -140px !important;
}

.mrn-15 {
	margin-left: -150px !important;
}

.mrn-16 {
	margin-left: -160px !important;
}

.mrn-17 {
	margin-left: -170px !important;
}

.mrn-18 {
	margin-left: -180px !important;
}

.mrn-19 {
	margin-left: -190px !important;
}

.mrn-20 {
	margin-left: -200px !important;
}

/* Margin bottom negative */
.mbn-0 {
	margin-bottom: 0px !important;
}

.mbn-1 {
	margin-bottom: -10px !important;
}

.mbn-2 {
	margin-bottom: -20px !important;
}

.mbn-3 {
	margin-bottom: -30px !important;
}

.mbn-4 {
	margin-bottom: -40px !important;
}

.mbn-5 {
	margin-bottom: -50px !important;
}

.mbn-6 {
	margin-bottom: -60px !important;
}

.mbn-7 {
	margin-bottom: -70px !important;
}

.mbn-8 {
	margin-bottom: -80px !important;
}

.mbn-9 {
	margin-bottom: -90px !important;
}

.mbn-10 {
	margin-bottom: -100px !important;
}

.mbn-11 {
	margin-bottom: -110px !important;
}

.mbn-12 {
	margin-bottom: -120px !important;
}

.mbn-13 {
	margin-bottom: -130px !important;
}

.mbn-14 {
	margin-bottom: -140px !important;
}

.mbn-15 {
	margin-bottom: -150px !important;
}

.mbn-16 {
	margin-bottom: -160px !important;
}

.mbn-17 {
	margin-bottom: -170px !important;
}

.mbn-18 {
	margin-bottom: -180px !important;
}

.mbn-19 {
	margin-bottom: -190px !important;
}

.mbn-20 {
	margin-bottom: -200px !important;
}

/* Margin left negative */
.mln-0 {
	margin-right: 0px !important;
}

.mln-1 {
	margin-right: -10px !important;
}

.mln-2 {
	margin-right: -20px !important;
}

.mln-3 {
	margin-right: -30px !important;
}

.mln-4 {
	margin-right: -40px !important;
}

.mln-5 {
	margin-right: -50px !important;
}

.mln-6 {
	margin-right: -60px !important;
}

.mln-7 {
	margin-right: -70px !important;
}

.mln-8 {
	margin-right: -80px !important;
}

.mln-9 {
	margin-right: -90px !important;
}

.mln-10 {
	margin-right: -100px !important;
}

.mln-11 {
	margin-right: -110px !important;
}

.mln-12 {
	margin-right: -120px !important;
}

.mln-13 {
	margin-right: -130px !important;
}

.mln-14 {
	margin-right: -140px !important;
}

.mln-15 {
	margin-right: -150px !important;
}

.mln-16 {
	margin-right: -160px !important;
}

.mln-17 {
	margin-right: -170px !important;
}

.mln-18 {
	margin-right: -180px !important;
}

.mln-19 {
	margin-right: -190px !important;
}

.mln-20 {
	margin-right: -200px !important;
}

.pull-left {
	float: right!important;
}

.pull-right {
	float: left!important;
}

.white {
	color: #fff !important;
}

.color {
	color: #176b52 !important;
}

.color-2 {
	color: #176b52 !important;
}

.bg-white {
	background-color: #fff !important;
}

.bg-color {
	background-color: #176b52 !important;
}

@media (max-width: 767px) {
	.mb-27 {
		margin-bottom: 70px !important;
	}
	.text-right-sm {
		text-align: left !important;
	}
	.text-left-sm {
		text-align: right !important;
	}
	.text-center-sm {
		text-align: center !important;
	}
	.pl-30 {
		padding-right: 15px !important;
	}
}
@media (max-width: 480px) {
	.text-right-xs {
		text-align: left !important;
	}
	.text-left-xs {
		text-align: right !important;
	}
	.text-center-xs {
		text-align: center !important;
	}
	.mtn-16 {
		margin-top: 0px !important;
	}
}

/* Hirkan Home landing page refresh */
.hh-home {
	--hh-ink: #20342e;
	--hh-blue: #176b52;
	--hh-orange: #258466;
	--hh-muted: #718096;
	--hh-line: #e7edf2;
	color: var(--hh-ink);
	font-family: 'IRANSans', 'Vazir', sans-serif;
	direction: rtl;
	overflow: hidden;
}
.hh-home * { box-sizing: border-box; }
.hh-home a { text-decoration: none; }
.hh-hero {
	min-height: 690px;
	position: relative;
	background: #20342e url('../images/background/bg_1a.jpg') center 48% / cover no-repeat;
	color: #fff;
	display: flex;
	align-items: stretch;
}
.hh-hero-shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(270deg, rgba(11,31,49,.88) 0%, rgba(14,41,62,.72) 40%, rgba(14,41,62,.18) 100%), linear-gradient(0deg, rgba(10,28,44,.62), transparent 54%);
}
.hh-hero-inner { position: relative; z-index: 1; padding-top: 66px; padding-bottom: 92px; }
.hh-hero-top { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: 42px; min-height: 492px; }
.hh-hero-copy { max-width: 600px; margin-right: 0; margin-left: auto; text-align: right; }
.hh-eyebrow, .hh-section-label, .hh-search-kicker {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .2px;
}
.hh-eyebrow { color: #a7d2b8; background: rgba(255,255,255,.12); padding: 9px 15px; border: 1px solid rgba(255,255,255,.2); border-radius: 30px; }
.hh-hero h1 { margin: 22px 0 16px; color: #fff; font-size: clamp(38px, 5vw, 66px); line-height: 1.42; font-weight: 800; letter-spacing: -1.8px; }
.hh-hero h1 em, .hh-section-head h2 em { color: var(--hh-orange); font-style: normal; }
.hh-hero-copy > p { margin: 0; max-width: 490px; color: rgba(255,255,255,.83); font-size: 16px; line-height: 2.1; }
.hh-hero-proof { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 20px; color: rgba(255,255,255,.92); font-size: 12px; }
.hh-hero-proof i { color: #a7d2b8; margin-left: 5px; }
.hh-hero-visual { position: relative; min-height: 350px; display: grid; place-items: center; direction: rtl; }
.hh-visual-card { position: relative; z-index: 1; width: min(330px, 82%); padding: 28px 28px 22px; border: 1px solid rgba(255,255,255,.28); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(255,255,255,.07)); box-shadow: 0 25px 55px rgba(5,24,41,.28), inset 0 1px 0 rgba(255,255,255,.2); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transform: rotate(-4deg); }
.hh-visual-icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 23px; border-radius: 16px; background: #176b52; color: #20342e; font-size: 21px; box-shadow: 0 10px 22px rgba(246,162,26,.3); }
.hh-visual-kicker { display: block; margin-bottom: 8px; color: #a7d2b8; font-size: 11px; font-weight: 700; }
.hh-visual-card strong { display: block; color: #fff; font-size: 24px; line-height: 1.7; font-weight: 800; }
.hh-visual-card strong em { color: #a7d2b8; font-style: normal; }
.hh-visual-rule { display: block; width: 100%; height: 1px; margin: 18px 0 15px; background: rgba(255,255,255,.18); }
.hh-visual-stats { display: flex; gap: 34px; }
.hh-visual-stats span { display: block; }
.hh-visual-stats b, .hh-visual-stats small { display: block; }
.hh-visual-stats b { color: #fff; font-size: 15px; }
.hh-visual-stats small { margin-top: 4px; color: rgba(255,255,255,.65); font-size: 10px; }
.hh-visual-orbit { position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; transform: rotate(22deg); }
.hh-visual-orbit-one { width: 380px; height: 190px; }
.hh-visual-orbit-two { width: 290px; height: 145px; border-color: rgba(246,162,26,.36); transform: rotate(-34deg); }

/* Keep the desktop composition unambiguous in RTL: copy on the right, visual on the left. */
@media (min-width: 992px) {
	.hh-hero-top { display: block; min-height: 492px; }
	.hh-hero-copy { position: absolute; top: 66px; right: 15px; width: min(600px, 52%); max-width: none; margin: 0; }
	.hh-hero-visual { position: absolute; top: 72px; left: 38px; width: min(440px, 40%); min-height: 350px; }
}
.hh-search-card {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -38px;
	padding: 24px 28px 17px;
	border-radius: 18px;
	background: #fff;
	color: var(--hh-ink);
	box-shadow: 0 22px 65px rgba(10,35,56,.2);
}
.hh-search-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.hh-search-kicker { color: #258466; text-transform: uppercase; }
.hh-search-heading h2 { margin: 5px 0 0; font-size: 20px; font-weight: 800; color: var(--hh-ink); }
.hh-search-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: #edf6f1; color: #258466; font-size: 17px; }
.hh-search-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) 1.15fr; gap: 12px; align-items: end; }
.hh-field { display: block; margin: 0; color: #778697; font-size: 11px; font-weight: 700; }
.hh-field select { display: block; width: 100%; height: 48px; margin-top: 7px; padding: 0 13px; border: 1px solid var(--hh-line); border-radius: 9px; background-color: #f9fbfc; color: var(--hh-ink); font: inherit; font-size: 13px; outline: none; }
.hh-field select:focus { border-color: #78b393; box-shadow: 0 0 0 3px rgba(246,162,26,.12); }
.hh-search-button { height: 48px; border: 0; border-radius: 9px; background: var(--hh-blue); color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: .2s ease; }
.hh-search-button:hover { background: #103b64; transform: translateY(-1px); }
.hh-search-button i { margin-left: 6px; }
.hh-search-foot { padding-top: 13px; color: #98a4af; font-size: 10px; }
.hh-search-foot i { color: #258466; margin-left: 5px; }
.hh-scroll-cue { position: absolute; bottom: 60px; right: 50%; color: rgba(255,255,255,.8); font-size: 24px; }
.hh-hero-stamp { position: absolute; top: 34px; left: 32px; z-index: 1; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 2px; opacity: .85; }
.hh-hero-stamp b { color: #a7d2b8; }
.hh-hero-stamp small { display: block; margin-top: 4px; color: rgba(255,255,255,.65); font-size: 9px; font-weight: 400; letter-spacing: 0; }
.hh-benefits { position: relative; z-index: 0; padding: 76px 0 28px; background: #fff; }
.hh-benefits .container { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: start; }
.hh-benefit { min-width: 0; display: flex; align-items: center; gap: 13px; padding: 15px 10px; }
.hh-benefit-icon { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: #edf6f1; color: #258466; font-size: 17px; }
.hh-benefit b, .hh-benefit small { display: block; }
.hh-benefit b { color: var(--hh-ink); font-size: 13px; }
.hh-benefit small { margin-top: 5px; color: var(--hh-muted); font-size: 10px; }
.hh-section { padding: 78px 0; }
.hh-how { background: #f6f8fa; }
.hh-section-head { margin-bottom: 34px; }
.hh-section-label { color: #258466; }
.hh-section-head h2 { margin: 9px 0 7px; color: var(--hh-ink); font-size: clamp(25px, 3vw, 35px); line-height: 1.5; font-weight: 800; }
.hh-section-head p { margin: 0; color: var(--hh-muted); font-size: 13px; line-height: 2; }
.hh-section-head-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.hh-more-link { flex: 0 0 auto; padding: 11px 15px; border: 1px solid #e4eaf0; border-radius: 9px; color: var(--hh-blue); font-size: 11px; font-weight: 700; background: #fff; }
.hh-more-link i { margin-right: 8px; }
.hh-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.hh-step { position: relative; min-height: 208px; padding: 28px 25px; border: 1px solid #e9eef2; border-radius: 15px; background: #fff; box-shadow: 0 8px 25px rgba(29,54,75,.035); }
.hh-step-number { position: absolute; top: 20px; left: 22px; color: #e7edf2; font-size: 27px; font-weight: 800; }
.hh-step-icon { width: 49px; height: 49px; display: grid; place-items: center; border-radius: 15px; background: #edf6f1; color: #258466; font-size: 19px; }
.hh-step h3 { margin: 19px 0 8px; color: var(--hh-ink); font-size: 16px; font-weight: 800; }
.hh-step p { margin: 0; color: var(--hh-muted); font-size: 12px; line-height: 2; }
.hh-featured { background: #fff; }
.hh-recommendations { background: #f7f9fb; }
.hh-property-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hh-featured-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hh-property-card { min-width: 0; overflow: hidden; border: 1px solid #e9edf1; border-radius: 15px; background: #fff; box-shadow: 0 8px 28px rgba(24,49,70,.055); transition: transform .22s ease, box-shadow .22s ease; }
.hh-property-card:hover { transform: translateY(-5px); box-shadow: 0 17px 36px rgba(24,49,70,.12); }
.hh-property-image { position: relative; display: block; overflow: hidden; height: 220px; background: #e8edf1; }
.hh-property-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.hh-property-card:hover .hh-property-image img { transform: scale(1.04); }
.hh-badge { position: absolute; top: 13px; display: inline-flex; align-items: center; gap: 5px; padding: 7px 11px; border-radius: 30px; color: #fff; font-size: 10px; font-weight: 700; }
.hh-badge-featured { right: 13px; background: var(--hh-orange); }
.hh-badge-deal { left: 13px; background: rgba(20,53,79,.88); }
.hh-property-body { padding: 17px 18px 18px; }
.hh-property-location { color: #8593a0; font-size: 10px; }
.hh-property-location i { color: #258466; margin-left: 4px; }
.hh-property-body h3 { overflow: hidden; margin: 9px 0 13px; color: var(--hh-ink); font-size: 15px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.hh-property-body h3 a { color: inherit; }
.hh-property-meta { display: flex; flex-wrap: wrap; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid #edf0f3; color: #718092; font-size: 10px; }
.hh-property-meta i { margin-left: 4px; color: #9aa7b2; }
.hh-property-price { padding-top: 13px; color: var(--hh-blue); font-size: 13px; font-weight: 800; }
.hh-property-price small, .hh-property-price span { color: #7b8995; font-size: 10px; font-weight: 500; }
.hh-empty { display: flex; min-height: 130px; align-items: center; justify-content: center; gap: 12px; border: 1px dashed #dbe3e9; border-radius: 14px; color: var(--hh-muted); }
.hh-empty i { color: var(--hh-orange); font-size: 22px; }
.hh-contact-cta { padding: 38px 0; background: #104c3d; color: #fff; }
.hh-contact-cta .container { display: flex; align-items: center; gap: 22px; }
.hh-cta-mark { flex: 0 0 62px; width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 20px; background: rgba(255,255,255,.08); color: #a7d2b8; font-size: 25px; }
.hh-cta-copy { flex: 1; }
.hh-cta-copy > span { color: #a7d2b8; font-size: 11px; font-weight: 700; }
.hh-cta-copy h2 { margin: 5px 0; color: #fff; font-size: 21px; font-weight: 800; }
.hh-cta-copy p { margin: 0; color: rgba(255,255,255,.7); font-size: 11px; }
.hh-cta-button { display: flex; align-items: center; gap: 12px; padding: 12px 19px; border-radius: 10px; background: var(--hh-orange); color: #20342e; font-size: 12px; font-weight: 800; }
.hh-cta-button > i { font-size: 19px; }
.hh-cta-button small { display: block; margin-top: 3px; direction: ltr; text-align: right; font-size: 10px; }
@media (max-width: 991px) {
	.hh-hero { min-height: 760px; }
	.hh-hero-inner { padding-top: 58px; }
	.hh-hero-top { gap: 18px; min-height: 520px; }
	.hh-hero-copy { margin-right: 0; max-width: 550px; }
	.hh-visual-card { width: min(300px, 95%); padding: 23px; }
	.hh-visual-card strong { font-size: 21px; }
	.hh-search-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.hh-benefits .container { grid-template-columns: repeat(2, 1fr); }
	.hh-property-grid, .hh-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.hh-hero { min-height: 850px; background-position: 62% center; }
	.hh-hero-shade { background: linear-gradient(270deg, rgba(11,31,49,.84), rgba(14,41,62,.48)), linear-gradient(0deg, rgba(10,28,44,.75), transparent 75%); }
	.hh-hero-inner { padding-top: 65px; padding-bottom: 70px; }
	.hh-hero-top { display: block; min-height: 0; }
	.hh-hero-copy { position: static; width: auto; max-width: none; }
	.hh-hero h1 { margin-top: 17px; font-size: 38px; letter-spacing: -1px; }
	.hh-hero-copy > p { font-size: 13px; }
	.hh-hero-proof { gap: 10px 16px; font-size: 10px; }
	.hh-hero-stamp { top: 20px; left: 18px; }
	.hh-hero-visual { min-height: 238px; margin-top: 24px; }
	.hh-visual-card { width: min(290px, 86%); padding: 18px 20px 16px; transform: rotate(-2deg); }
	.hh-visual-icon { width: 40px; height: 40px; margin-bottom: 13px; border-radius: 12px; font-size: 17px; }
	.hh-visual-card strong { font-size: 18px; line-height: 1.55; }
	.hh-visual-rule { margin: 12px 0 10px; }
	.hh-visual-orbit-one { width: 300px; height: 150px; }
	.hh-visual-orbit-two { width: 235px; height: 118px; }
	.hh-search-card { left: 15px; right: 15px; bottom: -90px; padding: 19px 17px 14px; }
	.hh-search-heading { margin-bottom: 15px; }
	.hh-search-heading h2 { font-size: 17px; }
	.hh-search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
	.hh-field select, .hh-search-button { height: 44px; font-size: 11px; }
	.hh-search-button { grid-column: 1 / -1; }
	.hh-benefits { padding-top: 122px; }
	.hh-benefits .container { grid-template-columns: repeat(2, 1fr); gap: 3px; }
	.hh-benefit { gap: 9px; padding: 9px 2px; }
	.hh-benefit-icon { flex-basis: 38px; width: 38px; height: 38px; border-radius: 12px; font-size: 14px; }
	.hh-benefit b { font-size: 11px; }
	.hh-benefit small { font-size: 9px; }
	.hh-section { padding: 55px 0; }
	.hh-section-head { margin-bottom: 23px; }
	.hh-section-head-row { align-items: flex-start; flex-direction: column; gap: 12px; }
	.hh-section-head h2 { font-size: 26px; }
	.hh-section-head p { font-size: 11px; }
	.hh-steps { grid-template-columns: 1fr; gap: 11px; }
	.hh-step { min-height: 0; padding: 20px; }
	.hh-step h3 { margin-top: 13px; }
	.hh-property-grid, .hh-featured-grid { grid-template-columns: 1fr; gap: 14px; }
	.hh-property-image { height: 215px; }
	.hh-contact-cta { padding: 28px 0; }
	.hh-contact-cta .container { flex-wrap: wrap; gap: 14px; }
	.hh-cta-mark { flex-basis: 48px; width: 48px; height: 48px; border-radius: 15px; font-size: 20px; }
	.hh-cta-copy { flex: 1 1 calc(100% - 70px); }
	.hh-cta-copy h2 { font-size: 17px; }
	.hh-cta-copy p { line-height: 1.9; }
	.hh-cta-button { margin-right: 62px; padding: 10px 14px; }
}

/* About page refresh */
.hh-about { --about-ink:#20342e; --about-muted:#718394; --about-orange:#258466; --about-cream:#f4f8f5; color:var(--about-ink); background:#fff; overflow:hidden; }
.hh-about h1,.hh-about h2,.hh-about h3,.hh-about p { margin-top:0; }
.hh-about-hero { position:relative; min-height:535px; padding:100px 0 75px; background:linear-gradient(120deg,#f4f8f5 0%,#f4f8f5 100%); overflow:hidden; }
.hh-about-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:35px; direction:ltr; }
.hh-about-hero-inner::before,.hh-about-hero-inner::after,
.hh-about-stats-grid::before,.hh-about-stats-grid::after,
.hh-about-story-grid::before,.hh-about-story-grid::after,
.hh-about-values-inner::before,.hh-about-values-inner::after { display:none; }
.hh-about-hero-copy { grid-column:2 !important; grid-row:1; max-width:560px; direction:rtl; text-align:right; justify-self:end; }
.hh-about-kicker,.hh-about-section-label { display:inline-flex; align-items:center; gap:8px; color:var(--about-orange); font-size:12px; font-weight:800; letter-spacing:.2px; }
.hh-about-kicker i { font-size:15px; }
.hh-about-hero h1 { margin:20px 0 20px; color:var(--about-ink); font-size:clamp(31px,4.2vw,57px); line-height:1.42; font-weight:900; }
.hh-about-hero h1 em,.hh-about h2 em { color:var(--about-orange); font-style:normal; }
.hh-about-hero-copy > p { max-width:490px; margin-bottom:28px; color:var(--about-muted); font-size:14px; line-height:2.15; }
.hh-about-hero-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.hh-about-primary,.hh-about-cta a { display:inline-flex; align-items:center; gap:18px; padding:15px 21px; border-radius:7px; background:var(--about-orange); color:#fff; font-size:12px; font-weight:700; box-shadow:0 12px 25px rgba(237,139,58,.2); transition:.25s; }
.hh-about-primary:hover,.hh-about-cta a:hover { color:#fff; transform:translateY(-2px); }
.hh-about-primary i,.hh-about-cta a i,.hh-about-service a i,.hh-about-outline i { font-size:16px; }
.hh-about-quiet { color:var(--about-ink); font-size:12px; font-weight:700; }
.hh-about-quiet i { margin-right:8px; color:var(--about-orange); font-size:17px; }
.hh-about-hero-art { grid-column:1 !important; grid-row:1; position:relative; min-height:390px; direction:rtl; }
.hh-about-hero-art > img { position:absolute; z-index:2; right:26%; bottom:-76px; width:305px; max-width:70%; filter:drop-shadow(0 22px 18px rgba(23,47,73,.13)); }
.hh-about-orbit { position:absolute; border:1px solid rgba(237,139,58,.22); border-radius:50%; }
.hh-about-orbit-one { top:5px; right:11%; width:375px; height:375px; }
.hh-about-orbit-two { top:55px; right:20%; width:275px; height:275px; border-color:rgba(23,47,73,.12); }
.hh-about-art-card { position:absolute; z-index:3; display:flex; flex-direction:column; padding:14px 17px; border:1px solid rgba(255,255,255,.75); border-radius:12px; background:rgba(255,255,255,.83); box-shadow:0 13px 35px rgba(23,47,73,.1); backdrop-filter:blur(8px); }
.hh-about-art-card-top { top:70px; left:3%; }
.hh-about-art-card-top i { margin-bottom:6px; color:#56ad77; font-size:22px; }
.hh-about-art-card span { color:var(--about-ink); font-size:12px; font-weight:800; }.hh-about-art-card small { margin-top:4px; color:var(--about-muted); font-size:9px; }
.hh-about-art-card-bottom { right:3%; bottom:35px; min-width:112px; }.hh-about-art-card-bottom strong { color:var(--about-orange); font-size:23px; }.hh-about-art-card-bottom span { margin-top:2px; color:var(--about-muted); font-size:10px; }
.hh-about-hero-pattern { position:absolute; left:-90px; bottom:-180px; width:420px; height:420px; border:45px solid rgba(237,139,58,.06); border-radius:50%; }
.hh-about-stats { position:relative; z-index:4; margin-top:-1px; background:var(--about-ink); color:#fff; }.hh-about-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }.hh-about-stats-grid > div { display:flex; align-items:center; justify-content:center; gap:13px; min-height:100px; border-left:1px solid rgba(255,255,255,.11); }.hh-about-stats-grid > div:last-child { border-left:0; }.hh-about-stats strong { color:#a7d2b8; font-size:25px; }.hh-about-stats span { color:rgba(255,255,255,.66); font-size:11px; }
.hh-about-section { padding:100px 0; }.hh-about-story { background:#fff; }.hh-about-story-grid { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:90px; }.hh-about-story-media { position:relative; min-height:350px; }.hh-about-image-frame { position:absolute; inset:0 0 0 35px; overflow:hidden; border-radius:22px 22px 5px 22px; background:#f0f3f4; }.hh-about-image-frame:after { position:absolute; inset:0; background:linear-gradient(0deg,rgba(23,47,73,.22),transparent 50%); content:''; }.hh-about-image-frame img { width:100%; height:100%; object-fit:cover; }.hh-about-story-media:before { position:absolute; top:-20px; right:-20px; width:100px; height:100px; border-top:3px solid var(--about-orange); border-right:3px solid var(--about-orange); border-radius:0 20px 0 0; content:''; }.hh-about-story-badge { position:absolute; z-index:2; right:-22px; bottom:23px; display:inline-flex; align-items:center; gap:9px; padding:13px 17px; border-radius:8px; background:#fff; color:var(--about-ink); font-size:11px; font-weight:700; box-shadow:0 12px 25px rgba(23,47,73,.12); }.hh-about-story-badge i { color:var(--about-orange); }.hh-about-story-copy h2,.hh-about-heading h2 { margin:16px 0 18px; color:var(--about-ink); font-size:clamp(25px,3vw,38px); line-height:1.65; font-weight:900; }.hh-about-story-copy p { margin-bottom:13px; color:var(--about-muted); font-size:13px; line-height:2.2; }.hh-about-story-points { display:grid; grid-template-columns:1fr 1fr; gap:11px 20px; margin-top:24px; }.hh-about-story-points span { color:var(--about-ink); font-size:11px; }.hh-about-story-points i { margin-left:6px; color:#63b17e; }
.hh-about-services { background:var(--about-cream); }.hh-about-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:43px; }.hh-about-heading h2 { margin-bottom:0; }.hh-about-heading > p { max-width:350px; margin:0 0 8px; color:var(--about-muted); font-size:12px; line-height:2; }.hh-about-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }.hh-about-service { position:relative; min-height:280px; padding:27px 22px 22px; border:1px solid #eee8df; border-radius:13px; background:#fff; transition:.25s; }.hh-about-service:hover { transform:translateY(-6px); border-color:rgba(237,139,58,.35); box-shadow:0 17px 30px rgba(23,47,73,.08); }.hh-about-service-icon { display:grid; place-items:center; width:52px; height:52px; margin-bottom:20px; border-radius:13px; background:#edf6f1; color:var(--about-orange); font-size:21px; }.hh-about-service-number { position:absolute; top:30px; left:21px; color:#dce2e5; font-size:25px; font-weight:900; }.hh-about-service h3 { margin-bottom:11px; font-size:16px; font-weight:800; }.hh-about-service p { min-height:68px; margin-bottom:17px; color:var(--about-muted); font-size:11px; line-height:2; }.hh-about-service a { display:inline-flex; align-items:center; gap:9px; color:var(--about-orange); font-size:11px; font-weight:800; }
.hh-about-process { background:#fff; }.hh-about-heading-center { display:block; text-align:center; }.hh-about-heading-center > p { max-width:500px; margin:0 auto; }.hh-about-process-grid { display:grid; grid-template-columns:1fr 55px 1fr 55px 1fr; align-items:center; margin-top:45px; }.hh-about-process-item { text-align:center; }.hh-about-process-item > span { display:block; margin-bottom:14px; color:#d9e1e4; font-size:27px; font-weight:900; }.hh-about-process-item i { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 17px; border-radius:50%; background:var(--about-ink); color:#a7d2b8; font-size:21px; }.hh-about-process-item h3 { margin-bottom:10px; font-size:15px; }.hh-about-process-item p { max-width:190px; margin:auto; color:var(--about-muted); font-size:11px; line-height:2; }.hh-about-process-line { height:1px; background:#e5eaeb; }
.hh-about-values { padding:76px 0; background:var(--about-ink); color:#fff; }.hh-about-values-inner { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:75px; }.hh-about-values-copy h2 { margin:17px 0 17px; color:#fff; font-size:32px; line-height:1.55; }.hh-about-values-copy p { margin-bottom:25px; color:rgba(255,255,255,.64); font-size:12px; line-height:2.1; }.hh-about-outline { display:inline-flex; align-items:center; gap:16px; color:#a7d2b8; font-size:11px; font-weight:800; }.hh-about-value-cards { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.hh-about-value-cards > div { display:grid; grid-template-columns:38px 1fr; column-gap:12px; padding:19px; border:1px solid rgba(255,255,255,.13); border-radius:10px; background:rgba(255,255,255,.04); }.hh-about-value-cards i { grid-row:span 2; color:#a7d2b8; font-size:21px; }.hh-about-value-cards strong { margin-bottom:5px; font-size:13px; }.hh-about-value-cards span { color:rgba(255,255,255,.56); font-size:10px; line-height:1.8; }
.hh-about-cta { padding:42px 0; background:#edf6f1; }.hh-about-cta .container { display:flex; align-items:center; justify-content:space-between; gap:25px; }.hh-about-cta span { color:var(--about-orange); font-size:11px; font-weight:800; }.hh-about-cta h2 { margin:8px 0 0; color:var(--about-ink); font-size:24px; }.hh-about-cta a { flex-shrink:0; }
@media (max-width:991px) { .hh-about-hero-inner,.hh-about-story-grid,.hh-about-values-inner { grid-template-columns:1fr; }.hh-about-hero-copy,.hh-about-hero-art { grid-column:1; grid-row:auto; }.hh-about-hero { padding-top:65px; }.hh-about-hero-art { max-width:530px; width:100%; margin:0 auto; }.hh-about-story-grid { gap:55px; }.hh-about-service-grid { grid-template-columns:1fr 1fr; }.hh-about-values-inner { gap:40px; }.hh-about-heading { align-items:start; flex-direction:column; gap:12px; } }
@media (max-width:600px) { .hh-about-hero { min-height:auto; padding:55px 0 20px; }.hh-about-hero h1 { font-size:31px; }.hh-about-hero-art { min-height:320px; margin-top:22px; }.hh-about-hero-art > img { right:24%; bottom:-34px; width:240px; }.hh-about-orbit-one { width:280px; height:280px; right:6%; }.hh-about-orbit-two { width:210px; height:210px; right:17%; top:40px; }.hh-about-art-card-top { top:55px; left:0; }.hh-about-art-card-bottom { bottom:18px; right:0; }.hh-about-stats-grid { grid-template-columns:1fr 1fr; }.hh-about-stats-grid > div { min-height:83px; border-bottom:1px solid rgba(255,255,255,.11); }.hh-about-stats-grid > div:nth-child(2) { border-left:0; }.hh-about-stats-grid > div:nth-child(3),.hh-about-stats-grid > div:nth-child(4) { border-bottom:0; }.hh-about-section { padding:66px 0; }.hh-about-story-media { min-height:280px; }.hh-about-image-frame { inset:0 0 0 18px; }.hh-about-story-badge { right:-7px; bottom:15px; }.hh-about-story-points { grid-template-columns:1fr; }.hh-about-service-grid { grid-template-columns:1fr; }.hh-about-service { min-height:0; }.hh-about-process-grid { display:block; }.hh-about-process-line { width:1px; height:30px; margin:7px auto; }.hh-about-value-cards { grid-template-columns:1fr; }.hh-about-cta .container { align-items:flex-start; flex-direction:column; }.hh-about-cta h2 { font-size:21px; } }

/* Contact page */
.hh-contact { --contact-ink:#20342e; --contact-muted:#718394; --contact-orange:#258466; color:var(--contact-ink); background:#fff; overflow:hidden; }
.hh-contact h1,.hh-contact h2,.hh-contact h3,.hh-contact p { margin-top:0; }
.hh-contact-hero { position:relative; padding:74px 0 67px; background:linear-gradient(120deg,#f4f8f5 0%,#f2f7f7 100%); overflow:hidden; }
.hh-contact-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:60px; direction:rtl; }
.hh-contact-hero-inner::before,.hh-contact-hero-inner::after { display:none; }
.hh-contact-intro { max-width:570px; }
.hh-contact-intro h1 { margin:19px 0 17px; color:var(--contact-ink); font-size:clamp(33px,4.2vw,54px); line-height:1.5; font-weight:900; }
.hh-contact-intro h1 em,.hh-contact-heading h2 em { color:var(--contact-orange); font-style:normal; }
.hh-contact-intro > p { max-width:500px; margin-bottom:27px; color:var(--contact-muted); font-size:14px; line-height:2.2; }
.hh-contact-call { display:inline-flex; align-items:center; gap:13px; padding:12px 17px; border:1px solid #e9e5df; border-radius:10px; background:rgba(255,255,255,.8); color:var(--contact-ink); box-shadow:0 10px 26px rgba(23,47,73,.06); transition:.2s; }
.hh-contact-call:hover { transform:translateY(-2px); color:var(--contact-ink); box-shadow:0 14px 30px rgba(23,47,73,.1); }
.hh-contact-call > span:first-child { display:grid; width:42px; height:42px; place-items:center; border-radius:9px; background:#edf6f1; color:var(--contact-orange); font-size:17px; }
.hh-contact-call span:nth-child(2) { display:flex; flex-direction:column; gap:4px; }.hh-contact-call small { color:var(--contact-muted); font-size:10px; }.hh-contact-call strong { font-size:15px; letter-spacing:.5px; }.hh-contact-call > i { margin-right:14px; color:var(--contact-orange); }
.hh-contact-visual { position:relative; min-height:300px; direction:rtl; }
.hh-contact-visual-ring { position:absolute; top:50%; left:50%; border:1px solid rgba(237,139,58,.25); border-radius:50%; transform:translate(-50%,-50%); }
.hh-contact-visual-ring-one { width:270px; height:270px; }.hh-contact-visual-ring-two { width:210px; height:210px; border-color:rgba(23,47,73,.13); }
.hh-contact-visual-center { position:absolute; top:50%; left:50%; display:flex; width:156px; height:156px; align-items:center; justify-content:center; flex-direction:column; gap:12px; border-radius:50%; background:linear-gradient(145deg,#fff,#f4f8f5); color:var(--contact-orange); box-shadow:0 18px 48px rgba(23,47,73,.12); transform:translate(-50%,-50%); }
.hh-contact-visual-center i { font-size:44px; }.hh-contact-visual-center span { color:var(--contact-ink); font-size:12px; font-weight:800; }
.hh-contact-float { position:absolute; z-index:2; display:flex; align-items:center; gap:9px; padding:12px 15px; border:1px solid rgba(255,255,255,.9); border-radius:10px; background:rgba(255,255,255,.9); color:var(--contact-ink); font-size:11px; font-weight:700; box-shadow:0 12px 28px rgba(23,47,73,.1); }
.hh-contact-float i { color:var(--contact-orange); font-size:17px; }.hh-contact-float-top { top:25px; right:5%; }.hh-contact-float-bottom { bottom:27px; left:3%; }.hh-contact-float-bottom i { color:#e17878; }
.hh-contact-spark { position:absolute; color:#a7d2b8; }.hh-contact-spark-one { top:23px; left:20%; font-size:22px; }.hh-contact-spark-two { right:12%; bottom:19px; font-size:14px; }
.hh-contact-hero-pattern { position:absolute; right:-90px; bottom:-230px; width:430px; height:430px; border:48px solid rgba(237,139,58,.055); border-radius:50%; }
.hh-contact-content { padding:78px 0 96px; background:#fff; }
.hh-contact-heading { margin-bottom:36px; text-align:center; }.hh-contact-heading h2 { margin:12px 0 8px; font-size:clamp(24px,3vw,34px); line-height:1.6; font-weight:900; }.hh-contact-heading > p { margin:0; color:var(--contact-muted); font-size:12px; line-height:2; }
.hh-contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:24px; align-items:stretch; }
.hh-contact-details { padding:26px; border-radius:14px; background:var(--contact-ink); color:#fff; box-shadow:0 17px 40px rgba(23,47,73,.12); }
.hh-contact-detail-title { display:flex; align-items:center; gap:13px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.12); }.hh-contact-detail-icon { display:grid; width:46px; height:46px; place-items:center; border-radius:10px; background:rgba(255,255,255,.1); color:#a7d2b8; font-size:20px; }.hh-contact-detail-title h3 { margin:0 0 4px; color:#fff; font-size:17px; font-weight:800; }.hh-contact-detail-title p { margin:0; color:rgba(255,255,255,.56); font-size:10px; }
.hh-contact-detail { display:flex; align-items:center; gap:12px; padding:17px 0; border-bottom:1px solid rgba(255,255,255,.1); color:#fff; transition:.2s; }.hh-contact-detail:hover { color:#a7d2b8; }.hh-contact-detail > span:first-child { display:grid; width:37px; height:37px; flex:0 0 37px; place-items:center; border-radius:9px; background:rgba(255,255,255,.09); color:#a7d2b8; font-size:15px; }.hh-contact-detail > span:nth-child(2) { display:flex; min-width:0; flex:1; flex-direction:column; gap:5px; }.hh-contact-detail small { color:rgba(255,255,255,.53); font-size:9px; }.hh-contact-detail strong { color:#fff; font-size:11px; line-height:1.9; overflow-wrap:anywhere; }.hh-contact-detail > i { color:rgba(255,255,255,.4); }
.hh-contact-hours { display:flex; align-items:center; gap:11px; margin-top:20px; padding:13px; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:rgba(255,255,255,.05); }.hh-contact-hours > i { color:#a7d2b8; font-size:19px; }.hh-contact-hours span { display:flex; flex:1; flex-direction:column; gap:4px; }.hh-contact-hours strong { font-size:10px; }.hh-contact-hours small { color:rgba(255,255,255,.54); font-size:9px; line-height:1.8; }.hh-contact-hours b { width:7px; height:7px; border-radius:50%; background:#6dc58b; box-shadow:0 0 0 4px rgba(109,197,139,.12); }
.hh-contact-form-card { padding:31px 33px; border:1px solid #edf0f2; border-radius:14px; background:#fff; box-shadow:0 14px 40px rgba(23,47,73,.055); }
.hh-contact-form-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }.hh-contact-form-heading h3 { margin:7px 0 0; color:var(--contact-ink); font-size:19px; font-weight:900; }.hh-contact-form-mark { display:grid; width:44px; height:44px; place-items:center; border-radius:11px; background:#edf6f1; color:var(--contact-orange); font-size:18px; }
.hh-contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:17px; }.hh-contact-field { display:flex; flex-direction:column; gap:8px; color:var(--contact-ink); font-size:11px; font-weight:700; }.hh-contact-message { grid-column:1 / -1; }.hh-contact-input { position:relative; display:block; }.hh-contact-input > i { position:absolute; top:16px; right:14px; color:#98a6b2; font-size:14px; pointer-events:none; }.hh-contact-input input,.hh-contact-input textarea { display:block; width:100%; border:1px solid #e8edf0; border-radius:8px; outline:0; background:#fbfcfc; color:var(--contact-ink); font:inherit; font-size:11px; font-weight:400; transition:.2s; }.hh-contact-input input { height:47px; padding:0 40px 0 13px; }.hh-contact-input textarea { min-height:135px; padding:14px 40px 12px 13px; resize:vertical; line-height:2; }.hh-contact-input input::placeholder,.hh-contact-input textarea::placeholder { color:#a7b1b8; }.hh-contact-input input:focus,.hh-contact-input textarea:focus { border-color:#78b393; background:#fff; box-shadow:0 0 0 3px rgba(237,139,58,.1); }.hh-contact-error { color:#c0392b; font-size:10px; font-weight:500; }.hh-contact-alert { margin-bottom:18px; padding:12px 14px; border:1px solid #f2c7c2; border-radius:7px; background:#fff4f2; color:#a33428; font-size:11px; }
.hh-contact-submit-row { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:19px; }.hh-contact-submit-row > span { color:var(--contact-muted); font-size:9px; }.hh-contact-submit-row > span i { margin-left:5px; color:#69a67b; }.hh-contact-submit-row button { display:inline-flex; align-items:center; gap:19px; padding:13px 19px; border:0; border-radius:7px; background:var(--contact-orange); color:#fff; font-family:inherit; font-size:11px; font-weight:800; box-shadow:0 9px 20px rgba(237,139,58,.2); cursor:pointer; transition:.2s; }.hh-contact-submit-row button:hover { transform:translateY(-2px); background:#176b52; }.hh-contact-submit-row button i { font-size:15px; }
@media (max-width:991px) { .hh-contact-hero-inner { gap:20px; }.hh-contact-grid { grid-template-columns:.9fr 1.1fr; gap:16px; }.hh-contact-details { padding:21px; }.hh-contact-form-card { padding:26px 23px; } }
@media (max-width:767px) { .hh-contact-hero { padding:55px 0 27px; }.hh-contact-hero-inner { grid-template-columns:1fr; gap:5px; }.hh-contact-intro { max-width:none; }.hh-contact-intro h1 { font-size:34px; }.hh-contact-visual { min-height:255px; max-width:420px; width:100%; margin:0 auto; }.hh-contact-visual-ring-one { width:225px; height:225px; }.hh-contact-visual-ring-two { width:174px; height:174px; }.hh-contact-visual-center { width:134px; height:134px; }.hh-contact-visual-center i { font-size:37px; }.hh-contact-float-top { top:15px; right:0; }.hh-contact-float-bottom { bottom:14px; left:0; }.hh-contact-content { padding:58px 0 66px; }.hh-contact-grid { grid-template-columns:1fr; }.hh-contact-form-card { grid-row:1; }.hh-contact-details { grid-row:2; } }
@media (max-width:480px) { .hh-contact-intro h1 { font-size:30px; }.hh-contact-call { padding:10px 12px; }.hh-contact-fields { grid-template-columns:1fr; }.hh-contact-message { grid-column:auto; }.hh-contact-form-card { padding:23px 17px; }.hh-contact-submit-row { align-items:flex-start; flex-direction:column; }.hh-contact-submit-row button { justify-content:center; width:100%; }.hh-contact-heading { margin-bottom:27px; } }

/* Compact site header on desktop: keep the logo prominent without wasting navbar height. */
@media (min-width: 992px) {
	header.header-desktop .navbar {
		min-height: 88px;
	}
	header.header-desktop .navbar-brand {
		line-height: 88px;
	}
	header.header-desktop .navbar-brand .logo-img {
		width: 135px;
		max-height: 62px !important;
		margin-top: 11px;
	}
	header.header-desktop .navbar-meta {
		height: 88px;
	}
	header.header-desktop .navbar-meta.meta-property .meta-content .meta-property {
		margin-top: 19px;
	}
	header.header-desktop .main-menu .navbar-nav li > a {
		line-height: 88px;
	}
}

/* Keep the add-listing icon centered inside its header button. */
header.header-desktop .navbar-meta.meta-property .meta-content .meta-property > span {
	top: 0;
	height: 50px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

/* Keep all four benefits on the same row and give each item the same vertical rhythm. */
.hh-benefits .container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: minmax(76px, auto);
	align-items: center;
}
.hh-benefits .container::before,
.hh-benefits .container::after {
	display: none;
}
.hh-benefit {
	width: 100%;
	min-height: 76px;
	align-self: center;
}

/* AJAX property-list filters */
.hh-house-filters { margin: 0 0 38px; padding: 24px; border: 1px solid #e5ebf0; border-radius: 16px; background: #fff; box-shadow: 0 12px 35px rgba(24,49,70,.06); }
.hh-house-result-card { display: flex; margin-bottom: 20px; }
.hh-house-result-card > .hh-property-card { width: 100%; }
.hh-filter-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.hh-filter-heading > div > span { color: #258466; font-size: 11px; font-weight: 700; }
.hh-filter-heading h4 { margin: 5px 0 0; color: var(--hh-ink); font-size: 20px; font-weight: 800; }
.hh-filter-reset { padding: 9px 13px; border: 1px solid #e5ebf0; border-radius: 8px; background: #fff; color: #728395; font: inherit; font-size: 11px; cursor: pointer; }
.hh-filter-reset:hover { border-color: #f2a52c; color: #258466; }
.hh-filter-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; align-items: end; }
.hh-filter-field, .hh-filter-range { display: block; margin: 0; color: #718092; font-size: 11px; font-weight: 700; }
.hh-filter-field > span, .hh-filter-range > span { display: block; margin-bottom: 7px; }
.hh-filter-field > div { position: relative; }
.hh-filter-search { grid-column: span 2; }
.hh-filter-search i { position: absolute; top: 14px; right: 13px; color: #c1cbd3; }
.hh-filter-form select, .hh-filter-form input { box-sizing: border-box; width: 100%; height: 43px; padding: 0 11px; border: 1px solid #e5ebf0; border-radius: 8px; outline: none; background: #fbfcfd; color: var(--hh-ink); font: inherit; font-size: 12px; }
.hh-filter-search input { padding-right: 34px; }
.hh-filter-form select:focus, .hh-filter-form input:focus { border-color: #78b393; box-shadow: 0 0 0 3px rgba(246,162,26,.12); }
.hh-filter-range > div { display: flex; align-items: center; gap: 6px; }
.hh-filter-range input { min-width: 0; }
.hh-filter-range b { color: #bac3ca; font-size: 10px; }
.hh-filter-status { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 15px; border-top: 1px solid #f0f3f5; color: #7a8b9b; font-size: 11px; }
#house-filter-loading { visibility: hidden; color: #258466; }
#house-filter-loading.is-visible { visibility: visible; }
.hh-houses-empty { display: flex; min-height: 170px; flex-direction: column; align-items: center; justify-content: center; gap: 9px; width: 100%; border: 1px dashed #dce5eb; border-radius: 14px; color: #8493a0; background: #fff; }
.hh-houses-empty i { color: #258466; font-size: 25px; }
.hh-houses-empty strong { color: var(--hh-ink); font-size: 15px; }
.hh-house-pagination { margin-top: 28px; }
.hh-house-pagination .pagination { justify-content: center; }

/* Improve readability across the complete property filter panel. */
.hh-house-filters .hh-filter-heading > div > span { font-size: 13px; }
.hh-house-filters .hh-filter-heading h4 { font-size: 22px; }
.hh-house-filters .hh-filter-reset { font-size: 13px; }
.hh-house-filters .hh-filter-field,
.hh-house-filters .hh-filter-range { font-size: 14px; }
.hh-house-filters .hh-filter-form select,
.hh-house-filters .hh-filter-form input { font-size: 14px; }
.hh-house-filters .hh-filter-range b { font-size: 12px; }
.hh-house-filters .hh-filter-status { font-size: 13px; }

@media (max-width: 991px) {
	.hh-benefits .container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.hh-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hh-filter-search { grid-column: span 2; }
}

@media (max-width: 600px) {
	.hh-house-filters { padding: 16px; }
	.hh-filter-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
	.hh-house-filters .hh-filter-heading h4 { font-size: 20px; }
	.hh-filter-form { grid-template-columns: 1fr; gap: 11px; }
	.hh-filter-search { grid-column: auto; }
	.hh-filter-status { align-items: flex-start; flex-direction: column; gap: 8px; }
}

/* Property details redesign */
.hh-detail-page {
	--detail-ink: #20342e;
	--detail-blue: #176b52;
	--detail-orange: #258466;
	--detail-muted: #78899a;
	background: #f5f8fb;
	color: var(--detail-ink);
}
.hh-detail-alert {
	max-width: 1170px;
	margin: 18px auto -2px;
	padding: 13px 18px;
	border: 1px solid #bfe5c4;
	border-radius: 12px;
	background: #effaf1;
	color: #2d7f39;
	text-align: right;
	font-size: 13px;
}
.hh-detail-hero {
	position: relative;
	padding: 28px 0 52px;
	background: linear-gradient(180deg, #eef4f8 0%, #f8fafc 100%);
}
.hh-detail-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	color: #8b9aa8;
	font-size: 11px;
}
.hh-detail-breadcrumb a { color: var(--detail-blue); }
.hh-detail-breadcrumb i { color: var(--detail-orange); }
.hh-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(330px, .85fr);
	gap: 24px;
	align-items: stretch;
}
.hh-detail-gallery {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 430px;
	overflow: hidden;
	border-radius: 22px;
	background: #dfe7ee;
	box-shadow: 0 18px 45px rgba(23,50,77,.12);
}
.hh-detail-carousel,
.hh-detail-carousel .owl-stage-outer,
.hh-detail-carousel .owl-stage,
.hh-detail-carousel .owl-item,
.hh-detail-carousel .item { min-height: 430px; height: 100%; }
.hh-detail-carousel { flex: 1; min-height: 430px; height: auto; }
.hh-detail-carousel .owl-stage-outer,
.hh-detail-carousel .owl-stage,
.hh-detail-carousel .owl-item { height: 100%; min-height: 430px; }
.hh-detail-carousel .item a { display: block; height: 100%; }
.hh-detail-carousel .item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.hh-detail-carousel .owl-nav { margin: 0; }
.hh-detail-carousel .owl-nav button {
	position: absolute;
	top: 50%;
	width: 38px;
	height: 38px;
	margin: -19px 0 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255,255,255,.88) !important;
	color: var(--detail-blue) !important;
	font-size: 22px !important;
	box-shadow: 0 5px 15px rgba(0,0,0,.12);
}
.hh-detail-carousel .owl-prev { right: 16px; }
.hh-detail-carousel .owl-next { left: 16px; }
.hh-detail-carousel .owl-dots {
	position: absolute;
	right: 50%;
	bottom: 16px;
	width: auto;
	height: auto;
	padding: 5px 9px;
	border-radius: 20px;
	background: rgba(13,35,55,.58);
	transform: translateX(50%);
}
.hh-detail-carousel .owl-dots .owl-dot {
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background: transparent;
}
.hh-detail-carousel .owl-dots .owl-dot:before { display: none; }
.hh-detail-carousel .owl-dots .owl-dot span {
	display: block;
	width: 7px;
	height: 7px;
	margin: 0;
	border-radius: 50%;
	background: rgba(255,255,255,.55);
}
.hh-detail-carousel .owl-dots .owl-dot.active span { background: var(--detail-orange); }
.hh-gallery-note {
	position: absolute;
	right: 18px;
	top: 18px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 12px;
	border-radius: 20px;
	background: rgba(13,35,55,.65);
	color: #fff;
	font-size: 10px;
}
.hh-detail-summary {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 32px 30px 25px;
	border-radius: 22px;
	background: var(--detail-blue);
	color: #fff;
	box-shadow: 0 18px 45px rgba(23,50,77,.16);
	overflow: hidden;
}
.hh-detail-summary:after {
	position: absolute;
	left: -70px;
	bottom: -85px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255,255,255,.05);
	content: '';
}
.hh-detail-status {
	align-self: flex-start;
	padding: 7px 13px;
	border-radius: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}
.hh-detail-status.is-sale { background: var(--detail-orange); }
.hh-detail-status.is-rent { background: #f15a35; }
.hh-detail-summary h1 {
	position: relative;
	z-index: 1;
	margin: 22px 0 10px;
	color: #fff;
	font-size: clamp(22px, 2.2vw, 31px);
	line-height: 1.6;
	font-weight: 800;
}
.hh-detail-location { position: relative; z-index: 1; margin: 0; color: rgba(255,255,255,.75); font-size: 12px; }
.hh-detail-location i { margin-left: 7px; color: #a7d2b8; }
.hh-detail-facts {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin-top: 28px;
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,.16);
	border-bottom: 1px solid rgba(255,255,255,.16);
}
.hh-detail-facts span { display: grid; grid-template-columns: 26px 1fr; align-items: center; column-gap: 5px; }
.hh-detail-facts i { grid-row: span 2; color: #a7d2b8; font-size: 17px; text-align: center; }
.hh-detail-facts b { color: #fff; font-size: 12px; font-weight: 700; }
.hh-detail-facts small { color: rgba(255,255,255,.62); font-size: 10px; }
.hh-detail-price { position: relative; z-index: 1; margin-top: auto; padding-top: 22px; }
.hh-detail-price > small { display: block; margin-bottom: 8px; color: rgba(255,255,255,.65); font-size: 10px; }
.hh-detail-price strong { display: block; color: #fff; font-size: 24px; font-weight: 800; }
.hh-detail-price strong em { color: #a7d2b8; font-size: 12px; font-style: normal; }
.hh-detail-price span { display: block; margin-top: 5px; color: rgba(255,255,255,.78); font-size: 11px; }
.hh-detail-body { padding-top: 42px; }
.hh-detail-body .single-property-detail {
	float: none;
	padding: 34px 38px;
	border: 0;
	border-radius: 18px;
	box-shadow: 0 8px 30px rgba(23,50,77,.06);
}
.hh-detail-body .detail-header { padding-top: 28px; border-bottom-color: #e8eef3; }
.hh-detail-body .detail-header:first-child { padding-top: 0; }
.hh-detail-body .detail-title { color: var(--detail-ink); font-size: 19px; font-weight: 800; }
.hh-detail-body .detail-content { color: #66798a; font-size: 13px; line-height: 2.1; }
.hh-detail-body .detail-content h3 { color: var(--detail-ink); font-size: 22px; font-weight: 800; }
.hh-detail-notice { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 25px; padding: 15px 18px; border-radius: 12px; background: #f4f8f5; color: #8c6a2f; }
.hh-detail-notice i { margin-top: 4px; color: var(--detail-orange); font-size: 18px; }
.hh-detail-notice p { margin: 0; }
.hh-detail-body .content-box-item { padding: 10px 0; border-bottom: 1px solid #f0f3f5; }
.hh-detail-body .content-box-item > label { color: #8a99a6; font-weight: 500; }
.hh-detail-body .content-box-item > span { color: var(--detail-ink); font-weight: 700; }
.hh-detail-body #map { height: 360px !important; border: 0 !important; border-radius: 14px; overflow: hidden; }

/* Home refresh: stats, editorial promos and category shortcuts */
.hh-stats { padding: 30px 0 82px; background: #fff; }
.hh-stats .container { display: grid; grid-template-columns: .8fr 1.7fr; gap: 42px; align-items: center; }
.hh-stats-intro h2 { margin: 12px 0 0; color: #20342e; font-size: 27px; line-height: 1.55; font-weight: 800; }
.hh-stats-intro h2 em, .hh-banner-section h2 em, .hh-category-strip h2 em, .hh-listing-cta h2 em { color: #258466; font-style: normal; }
.hh-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.hh-stat-card { min-height: 142px; padding: 20px 14px 17px; border: 1px solid #e9eff2; border-radius: 17px; background: #fff; box-shadow: 0 13px 35px rgba(26, 59, 76, .06); text-align: center; transition: transform .25s ease, box-shadow .25s ease; }
.hh-stat-card:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(26, 59, 76, .11); }
.hh-stat-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-bottom: 9px; border-radius: 12px; color: #fff; background: #176b52; font-size: 17px; }
.hh-stat-icon-warm { background: #258466; } .hh-stat-icon-gold { background: #c99b47; } .hh-stat-icon-blue { background: #518ba0; }
.hh-stat-card strong { display: block; color: #20342e; font-size: 23px; line-height: 1.2; font-weight: 800; }
.hh-stat-card > span:last-child { display: block; margin-top: 5px; color: #82919b; font-size: 11px; }
.hh-banner-section { padding-top: 85px; padding-bottom: 88px; background: #f7faf9; }
.hh-banner-pair { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.hh-promo-banner { position: relative; min-height: 250px; overflow: hidden; border-radius: 22px; isolation: isolate; background-position: center; background-size: cover; box-shadow: 0 18px 40px rgba(19, 48, 63, .13); transition: transform .25s ease; }
.hh-promo-banner:hover { transform: translateY(-5px); }
.hh-promo-sale { background-image: linear-gradient(90deg, rgba(21, 54, 63, .94) 0%, rgba(31, 75, 77, .72) 53%, rgba(31, 75, 77, .12) 100%), url('../images/property/property_6.jpg'); }
.hh-promo-rent { background-image: linear-gradient(90deg, rgba(116, 63, 44, .92) 0%, rgba(171, 99, 65, .72) 53%, rgba(171, 99, 65, .12) 100%), url('../images/property/property_9.jpg'); }
.hh-promo-banner:after { position: absolute; content: ''; width: 210px; height: 210px; left: -76px; bottom: -120px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; box-shadow: 0 0 0 22px rgba(255,255,255,.05), 0 0 0 44px rgba(255,255,255,.04); }
.hh-promo-glow { position: absolute; width: 135px; height: 135px; top: -35px; right: 15%; border-radius: 50%; background: rgba(255,255,255,.1); filter: blur(2px); }
.hh-promo-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 32px 35px; color: #fff; }
.hh-promo-content small { margin-bottom: 11px; color: rgba(255,255,255,.72); font-size: 11px; }
.hh-promo-content strong { font-size: 24px; line-height: 1.65; font-weight: 800; } .hh-promo-content strong em { color: #a7d2b8; font-style: normal; }
.hh-promo-link { margin-top: auto; color: #fff; font-size: 12px; } .hh-promo-link i { margin-right: 6px; color: #a7d2b8; }
.hh-category-strip { padding: 86px 0 94px; background: #fff; }
.hh-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.hh-category-card { display: flex; align-items: center; gap: 15px; min-height: 111px; padding: 15px 17px; border: 1px solid #ebf0f1; border-radius: 17px; color: #20342e; background: #fff; box-shadow: 0 11px 30px rgba(26,59,76,.055); transition: transform .25s ease, border-color .25s ease; }
.hh-category-card:hover { transform: translateY(-4px); border-color: #e1ad72; color: #20342e; }
.hh-category-card > span:nth-child(2) { flex: 1; } .hh-category-card strong, .hh-category-card small { display: block; }
.hh-category-card strong { font-size: 14px; } .hh-category-card small { margin-top: 7px; color: #8b9aa1; font-size: 11px; }
.hh-category-card > i { color: #258466; font-size: 18px; }
.hh-category-art { display: flex; align-items: center; justify-content: center; width: 64px; height: 76px; border-radius: 14px; color: #fff; font-size: 24px; background: linear-gradient(145deg, #258466, #176b52); }
.hh-category-office { background: linear-gradient(145deg, #5f9d7e, #176b52); } .hh-category-land { background: linear-gradient(145deg, #78b393, #176b52); }
.hh-listing-cta { padding: 65px 0; background: #f4f8f7; }
.hh-listing-cta .container { position: relative; display: flex; align-items: center; gap: 28px; min-height: 210px; padding: 37px 55px; overflow: hidden; border-radius: 24px; background: #104c3d; box-shadow: 0 20px 45px rgba(22,56,71,.16); }
.hh-listing-cta .container:after { position: absolute; content: ''; width: 320px; height: 320px; left: -95px; top: -175px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.045), 0 0 0 56px rgba(255,255,255,.035); }
.hh-listing-cta-art { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex: 0 0 112px; width: 112px; height: 112px; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #5f9d7e, #176b52); font-size: 34px; box-shadow: 0 12px 27px rgba(0,0,0,.15); }
.hh-listing-cta-art span { position: absolute; width: 11px; height: 11px; top: 7px; right: 11px; border-radius: 50%; background: #a7d2b8; }
.hh-listing-cta h2 { position: relative; z-index: 1; margin: 8px 0 8px; color: #fff; font-size: 25px; line-height: 1.7; } .hh-listing-cta p { position: relative; z-index: 1; margin: 0; color: rgba(255,255,255,.68); font-size: 12px; }
.hh-listing-cta .hh-section-label { color: #a7d2b8; } .hh-listing-cta-button { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 11px; margin-right: auto; padding: 15px 22px; border-radius: 10px; color: #104c3d; background: #a7d2b8; font-size: 12px; font-weight: 700; white-space: nowrap; transition: background .2s ease; }
.hh-listing-cta-button:hover { color: #104c3d; background: #fff; }
@media (max-width: 991px) { .hh-stats .container { display: block; } .hh-stats-intro { margin-bottom: 25px; text-align: center; } .hh-banner-pair { grid-template-columns: 1fr; } .hh-category-grid { grid-template-columns: 1fr; } .hh-listing-cta .container { padding: 32px; } }
@media (max-width: 600px) { .hh-stats-grid { grid-template-columns: repeat(2, 1fr); } .hh-stats { padding-bottom: 55px; } .hh-stat-card { min-height: 130px; } .hh-banner-section, .hh-category-strip { padding: 58px 0; } .hh-promo-banner { min-height: 220px; } .hh-promo-content { padding: 25px; } .hh-promo-content strong { font-size: 21px; } .hh-listing-cta .container { display: block; padding: 27px 22px; text-align: center; } .hh-listing-cta-art { margin: 0 auto 20px; } .hh-listing-cta-button { margin-top: 22px; } }

/* Homepage order and compact stats treatment */
.hh-category-strip-top { padding-top: 50px; padding-bottom: 48px; }
.hh-listing-cta-top { padding-top: 10px; padding-bottom: 72px; }
.hh-stats { padding-top: 72px; padding-bottom: 82px; background: #f7faf9; }
.hh-stats .container { display: block; }
.hh-stats-intro { margin-bottom: 28px; text-align: center; }
.hh-stats-intro h2 { margin-top: 8px; font-size: 25px; }
.hh-stats-grid { max-width: 780px; margin: 0 auto; gap: 14px; }
.hh-stat-card { min-height: 154px; padding: 18px 12px 15px; }
.hh-stat-card > span:last-child { max-width: 90px; margin-right: auto; margin-left: auto; line-height: 1.65; }
@media (max-width: 991px) { .hh-category-strip-top { padding-top: 42px; } .hh-listing-cta-top { padding-bottom: 55px; } }
@media (max-width: 991px) {
	.hh-detail-layout { grid-template-columns: 1fr; }
	.hh-detail-summary { min-height: 0; }
	.hh-detail-price { margin-top: 24px; }
}
@media (max-width: 600px) {
	.hh-detail-hero { padding: 20px 0 30px; }
	.hh-detail-breadcrumb { margin-bottom: 14px; }
	.hh-detail-gallery, .hh-detail-carousel, .hh-detail-carousel .owl-stage-outer, .hh-detail-carousel .owl-stage, .hh-detail-carousel .owl-item, .hh-detail-carousel .item { min-height: 280px; height: 280px; }
	.hh-detail-summary { padding: 24px 20px 22px; border-radius: 16px; }
	.hh-detail-summary h1 { margin-top: 17px; font-size: 21px; }
	.hh-detail-facts { margin-top: 20px; }
	.hh-detail-body { padding-top: 25px; }
	.hh-detail-body .single-property-detail { padding: 22px 17px; border-radius: 14px; }
	.hh-detail-body .detail-content h3 { font-size: 18px; }
	.hh-detail-body #map { height: 280px !important; }
}