/* Koka Hills home — clean, mobile-first stylesheet */
:root {
	--kh-green: #16544f;
	--kh-deep: #0e3936;
	--kh-ink: #192923;
	--kh-muted: #66766f;
	--kh-line: #e2eae5;
	--kh-soft: #f3f7f4;
	--kh-white: #fff;
	--kh-radius: 14px
}

.kh-home {
	color: var(--kh-ink);
	font-family: Roboto, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5
}

.kh-home h1,
.kh-home h2,
.kh-home h3,
.kh-home p {
	margin-top: 0
}

.kh-home h1,
.kh-home h2,
.kh-home h3 {
	font-family: "Roboto Condensed", Arial, sans-serif;
	letter-spacing: -.025em
}

.kh-home h1 {
	font-size: clamp(2.1rem, 7vw, 3.65rem);
	line-height: 1.03
}

.kh-home h2 {
	font-size: clamp(1.55rem, 3vw, 2.05rem);
	line-height: 1.12
}

.kh-home h3 {
	font-size: 1.08rem;
	line-height: 1.2
}

.kh-home a {
	color: inherit
}

/* Hero and search */
.kh-hero {
	min-height: 550px;
	display: flex;
	align-items: center;
	padding: 48px 0 36px;
	color: #fff;
	background: linear-gradient(90deg, rgba(9, 43, 39, .88), rgba(9, 43, 39, .52)), url('../images/banner.jpg') center/cover no-repeat
}

.kh-hero__content {
	width: 100%
}

.kh-eyebrow,
.kh-kicker {
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase
}

.kh-eyebrow {
	margin-bottom: 10px;
	color: #e2f2e8
}

.kh-eyebrow i {
	margin-right: 5px;
	color: #bae6aa
}

.kh-hero h1 {
	max-width: 620px;
	margin-bottom: 10px
}

.kh-hero__intro {
	max-width: 490px;
	margin-bottom: 22px;
	color: #f4faf6;
	font-size: .97rem
}

.kh-search {
	max-width: 960px;
	overflow: hidden;
	border-radius: var(--kh-radius);
	background: #fff;
	color: var(--kh-ink);
	box-shadow: 0 18px 42px rgba(0, 0, 0, .23)
}

.kh-search__tabs {
	display: flex;
	gap: 19px;
	overflow-x: auto;
	padding: 15px 18px 0;
	border-bottom: 1px solid var(--kh-line);
	scrollbar-width: none
}

.kh-search__tabs::-webkit-scrollbar {
	display: none
}

.kh-search__tabs button {
	flex: 0 0 auto;
	padding: 0 0 11px;
	border: 0;
	border-bottom: 3px solid transparent;
	background: transparent;
	color: var(--kh-muted);
	font-size: .82rem;
	font-weight: 700
}

.kh-search__tabs button.is-active {
	border-color: var(--kh-green);
	color: var(--kh-green)
}

.kh-search__fields {
	display: grid;
	gap: 8px;
	padding: 11px
}

.kh-search select,
.kh-search input {
	width: 100%;
	height: 47px;
	border: 1px solid var(--kh-line);
	border-radius: 9px;
	background: #fff;
	color: var(--kh-ink);
	font: inherit;
	font-size: .88rem;
	outline: 0
}

.kh-search select {
	padding: 0 10px
}

.kh-search input {
	border: 0;
	padding: 0 9px
}

.kh-search__location {
	display: flex;
	align-items: center;
	height: 47px;
	padding-left: 12px;
	border: 1px solid var(--kh-line);
	border-radius: 9px
}

.kh-search__location i {
	color: var(--kh-green)
}

.kh-search select:focus,
.kh-search input:focus,
.kh-search__location:focus-within {
	border-color: var(--kh-green);
	box-shadow: 0 0 0 3px rgba(22, 84, 79, .1)
}

.kh-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 47px;
	padding: 10px 16px;
	border: 1px solid transparent;
	border-radius: 9px;
	font-size: .87rem;
	font-weight: 700;
	text-decoration: none;
	transition: .2s
}

.kh-button:hover {
	transform: translateY(-1px)
}

.kh-button--primary {
	background: var(--kh-green);
	color: #fff
}

.kh-button--primary:hover {
	background: var(--kh-deep);
	color: #fff
}

.kh-button--light {
	background: #fff;
	color: var(--kh-green) !important;
}

.kh-trust-row {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 17px;
	margin-top: 17px;
	color: #edf8f1;
	font-size: .78rem
}

.kh-trust-row i {
	margin-right: 4px;
	color: #b9e4a8
}

/* General content */
.kh-section {
	padding: 46px 0
}

.kh-section--recommended {
	padding-top: 45px
}

.kh-section--soft {
	padding: 30px 18px !important;
	border-radius: var(--kh-radius);
	background: var(--kh-soft)
}

.kh-section-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 20px
}

.kh-section-heading h2 {
	margin-bottom: 6px
}

.kh-section-heading>div>p:last-child {
	max-width: 500px;
	margin-bottom: 0;
	color: var(--kh-muted);
	font-size: .88rem
}

.kh-kicker {
	margin-bottom: 6px !important;
	color: var(--kh-green)
}

.kh-text-link {
	flex: 0 0 auto;
	padding-top: 18px;
	color: var(--kh-green) !important;
	font-size: .82rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap
}

.kh-text-link i {
	margin-left: 3px
}

.kh-empty-state {
	padding: 20px;
	border-radius: 10px;
	background: var(--kh-soft);
	color: var(--kh-muted)
}

/* Property cards */
.kh-property-card,
.kh-listing-card {
	height: 100%;
	overflow: hidden;
	border: 1px solid var(--kh-line);
	border-radius: 12px;
	background: var(--kh-white);
	transition: .2s
}

.kh-property-card:hover,
.kh-listing-card:hover {
	box-shadow: 0 10px 25px rgba(18, 53, 44, .1);
	transform: translateY(-2px)
}

.kh-property-card__image,
.kh-listing-card__image {
	position: relative;
	display: block;
	overflow: hidden;
	background: #eaf0ed
}

.kh-property-card__image {
	aspect-ratio: 1.35
}

.kh-listing-card__image {
	aspect-ratio: 1.65
}

.kh-property-card img,
.kh-listing-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s
}

.kh-property-card:hover img,
.kh-listing-card:hover img {
	transform: scale(1.035)
}

.kh-chip,
.kh-listing-card__image span {
	position: absolute;
	top: 9px;
	left: 9px;
	padding: 4px 8px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .94);
	color: var(--kh-deep);
	font-size: .68rem;
	font-weight: 700
}

.kh-save {
	position: absolute;
	top: 8px;
	right: 8px;
	display: grid;
	place-items: center;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .94);
	color: var(--kh-green)
}

.kh-property-card__body,
.kh-listing-card__body {
	padding: 13px
}

.kh-price {
	margin-bottom: 5px !important;
	color: var(--kh-green);
	font-size: .93rem;
	font-weight: 800
}

.kh-property-card h3,
.kh-listing-card h3 {
	margin-bottom: 6px
}

