/* Generated by tools/build-city-page-css.php. Edit the section source files. */

/* Source: city-page-hero.css */
@font-face {
	font-family: "Alegreya Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/wp-content/uploads/fonts/0e906f7812e74c80074fecaa9d86c59c/alegreya-sans--v28-normal-700.woff2") format("woff2");
}

.koala-city-page {
	--city-navy: #042e53;
	--city-green: #afd56c;
	--city-green-soft: #dfeec4;
	--city-sky: #f7fafd;
	--city-body: #4d545c;
	--city-radius: 12px;
	--city-content-width: 1440px;
	--city-page-gutter: 32px;
}

.koala-city-page :where(h1, h2, p) { margin-block: 0; }
.koala-city-page .wp-block-group__inner-container { max-width: none; }
.koala-city-hero { overflow: hidden; background: var(--city-green-soft); color: var(--city-navy); }
.koala-city-hero__content { position: relative; max-width: var(--city-content-width); min-height: 810px; margin-inline: auto; padding-block: 64px; padding-inline: var(--city-page-gutter); }
.koala-city-hero__content > .wp-block-group__inner-container { display: grid; grid-template-columns: minmax(0, 1fr) 484px; align-items: center; gap: 32px; width: 100%; }
.koala-city-hero__content::after { position: absolute; z-index: 0; bottom: 24px; left: 37.5%; width: min(40.8%, 588px); aspect-ratio: 572 / 214; background: url("city-page/hero-accent.png") center / contain no-repeat; content: ""; pointer-events: none; }
.koala-city-hero__copy, .koala-city-hero__form { position: relative; z-index: 1; }
.koala-city-hero__copy > .wp-block-group__inner-container { display: flex; flex-direction: column; align-items: flex-start; gap: 48px; }
.koala-city-hero__heading { width: 100%; color: var(--city-navy); font-family: "Alegreya Sans", sans-serif; font-size: clamp(56px, 5.55vw, 80px); font-weight: 700; line-height: 1; }
.koala-city-hero__introduction { width: 100%; color: var(--city-navy); font-family: "Montserrat", sans-serif; font-size: 22px; font-weight: 500; line-height: 32px; }
.koala-city-hero__benefits > .wp-block-group__inner-container { display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 48px; row-gap: 20px; }
.koala-city-hero__benefit { position: relative; min-height: 24px; padding-left: 40px; color: var(--city-navy); font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 700; line-height: 24px; }
.koala-city-hero__benefit::before { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; background: var(--city-green) url("city-page/check.svg") center / 12px 10px no-repeat; content: ""; }
.koala-city-hero__proof { display: flex; align-items: center; gap: 32px; margin-top: 16px; }
.koala-city-hero__review-summary { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 16px; }
.koala-city-hero__review-stars { display: flex; gap: 4px; }
.koala-city-hero__review-star { display: block; width: 24px; height: 24px; }
.koala-city-hero__review-text { color: var(--city-navy); font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.25; white-space: nowrap; }
.koala-city-hero .koala-location-phone { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; gap: 12px; padding: 10px 32px; border-radius: 999px; background: var(--city-navy); color: var(--city-green); font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 700; line-height: 36px; text-decoration: none; }
.koala-city-hero .koala-location-phone::before { width: 24px; height: 24px; background: url("city-page/phone.svg") center / contain no-repeat; content: ""; }
.koala-city-hero .koala-location-phone:focus-visible, .koala-city-hero .gform_button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.koala-city-hero__form { width: 100%; border-radius: var(--city-radius); background: var(--city-sky); }
.koala-city-hero__form-heading { padding:  24px; border-radius: var(--city-radius) var(--city-radius) 0 0; background: var(--city-green); color: var(--city-navy); font-family: "Filson Pro", sans-serif; font-size: 32px; font-weight: 700; line-height: 1.3; }
.koala-city-hero__form-body { padding: 24px; }
.koala-city-hero__submit-label-source { display: none; }
.koala-city-hero .gform_wrapper.gravity-theme, .koala-city-hero .gform_wrapper { margin: 0; }
.koala-city-hero .gform_wrapper form, .koala-city-hero .gform_body, .koala-city-hero .gform_fields { margin: 0; }
.koala-city-hero .gform_fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
.koala-city-hero .gfield { grid-column: 1 / -1; margin: 0; }
.koala-city-hero .gfield--width-half { grid-column: span 1; }
.koala-city-hero .gfield_label { color: var(--city-body); }
.koala-city-hero .ginput_container { margin: 0; }
.koala-city-hero input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .koala-city-hero select, .koala-city-hero textarea { font-family: "Montserrat", sans-serif;}
.koala-city-hero input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { margin-bottom: 5px !important; }
.koala-city-hero input::placeholder, .koala-city-hero textarea::placeholder { color: var(--city-body); opacity: 1; }
.koala-city-hero .gfield--type-consent { font-family: "Filson Pro", sans-serif; font-size: 12px; line-height: 20px; }
.koala-city-hero .gfield_consent_label { color: var(--city-body); }
.koala-city-hero .gform_footer { margin: 32px 0 0; padding: 0; }
.koala-city-hero .gform_button { width: 100%; min-height: 56px; margin: 0; padding: 10px 32px; border: 0; border-radius: 999px; background: var(--city-green); color: var(--city-navy); font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 700; line-height: 36px; cursor: pointer; }
.koala-city-hero .gform_validation_errors { margin: 0 0 24px; }
.koala-city-hero .gfield_validation_message { color: #8a1c1c; font-size: 14px; }

@keyframes koala-city-form-shake {
	0%, 100% { transform: translateX(0) rotate(0); }
	15% { transform: translateX(-9px) rotate(-.4deg); }
	30% { transform: translateX(8px) rotate(.35deg); }
	45% { transform: translateX(-6px) rotate(-.25deg); }
	60% { transform: translateX(5px); }
	75% { transform: translateX(-3px); }
	90% { transform: translateX(2px); }
}

.koala-city-page .koala-city-hero__form.is-quote-attention { animation: koala-city-form-shake .65s ease; }

@media (max-width: 1100px) {
	.koala-city-hero__content > .wp-block-group__inner-container { grid-template-columns: minmax(0, 1fr) 420px; }
	.koala-city-hero__benefits > .wp-block-group__inner-container { grid-auto-flow: row; grid-template-columns: 1fr; grid-template-rows: none; }
}

@media (max-width: 820px) {
	.koala-city-hero__content { min-height: 0; padding: 48px 20px; }
	.koala-city-hero__content > .wp-block-group__inner-container { grid-template-columns: 1fr; }
	.koala-city-hero__content::after { display: none; }
	.koala-city-hero__copy > .wp-block-group__inner-container { gap: 32px; }
	.koala-city-hero__heading { font-size: clamp(48px, 13vw, 64px); }
	.koala-city-hero__introduction { font-size: 18px; line-height: 28px; }
	.koala-city-hero__form { max-width: 560px; }
}

@media (max-width: 520px) {
	.koala-city-hero__content { padding: 40px 16px; }
	.koala-city-hero__heading { font-size: 48px; }
	.koala-city-hero__benefit { font-size: 16px; }
	.koala-city-hero__form-heading { padding: 32px 20px; font-size: 28px; line-height: 36px; }
	.koala-city-hero__form-body { padding: 20px; }
	.koala-city-hero .gform_fields { grid-template-columns: 1fr; }
	.koala-city-hero .gfield--width-half { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
	.koala-city-hero *, .koala-city-hero *::before, .koala-city-hero *::after { scroll-behavior: auto; transition-duration: .01ms; animation-duration: .01ms; animation-iteration-count: 1; }
	.koala-city-page .koala-city-hero__form.is-quote-attention { animation: none; }
}

/* Source: city-page-residential-services.css */
.koala-city-page .koala-city-residential-services {
	background: #fff;
	color: var(--city-navy);
}

.koala-city-page .koala-city-residential-services__content {
	max-width: var(--city-content-width);
	margin-inline: auto;
	padding-block: 96px;
	padding-inline: var(--city-page-gutter);
}

.koala-city-page .koala-city-residential-services__content > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 58px;
}

.koala-city-page .koala-city-residential-services__title-block > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.koala-city-page .koala-city-residential-services__introduction,
.koala-city-page .koala-city-residential-services__heading,
.koala-city-page .koala-city-residential-services__card-title {
	margin: 0;
}

.koala-city-page .koala-city-residential-services__introduction {
	color: var(--city-navy);
	font-family: "Alegreya Sans", sans-serif;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
}

.koala-city-page .koala-city-residential-services__heading {
	color: var(--city-green);
	font-family: "Alegreya Sans", sans-serif;
	font-size: 72px;
	font-weight: 700;
	line-height: 1.2;
}

.koala-city-page .koala-city-residential-services__grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
}

