.mortgage-page{background:#fff}.mortgage-hero{min-height:480px;display:flex;position:relative;align-items:center;overflow:hidden;padding:145px 0 85px;background:linear-gradient(112deg,rgba(3,33,33,.97),rgba(6,50,50,.87)),url("https://dev.orbitwebx.com/wp-content/uploads/2026/04/FHA-Mortgage-Loans-in-Dallas-TX-for-Affordable-Home-Financing.webp") center/cover;color:#fff}.mortgage-hero:before,.mortgage-hero:after{position:absolute;border-radius:50%;content:""}.mortgage-hero:before{width:480px;height:480px;right:-145px;bottom:-285px;border:1px solid rgba(216,239,182,.2)}.mortgage-hero:after{width:290px;height:290px;right:120px;bottom:-170px;border:56px solid rgba(251,177,47,.1)}.mortgage-hero-content{max-width:950px;position:relative;z-index:1}.mortgage-hero-kicker{display:inline-flex;align-items:center;gap:11px;margin:0 0 15px;color:#ffc456;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mortgage-hero-kicker:before{width:30px;height:2px;background:#fbb12f;content:""}.mortgage-hero h1{margin:0 0 20px;color:#fff;font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.04;letter-spacing:-.035em}.mortgage-hero-summary{max-width:760px;margin:0 0 24px;color:rgba(255,255,255,.8);font-size:1.1rem;line-height:1.7}.mortgage-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,.65);font-size:.9rem}.mortgage-breadcrumb a{color:#fff;font-weight:700}.mortgage-breadcrumb a:hover{color:#ffc456}.mortgage-listing-section,.mortgage-related-section{padding:105px 0 120px}.mortgage-section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.mortgage-section-heading h2,.mortgage-section-heading p{margin-bottom:0}.mortgage-section-heading>p{max-width:460px}.mortgage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.mortgage-card{height:100%;display:flex;overflow:hidden;flex-direction:column;border:1px solid rgba(6,50,50,.09);border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(3,33,33,.09);transition:transform .3s ease,box-shadow .3s ease}.mortgage-card:hover{transform:translateY(-6px);box-shadow:0 23px 50px rgba(3,33,33,.15)}.mortgage-card-image{height:240px;display:block;position:relative;overflow:hidden;background:#d8efb6}.mortgage-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mortgage-card:hover .mortgage-card-image img{transform:scale(1.045)}.mortgage-image-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#d8efb6,#ecf8f8);color:#115050;font-size:3rem}.mortgage-type-label{position:absolute;top:16px;left:16px;padding:7px 11px;border-radius:999px;background:#fbb12f;color:#063232;font-size:.66rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 5px 15px rgba(3,33,33,.16)}.mortgage-card-content{display:flex;flex:1;flex-direction:column;padding:27px}.mortgage-card-content h3{margin:0 0 13px;font-size:1.42rem;font-weight:800;line-height:1.3}.mortgage-card-content h3 a:hover{color:#f59e0b}.mortgage-card-content p{flex:1;margin-bottom:20px;font-size:.93rem;line-height:1.7}.mortgage-card-link{display:inline-flex;width:max-content;align-items:center;gap:9px;color:#063232;font-size:.84rem;font-weight:900}.mortgage-card-link i{color:#f59e0b;transition:transform .2s ease}.mortgage-card-link:hover i{transform:translateX(5px)}.mortgage-empty{padding:55px;border-radius:20px;background:#ecf8f8;text-align:center}.mortgage-empty h2{font-size:2rem;font-weight:700}.mortgage-empty p{margin:0}.mortgage-archive .navigation.pagination{margin-top:55px}.mortgage-archive .nav-links{display:flex;justify-content:center;gap:8px}.mortgage-archive .page-numbers{min-width:44px;height:44px;display:grid;place-items:center;padding:0 13px;border:1px solid #dceaea;border-radius:999px;color:#063232;font-weight:800}.mortgage-archive .page-numbers.current,.mortgage-archive a.page-numbers:hover{border-color:#063232;background:#063232;color:#fff}.mortgage-single-hero{min-height:560px}.mortgage-detail-section{padding:100px 0 115px;background:#f5f7f7}.mortgage-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;align-items:start;gap:48px}.mortgage-detail-card{overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(3,33,33,.1)}.mortgage-detail-image{height:510px;margin:0;overflow:hidden}.mortgage-detail-image img{width:100%;height:100%;object-fit:cover}.mortgage-detail-content{padding:50px 55px;color:#456d70;font-size:1.04rem;line-height:1.82}.mortgage-detail-content>*:first-child{margin-top:0}.mortgage-detail-content h2,.mortgage-detail-content h3,.mortgage-detail-content h4{margin:1.5em 0 .6em;color:#063232;font-weight:700}.mortgage-detail-content h2{font-size:2.1rem}.mortgage-detail-content h3{font-size:1.55rem}.mortgage-detail-content ul,.mortgage-detail-content ol{display:grid;gap:9px;margin:0 0 24px 22px;list-style:initial}.mortgage-detail-content ol{list-style:decimal}.mortgage-detail-content a{color:#d98800;text-decoration:underline;text-underline-offset:3px}.mortgage-detail-content blockquote{margin:30px 0;padding:28px 32px;border-left:5px solid #fbb12f;border-radius:0 15px 15px 0;background:#ecf8f8;color:#063232;font-size:1.15rem;font-weight:700}.mortgage-detail-sidebar{display:grid;position:sticky;top:110px;gap:16px}.mortgage-help-card{overflow:hidden;position:relative;padding:32px;border-radius:22px;background:#063232;color:#d8efb6;box-shadow:0 18px 42px rgba(3,33,33,.16)}.mortgage-help-card:after{width:180px;height:180px;position:absolute;right:-70px;bottom:-80px;border:35px solid rgba(251,177,47,.1);border-radius:50%;content:""}.mortgage-help-icon{width:54px;height:54px;display:grid;position:relative;z-index:1;place-items:center;margin-bottom:22px;border-radius:50%;background:#d8efb6;color:#063232}.mortgage-help-card h2{position:relative;z-index:1;margin:0 0 15px;color:#fff;font-size:1.65rem;font-weight:700}.mortgage-help-card p{position:relative;z-index:1}.mortgage-help-card .btn{position:relative;z-index:1}.mortgage-phone-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(6,50,50,.1);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(3,33,33,.08)}.mortgage-phone-card>i{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fbb12f;color:#063232}.mortgage-phone-card small,.mortgage-phone-card strong{display:block}.mortgage-phone-card small{color:#789194;font-size:.68rem;font-weight:800;text-transform:uppercase}.mortgage-phone-card strong{color:#063232}.mortgage-related-section{background:#ecf8f8}.mortgage-related-section .mortgage-section-heading{display:block}.mortgage-page .fade-up{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.mortgage-page .fade-up.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.mortgage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mortgage-detail-layout{grid-template-columns:1fr}.mortgage-detail-sidebar{position:static;grid-template-columns:1fr 1fr}.mortgage-phone-card{align-self:stretch}}
@media(max-width:767px){.mortgage-hero{min-height:370px;padding:120px 0 65px}.mortgage-hero h1{font-size:2.7rem}.mortgage-hero-summary{font-size:1rem}.mortgage-listing-section,.mortgage-related-section,.mortgage-detail-section{padding:70px 0 80px}.mortgage-section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:35px}.mortgage-grid{grid-template-columns:1fr;gap:22px}.mortgage-card-image{height:230px}.mortgage-detail-image{height:310px}.mortgage-detail-content{padding:30px 24px;font-size:1rem}.mortgage-detail-content h2{font-size:1.75rem}.mortgage-detail-sidebar{grid-template-columns:1fr}.mortgage-help-card{padding:27px}.mortgage-empty{padding:35px 22px}}
@media(max-width:420px){.mortgage-hero h1{font-size:2.35rem}.mortgage-card-image{height:205px}}
@media(prefers-reduced-motion:reduce){.mortgage-page .fade-up{opacity:1;transform:none;transition:none}.mortgage-card,.mortgage-card-image img{transition:none}}