.kh-property-card h3 a,
.kh-listing-card h3 a {
	text-decoration: none
}

.kh-location,
.kh-listing-card__body p {
	overflow: hidden;
	margin-bottom: 7px !important;
	color: var(--kh-muted);
	font-size: .78rem;
	white-space: nowrap;
	text-overflow: ellipsis
}

.kh-location i,
.kh-listing-card__body p i {
	margin-right: 4px;
	color: var(--kh-green)
}

.kh-property-meta,
.kh-listing-card__body>div {
	color: #53635c;
	font-size: .73rem
}

.kh-listing-card__body>div span {
	margin: 0 6px;
	color: #afbbb5
}

/* Slider controls deliberately sit below the slides so they cannot be clipped. */
.kh-swiper-nav {
	display: flex;
	justify-content: flex-start;
	gap: 7px;
	margin-top: 13px
}

.kh-swiper-nav button {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--kh-line);
	border-radius: 50%;
	background: #fff;
	color: var(--kh-green);
	font-size: .9rem
}

.kh-swiper-nav button:hover {
	background: var(--kh-green);
	color: #fff
}

/* Property type tiles */
.kh-type-card {
	display: flex;
	flex-direction: column;
	min-height: 170px;
	padding: 16px;
	border-radius: 12px;
	text-decoration: none;
	transition: .2s
}

.kh-type-card:hover {
	color: inherit;
	box-shadow: 0 10px 20px rgba(18, 53, 44, .1);
	transform: translateY(-2px)
}

.kh-type-card>i {
	display: grid;
	place-items: center;
	width: 35px;
	height: 35px;
	margin-bottom: auto;
	border-radius: 9px;
	background: rgba(255, 255, 255, .65);
	font-size: 1.1rem
}

.kh-type-card strong {
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: 1.1rem
}

.kh-type-card span {
	margin-top: 3px;
	color: #526159;
	font-size: .75rem
}

.kh-type-card b {
	margin-top: 13px;
	font-size: .75rem
}

.kh-type-card--home {
	background: #e3f0e9
}

.kh-type-card--plot {
	background: #f6eedc
}

.kh-type-card--commercial {
	background: #e7eff6
}

.kh-type-card--rent {
	background: #f0e9f5
}

/* Main two-column area and persistent account panel */
.kh-after-slider {
	padding-bottom: 30px;
	background: #fff
}

.kh-owner-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	margin: 0;
	padding: 27px 21px;
	border-radius: 12px;
	background: var(--kh-green);
	color: #fff
}

.kh-owner-cta .kh-kicker {
	color: #c6e7d7
}

.kh-owner-cta h2 {
	margin-bottom: 5px
}

.kh-owner-cta p:not(.kh-kicker) {
	max-width: 480px;
	margin-bottom: 0;
	color: #e6f2ed;
	font-size: .88rem
}

.kh-account-card {
	padding: 17px;
	border: 1px solid var(--kh-line);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(18, 53, 44, .06)
}

.kh-account-card__head {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid var(--kh-line)
}

.kh-account-icon {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #e4f0eb;
	color: var(--kh-green)
}

.kh-account-card__head strong,
.kh-account-card__head small {
	display: block
}

.kh-account-card__head strong {
	font-size: .9rem
}

.kh-account-card__head small,
.kh-account-card p {
	color: var(--kh-muted);
	font-size: .78rem
}

.kh-account-card p {
	margin-bottom: 13px;
	line-height: 1.55
}

.kh-account-card .kh-button {
	min-height: 43px;
	font-size: .82rem
}

.kh-side-cta {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 12px;
	padding: 14px;
	border-radius: 12px;
	background: #edf5f1;
	color: var(--kh-green);
	text-decoration: none
}

.kh-side-cta>i:first-child {
	font-size: 1.2rem
}

.kh-side-cta span {
	flex: 1
}

.kh-side-cta b,
.kh-side-cta small {
	display: block
}

.kh-side-cta b {
	font-size: .8rem
}

.kh-side-cta small {
	color: #5b7167;
	font-size: .72rem
}

@media(min-width:576px) {
	.kh-search__fields {
		grid-template-columns: 175px 1fr auto
	}

	.kh-search__fields .kh-button {
		min-width: 118px
	}

	.kh-type-card {
		min-height: 185px
	}

	.kh-section {
		padding: 57px 0
	}

	.kh-section--recommended {
		padding-top: 56px
	}
}

@media(min-width:768px) {
	.kh-hero {
		min-height: 565px;
		padding: 67px 0 45px
	}

	.kh-section {
		padding: 64px 0
	}

	.kh-section-heading {
		margin-bottom: 25px
	}

	.kh-property-card__body,
	.kh-listing-card__body {
		padding: 15px
	}

	.kh-owner-cta {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 32px
	}

	.kh-owner-cta .kh-button {
		flex: 0 0 auto
	}
}

@media(min-width:992px) {
	.kh-section {
		padding: 67px 0
	}

	.kh-after-slider {
		padding: 8px 0 50px
	}

	.kh-after-slider .kh-sidebar {
		position: sticky;
		top: 82px;
		align-self: flex-start
	}

	.kh-after-slider .kh-section--soft {
		padding: 32px 22px !important
	}

	.kh-main-column .kh-listing-card__image {
		aspect-ratio: 1.7
	}

	.kh-main-column .kh-listing-card__body {
		padding: 12px
	}

	.kh-main-column .kh-listing-card h3 {
		font-size: 1rem
	}

	.kh-main-column .kh-listing-card .kh-price {
		font-size: .88rem
	}

	.kh-main-column .kh-listing-card__body p {
		font-size: .74rem
	}

	.kh-main-column .kh-listing-card__body>div {
		font-size: .7rem
	}
}

@media(max-width:575.98px) {
	.kh-hero {
		min-height: 565px
	}

	.kh-section-heading {
		gap: 8px
	}

	.kh-listing-card {
		display: flex
	}

	.kh-listing-card__image {
		flex: 0 0 42%;
		width: 42%;
		aspect-ratio: auto
	}

	.kh-listing-card__body {
		min-width: 0;
		padding: 12px
	}

	.kh-listing-card h3 {
		font-size: 1rem
	}

	.kh-side-cta {
		margin-bottom: 2px
	}
}




/*pages css start here*/
.kh-page {
	color: #192923;
	font-family: Roboto, Arial, sans-serif
}

.kh-page h1,
.kh-page h2 {
	font-family: "Roboto Condensed", Arial, sans-serif;
	letter-spacing: -.02em
}