.koala-city-page .koala-city-residential-services__items {
	display: contents;
}

.koala-city-page .koala-city-residential-services__items--many {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
}

.koala-city-page .koala-city-residential-services__card-link {
	display: block;
	border-radius: 16px;
	color: inherit;
	text-decoration: none;
}

.koala-city-page .koala-city-residential-services__card-link:focus-visible {
	outline: 3px solid var(--city-navy);
	outline-offset: 4px;
}

.koala-city-page .koala-city-residential-services__card {
	height: 100%;
	padding: 20px;
	border: 1px solid #e6eaf0;
	border-radius: 16px;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.koala-city-page .koala-city-residential-services__card > .wp-block-group__inner-container {
	display: flex;
	height: 100%;
	flex-direction: column;
	gap: 16px;
}

.koala-city-page .koala-city-residential-services__image {
	width: 100%;
	height: 220px;
	margin: 0;
	overflow: hidden;
	border-radius: 12px;
}

.koala-city-page .koala-city-residential-services__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.koala-city-page .koala-city-residential-services__card-title {
	color: var(--city-navy);
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	text-align: center;
}

@media (min-width: 1280px) {
  .koala-city-page .koala-city-residential-services__items--many .koala-city-residential-services__card-title {
    font-size: 20px;
  }
}

@media (max-width: 1279px) {
	.koala-city-page .koala-city-residential-services__items--many {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1023px) {
	.koala-city-page .koala-city-residential-services__grid > .wp-block-group__inner-container,
	.koala-city-page .koala-city-residential-services__items--many {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.koala-city-page .koala-city-residential-services__content {
		padding: 48px 16px;
	}

	.koala-city-page .koala-city-residential-services__content > .wp-block-group__inner-container {
		gap: 32px;
	}

	.koala-city-page .koala-city-residential-services__title-block > .wp-block-group__inner-container {
		align-items: flex-start;
		gap: 8px;
		text-align: left;
	}

	.koala-city-page .koala-city-residential-services__introduction {
		font-size: 24px;
		line-height: normal;
	}

	.koala-city-page .koala-city-residential-services__heading {
		font-size: 32px;
		line-height: 38px;
	}

	.koala-city-page .koala-city-residential-services__grid > .wp-block-group__inner-container,
	.koala-city-page .koala-city-residential-services__items--many {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.koala-city-page .koala-city-residential-services__card {
		padding: 16px;
	}

	.koala-city-page .koala-city-residential-services__image {
		height: 180px;
	}

	.koala-city-page .koala-city-residential-services__card-title {
		font-size: 20px;
	}
}

@media (max-width: 479px) {
	.koala-city-page .koala-city-residential-services__grid > .wp-block-group__inner-container,
	.koala-city-page .koala-city-residential-services__items--many {
		grid-template-columns: 1fr;
	}
}

/* Source: city-page-commercial-services.css */
.koala-city-page .koala-city-commercial-services {
	background: #fff;
	color: var(--city-navy);
}

.koala-city-page .koala-city-commercial-services__content {
	max-width: var(--city-content-width);
	margin-inline: auto;
	padding-block: 96px;
	padding-inline: var(--city-page-gutter);
}

.koala-city-page .koala-city-commercial-services__content > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: 58px;
}

.koala-city-page .koala-city-commercial-services__copy > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.koala-city-page .koala-city-commercial-services__title-block > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.koala-city-page .koala-city-commercial-services__title-block::after {
	display: block;
	width: 164px;
	height: 54px;
	background: url("city-page/commercial-accent.png") center / contain no-repeat;
	content: "";
}

.koala-city-page .koala-city-commercial-services__introduction,
.koala-city-page .koala-city-commercial-services__heading,
.koala-city-page .koala-city-commercial-services__description,
.koala-city-page .koala-city-commercial-services__benefit-title,
.koala-city-page .koala-city-commercial-services__benefit-description,
.koala-city-page .koala-city-commercial-services__caption,
.koala-city-page .koala-city-commercial-services__cta-label-source {
	margin: 0;
}

.koala-city-page .koala-city-commercial-services__introduction {
	color: var(--city-navy);
	font-family: "Alegreya Sans", sans-serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
}

.koala-city-page .koala-city-commercial-services__heading {
	color: var(--city-green);
	font-family: "Alegreya Sans", sans-serif;
	font-size: 72px;
	font-weight: 700;
	line-height: 1.2;
}

.koala-city-page .koala-city-commercial-services__description {
	color: var(--city-body);
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}

.koala-city-page .koala-city-commercial-services__benefits > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.koala-city-page .koala-city-commercial-services__benefit {
	position: relative;
	padding-left: 40px;
}

.koala-city-page .koala-city-commercial-services__benefit::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #95c93d url("city-page/check.svg") center / 12px 10px no-repeat;
	content: "";
}

.koala-city-page .koala-city-commercial-services__benefit > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.koala-city-page .koala-city-commercial-services__benefit-title {
	color: var(--city-navy);
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
}

.koala-city-page .koala-city-commercial-services__benefit-description {
	color: var(--city-body);
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
}

.koala-city-page .koala-city-commercial-services__visual > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 58px;
}

.koala-city-page .koala-city-commercial-services__gallery > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.koala-city-page .koala-city-commercial-services__gallery-item > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.koala-city-page .koala-city-commercial-services__gallery-image {
	width: 100%;
	height: 360px;
	margin: 0;
	overflow: hidden;
	border-radius: 12px;
}

.koala-city-page .koala-city-commercial-services__gallery-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.koala-city-page .koala-city-commercial-services__caption {
	width: 100%;
	padding: 12px 16px;
	border-radius: 6px;
	background: var(--city-navy);
	color: var(--city-green);
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}

.koala-city-page .koala-city-commercial-services__cta {
	display: inline-flex;
	min-height: 60px;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	border-radius: 999px;
	background: var(--city-green);
	color: var(--city-navy);
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	text-decoration: none;
}

.koala-city-page .koala-city-commercial-services__cta:focus-visible {
	outline: 3px solid var(--city-navy);
	outline-offset: 3px;
}

.koala-city-page .koala-city-commercial-services__cta-label-source {
	display: none;
}

@media (max-width: 980px) {
	.koala-city-page .koala-city-commercial-services__content > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.koala-city-page .koala-city-commercial-services__visual > .wp-block-group__inner-container {
		align-items: flex-start;
	}
}

@media (max-width: 767px) {
	.koala-city-page .koala-city-commercial-services__content {
		padding: 0 16px 48px;
	}

	.koala-city-page .koala-city-commercial-services__content > .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
	}

	.koala-city-page .koala-city-commercial-services__copy > .wp-block-group__inner-container {
		gap: 32px;
	}

	.koala-city-page .koala-city-commercial-services__title-block > .wp-block-group__inner-container {
		gap: 8px;
	}

	.koala-city-page .koala-city-commercial-services__title-block::after {
		display: none;
	}

	.koala-city-page .koala-city-commercial-services__introduction {
		font-size: 24px;
		font-weight: 500;
		line-height: normal;
	}

	.koala-city-page .koala-city-commercial-services__heading {
		font-size: 32px;
		line-height: 38px;
	}

	.koala-city-page .koala-city-commercial-services__description {
		color: #908e8c;
		font-size: 14px;
		line-height: 22px;
	}

	.koala-city-page .koala-city-commercial-services__benefits > .wp-block-group__inner-container {
		gap: 16px;
	}

	.koala-city-page .koala-city-commercial-services__benefit {
		padding-left: 36px;
	}

	.koala-city-page .koala-city-commercial-services__benefit-title {
		font-size: 15px;
	}

	.koala-city-page .koala-city-commercial-services__benefit-description {
		color: #908e8c;
		font-size: 13px;
	}

	.koala-city-page .koala-city-commercial-services__visual > .wp-block-group__inner-container {
		align-items: stretch;
		gap: 32px;
	}

	.koala-city-page .koala-city-commercial-services__gallery > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.koala-city-page .koala-city-commercial-services__gallery-item > .wp-block-group__inner-container {
		gap: 8px;
	}

	.koala-city-page .koala-city-commercial-services__gallery-image {
		height: 200px;
		border-radius: 6px;
	}

	.koala-city-page .koala-city-commercial-services__caption {
		width: auto;
		padding: 8px 12px;
		font-size: 14px;
	}

	.koala-city-page .koala-city-commercial-services__cta {
		width: 100%;
	}
}