/* Mortgage UI refinements — presentation only; post content remains unchanged. */
.mortgage-hero-content {
	padding-left: 32px;
	border-left: 5px solid #fbb12f;
}

.mortgage-listing-intro {
	max-width: 470px;
	display: flex;
	align-items: center;
	gap: 22px;
}

.mortgage-listing-intro > p {
	margin: 0;
}

.mortgage-guide-count {
	min-width: 104px;
	display: grid;
	place-content: center;
	padding: 13px 12px;
	border: 1px solid rgba(6, 50, 50, .1);
	border-radius: 14px;
	background: #ecf8f8;
	color: #527477;
	font-size: .65rem;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: .07em;
	text-align: center;
	text-transform: uppercase;
}

.mortgage-guide-count strong {
	display: block;
	color: #063232;
	font-size: 1.55rem;
	line-height: 1;
	letter-spacing: 0;
}

.mortgage-card-number {
	width: 45px;
	height: 45px;
	display: grid;
	position: absolute;
	top: 15px;
	right: 15px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .55);
	border-radius: 50%;
	background: rgba(6, 50, 50, .9);
	color: #fff;
	font-size: .75rem;
	font-weight: 900;
	letter-spacing: .06em;
	box-shadow: 0 8px 20px rgba(3, 33, 33, .2);
	backdrop-filter: blur(8px);
}