.kh-page-hero {
	padding: 72px 0 64px;
	color: #fff;
	background: linear-gradient(115deg, #0c3834, #1d675f)
}

.kh-page-kicker {
	margin: 0 0 10px;
	color: #c6e8d8;
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase
}

.kh-page-hero h1 {
	max-width: 700px;
	margin: 0 0 10px;
	font-size: clamp(2rem, 5vw, 3.5rem);
	font-weight: 700
}

.kh-page-hero p:not(.kh-page-kicker) {
	max-width: 610px;
	margin: 0;
	color: #e8f3ee;
	font-size: 1rem
}

.kh-page-content {
	padding: 48px 0 72px;
	background: #f4f7f5
}

.kh-page-intro {
	max-width: 770px;
	margin-bottom: 28px;
	font-size: 1.05rem;
	line-height: 1.65
}

.kh-page-intro p {
	margin: 0
}

.kh-page-card {
	height: 100%;
	padding: 23px;
	border: 1px solid #e0e9e4;
	border-radius: 14px;
	background: #fff
}

.kh-page-card h2 {
	margin: 0 0 9px;
	font-size: 1.4rem;
	font-weight: 700
}

.kh-page-card p {
	margin: 0;
	color: #5d6d66;
	font-size: .94rem;
	line-height: 1.65
}

.kh-page-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	margin-top: 30px;
	padding: 25px;
	border-radius: 14px;
	background: #16544f;
	color: #fff
}

.kh-page-cta h2 {
	margin: 0 0 5px;
	font-size: 1.6rem
}

.kh-page-cta p {
	margin: 0;
	color: #e4f2eb
}

.kh-page-button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 11px 16px;
	border-radius: 9px;
	background: #fff;
	color: #16544f;
	font-size: .88rem;
	font-weight: 700;
	text-decoration: none
}

@media(min-width:768px) {
	.kh-page-content {
		padding: 64px 0 88px
	}

	.kh-page-cta {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 29px
	}

	.kh-page-hero {
		padding: 92px 0 84px
	}
}


/*footer css here*/
.kh-login-modal {
	border: 0;
	border-radius: 16px
}

.kh-login-kicker {
	margin: 0 0 3px;
	color: #16544f;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase
}

.kh-login-copy {
	color: #66766f;
	font-size: .88rem
}

.kh-login-modal .form-control {
	height: 45px
}

.kh-login-submit {
	background: #16544f;
	color: #fff
}

.kh-login-submit:hover {
	background: #0e3936;
	color: #fff
}

.kh-footer {
	padding: 0;
	background: #102923;
	color: #fff
}

.kh-footer-top {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: flex-start;
	padding: 34px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .14)
}

.kh-footer-eyebrow {
	margin: 0 0 7px;
	color: #b9dfcc;
	font-size: .69rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase
}

.kh-footer-top h2 {
	margin: 0 0 6px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: clamp(1.55rem, 3vw, 2.15rem);
	font-weight: 700
}

.kh-footer-top p:not(.kh-footer-eyebrow) {
	max-width: 560px;
	margin: 0;
	color: #c9d9d2;
	font-size: .9rem
}

.kh-footer-login {
	padding: 11px 16px;
	border-radius: 9px;
	background: #fff;
	color: #16544f;
	font-size: .85rem;
	font-weight: 700
}

.kh-footer-login:hover {
	background: #e7f2eb;
	color: #16544f
}

.kh-footer-links {
	padding: 38px 0 30px
}

.kh-footer-brand img {
	width: auto;
	height: 43px;
	filter: brightness(0) invert(1)
}

.kh-footer-about {
	max-width: 235px;
	margin: 14px 0;
	color: #b7c9c1;
	font-size: .84rem;
	line-height: 1.6
}

.kh-footer h3 {
	margin: 0 0 13px;
	color: #fff;
	font-size: .88rem;
	font-weight: 700
}

.kh-footer ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.kh-footer li {
	margin-bottom: 9px
}

.kh-footer a {
	color: #b7c9c1;
	font-size: .82rem;
	text-decoration: none
}

.kh-footer a:hover {
	color: #fff
}

.kh-footer-social {
	display: flex;
	gap: 9px
}

.kh-footer-social a {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	color: #fff
}

.kh-footer-contact {
	display: flex;
	gap: 9px;
	margin: 0 0 13px;
	color: #b7c9c1;
	font-size: .8rem
}

.kh-footer-contact>i {
	padding-top: 2px;
	color: #b9dfcc
}

.kh-footer-contact b,
.kh-footer-contact small,
.kh-footer-contact a {
	display: block
}

.kh-footer-contact b {
	margin-bottom: 2px;
	color: #fff;
	font-size: .82rem
}

.kh-footer-contact small {
	font-size: .73rem
}

.kh-footer-contact a {
	color: #b9dfcc;
	font-size: .75rem
}

.kh-footer-bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 17px 0;
	border-top: 1px solid rgba(255, 255, 255, .14);
	color: #91aaa0;
	font-size: .72rem
}

.kh-footer-bottom div {
	display: flex;
	gap: 15px
}

.kh-footer-bottom a {
	color: #b7c9c1;
	font-size: .72rem
}

@media(min-width:768px) {
	.kh-footer-top {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 40px 0
	}

	.kh-footer-login {
		flex: 0 0 auto
	}

	.kh-footer-bottom {
		flex-direction: row;
		align-items: center;
		justify-content: space-between
	}
}


/*propert page scss start here*/
.kh-property-page {
	color: #192923;
	background: #fff;
	font-family: Roboto, Arial, sans-serif
}

.kh-property-page h1,
.kh-property-page h2,
.kh-property-page h3 {
	font-family: "Roboto Condensed", Arial, sans-serif;
	letter-spacing: -.02em
}

.kh-property-breadcrumb {
	padding: 13px 0;
	border-bottom: 1px solid #e5ece8;
	color: #75847d;
	font-size: .78rem
}

.kh-property-breadcrumb .container {
	display: flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
	overflow: hidden
}

.kh-property-breadcrumb a {
	color: #567067;
	text-decoration: none
}

.kh-property-breadcrumb span {
	overflow: hidden;
	text-overflow: ellipsis
}

.kh-property-top {
	padding: 18px 0 0
}

.kh-property-gallery {
	max-width: 1050px;
	margin: auto
}

.kh-main-image {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1.58;
	border-radius: 14px;
	background: #ebf0ed
}

.kh-main-image>img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.kh-photo-count,
.kh-gallery-full {
	position: absolute;
	bottom: 11px;
	border: 0;
	border-radius: 8px;
	background: rgba(255, 255, 255, .94);
	color: #16544f;
	font-size: .76rem;
	font-weight: 700
}

.kh-photo-count {
	left: 11px;
	padding: 7px 9px
}

.kh-gallery-full {
	right: 11px;
	padding: 7px 9px
}

.kh-photo-count i,
.kh-gallery-full i {
	margin-right: 4px
}

.kh-gallery-thumbs {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 10px 0 2px
}

.kh-gallery-thumbs button {
	flex: 0 0 64px;
	width: 64px;
	height: 49px;
	overflow: hidden;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 7px;
	background: #eee
}

.kh-gallery-thumbs button.is-active {
	border-color: #16544f
}

.kh-gallery-thumbs img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.kh-property-content {
	padding: 25px 0 64px
}

.kh-property-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5ece8
}

.kh-property-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 9px
}

.kh-property-tags span {
	padding: 4px 8px;
	border-radius: 20px;
	background: #eaf3ee;
	color: #16544f;
	font-size: .69rem;
	font-weight: 700
}