/* Source: city-page-why-koala.css */
.koala-city-page .koala-city-why-koala {
	background: #fff;
	color: var(--city-navy);
}

.koala-city-page .koala-city-why-koala__content {
	max-width: var(--city-content-width);
	margin-inline: auto;
	padding-block: 96px;
	padding-inline: var(--city-page-gutter);
}

.koala-city-page .koala-city-why-koala__content > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 720px minmax(0, 1fr);
	align-items: start;
	gap: 58px;
}

.koala-city-page .koala-city-why-koala__visual > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 34px;
}

.koala-city-page .koala-city-why-koala__media {
	position: relative;
	display: block;
	width: 100%;
	height: 442px;
	overflow: hidden;
	border-radius: 12px;
}

.koala-city-page .koala-city-why-koala__video-trigger:focus-visible {
	outline: 3px solid var(--city-green);
	outline-offset: 3px;
}

.koala-city-page .koala-city-why-koala__video-trigger {
	position: absolute;
	z-index: 2;
	inset: 0;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.koala-city-page .koala-city-why-koala__video {
	position: absolute;
	z-index: 3;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.koala-city-page .koala-city-why-koala__video[hidden] {
	display: none;
}

.koala-city-page .koala-city-why-koala__media.is-playing::after,
.koala-city-page .koala-city-why-koala__media.is-playing .koala-city-why-koala__video-trigger {
	display: none;
}

.koala-city-page .koala-city-why-koala__media > .wp-block-group__inner-container,
.koala-city-page .koala-city-why-koala__image,
.koala-city-page .koala-city-why-koala__image img {
	width: 100%;
	height: 100%;
}

.koala-city-page .koala-city-why-koala__image {
	margin: 0;
	transition: opacity 180ms ease;
}

.koala-city-page .koala-city-why-koala__media.is-playing .koala-city-why-koala__image {
	opacity: 0;
}

.koala-city-page .koala-city-why-koala__image img {
	display: block;
	object-fit: cover;
}

.koala-city-page .koala-city-why-koala__media::after {
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / 20%);
	content: "";
	pointer-events: none;
}

.koala-city-page .koala-city-why-koala__play {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 128px;
	height: 128px;
	transform: translate(-50%, -50%);
	background: url("city-page/why-koala-play.svg") center / contain no-repeat;
	pointer-events: none;
}

.koala-city-page .koala-city-why-koala__copy > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.koala-city-page .koala-city-why-koala__title-block::after {
	display: block;
	width: 164px;
	height: 54px;
	background: url("city-page/why-koala-accent.png") center / contain no-repeat;
	content: "";
}

.koala-city-page .koala-city-why-koala__introduction,
.koala-city-page .koala-city-why-koala__heading,
.koala-city-page .koala-city-why-koala__benefit,
.koala-city-page .koala-city-why-koala__feature-label,
.koala-city-page .koala-city-why-koala__cta-label-source {
	margin: 0;
}

.koala-city-page .koala-city-why-koala__introduction {
	font-family: "Alegreya Sans", sans-serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
}

.koala-city-page .koala-city-why-koala__heading {
	color: var(--city-green);
	font-family: "Alegreya Sans", sans-serif;
	font-size: 72px;
	font-weight: 700;
	line-height: 1.2;
}

.koala-city-page .koala-city-why-koala__heading strong {
	color: var(--city-navy);
	font-weight: 700 !important;
}

.koala-city-page .koala-city-why-koala__benefits {
	padding: 10px 0 26px;
}

.koala-city-page .koala-city-why-koala__benefits > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
}

