/* Single Service detail page (single-services.php) — custom classes
   with real CSS instead of copied Tailwind utility strings (several of
   which turned out to never be compiled into orion-tailwind.css). Matches
   the real services-detail-N.html pages at this project's real
   breakpoints: sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752. */

.orion-svc-detail {
	position: relative;
}

/* Theme .container often collapses to 8px pad on Elementor/mobile —
   HTML uses 16px. Scope the real container schedule here. */
.orion-svc-detail .container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
}
@media (min-width: 640px)  { .orion-svc-detail .container { max-width: 640px; } }
@media (min-width: 769px)  { .orion-svc-detail .container { max-width: 769px; } }
@media (min-width: 992px)  { .orion-svc-detail .container { max-width: 992px; } }
@media (min-width: 1199px) { .orion-svc-detail .container { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-svc-detail .container { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-svc-detail .container { max-width: 1752px; } }

/* ---------- Hero ---------- */
.orion-svc-detail__hero {
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}
@media (min-width: 640px)  { .orion-svc-detail__hero { margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-svc-detail__hero { margin-bottom: 70px; } }
@media (min-width: 1380px) { .orion-svc-detail__hero { margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-svc-detail__hero { margin-bottom: 100px; } }

.orion-svc-detail__hero-inner {
	position: relative;
	overflow: hidden;
}

.orion-svc-detail__hero-frame {
	width: 100%;
	/* Match rendered HTML .container (16px even when utilities say p-0). */
	padding-left: 16px;
	padding-right: 16px;
}
@media (min-width: 640px)  { .orion-svc-detail__hero-frame { max-width: 640px; } }
@media (min-width: 769px)  { .orion-svc-detail__hero-frame { max-width: 769px; } }
@media (min-width: 992px)  { .orion-svc-detail__hero-frame { max-width: 992px; } }
@media (min-width: 1199px) { .orion-svc-detail__hero-frame { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-svc-detail__hero-frame { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-svc-detail__hero-frame { max-width: 1752px; } }

.orion-svc-detail__hero-title {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	bottom: -1px;
	z-index: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fff;
	padding: 12px 12px 8px;
}
@media (min-width: 640px) {
	.orion-svc-detail__hero-title {
		position: absolute;
		left: auto;
		right: 0;
		transform: none;
		width: fit-content;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding: 24px;
	}
}
@media (min-width: 769px)  { .orion-svc-detail__hero-title { padding: 28px; } }
@media (min-width: 992px)  { .orion-svc-detail__hero-title { padding-left: 30px; padding-right: 30px; } }
@media (min-width: 1380px) { .orion-svc-detail__hero-title { padding-left: 32px; padding-right: 32px; } }
@media (min-width: 1752px) { .orion-svc-detail__hero-title { padding: 50px 64px; } }

.orion-svc-detail__hero-title h2 { margin: 0; }

/* Mobile hero image: intrinsic height (HTML h-full / object-cover without fixed 220). */
.orion-svc-detail .orion-detail-hero__media img {
	height: auto;
}
@media (min-width: 640px) {
	.orion-svc-detail .orion-detail-hero__media img { height: 100% !important; }
}

/* ---------- Overview ---------- */
.orion-svc-detail__overview {
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}
@media (min-width: 640px)  { .orion-svc-detail__overview { margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-svc-detail__overview { margin-bottom: 70px; } }
@media (min-width: 1380px) { .orion-svc-detail__overview { margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-svc-detail__overview { margin-bottom: 100px; } }

.orion-svc-detail__overview-heading {
	margin: 0 0 4px;
}
@media (min-width: 640px)  { .orion-svc-detail__overview-heading { margin-bottom: 12px; } }
@media (min-width: 1199px) { .orion-svc-detail__overview-heading { margin-bottom: 18px; } }
@media (min-width: 1752px) { .orion-svc-detail__overview-heading { margin-bottom: 20px; } }

/* Overview body — HTML font-light Lexend, mb-4 / lg:mb-[25px], black. */
.orion-svc-detail__overview .container > p {
	margin: 0 0 16px;
	color: #000;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
}
@media (min-width: 992px) {
	.orion-svc-detail__overview .container > p {
		margin-bottom: 25px;
		font-size: 15px;
		line-height: 25px;
	}
}
@media (min-width: 1199px) { .orion-svc-detail__overview .container > p { line-height: 26px; } }
@media (min-width: 1380px) { .orion-svc-detail__overview .container > p { line-height: 28px; } }
@media (min-width: 1752px) {
	.orion-svc-detail__overview .container > p { font-size: 18px; line-height: 32px; }
}
.orion-svc-detail__overview .container > p:last-of-type { margin-bottom: 0; }

.orion-svc-detail__features {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	gap: 30px;
	margin-top: 40px;
}
@media (min-width: 640px)  { .orion-svc-detail__features { gap: 40px; } }
@media (min-width: 769px) {
	.orion-svc-detail__features { flex-direction: row; margin-top: 48px; }
}
@media (min-width: 992px)  { .orion-svc-detail__features { gap: 48px; margin-top: 56px; } }
@media (min-width: 1199px) { .orion-svc-detail__features { margin-top: 70px; } }
@media (min-width: 1752px) { .orion-svc-detail__features { gap: 64px; } }

.orion-svc-detail__feature {
	position: relative;
	width: 100%;
	padding-top: 30px;
	border-top: 1px solid var(--orion-primary);
}
@media (min-width: 769px)  { .orion-svc-detail__feature { width: 490px; } }
@media (min-width: 992px)  { .orion-svc-detail__feature { padding-top: 40px; } }
@media (min-width: 1752px) { .orion-svc-detail__feature { padding-top: 48px; } }

.orion-svc-detail__feature::before {
	content: '';
	position: absolute;
	left: 0;
	top: -8px;
	width: 15px;
	height: 15px;
	background: var(--orion-primary);
	border-radius: 50%;
}
@media (min-width: 640px) {
	.orion-svc-detail__feature::before { width: 20px; height: 20px; top: -12px; }
}

/* HTML h6.font-lexend: Lexend 500 — size follows global h6 (15→16→17→18→22). */
html body h6.orion-svc-detail__feature-title,
.orion-svc-detail__feature-title {
	margin: 0 0 10px;
	font-family: var(--orion-font-body, Lexend, sans-serif);
	font-weight: 500;
	color: #000;
	font-size: 15px;
	line-height: 1.375;
	text-transform: none;
}
@media (min-width: 640px) {
	html body h6.orion-svc-detail__feature-title,
	.orion-svc-detail__feature-title { font-size: 16px; }
}
@media (min-width: 992px) {
	html body h6.orion-svc-detail__feature-title,
	.orion-svc-detail__feature-title { font-size: 17px; }
}
@media (min-width: 1199px) {
	html body h6.orion-svc-detail__feature-title,
	.orion-svc-detail__feature-title {
		margin-bottom: 18px;
		font-size: 18px;
		line-height: 32px;
	}
}
@media (min-width: 1752px) {
	html body h6.orion-svc-detail__feature-title,
	.orion-svc-detail__feature-title {
		margin-bottom: 24px;
		font-size: 22px;
	}
}

.orion-svc-detail__feature-desc {
	margin: 0;
	color: #000;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 23px;
}
@media (min-width: 992px)  { .orion-svc-detail__feature-desc { line-height: 25px; } }
@media (min-width: 1199px) { .orion-svc-detail__feature-desc { font-size: 16px; line-height: 26px; } }
@media (min-width: 1380px) { .orion-svc-detail__feature-desc { line-height: 28px; } }
@media (min-width: 1752px) { .orion-svc-detail__feature-desc { font-size: 18px; line-height: 32px; } }

/* ---------- Why Choose Us? ---------- */
.orion-svc-detail__choose {
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}
@media (min-width: 769px)  { .orion-svc-detail__choose { margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-svc-detail__choose { margin-bottom: 70px; } }
@media (min-width: 1380px) { .orion-svc-detail__choose { margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-svc-detail__choose { margin-bottom: 100px; } }

.orion-svc-detail__choose-row {
	display: flex;
	flex-direction: column;
	gap: 36px;
}
@media (min-width: 992px) {
	.orion-svc-detail__choose-row { flex-direction: row; align-items: stretch; justify-content: space-between; gap: 60px; }
}
@media (min-width: 1752px) { .orion-svc-detail__choose-row { gap: 80px; } }

.orion-svc-detail__choose-media {
	position: relative;
	overflow: hidden;
}
@media (max-width: 991px) {
	.orion-svc-detail__choose-media img {
		position: static;
		width: 100%;
		height: auto;
		object-fit: cover;
		display: block;
	}
}
@media (min-width: 992px) {
	.orion-svc-detail__choose-media {
		width: 50%;
		align-self: stretch;
		min-height: 100%;
	}
	.orion-svc-detail__choose-media img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100% !important;
		object-fit: cover;
		display: block;
	}
}
@media (min-width: 1380px) { .orion-svc-detail__choose-media { width: 48.3%; } }

.orion-svc-detail__choose-content {
	width: 100%;
	padding-top: 35px;
}
@media (min-width: 992px) { .orion-svc-detail__choose-content { width: 50%; padding: 40px 0; } }
@media (min-width: 1380px) { .orion-svc-detail__choose-content { width: 46.6%; } }

.orion-svc-detail__choose-content h2 { margin: 0 0 10px; }
@media (min-width: 1380px) { .orion-svc-detail__choose-content h2 { margin-bottom: 30px; } }

.orion-svc-detail__choose-content > p {
	margin: 0 0 20px;
	color: #000;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
}
@media (min-width: 992px) {
	.orion-svc-detail__choose-content > p {
		font-size: 15px;
		line-height: 25px;
	}
}
@media (min-width: 1199px) {
	.orion-svc-detail__choose-content > p {
		margin-bottom: 24px;
		line-height: 26px;
	}
}
@media (min-width: 1380px) {
	.orion-svc-detail__choose-content > p {
		margin-bottom: 30px;
		line-height: 28px;
	}
}
@media (min-width: 1752px) {
	.orion-svc-detail__choose-content > p {
		font-size: 18px;
		line-height: 32px;
	}
}

/* HTML .custom-list: pl-24 / sm:pl-[33px], space-y-2.5 / 1xl:space-y-3 */
.orion-svc-detail__choose-list {
	list-style: none;
	margin: 0;
	padding-left: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
@media (min-width: 640px)  { .orion-svc-detail__choose-list { padding-left: 33px; } }
@media (min-width: 1380px) { .orion-svc-detail__choose-list { gap: 12px; } }

.orion-svc-detail__choose-list li {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
}
@media (min-width: 1752px) { .orion-svc-detail__choose-list li { gap: 12px; } }

.orion-svc-detail__choose-list li::before {
	content: '';
	position: absolute;
	top: 0.25em;
	left: -23px;
	width: 16.5px;
	height: 16.5px;
	background-color: var(--orion-primary);
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%23000' d='M10 0C4.47719 0 0 4.47719 0 10C0 15.5231 4.47719 20 10 20C15.5231 20 20 15.5231 20 10C20 4.47719 15.5231 0 10 0ZM10 18.7697C5.17531 18.7697 1.25 14.8247 1.25 9.99996C1.25 5.17527 5.17531 1.24996 10 1.24996C14.8247 1.24996 18.75 5.17529 18.75 9.99996C18.75 14.8246 14.8247 18.7697 10 18.7697ZM13.9909 6.34094L8.12373 12.245L5.48154 9.60281C5.23748 9.35875 4.84186 9.35875 4.59748 9.60281C4.35342 9.84688 4.35342 10.2425 4.59748 10.4866L7.69092 13.5803C7.93498 13.8241 8.33061 13.8241 8.57498 13.5803C8.60311 13.5522 8.62719 13.5215 8.64906 13.4897L14.8753 7.22498C15.1191 6.98092 15.1191 6.58529 14.8753 6.34094C14.6309 6.09688 14.2353 6.09688 13.9909 6.34094Z'/></svg>") 50%/contain no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%23000' d='M10 0C4.47719 0 0 4.47719 0 10C0 15.5231 4.47719 20 10 20C15.5231 20 20 15.5231 20 10C20 4.47719 15.5231 0 10 0ZM10 18.7697C5.17531 18.7697 1.25 14.8247 1.25 9.99996C1.25 5.17527 5.17531 1.24996 10 1.24996C14.8247 1.24996 18.75 5.17529 18.75 9.99996C18.75 14.8246 14.8247 18.7697 10 18.7697ZM13.9909 6.34094L8.12373 12.245L5.48154 9.60281C5.23748 9.35875 4.84186 9.35875 4.59748 9.60281C4.35342 9.84688 4.35342 10.2425 4.59748 10.4866L7.69092 13.5803C7.93498 13.8241 8.33061 13.8241 8.57498 13.5803C8.60311 13.5522 8.62719 13.5215 8.64906 13.4897L14.8753 7.22498C15.1191 6.98092 15.1191 6.58529 14.8753 6.34094C14.6309 6.09688 14.2353 6.09688 13.9909 6.34094Z'/></svg>") 50%/contain no-repeat;
}
@media (min-width: 640px) {
	.orion-svc-detail__choose-list li::before {
		left: -28.8px;
		width: 18px;
		height: 18px;
	}
}
@media (min-width: 1199px) {
	.orion-svc-detail__choose-list li::before { width: 19px; height: 19px; }
}
@media (min-width: 1380px) {
	.orion-svc-detail__choose-list li::before { width: 20px; height: 20px; }
}

.orion-svc-detail__choose-list li p {
	margin: 0;
	color: #000;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
}
@media (min-width: 992px)  { .orion-svc-detail__choose-list li p { font-size: 15px; line-height: 25px; } }
@media (min-width: 1199px) { .orion-svc-detail__choose-list li p { line-height: 26px; } }
@media (min-width: 1380px) { .orion-svc-detail__choose-list li p { line-height: 28px; } }
@media (min-width: 1752px) { .orion-svc-detail__choose-list li p { font-size: 18px; line-height: 32px; } }
.orion-svc-detail__choose-label {
	font-weight: 500;
}

/* ---------- How It Works ---------- */
.orion-svc-detail__how {
	position: relative;
	background: #F6F6F6;
	margin-bottom: 40px;
	padding: 40px 0;
}
@media (min-width: 640px)  { .orion-svc-detail__how { margin-bottom: 50px; padding: 50px 0; } }
@media (min-width: 992px)  { .orion-svc-detail__how { margin-bottom: 70px; padding: 70px 0; } }
@media (min-width: 1380px) { .orion-svc-detail__how { margin-bottom: 80px; padding: 80px 0; } }
@media (min-width: 1752px) { .orion-svc-detail__how { margin-bottom: 100px; padding: 100px 0; } }

.orion-svc-detail__how-heading { margin: 0 0 28px; }
@media (min-width: 992px)  { .orion-svc-detail__how-heading { width: 85%; } }
@media (min-width: 1380px) { .orion-svc-detail__how-heading { margin-bottom: 44px; } }

.orion-svc-detail__how-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
}
@media (min-width: 640px)  { .orion-svc-detail__how-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } }
@media (min-width: 769px)  { .orion-svc-detail__how-grid { gap: 28px; } }
@media (min-width: 992px)  { .orion-svc-detail__how-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1380px) { .orion-svc-detail__how-grid { gap: 30px; } }
@media (min-width: 1752px) { .orion-svc-detail__how-grid { gap: 36px; } }

.orion-svc-detail__how-card {
	position: relative;
	background: #fff;
	padding: 20px;
	box-shadow: 0 4px 9px rgba(0, 0, 0, 0.12);
}
@media (min-width: 640px)  { .orion-svc-detail__how-card { padding: 24px; } }
@media (min-width: 1380px) { .orion-svc-detail__how-card { padding: 32px; } }
@media (min-width: 1752px) { .orion-svc-detail__how-card { padding: 40px; } }

.orion-svc-detail h2.orion-svc-detail__how-number {
	color: var(--orion-primary);
	margin: 0 0 8px;
	width: fit-content;
}
@media (min-width: 769px)  { .orion-svc-detail h2.orion-svc-detail__how-number { margin-bottom: 20px; } }
@media (min-width: 1380px) { .orion-svc-detail h2.orion-svc-detail__how-number { margin-bottom: 22px; } }

.orion-svc-detail__how-title { margin: 0 0 8px; }
@media (min-width: 1380px) { .orion-svc-detail__how-title { margin-bottom: 16px; } }

/* HTML global p leading schedule on card body */
.orion-svc-detail__how-desc {
	margin: 0;
	color: #464343;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
}
@media (min-width: 992px)  { .orion-svc-detail__how-desc { font-size: 15px; line-height: 25px; } }
@media (min-width: 1199px) { .orion-svc-detail__how-desc { line-height: 26px; } }
@media (min-width: 1380px) { .orion-svc-detail__how-desc { line-height: 28px; } }
@media (min-width: 1752px) { .orion-svc-detail__how-desc { font-size: 18px; line-height: 32px; } }

/* ---------- Build Your Dream Project with Confidence ---------- */
.orion-svc-detail__dream {
	margin-bottom: 40px;
}
@media (min-width: 640px)  { .orion-svc-detail__dream { margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-svc-detail__dream { margin-bottom: 70px; } }
@media (min-width: 1380px) { .orion-svc-detail__dream { margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-svc-detail__dream { margin-bottom: 100px; } }

.orion-svc-detail__dream-row {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}
@media (min-width: 769px) {
	.orion-svc-detail__dream-row { flex-direction: row; border-bottom: 1px solid rgba(0,0,0,0.15); }
}

.orion-svc-detail__dream-text h2 { margin: 0 0 12px; }
@media (min-width: 640px) { .orion-svc-detail__dream-text h2 { margin-bottom: 20px; } }
@media (min-width: 992px) { .orion-svc-detail__dream-text h2 { width: 70%; max-width: 500px; margin-bottom: 24px; } }
@media (min-width: 1199px) { .orion-svc-detail__dream-text h2 { width: 70%; } }
@media (min-width: 1752px) { .orion-svc-detail__dream-text h2 { width: 85%; max-width: none; } }

.orion-svc-detail__dream-text > p { margin: 0; color: #464343; font-weight: 300; }

.orion-svc-detail__dream-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}
@media (min-width: 1199px) { .orion-svc-detail__dream-actions { gap: 30px; margin-top: 40px; } }

/* HTML: .btn with !px-0 !font-light font-lexend — keeps vertical .btn padding */
.orion-svc-detail__dream-phone {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	font-family: Lexend, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	transition: color 0.3s ease;
	width: auto;
}
@media (min-width: 640px) {
	.orion-svc-detail__dream-phone {
		gap: 12px;
		padding: 8px 0;
	}
}
@media (min-width: 992px) { .orion-svc-detail__dream-phone { font-size: 15px; } }
@media (min-width: 1199px) { .orion-svc-detail__dream-phone { padding: 10px 0; } }
@media (min-width: 1752px) {
	.orion-svc-detail__dream-phone {
		padding: 12px 0;
		font-size: 18px;
	}
}
.orion-svc-detail__dream-phone:hover { color: var(--orion-primary); }
.orion-svc-detail__dream-phone svg { width: 18px; height: 18px; stroke: var(--orion-primary); flex-shrink: 0; }
@media (min-width: 640px)  { .orion-svc-detail__dream-phone svg { width: 22px; height: 22px; } }
@media (min-width: 1199px) { .orion-svc-detail__dream-phone svg { width: 24px; height: 24px; } }

/* Dream text column padding — HTML xl:pt-[60px] xl:pb-[131px] lg:pt-12 lg:pb-[60px] md:pb-[30px] pt-8 */
.orion-svc-detail__dream-text {
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0.15);
	padding: 32px 0;
}
@media (min-width: 769px) {
	.orion-svc-detail__dream-text { width: 50%; border: none; padding: 48px 0 30px; }
}
@media (min-width: 992px) {
	.orion-svc-detail__dream-text { padding: 48px 0 60px; }
}
@media (min-width: 1199px) {
	.orion-svc-detail__dream-text { width: 56%; padding: 60px 0 131px; }
}
@media (min-width: 1752px) { .orion-svc-detail__dream-text { width: 47%; } }

.orion-svc-detail__dream-media {
	position: relative;
	width: 65%;
	margin: auto auto 0 auto;
}
@media (min-width: 769px)  { .orion-svc-detail__dream-media { width: 50%; margin: auto 0 0 auto; } }
@media (min-width: 1199px) { .orion-svc-detail__dream-media { width: 43%; } }
@media (min-width: 1380px) { .orion-svc-detail__dream-media { width: 39%; } }
@media (min-width: 1752px) { .orion-svc-detail__dream-media { width: 35%; } }

.orion-svc-detail__dream-media img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}


/* ---------- Typography (beats Global Typo after exclusions) ----------
   Same schedule as services-detail-N.html / shared single-project.css. */
html body .orion-svc-detail h2,
html body h2.orion-svc-detail__hero-heading,
html body h2.orion-svc-detail__overview-heading,
html body h2.orion-svc-detail__choose-heading,
html body h2.orion-svc-detail__how-heading,
html body h2.orion-svc-detail__how-number,
html body h2.orion-svc-detail__dream-heading {
	font-family: var(--orion-font-heading, "El Messiri", serif);
	font-weight: 500;
	font-size: 26px;
	line-height: 36px;
	color: #000;
	text-transform: none;
	letter-spacing: normal;
}
html body h4.orion-svc-detail__how-title,
.orion-svc-detail__how-title {
	font-family: var(--orion-font-heading, "El Messiri", serif);
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-transform: none;
}
@media (min-width: 640px) {
	html body .orion-svc-detail h2,
	html body h2.orion-svc-detail__hero-heading,
	html body h2.orion-svc-detail__overview-heading,
	html body h2.orion-svc-detail__choose-heading,
	html body h2.orion-svc-detail__how-heading,
	html body h2.orion-svc-detail__how-number,
	html body h2.orion-svc-detail__dream-heading { font-size: 30px; line-height: 40px; }
}
@media (min-width: 769px) {
	html body .orion-svc-detail h2,
	html body h2.orion-svc-detail__hero-heading,
	html body h2.orion-svc-detail__overview-heading,
	html body h2.orion-svc-detail__choose-heading,
	html body h2.orion-svc-detail__how-heading,
	html body h2.orion-svc-detail__how-number,
	html body h2.orion-svc-detail__dream-heading { font-size: 35px; line-height: 40px; }
	html body h4.orion-svc-detail__how-title,
	.orion-svc-detail__how-title { font-size: 22px; }
}
@media (min-width: 1199px) {
	html body .orion-svc-detail h2,
	html body h2.orion-svc-detail__hero-heading,
	html body h2.orion-svc-detail__overview-heading,
	html body h2.orion-svc-detail__choose-heading,
	html body h2.orion-svc-detail__how-heading,
	html body h2.orion-svc-detail__how-number,
	html body h2.orion-svc-detail__dream-heading { font-size: 40px; line-height: 50px; }
	html body h4.orion-svc-detail__how-title,
	.orion-svc-detail__how-title { font-size: 24px; line-height: 32px; }
}
@media (min-width: 1380px) {
	html body .orion-svc-detail h2,
	html body h2.orion-svc-detail__hero-heading,
	html body h2.orion-svc-detail__overview-heading,
	html body h2.orion-svc-detail__choose-heading,
	html body h2.orion-svc-detail__how-heading,
	html body h2.orion-svc-detail__how-number,
	html body h2.orion-svc-detail__dream-heading { font-size: 46px; line-height: 55px; }
	html body h4.orion-svc-detail__how-title,
	.orion-svc-detail__how-title { line-height: 36px; }
}
@media (min-width: 1752px) {
	html body .orion-svc-detail h2,
	html body h2.orion-svc-detail__hero-heading,
	html body h2.orion-svc-detail__overview-heading,
	html body h2.orion-svc-detail__choose-heading,
	html body h2.orion-svc-detail__how-heading,
	html body h2.orion-svc-detail__how-number,
	html body h2.orion-svc-detail__dream-heading { font-size: 60px; line-height: 70px; }
	html body h4.orion-svc-detail__how-title,
	.orion-svc-detail__how-title { font-size: 30px; line-height: 42px; }
}

/* Hero title pill is white — keep heading dark. */
html body .orion-svc-detail__hero-heading,
.orion-svc-detail__hero-title h2 {
	color: #000 !important;
	margin: 0;
}