.kh-property-tags .kh-verified {
	background: #e5eff8;
	color: #2c6286
}

.kh-property-heading h1 {
	margin: 0 0 7px;
	font-size: clamp(1.65rem, 5vw, 2.45rem);
	font-weight: 700;
	line-height: 1.1
}

.kh-property-address {
	margin: 0;
	color: #65746d;
	font-size: .88rem
}

.kh-property-address i {
	margin-right: 5px;
	color: #16544f
}

.kh-share {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid #dce6e0;
	border-radius: 50%;
	background: #fff;
	color: #16544f
}

.kh-facts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	margin: 18px 0;
	border: 1px solid #e2eae5;
	border-radius: 12px;
	overflow: hidden;
	background: #e2eae5
}

.kh-facts>div {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 12px;
	background: #fff
}

.kh-facts>div>i {
	font-size: 1.18rem;
	color: #16544f
}

.kh-facts small,
.kh-facts b {
	display: block
}

.kh-facts small {
	color: #73827b;
	font-size: .69rem
}

.kh-facts b {
	font-size: .84rem
}

.kh-property-block {
	padding: 22px 0;
	border-bottom: 1px solid #e5ece8
}

.kh-property-block h2 {
	margin: 0 0 14px;
	font-size: 1.38rem;
	font-weight: 700
}

.kh-overview-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px
}

.kh-overview-grid>div {
	padding: 11px;
	border: 1px solid #e2eae5;
	border-radius: 9px
}

.kh-overview-grid small,
.kh-overview-grid b {
	display: block
}

.kh-overview-grid small {
	margin-bottom: 3px;
	color: #76857e;
	font-size: .69rem
}

.kh-overview-grid b {
	font-size: .82rem
}

.kh-highlights {
	display: flex;
	flex-wrap: wrap;
	gap: 7px
}

.kh-highlights span {
	padding: 7px 9px;
	border-radius: 8px;
	background: #f0f6f3;
	color: #31594c;
	font-size: .76rem;
	font-weight: 600
}

.kh-highlights i {
	margin-right: 3px;
	color: #16544f
}

.kh-description {
	color: #53635c;
	font-size: .9rem;
	line-height: 1.75
}

.kh-location-card {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px;
	border-radius: 10px;
	background: #f2f7f4
}

.kh-location-card>i {
	font-size: 1.1rem;
	color: #16544f
}

.kh-location-card div {
	flex: 1
}

.kh-location-card b {
	font-size: .85rem
}

.kh-location-card p {
	margin: 3px 0 0;
	color: #6d7d75;
	font-size: .78rem
}

.kh-location-card a {
	color: #16544f;
	font-size: .76rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap
}

.kh-block-heading {
	display: flex;
	justify-content: space-between;
	gap: 10px
}

.kh-block-heading p {
	margin: -8px 0 13px;
	color: #72827a;
	font-size: .8rem
}

.kh-block-heading>a {
	color: #16544f;
	font-size: .78rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap
}

.kh-similar-card {
	overflow: hidden;
	border: 1px solid #e0e9e4;
	border-radius: 10px;
	background: #fff
}

.kh-similar-card>a {
	display: block;
	aspect-ratio: 1.65
}

.kh-similar-card img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.kh-similar-card>div {
	padding: 11px
}

.kh-similar-card p {
	margin: 0 0 4px;
	color: #16544f;
	font-size: .82rem;
	font-weight: 800
}

.kh-similar-card h3 {
	margin: 0 0 5px;
	font-size: .96rem
}

.kh-similar-card h3 a {
	text-decoration: none
}

.kh-similar-card small {
	display: block;
	overflow: hidden;
	color: #708078;
	font-size: .72rem;
	white-space: nowrap;
	text-overflow: ellipsis
}

.kh-similar-card small i {
	margin-right: 3px;
	color: #16544f
}

.kh-slider-controls {
	display: flex;
	gap: 7px;
	margin-top: 13px
}

.kh-slider-controls button {
	display: grid;
	place-items: center;
	width: 33px;
	height: 33px;
	border: 1px solid #dce6e0;
	border-radius: 50%;
	background: #fff;
	color: #16544f
}

.kh-enquiry-card {
	padding: 20px;
	border: 1px solid #dce8e1;
	border-radius: 13px;
	background: #f2f7f4
}

.kh-enquiry-kicker {
	margin: 0 0 7px;
	color: #16544f;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase
}

.kh-enquiry-card h2 {
	margin: 0 0 7px;
	font-size: 1.45rem;
	font-weight: 700
}

.kh-enquiry-card>p:not(.kh-enquiry-kicker) {
	margin-bottom: 16px;
	color: #607068;
	font-size: .84rem
}

.kh-enquiry-button {
	width: 100%;
	padding: 12px;
	border: 0;
	border-radius: 8px;
	background: #16544f;
	color: #fff;
	font-size: .86rem;
	font-weight: 700
}

.kh-enquiry-button i {
	margin-left: 4px
}

.kh-enquiry-card small {
	display: block;
	margin-top: 12px;
	color: #64766d;
	font-size: .72rem;
	text-align: center
}

.kh-enquiry-card small i {
	color: #16544f
}

.kh-mobile-enquiry {
	position: fixed;
	right: 14px;
	bottom: 14px;
	z-index: 1000;
	padding: 12px 17px;
	border: 0;
	border-radius: 30px;
	background: #16544f;
	color: #fff;
	box-shadow: 0 8px 20px rgba(11, 54, 49, .3);
	font-size: .85rem;
	font-weight: 700
}

.kh-mobile-enquiry i {
	margin-right: 4px
}

.kh-enquiry-overlay {
	position: fixed;
	inset: 0;
	z-index: 1050;
	display: none;
	background: rgba(10, 28, 23, .47)
}

.kh-enquiry-overlay.is-open {
	display: block
}

.kh-enquiry-drawer {
	position: fixed;
	right: -100%;
	bottom: 0;
	z-index: 1060;
	width: 100%;
	max-width: 410px;
	padding: 21px;
	background: #fff;
	border-radius: 17px 17px 0 0;
	box-shadow: 0 -8px 28px rgba(0, 0, 0, .17);
	transition: right .25s
}

.kh-enquiry-drawer.is-open {
	right: 0
}

.kh-drawer-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 17px
}

.kh-drawer-head p {
	margin: 0 0 3px;
	color: #16544f;
	font-size: .69rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase
}

.kh-drawer-head h2 {
	margin: 0;
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: 1.45rem
}

.kh-close-drawer {
	border: 0;
	background: transparent;
	color: #5d7067
}

.kh-enquiry-drawer label {
	display: block;
	margin: 10px 0 5px;
	font-size: .77rem;
	font-weight: 700
}

.kh-enquiry-drawer label em {
	color: #7b8983;
	font-style: normal;
	font-weight: 400
}

.kh-enquiry-drawer input,
.kh-enquiry-drawer textarea {
	width: 100%;
	border: 1px solid #dce7e1;
	border-radius: 8px;
	padding: 10px;
	font: inherit;
	font-size: .84rem;
	outline: 0
}