.koala-city-page .koala-city-why-koala__benefit {
	position: relative;
	min-height: 40px;
	padding: 7px 0 7px 35px;
	border-bottom: 1px solid #eaf0dc;
	color: #46515b;
	font-family: "Montserrat", sans-serif;
	font-size: 16.5px;
	font-weight: 500;
	line-height: 27.225px;
}

.koala-city-page .koala-city-why-koala__benefit:last-child {
	border-bottom: 0;
}

.koala-city-page .koala-city-why-koala__benefit::before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #95c93d url("city-page/check.svg") center / 12px 10px no-repeat;
	content: "";
}

.koala-city-page .koala-city-why-koala__benefit strong {
	color: #033968;
	font-weight: 700;
}

.koala-city-page .koala-city-why-koala__features > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.koala-city-page .koala-city-why-koala__feature {
	min-height: 158px;
	padding: 26px 14px;
	border-radius: 12px;
	background: #042f54;
}

.koala-city-page .koala-city-why-koala__feature > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.koala-city-page .koala-city-why-koala__feature::before {
	display: block;
	width: 48px;
	height: 48px;
  margin: 0 auto 12px;
	margin-bottom: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
}

.koala-city-page .koala-city-why-koala__feature--comfort::before {
	background-image: url("city-page/why-koala-comfort.svg");
}