.mortgage-archive .mortgage-card-content {
	padding: 30px;
}

.mortgage-archive .mortgage-card-link {
	justify-content: space-between;
	width: 100%;
}

@media (max-width: 767px) {
	.mortgage-listing-intro {
		max-width: none;
		align-items: flex-start;
		flex-direction: column;
	}

	.mortgage-guide-count {
		min-width: 115px;
		grid-auto-flow: column;
		align-items: center;
		gap: 8px;
	}

	.mortgage-guide-count strong {
		display: inline;
		font-size: 1.25rem;
	}

	.mortgage-archive .mortgage-card-content {
		padding: 25px;
	}
}

/* Mortgage 101 archive and detail FAQ experience. */
.mortgage-archive .mortgage-listing-section {
	background: linear-gradient(180deg, #fff 0, #f7fbfa 52%, #fff 100%);
}

.mortgage-archive .mortgage-card {
	border-color: rgba(6, 50, 50, .12);
	box-shadow: 0 18px 45px rgba(3, 33, 33, .09);
}

.mortgage-archive .mortgage-card:nth-child(3n + 2) {
	transform: translateY(18px);
}

.mortgage-archive .mortgage-card:nth-child(3n + 2):hover {
	transform: translateY(10px);
}

.mortgage-faq-list {
	gap: 14px;
	margin: 30px 0 38px;
}

.mortgage-faq-item {
	counter-increment: faq-counter;
	overflow: hidden;
	border: 1px solid rgba(6, 50, 50, .11);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 9px 28px rgba(3, 33, 33, .06);
	transition: border-color .25s ease, box-shadow .25s ease;
}

.mortgage-faq-item:hover,
.mortgage-faq-item[open] {
	border-color: rgba(251, 177, 47, .75);
	box-shadow: 0 15px 36px rgba(3, 33, 33, .1);
}

.mortgage-faq-item summary {
	min-height: 78px;
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 38px;
	align-items: center;
	gap: 16px;
	padding: 17px 20px;
	color: #063232;
	font-size: 1.04rem;
	font-weight: 800;
	line-height: 1.45;
	list-style: none;
	cursor: pointer;
}

.mortgage-faq-item summary::-webkit-details-marker {
	display: none;
}

.mortgage-faq-item summary::before {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border-radius: 11px;
	background: #ecf8f8;
	color: #115050;
	font-size: .72rem;
	font-weight: 900;
	content: counter(faq-counter, decimal-leading-zero);
}

.mortgage-faq-item[open] summary::before {
	background: #fbb12f;
	color: #063232;
}

.mortgage-faq-item summary i {
	width: 36px;
	height: 36px;
	display: grid;
	position: relative;
	place-items: center;
	border-radius: 50%;
	background: #063232;
}

.mortgage-faq-item summary i::before,
.mortgage-faq-item summary i::after {
	width: 12px;
	height: 2px;
	position: absolute;
	background: #fff;
	content: "";
	transition: transform .25s ease;
}

.mortgage-faq-item summary i::after {
	transform: rotate(90deg);
}

.mortgage-faq-item[open] summary i {
	background: #fbb12f;
}

.mortgage-faq-item[open] summary i::before,
.mortgage-faq-item[open] summary i::after {
	background: #063232;
}

.mortgage-faq-item[open] summary i::after {
	transform: none;
}

.mortgage-faq-answer {
	margin: 0 20px 0 80px;
	padding: 4px 48px 23px 0;
	border-top: 1px solid #dceaea;
}

.mortgage-detail-content .mortgage-faq-answer p {
	margin: 17px 0 0;
	font-size: 1rem;
	line-height: 1.8;
}

.mortgage-faq-item.is-animating {
	overflow: hidden;
}

@media (max-width: 767px) {
	.mortgage-archive .mortgage-card:nth-child(3n + 2),
	.mortgage-archive .mortgage-card:nth-child(3n + 2):hover {
		transform: none;
	}

	.mortgage-faq-item summary {
		grid-template-columns: 38px minmax(0, 1fr) 34px;
		gap: 12px;
		padding: 15px 14px;
		font-size: .98rem;
	}

	.mortgage-faq-item summary::before {
		width: 38px;
		height: 38px;
	}

	.mortgage-faq-item summary i {
		width: 32px;
		height: 32px;
	}

	.mortgage-faq-answer {
		margin: 0 14px 0 64px;
		padding: 2px 8px 20px 0;
	}
}

.mortgage-hero h1 {
	max-width: 900px;
	text-wrap: balance;
}

.mortgage-listing-section {
	position: relative;
	background:
		radial-gradient(circle at 8% 16%, rgba(216, 239, 182, .3), transparent 22%),
		#fff;
}

.mortgage-section-heading {
	padding-bottom: 34px;
	border-bottom: 1px solid #dceaea;
}

.mortgage-grid:has(.mortgage-card:only-child) {
	grid-template-columns: minmax(0, 680px);
	justify-content: center;
}

.mortgage-grid:has(.mortgage-card:nth-child(2):last-child) {
	grid-template-columns: repeat(2, minmax(0, 435px));
	justify-content: center;
}

.mortgage-grid:has(.mortgage-card:nth-child(4):last-child) {
	grid-template-columns: repeat(2, minmax(0, 435px));
	justify-content: center;
}

.mortgage-card:only-child .mortgage-card-image {
	height: 320px;
}

.mortgage-card {
	isolation: isolate;
	position: relative;
}

.mortgage-card::after {
	width: 0;
	height: 4px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	margin: auto;
	background: #fbb12f;
	content: "";
	transition: width .3s ease;
}

.mortgage-card:hover::after {
	width: 100%;
}

.mortgage-card-content h3 {
	letter-spacing: -.015em;
}

.mortgage-card-content > p {
	color: #5f7a7d;
}

.mortgage-card-link {
	padding-top: 17px;
	border-top: 1px solid #dceaea;
}

.mortgage-detail-section {
	position: relative;
	background:
		linear-gradient(180deg, #f5f7f7, #fff 72%),
		#f5f7f7;
}

.mortgage-detail-card {
	border: 1px solid rgba(6, 50, 50, .08);
}

.mortgage-detail-content {
	position: relative;
}

.mortgage-detail-content::before {
	width: 76px;
	height: 5px;
	display: block;
	margin-bottom: 35px;
	border-radius: 999px;
	background: linear-gradient(90deg, #fbb12f 0 55%, #d8efb6 55%);
	content: "";
}

.mortgage-detail-content > p:first-of-type {
	margin-bottom: 26px;
	color: #063232;
	font-size: 1.23rem;
	font-weight: 700;
	line-height: 1.65;
}

.mortgage-detail-content h2 {
	position: relative;
	margin-top: 2em;
	padding-bottom: 16px;
	border-bottom: 1px solid #dceaea;
	letter-spacing: -.02em;
}

.mortgage-detail-content h2::after {
	width: 52px;
	height: 3px;
	position: absolute;
	bottom: -2px;
	left: 0;
	border-radius: 999px;
	background: #fbb12f;
	content: "";
}

.mortgage-detail-content h3 {
	margin-top: 1.8em;
	padding: 18px 20px;
	border-left: 4px solid #fbb12f;
	border-radius: 0 12px 12px 0;
	background: #ecf8f8;
	font-size: 1.35rem;
	line-height: 1.4;
}

.mortgage-detail-content h3 a {
	color: #063232;
	text-decoration: none;
}

.mortgage-detail-content h3 a:hover {
	color: #d98800;
}

.mortgage-detail-content p {
	margin-bottom: 22px;
}

.mortgage-detail-content blockquote {
	position: relative;
	overflow: hidden;
	padding: 34px 36px 34px 42px;
}

.mortgage-detail-content blockquote::after {
	position: absolute;
	right: 18px;
	bottom: -34px;
	color: rgba(6, 50, 50, .07);
	font-size: 9rem;
	line-height: 1;
	content: "”";
}

.mortgage-detail-content blockquote p {
	position: relative;
	z-index: 1;
}

.mortgage-detail-content ul,
.mortgage-detail-content ol {
	gap: 12px;
	margin-left: 0;
	list-style: none;
}

.mortgage-detail-content li {
	position: relative;
	padding: 13px 16px 13px 46px;
	border: 1px solid rgba(6, 50, 50, .08);
	border-radius: 10px;
	background: #f8fbfb;
}

.mortgage-detail-content li::before {
	width: 23px;
	height: 23px;
	display: grid;
	position: absolute;
	top: 15px;
	left: 14px;
	place-items: center;
	border-radius: 50%;
	background: #d8efb6;
	color: #063232;
	font-family: "Font Awesome 6 Free";
	font-size: .65rem;
	font-weight: 900;
	content: "\f00c";
}

.mortgage-detail-content li strong {
	color: #063232;
}

.mortgage-detail-content img {
	border-radius: 16px;
	box-shadow: 0 16px 35px rgba(3, 33, 33, .12);
}

.mortgage-help-card {
	border-top: 5px solid #fbb12f;
}

.mortgage-phone-card {
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.mortgage-phone-card:hover {
	border-color: #fbb12f;
	transform: translateY(-3px);
	box-shadow: 0 17px 36px rgba(3, 33, 33, .13);
}

.mortgage-related-section {
	position: relative;
	overflow: hidden;
}

.mortgage-related-section::before {
	width: 300px;
	height: 300px;
	position: absolute;
	right: -170px;
	top: -160px;
	border: 50px solid rgba(251, 177, 47, .1);
	border-radius: 50%;
	content: "";
}

@media (max-width: 767px) {
	.mortgage-hero-content {
		padding-left: 20px;
		border-left-width: 4px;
	}

	.mortgage-grid:has(.mortgage-card:only-child) {
		grid-template-columns: 1fr;
	}

	.mortgage-grid:has(.mortgage-card:nth-child(2):last-child) {
		grid-template-columns: 1fr;
	}

	.mortgage-grid:has(.mortgage-card:nth-child(4):last-child) {
		grid-template-columns: 1fr;
	}

	.mortgage-card:only-child .mortgage-card-image {
		height: 230px;
	}

	.mortgage-section-heading {
		padding-bottom: 28px;
	}

	.mortgage-detail-content::before {
		margin-bottom: 27px;
	}

	.mortgage-detail-content > p:first-of-type {
		font-size: 1.08rem;
	}

	.mortgage-detail-content h3 {
		padding: 15px 16px;
		font-size: 1.18rem;
	}

	.mortgage-detail-content blockquote {
		padding: 27px 24px 27px 29px;
	}

	.mortgage-detail-content li {
		padding-right: 12px;
		padding-left: 42px;
	}
}