.kh-enquiry-drawer textarea {
	resize: vertical
}

.kh-enquiry-drawer input:focus,
.kh-enquiry-drawer textarea:focus {
	border-color: #16544f;
	box-shadow: 0 0 0 3px rgba(22, 84, 79, .1)
}

.kh-enquiry-drawer form>button {
	width: 100%;
	margin-top: 14px;
	padding: 11px;
	border: 0;
	border-radius: 8px;
	background: #16544f;
	color: #fff;
	font-size: .86rem;
	font-weight: 700
}

.kh-success,
.kh-error {
	margin: 10px 0 0;
	padding: 8px;
	border-radius: 7px;
	font-size: .78rem
}

.kh-success {
	background: #e7f5eb;
	color: #28643a
}

.kh-error {
	background: #fceaea;
	color: #9e3939
}

@media(min-width:768px) {
	.kh-main-image {
		aspect-ratio: 1.82
	}

	.kh-facts {
		grid-template-columns: repeat(4, 1fr)
	}

	.kh-overview-grid {
		grid-template-columns: repeat(3, 1fr)
	}

	.kh-property-content {
		padding-top: 32px
	}

	.kh-enquiry-drawer {
		top: 0;
		bottom: auto;
		height: 100vh;
		border-radius: 0;
		padding: 28px;
		overflow: auto
	}

	.kh-mobile-enquiry {
		display: none
	}
}

@media(min-width:992px) {
	.kh-property-top {
		padding-top: 24px
	}

	.kh-property-gallery {
		max-width: none
	}

	.kh-property-content {
		padding-bottom: 80px
	}

	.kh-enquiry-card {
		position: sticky;
		top: 84px
	}

	.kh-property-block {
		padding: 27px 0
	}
}

/* Sticky enquiry column: applied to the sidebar container so it remains fixed through the content area. */
@media (min-width: 992px) {
	.kh-property-sidebar {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 84px !important;
		align-self: flex-start !important;
		height: max-content !important;
	}

	.kh-property-sidebar .kh-enquiry-card {
		position: static !important;
	}
}



/*all propert listing css*/

.kh-listing-page {
	color: #182923;
	background: #f5f8f6;
	font-family: Roboto, Arial, sans-serif
}

.kh-listing-page h1,
.kh-listing-page h2,
.kh-listing-page h3 {
	font-family: "Roboto Condensed", Arial, sans-serif;
	letter-spacing: -.02em
}

.kh-listing-hero {
	padding: 43px 0;
	color: #fff;
	background: linear-gradient(115deg, #0e3936, #267268)
}

.kh-listing-hero .container {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: flex-start
}

.kh-listing-hero p {
	margin: 0 0 5px;
	color: #c5e6d6;
	font-size: .73rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase
}

.kh-listing-hero h1 {
	margin: 0 0 5px;
	font-size: clamp(1.85rem, 5vw, 3rem);
	font-weight: 700
}

.kh-listing-hero span {
	color: #e5f2ec;
	font-size: .88rem
}

.kh-listing-hero a {
	padding: 10px 14px;
	border-radius: 8px;
	background: #fff;
	color: #16544f;
	font-size: .82rem;
	font-weight: 700;
	text-decoration: none
}

.kh-listing-search {
	position: relative;
	z-index: 2;
	margin-top: -1px
}

.kh-listing-search form {
	overflow: hidden;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(13, 50, 45, .12)
}

.kh-listing-purpose {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	padding: 14px 16px 0;
	border-bottom: 1px solid #e3ebe6;
	scrollbar-width: none
}

.kh-listing-purpose::-webkit-scrollbar {
	display: none
}

.kh-listing-purpose button {
	flex: 0 0 auto;
	padding: 0 0 10px;
	border: 0;
	border-bottom: 3px solid transparent;
	background: transparent;
	color: #6b7b73;
	font-size: .81rem;
	font-weight: 700
}

.kh-listing-purpose button.is-active {
	border-color: #16544f;
	color: #16544f
}

.kh-listing-search-fields {
	display: grid;
	gap: 8px;
	padding: 10px
}

.kh-listing-search-fields select,
.kh-listing-search-fields input {
	width: 100%;
	height: 45px;
	border: 1px solid #dfe8e2;
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: .83rem;
	outline: 0
}

.kh-listing-search-fields select {
	padding: 0 10px
}

.kh-listing-search-fields>div {
	display: flex;
	align-items: center;
	height: 45px;
	padding-left: 11px;
	border: 1px solid #dfe8e2;
	border-radius: 8px
}

.kh-listing-search-fields>div i {
	color: #16544f
}

.kh-listing-search-fields input {
	border: 0;
	padding: 0 8px
}

.kh-listing-search-fields button,
.kh-load-more-wrap button {
	border: 0;
	border-radius: 8px;
	background: #16544f;
	color: #fff;
	font-size: .83rem;
	font-weight: 700
}

.kh-listing-search-fields button {
	height: 45px
}

.kh-featured-strip,
.kh-results {
	padding: 37px 0
}

.kh-featured-strip {
	background: #eaf3ee
}

.kh-listing-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 18px
}

.kh-listing-heading p {
	margin: 0 0 3px;
	color: #16544f;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase
}

.kh-listing-heading h2 {
	margin: 0;
	font-size: 1.55rem;
	font-weight: 700
}

.kh-listing-heading>span {
	color: #718077;
	font-size: .76rem
}

.kh-featured-card,
.kh-result-card {
	height: 100%;
	overflow: hidden;
	border: 1px solid #dfe8e2;
	border-radius: 11px;
	background: #fff;
	transition: .2s
}

.kh-featured-card:hover,
.kh-result-card:hover {
	box-shadow: 0 10px 22px rgba(14, 54, 48, .1);
	transform: translateY(-2px)
}

.kh-featured-card>a,
.kh-result-image {
	position: relative;
	display: block;
	aspect-ratio: 1.65;
	overflow: hidden;
	background: #eaf0ed
}

.kh-featured-card img,
.kh-result-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s
}

.kh-featured-card:hover img,
.kh-result-card:hover img {
	transform: scale(1.035)
}

.kh-featured-card>a span,
.kh-result-image span {
	position: absolute;
	top: 9px;
	left: 9px;
	padding: 4px 7px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .94);
	color: #16544f;
	font-size: .65rem;
	font-weight: 700
}

.kh-featured-card>div,
.kh-result-body {
	padding: 11px
}

.kh-featured-card p,
.kh-result-price {
	margin: 0 0 4px !important;
	color: #16544f;
	font-size: .83rem;
	font-weight: 800
}

.kh-featured-card h3,
.kh-result-card h3 {
	margin: 0 0 5px;
	font-size: 1rem
}

.kh-featured-card h3 a,
.kh-result-card h3 a {
	text-decoration: none
}

.kh-featured-card small,
.kh-result-location {
	display: block;
	overflow: hidden;
	margin: 0 !important;
	color: #6c7c74;
	font-size: .73rem;
	white-space: nowrap;
	text-overflow: ellipsis
}