.koala-city-page .koala-city-why-koala__feature--energy::before {
	background-image: url("city-page/why-koala-energy.svg");
}

.koala-city-page .koala-city-why-koala__feature--eco::before {
	background-image: url("city-page/why-koala-eco.svg");
}

.koala-city-page .koala-city-why-koala__feature-label {
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 23.75px;
	text-align: center;
}

.koala-city-page .koala-city-why-koala__cta {
	display: inline-flex;
	min-height: 60px;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	border-radius: 999px;
	background: var(--city-green);
	color: var(--city-navy);
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	text-decoration: none;
}

.koala-city-page .koala-city-why-koala__cta:focus-visible {
	outline: 3px solid var(--city-navy);
	outline-offset: 3px;
}

.koala-city-page .koala-city-why-koala__cta-label-source {
	display: none;
}

@media (max-width: 1250px) {
	.koala-city-page .koala-city-why-koala__content > .wp-block-group__inner-container {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.koala-city-page .koala-city-why-koala__content {
		padding: 48px 16px;
	}

	.koala-city-page .koala-city-why-koala__content > .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.koala-city-page .koala-city-why-koala__visual,
	.koala-city-page .koala-city-why-koala__copy,
	.koala-city-page .koala-city-why-koala__visual > .wp-block-group__inner-container,
	.koala-city-page .koala-city-why-koala__copy > .wp-block-group__inner-container {
		display: contents;
	}

	.koala-city-page .koala-city-why-koala__title-block {
		order: 1;
	}

	.koala-city-page .koala-city-why-koala__media {
		order: 2;
		height: 284px;
		border-radius: 0;
	}

	.koala-city-page .koala-city-why-koala__benefits {
		order: 3;
		padding-top: 0;
	}

	.koala-city-page .koala-city-why-koala__features {
		order: 4;
	}

	.koala-city-page .koala-city-why-koala__cta {
		order: 5;
		width: 100%;
	}

	.koala-city-page .koala-city-why-koala__title-block::after {
		width: 100px;
		height: 33px;
		margin-top: 12px;
	}

	.koala-city-page .koala-city-why-koala__introduction,
	.koala-city-page .koala-city-why-koala__heading {
		font-size: 32px;
		font-weight: 500;
		line-height: 1.2;
	}

	.koala-city-page .koala-city-why-koala__heading,
	.koala-city-page .koala-city-why-koala__heading strong {
		color: var(--city-navy);
	}

	.koala-city-page .koala-city-why-koala__play {
		width: 128px;
		height: 128px;
	}

	.koala-city-page .koala-city-why-koala__benefit {
		min-height: 48px;
		padding: 10px 0 10px 31px;
		font-size: 14px;
		line-height: 27.225px;
	}

	.koala-city-page .koala-city-why-koala__benefit::before {
		top: 12px;
		width: 20px;
		height: 20px;
	}

	.koala-city-page .koala-city-why-koala__feature {
		min-height: 160px;
		padding: 26px 10px;
	}

	.koala-city-page .koala-city-why-koala__feature-label {
		font-size: 17px;
		line-height: 21px;
	}
}

/* Source: city-page-testimonials.css */
.beanstalk-page .koala-city-testimonials {
	padding-block: 80px;
	background: #fff;
}

.beanstalk-page .koala-city-testimonials__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	max-width: var(--city-content-width);
	margin: 0 auto;
	padding-inline: var(--city-page-gutter);
}

.beanstalk-page .koala-city-testimonials__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	width: 100%;
	max-width: 666px;
	margin-inline: auto;
	margin-bottom: 24px;
	text-align: center;
}

.beanstalk-page .koala-city-testimonials__eyebrow,
.beanstalk-page .koala-city-testimonials__heading,
.beanstalk-page .koala-city-testimonials__description {
	margin: 0;
}

.beanstalk-page .koala-city-testimonials__eyebrow {
	font-family: var(--koala-font-heading, "Alegreya Sans", sans-serif);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
	color: #042e53;
}

.beanstalk-page .koala-city-testimonials__heading {
	font-family: var(--koala-font-heading, "Alegreya Sans", sans-serif);
	font-size: 72px;
	font-weight: 700;
	line-height: 1.2;
	color: #afd56c;
}

.beanstalk-page .koala-city-testimonials__description {
	margin-top: 24px;
	font-family: var(--koala-font-body, "Filson Pro", sans-serif);
	font-size: 18px;
	line-height: 2;
	color: #042e53;
}

.beanstalk-page .koala-city-testimonials__widget {
	width: min(100%, 1132px);
	margin-inline: auto;
}

.beanstalk-page .koala-city-testimonials__widget-space {
	display: block;
	min-height: 273px;
}

.beanstalk-page .koala-city-testimonials__fallback {
	margin-top: 18px;
	text-align: center;
}