.kh-featured-card small i,
.kh-result-location i {
	margin-right: 3px;
	color: #16544f
}

.kh-listing-arrows {
	display: flex;
	gap: 7px;
	margin-top: 12px
}

.kh-listing-arrows button {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid #d5e2db;
	border-radius: 50%;
	background: #fff;
	color: #16544f
}

.kh-results {
	min-height: 500px
}

.kh-result-image {
	aspect-ratio: 1.62
}

.kh-result-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 9px
}

.kh-result-meta span {
	padding: 3px 6px;
	border-radius: 5px;
	background: #f0f5f2;
	color: #506259;
	font-size: .67rem
}

.kh-load-more-wrap {
	text-align: center;
	padding-top: 25px
}

.kh-load-more-wrap button {
	padding: 11px 16px
}

.kh-load-more-wrap button:disabled {
	opacity: .65
}

.kh-no-results {
	text-align: center;
	padding: 42px 20px;
	border: 1px dashed #cbd9d1;
	border-radius: 12px;
	background: #fff
}

.kh-no-results i {
	color: #16544f;
	font-size: 2rem
}

.kh-no-results h3 {
	margin: 8px 0 4px;
	font-size: 1.35rem
}

.kh-no-results p {
	margin: 0;
	color: #718078;
	font-size: .84rem
}

.kh-skeleton>div,
.kh-skeleton>span {
	display: block;
	border-radius: 8px;
	background: linear-gradient(90deg, #e8efeb 25%, #f7faf8 37%, #e8efeb 63%);
	background-size: 400% 100%;
	animation: kh-shimmer 1.2s infinite
}

.kh-skeleton>div {
	height: 155px
}

.kh-skeleton>span {
	height: 13px;
	margin: 12px 12px 0
}

.kh-skeleton>span:last-child {
	width: 58%;
	margin-bottom: 12px
}

@keyframes kh-shimmer {
	0% {
		background-position: 100% 0
	}

	100% {
		background-position: -100% 0
	}
}

.kh-new-card {
	animation: kh-card-in .35s ease both
}

@keyframes kh-card-in {
	from {
		opacity: 0;
		transform: translateY(8px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@media(min-width:576px) {
	.kh-listing-search-fields {
		grid-template-columns: 170px 1fr auto
	}

	.kh-listing-search-fields button {
		min-width: 112px
	}
}

@media(min-width:768px) {
	.kh-listing-hero {
		padding: 55px 0
	}

	.kh-listing-hero .container {
		flex-direction: row;
		align-items: center;
		justify-content: space-between
	}

	.kh-featured-strip,
	.kh-results {
		padding: 50px 0
	}
}

@media(min-width:992px) {
	.kh-listing-hero {
		padding: 62px 0
	}

	.kh-listing-search {
		margin-top: -17px
	}

	.kh-listing-search form {
		max-width: 1000px
	}

	.kh-listing-arrows {
		position: absolute;
		margin-top: -50px;
		right: 0
	}

	.kh-featured-strip .container {
		position: relative
	}

	.kh-featured-strip,
	.kh-results {
		padding: 58px 0
	}
}


.kh-register-contact{color:#192923;background:#f4f7f5;font-family:Roboto,Arial,sans-serif}.kh-register-contact h1,.kh-register-contact h2{font-family:"Roboto Condensed",Arial,sans-serif;letter-spacing:-.02em}.kh-contact-hero{padding:43px 0;color:#fff;background:linear-gradient(115deg,#0d3935,#28766b)}.kh-contact-hero .container{display:flex;flex-direction:column;gap:22px}.kh-contact-hero p{margin:0 0 5px;color:#c5e7d6;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.kh-contact-hero h1{margin:0 0 7px;font-size:clamp(1.9rem,5vw,3.1rem);font-weight:700}.kh-contact-hero>div>span{display:block;max-width:590px;color:#e6f2ed;font-size:.9rem;line-height:1.55}.kh-contact-badge{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.23);border-radius:10px;background:rgba(255,255,255,.1)}.kh-contact-badge>i{font-size:1.45rem}.kh-contact-badge b,.kh-contact-badge small{display:block}.kh-contact-badge b{font-size:.82rem}.kh-contact-badge small{color:#d7eae0;font-size:.72rem}.kh-contact-main{padding:30px 0 65px}.kh-contact-form-wrap,.kh-contact-success{border:1px solid #e0e9e4;border-radius:14px;background:#fff}.kh-contact-form-head{padding:22px 22px 0}.kh-contact-form-head>span,.kh-process-card>p{color:#16544f;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kh-contact-form-head h2{margin:4px 0;font-size:1.55rem;font-weight:700}.kh-contact-form-head p{margin:0;color:#6d7c74;font-size:.84rem}.kh-contact-form-wrap form{padding:20px 22px 22px}.kh-contact-role{display:grid;gap:8px;margin-bottom:18px}.kh-contact-role input{position:absolute;opacity:0}.kh-contact-role span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #dfe9e3;border-radius:8px;color:#52655b;font-size:.78rem;font-weight:700;cursor:pointer}.kh-contact-role i{color:#16544f;font-size:1rem}.kh-contact-role input:checked+span{border-color:#16544f;background:#eff7f3;color:#16544f;box-shadow:0 0 0 2px rgba(22,84,79,.1)}.kh-contact-grid{display:grid;gap:13px}.kh-contact-grid label{display:block;margin-bottom:5px;font-size:.76rem;font-weight:700}.kh-contact-grid label b{color:#b33e3e}.kh-contact-grid input,.kh-contact-grid select,.kh-contact-grid textarea{width:100%;border:1px solid #dce7e1;border-radius:8px;padding:10px;font:inherit;font-size:.84rem;outline:0}.kh-contact-grid input,.kh-contact-grid select{height:43px}.kh-contact-grid textarea{resize:vertical}.kh-contact-grid input:focus,.kh-contact-grid select:focus,.kh-contact-grid textarea:focus{border-color:#16544f;box-shadow:0 0 0 3px rgba(22,84,79,.1)}.kh-phone-field{display:flex;align-items:center;height:43px;border:1px solid #dce7e1;border-radius:8px}.kh-phone-field span{padding:0 10px;border-right:1px solid #dce7e1;color:#53665d;font-size:.82rem}.kh-phone-field input{height:auto;border:0}.kh-contact-consent{display:flex;gap:8px;margin:18px 0;color:#64756c;font-size:.75rem;line-height:1.5}.kh-contact-consent input{margin-top:3px}.kh-contact-form-wrap button{width:100%;padding:12px;border:0;border-radius:8px;background:#16544f;color:#fff;font-size:.86rem;font-weight:700}.kh-contact-form-wrap button i{margin-left:4px}.kh-process-card{padding:22px;border-radius:14px;background:#e5f1eb}.kh-process-card>p{margin:0 0 4px}.kh-process-card h2{margin:0 0 18px;font-size:1.55rem;font-weight:700}.kh-process-card ol{margin:0;padding:0;list-style:none}.kh-process-card li{display:flex;gap:10px;padding:0 0 18px}.kh-process-card li:last-child{padding-bottom:0}.kh-process-card li>span{display:grid;flex:0 0 auto;place-items:center;width:27px;height:27px;border-radius:50%;background:#16544f;color:#fff;font-size:.75rem;font-weight:700}.kh-process-card b,.kh-process-card small{display:block}.kh-process-card b{margin:2px 0 3px;font-size:.84rem}.kh-process-card small{color:#5c7066;font-size:.75rem;line-height:1.45}.kh-contact-assurance{display:flex;gap:9px;margin-top:13px;padding:15px;border-radius:11px;background:#fff}.kh-contact-assurance>i{color:#16544f;font-size:1.2rem}.kh-contact-assurance b,.kh-contact-assurance span{display:block}.kh-contact-assurance b{font-size:.8rem}.kh-contact-assurance span{margin-top:2px;color:#6d7e75;font-size:.72rem}.kh-contact-success{padding:38px 24px;text-align:center}.kh-contact-success>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:#e3f3e9;color:#207143;font-size:1.6rem}.kh-contact-success>p{margin:0 0 4px;color:#207143;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kh-contact-success h2{margin:0 0 11px;font-size:1.8rem;font-weight:700}.kh-contact-success>div{max-width:450px;margin:auto;color:#65756d;font-size:.86rem;line-height:1.65}.kh-contact-success a{display:inline-block;margin-top:20px;padding:10px 14px;border-radius:8px;background:#16544f;color:#fff;font-size:.82rem;font-weight:700;text-decoration:none}@media(min-width:576px){.kh-contact-grid{grid-template-columns:repeat(2,1fr)}.kh-contact-wide{grid-column:1/-1}.kh-contact-role{grid-template-columns:repeat(3,1fr)}.kh-contact-role span{display:block;text-align:center}.kh-contact-role i{display:block;margin-bottom:5px}}@media(min-width:768px){.kh-contact-hero{padding:58px 0}.kh-contact-hero .container{flex-direction:row;align-items:center;justify-content:space-between}.kh-contact-badge{flex:0 0 auto}.kh-contact-main{padding:48px 0 82px}.kh-contact-form-head{padding:30px 30px 0}.kh-contact-form-wrap form{padding:23px 30px 30px}.kh-contact-success{padding:55px 35px}}@media(min-width:992px){.kh-process-card{position:sticky;top:84px}}
.kh-confidence{background:#f4f7f5}.kh-confidence-heading{max-width:650px;margin-bottom:20px}.kh-confidence-heading p{margin:0 0 5px;color:#16544f;font-size:.69rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.kh-confidence-heading h2{margin:0 0 7px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(1.55rem,3vw,2.05rem);font-weight:700;letter-spacing:-.02em}.kh-confidence-heading span{color:#64756d;font-size:.87rem;line-height:1.6}.kh-confidence article{height:100%;padding:19px;border:1px solid #e0e9e4;border-radius:12px;background:#fff}.kh-confidence article>i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e5f1eb;color:#16544f;font-size:1.05rem}.kh-confidence h3{margin:11px 0 5px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:1.15rem;font-weight:700}.kh-confidence article p{margin:0;color:#66766e;font-size:.8rem;line-height:1.6}.kh-confidence-note{display:flex;gap:9px;margin-top:16px;padding:13px;border-radius:10px;background:#e5f1eb;color:#53675d;font-size:.78rem;line-height:1.55}.kh-confidence-note>i{flex:0 0 auto;color:#16544f;font-size:1rem}.kh-confidence-note b{color:#264d40}@media(min-width:768px){.kh-confidence article{padding:22px}}





/*.kh-register-page {*/
/*	color: #192923;*/
/*	background: #f4f7f5;*/
/*	font-family: Roboto, Arial, sans-serif*/
/*}*/

/*.kh-register-page h1,*/
/*.kh-register-page h2 {*/
/*	font-family: "Roboto Condensed", Arial, sans-serif;*/
/*	letter-spacing: -.02em*/
/*}*/

/*.kh-register-hero {*/
/*	padding: 45px 0 35px;*/
/*	color: #fff;*/
/*	background: linear-gradient(115deg, #0e3936, #267268)*/
/*}*/

/*.kh-register-hero .container {*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	gap: 25px*/
/*}*/

/*.kh-register-hero p {*/
/*	margin: 0 0 5px;*/
/*	color: #c6e7d8;*/
/*	font-size: .72rem;*/
/*	font-weight: 700;*/
/*	letter-spacing: .1em;*/
/*	text-transform: uppercase*/
/*}*/

/*.kh-register-hero h1 {*/
/*	margin: 0 0 6px;*/
/*	font-size: clamp(1.9rem, 5vw, 3.2rem);*/
/*	font-weight: 700*/
/*}*/

/*.kh-register-hero span {*/
/*	color: #e4f2ec;*/
/*	font-size: .9rem*/
/*}*/

/*.kh-register-steps {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	gap: 7px;*/
/*	color: #c7ded3;*/
/*	font-size: .72rem;*/
/*	font-weight: 700*/
/*}*/

/*.kh-register-steps span {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	gap: 5px;*/
/*	white-space: nowrap*/
/*}*/

/*.kh-register-steps b {*/
/*	display: grid;*/
/*	place-items: center;*/
/*	width: 22px;*/
/*	height: 22px;*/
/*	border: 1px solid #84afa0;*/
/*	border-radius: 50%;*/
/*	font-size: .68rem*/
/*}*/

/*.kh-register-steps .is-active {*/
/*	color: #fff*/
/*}*/

/*.kh-register-steps .is-active b {*/
/*	border-color: #fff;*/
/*	background: #fff;*/
/*	color: #16544f*/
/*}*/

/*.kh-register-steps i {*/
/*	width: 17px;*/
/*	height: 1px;*/
/*	background: #83aa9b*/
/*}*/

/*.kh-register-content {*/
/*	padding: 30px 0 65px*/
/*}*/

/*.kh-register-form {*/
/*	overflow: hidden;*/
/*	border: 1px solid #e0e9e4;*/
/*	border-radius: 14px;*/
/*	background: #fff*/
/*}*/

/*.kh-register-form section {*/
/*	padding: 22px;*/
/*	border-bottom: 1px solid #e3ebe6*/
/*}*/

/*.kh-register-form section:last-child {*/
/*	border-bottom: 0*/
/*}*/

/*.kh-register-title span {*/
/*	color: #16544f;*/
/*	font-size: .68rem;*/
/*	font-weight: 700;*/
/*	letter-spacing: .08em;*/
/*	text-transform: uppercase*/
/*}*/

/*.kh-register-title h2 {*/
/*	margin: 3px 0 4px;*/
/*	font-size: 1.45rem;*/
/*	font-weight: 700*/
/*}*/

/*.kh-register-title p {*/
/*	margin: 0 0 17px;*/
/*	color: #6b7a72;*/
/*	font-size: .84rem*/
/*}*/

/*.kh-choice-grid {*/
/*	display: grid;*/
/*	grid-template-columns: repeat(2, 1fr);*/
/*	gap: 9px;*/
/*	margin-bottom: 17px*/
/*}*/

/*.kh-choice-grid input {*/
/*	position: absolute;*/
/*	opacity: 0*/
/*}*/

/*.kh-choice-grid span {*/
/*	display: block;*/
/*	padding: 11px 8px;*/
/*	border: 1px solid #dfe9e3;*/
/*	border-radius: 9px;*/
/*	color: #52645a;*/
/*	font-size: .78rem;*/
/*	font-weight: 700;*/
/*	text-align: center*/
/*}*/

/*.kh-choice-grid i {*/
/*	display: block;*/
/*	margin-bottom: 5px;*/
/*	color: #16544f;*/
/*	font-size: 1.05rem*/
/*}*/

/*.kh-choice-grid input:checked+span {*/
/*	border-color: #16544f;*/
/*	background: #edf6f1;*/
/*	color: #16544f;*/
/*	box-shadow: 0 0 0 2px rgba(22, 84, 79, .1)*/
/*}*/

/*.kh-form-grid {*/
/*	display: grid;*/
/*	grid-template-columns: 1fr;*/
/*	gap: 13px*/
/*}*/

/*.kh-form-grid label {*/
/*	display: block;*/
/*	margin-bottom: 5px;*/
/*	font-size: .76rem;*/
/*	font-weight: 700*/
/*}*/

/*.kh-form-grid input,*/
/*.kh-form-grid select,*/
/*.kh-form-grid textarea {*/
/*	width: 100%;*/
/*	border: 1px solid #dce7e1;*/
/*	border-radius: 8px;*/
/*	padding: 10px;*/
/*	font: inherit;*/
/*	font-size: .84rem;*/
/*	outline: 0*/
/*}*/

/*.kh-form-grid input,*/
/*.kh-form-grid select {*/
/*	height: 43px*/
/*}*/

/*.kh-form-grid textarea {*/
/*	resize: vertical*/
/*}*/

/*.kh-form-grid input:focus,*/
/*.kh-form-grid select:focus,*/
/*.kh-form-grid textarea:focus {*/
/*	border-color: #16544f;*/
/*	box-shadow: 0 0 0 3px rgba(22, 84, 79, .1)*/
/*}*/

/*.kh-input-icon {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	height: 43px;*/
/*	padding-left: 10px;*/
/*	border: 1px solid #dce7e1;*/
/*	border-radius: 8px*/
/*}*/

/*.kh-input-icon i {*/
/*	color: #16544f*/
/*}*/

/*.kh-input-icon input {*/
/*	height: auto;*/
/*	padding: 0 7px;*/
/*	border: 0*/
/*}*/

/*.kh-upload-box {*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	min-height: 135px;*/
/*	margin-bottom: 17px;*/
/*	border: 1px dashed #91b5a5;*/
/*	border-radius: 10px;*/
/*	background: #f3f8f5;*/
/*	color: #16544f;*/
/*	text-align: center;*/
/*	cursor: pointer*/
/*}*/

/*.kh-upload-box input {*/
/*	position: absolute;*/
/*	opacity: 0*/
/*}*/

/*.kh-upload-box i {*/
/*	font-size: 1.8rem*/
/*}*/

/*.kh-upload-box b {*/
/*	margin-top: 6px;*/
/*	font-size: .87rem*/
/*}*/

/*.kh-upload-box span {*/
/*	margin-top: 3px;*/
/*	color: #708177;*/
/*	font-size: .73rem*/
/*}*/

/*.kh-consent {*/
/*	display: flex;*/
/*	align-items: flex-start;*/
/*	gap: 8px;*/
/*	margin: 17px 0;*/
/*	color: #62736a;*/
/*	font-size: .76rem;*/
/*	line-height: 1.5*/
/*}*/

/*.kh-consent input {*/
/*	margin-top: 3px*/
/*}*/

/*.kh-register-submit {*/
/*	width: 100%;*/
/*	padding: 12px;*/
/*	border: 0;*/
/*	border-radius: 8px;*/
/*	background: #16544f;*/
/*	color: #fff;*/
/*	font-size: .86rem;*/
/*	font-weight: 700*/
/*}*/

/*.kh-register-submit i {*/
/*	margin-left: 4px*/
/*}*/

/*.kh-registration-message {*/
/*	margin: 11px 0 0;*/
/*	color: #207143;*/
/*	font-size: .8rem;*/
/*	font-weight: 600*/
/*}*/

/*.kh-register-help {*/
/*	padding: 21px;*/
/*	border-radius: 13px;*/
/*	background: #e6f1eb*/
/*}*/

/*.kh-register-help>i {*/
/*	color: #16544f;*/
/*	font-size: 1.4rem*/
/*}*/

/*.kh-register-help h2 {*/
/*	margin: 9px 0 12px;*/
/*	font-size: 1.4rem;*/
/*	font-weight: 700*/
/*}*/

/*.kh-register-help ul {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	list-style: none*/
/*}*/

/*.kh-register-help li {*/
/*	position: relative;*/
/*	padding: 0 0 9px 20px;*/
/*	color: #53675d;*/
/*	font-size: .81rem*/
/*}*/

/*.kh-register-help li:before {*/
/*	content: '✓';*/
/*	position: absolute;*/
/*	left: 0;*/
/*	color: #16544f;*/
/*	font-weight: 800*/
/*}*/

/*.kh-register-help>div {*/
/*	display: flex;*/
/*	gap: 8px;*/
/*	margin-top: 10px;*/
/*	padding-top: 13px;*/
/*	border-top: 1px solid #cddfd4*/
/*}*/

/*.kh-register-help>div i {*/
/*	color: #16544f*/
/*}*/

/*.kh-register-help p {*/
/*	margin: 0;*/
/*	color: #52665b;*/
/*	font-size: .77rem;*/
/*	line-height: 1.5*/
/*}*/

/*@media(min-width:576px) {*/
/*	.kh-form-grid {*/
/*		grid-template-columns: repeat(2, 1fr)*/
/*	}*/

/*	.kh-form-wide {*/
/*		grid-column: 1/-1*/
/*	}*/

/*	.kh-choice-grid {*/
/*		grid-template-columns: repeat(4, 1fr)*/
/*	}*/
/*}*/

/*@media(min-width:768px) {*/
/*	.kh-register-hero {*/
/*		padding: 60px 0 50px*/
/*	}*/

/*	.kh-register-hero .container {*/
/*		flex-direction: row;*/
/*		align-items: end;*/
/*		justify-content: space-between*/
/*	}*/

/*	.kh-register-content {*/
/*		padding: 45px 0 80px*/
/*	}*/

/*	.kh-register-form section {*/
/*		padding: 29px*/
/*	}*/
/*}*/

/*@media(min-width:992px) {*/
/*	.kh-register-help {*/
/*		position: sticky;*/
/*		top: 84px*/
/*	}*/
/*}*/