.beanstalk-page .koala-city-testimonials__fallback-link {
	color: #042e53;
	font-weight: 700;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.beanstalk-page .koala-city-testimonials__fallback-link:focus-visible {
	outline: 3px solid #afd56c;
	outline-offset: 4px;
}

.beanstalk-page .koala-city-testimonials__fallback-label-source {
	display: none;
}

@media (max-width: 767px) {
	.beanstalk-page .koala-city-testimonials {
		padding: 48px 16px;
		overflow-x: clip;
	}

	.beanstalk-page .koala-city-testimonials__content {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		padding-inline: 0;
	}

	.beanstalk-page .koala-city-testimonials__intro {
		align-self: stretch;
		width: calc(100vw - 32px);
		max-width: calc(100vw - 32px);
		margin-inline: 0;
	}

	.beanstalk-page .koala-city-testimonials__eyebrow {
		font-size: 30px;
	}

	.beanstalk-page .koala-city-testimonials__heading {
		font-size: 48px;
	}

	.beanstalk-page .koala-city-testimonials__description {
		font-size: 16px;
		line-height: 1.65;
	}

	.beanstalk-page .koala-city-testimonials__widget,
	.beanstalk-page .koala-city-testimonials__widget-space {
		align-self: stretch;
		width: calc(100vw - 32px);
		max-width: calc(100vw - 32px);
		min-width: 0;
		margin-inline: 0;
	}

	.beanstalk-page .koala-city-testimonials__widget-space {
		min-height: 0;
		overflow: hidden;
	}

	.beanstalk-page .koala-city-testimonials__widget-space .wp-gr,
	.beanstalk-page .koala-city-testimonials__widget-space .grw-row,
	.beanstalk-page .koala-city-testimonials__widget-space .grw-content,
	.beanstalk-page .koala-city-testimonials__widget-space .rpi-slides {
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.beanstalk-page .koala-city-testimonials__widget-space .grw-row {
		flex-direction: column !important;
		align-items: center !important;
		gap: 24px;
	}

	.beanstalk-page .koala-city-testimonials__widget-space .grw-header {
		width: min(100%, 283px);
		margin-inline: auto !important;
	}

	.beanstalk-page .koala-city-testimonials__widget-space .grw-content {
		flex: 0 1 auto !important;
		margin-inline: 0 !important;
	}

	.beanstalk-page .koala-city-testimonials__widget-space .grw-review {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

/* Source: city-page-faq.css */
.koala-city-page .koala-city-faq {
	background: #fff;
	color: var(--city-navy);
}

.koala-city-page .koala-city-faq__content {
	max-width: var(--city-content-width);
	margin-inline: auto;
	padding-block: 96px;
	padding-inline: var(--city-page-gutter);
}

.koala-city-page .koala-city-faq__content > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 544px minmax(0, 1fr);
	align-items: start;
	gap: 58px;
}

.koala-city-page .koala-city-faq__intro > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.koala-city-page .koala-city-faq__title-block::after {
	display: block;
	width: 164px;
	height: 54px;
	background: url("city-page/faq-accent.png") center / contain no-repeat;
	content: "";
}

.koala-city-page .koala-city-faq__heading-prefix,
.koala-city-page .koala-city-faq__heading,
.koala-city-page .koala-city-faq__introduction,
.koala-city-page .koala-city-faq__answer,
.koala-city-page .koala-city-faq__cta-label-source {
	margin: 0;
}

.koala-city-page .koala-city-faq__heading-prefix {
	font-family: "Alegreya Sans", sans-serif;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
}

.koala-city-page .koala-city-faq__heading {
	color: var(--city-green);
	font-family: "Alegreya Sans", sans-serif;
	font-size: 72px;
	font-weight: 500;
	line-height: 1.2;
}

.koala-city-page .koala-city-faq__introduction {
	color: var(--city-navy);
	font-family: "Filson Pro", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 36px;
}

.koala-city-page .koala-city-faq .koala-city-page__quote-cta,
.koala-city-page .koala-city-faq .koala-city-why-koala__cta {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	padding: 4px 32px;
	border-radius: 999px;
	background: var(--city-green);
	color: var(--city-navy);
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	text-decoration: none;
}

.koala-city-page .koala-city-faq__cta-label-source {
	display: none;
}

.koala-city-page .koala-city-faq__items > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
}

.koala-city-page .koala-city-faq__item {
  padding: 16px 0 30px;
  margin: 0 0 16px;
	border: 0;
	border-bottom: 1px solid rgb(0 0 0 / 15%);
}

.koala-city-page .koala-city-faq__item:last-child {
	border-bottom: 0;
}

.koala-city-page .koala-city-faq__item summary {
	position: relative;
	padding-right: 40px;
	color: var(--city-navy);
	font-family: "Alegreya Sans", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	list-style: none;
}

.koala-city-page .koala-city-faq__item summary::-webkit-details-marker {
	display: none;
}

.koala-city-page .koala-city-faq__item summary::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
	background-image: url("city-page/faq-chevron.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
}

.koala-city-page .koala-city-faq__item summary:focus-visible {
	border-radius: 4px;
	outline: 3px solid var(--city-green);
	outline-offset: 4px;
}

.koala-city-page .koala-city-faq__answer {
	padding-top: 16px;
	color: #908e8c;
	font-family: "Filson Pro", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 36px;
}

@media (max-width: 980px) {
	.koala-city-page .koala-city-faq__content > .wp-block-group__inner-container {
		grid-template-columns: minmax(280px, 0.65fr) minmax(0, 1fr);
		gap: 32px;
	}
}

@media (max-width: 767px) {
	.koala-city-page .koala-city-faq__content {
		padding: 48px 16px;
	}

	.koala-city-page .koala-city-faq__content > .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.koala-city-page .koala-city-faq__intro,
	.koala-city-page .koala-city-faq__intro > .wp-block-group__inner-container {
		display: contents;
	}

	.koala-city-page .koala-city-faq__title-block {
		order: 1;
	}

	.koala-city-page .koala-city-faq__introduction {
		order: 2;
		color: #908e8c;
		font-size: 14px;
		line-height: 22px;
	}

	.koala-city-page .koala-city-faq__items {
		order: 3;
	}

	.koala-city-page .koala-city-faq .koala-city-page__quote-cta,
	.koala-city-page .koala-city-faq .koala-city-why-koala__cta {
		order: 4;
		width: 100%;
		min-height: 56px;
		padding: 10px 32px;
	}

	.koala-city-page .koala-city-faq__title-block::after {
		width: 82px;
		height: 2px;
		margin-top: 8px;
		background: var(--city-green);
	}

	.koala-city-page .koala-city-faq__heading-prefix {
		font-size: 24px;
		line-height: normal;
	}

	.koala-city-page .koala-city-faq__heading {
		margin-top: 8px;
		font-size: 32px;
		font-weight: 700;
		line-height: normal;
	}

	.koala-city-page .koala-city-faq__item {
		padding: 12px 0 16px;
		border-bottom-color: rgb(0 0 0 / 10%);
	}

	.koala-city-page .koala-city-faq__item summary {
		padding-right: 40px;
		font-size: 16px;
		line-height: 22px;
	}

	.koala-city-page .koala-city-faq__answer {
		padding-top: 12px;
		font-size: 13px;
		line-height: 20px;
	}
}

/* Source: city-page-final-cta.css */
.koala-city-page .koala-city-final-cta {
	position: relative;
	overflow: hidden;
	padding: 128px 32px 84px;
	border-radius: 200px 200px 0 0;
	background: linear-gradient(90deg, #93c845 0%, #74abda 100%);
	color: #fff;
}

.koala-city-page .koala-city-final-cta::before {
	position: absolute;
	top: 0;
	left: 18px;
	width: 296px;
	height: 143px;
	background: url("city-page/final-cta-accent.png") center / contain no-repeat;
	content: "";
	pointer-events: none;
}

.koala-city-page .koala-city-final-cta__content {
	position: relative;
	z-index: 1;
	width: min(762px, 100%);
	margin-inline: auto;
}

.koala-city-page .koala-city-final-cta__content > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.koala-city-page .koala-city-final-cta__heading,
.koala-city-page .koala-city-final-cta__supporting-copy,
.koala-city-page .koala-city-final-cta__button-label-source {
	margin: 0;
	text-align: center;
}

.koala-city-page .koala-city-final-cta__heading {
	color: #fff;
	font-family: "Alegreya Sans", sans-serif;
	font-size: 56px;
	font-weight: 700;
	line-height: 1.2;
}

.koala-city-page .koala-city-final-cta__supporting-copy {
	color: #fff;
	font-family: "Filson Pro", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 36px;
}

.koala-city-page .koala-city-final-cta .koala-city-page__quote-cta {
	display: inline-flex;
	min-height: 60px;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	border-radius: 999px;
	background: var(--city-navy);
	color: var(--city-green);
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	text-decoration: none;
}

.koala-city-page .koala-city-final-cta .koala-city-page__quote-cta:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.koala-city-page .koala-city-final-cta__button-label-source {
	display: none;
}

.koala-city-page .koala-city-final-cta__decoration {
	position: absolute;
	top: 79px;
	right: -220px;
	width: 560px;
	height: 352px;
	margin: 0;
	pointer-events: none;
}

.koala-city-page .koala-city-final-cta__decoration img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 767px) {
	.koala-city-page .koala-city-final-cta {
		padding: 64px 16px;
		border-radius: 100px 100px 0 0;
	}

	.koala-city-page .koala-city-final-cta::before,
	.koala-city-page .koala-city-final-cta__decoration {
		display: none;
	}

	.koala-city-page .koala-city-final-cta__content > .wp-block-group__inner-container {
		gap: 12px;
	}

	.koala-city-page .koala-city-final-cta__heading {
		font-size: 28px;
		line-height: 34px;
	}

	.koala-city-page .koala-city-final-cta__supporting-copy {
		font-size: 14px;
		line-height: 22px;
	}

	.koala-city-page .koala-city-final-cta .koala-city-page__quote-cta {
		width: 100%;
		min-height: 64px;
		margin-top: 12px;
		padding: 14px 32px;
		font-size: 16px;
	}
}