.loan-program-page{background:#fff}.loan-program-hero{min-height:500px;display:flex;position:relative;align-items:center;overflow:hidden;padding:145px 0 85px;background:linear-gradient(110deg,rgba(3,33,33,.97),rgba(6,50,50,.84)),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}.loan-program-hero:after{width:430px;height:430px;position:absolute;right:-170px;bottom:-255px;border:70px solid rgba(251,177,47,.1);border-radius:50%;content:""}.loan-program-hero-content{max-width:900px;position:relative;z-index:1;padding-left:30px;border-left:5px solid #fbb12f}.loan-program-kicker{margin:0 0 14px;color:#ffc456;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.loan-program-hero h1{margin:0 0 20px;color:#fff;font-size:clamp(3rem,6vw,5rem);font-weight:750;line-height:1.04;letter-spacing:-.04em}.loan-program-summary{max-width:760px;margin:0 0 25px;color:rgba(255,255,255,.82);font-size:1.1rem;line-height:1.7}.loan-program-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:rgba(255,255,255,.65);font-size:.87rem}.loan-program-breadcrumb a{color:#fff;font-weight:750}.loan-program-listing-section{padding:105px 0 120px;background:radial-gradient(circle at 8% 10%,rgba(216,239,182,.32),transparent 25%),#fff}.loan-program-section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #dceaea}.loan-program-section-heading p{max-width:480px;margin-bottom:0}.loan-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.loan-program-grid:has(.loan-program-card:only-child){grid-template-columns:minmax(0,720px);justify-content:center}.loan-program-card{height:100%;display:flex;overflow:hidden;position:relative;isolation:isolate;flex-direction:column;border:1px solid rgba(6,50,50,.1);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(3,33,33,.1);transition:transform .3s ease,box-shadow .3s ease}.loan-program-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}.loan-program-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(3,33,33,.16)}.loan-program-card:hover:after{width:100%}.loan-program-card-image{height:280px;display:block;position:relative;overflow:hidden;background:#d8efb6}.loan-program-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.loan-program-card:hover img{transform:scale(1.05)}.loan-program-image-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#d8efb6,#eaf7f4);color:#115050;font-size:3.4rem}.loan-program-card-label{position:absolute;top:17px;left:17px;padding:8px 13px;border-radius:999px;background:#fbb12f;color:#063232;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 7px 18px rgba(3,33,33,.18)}.loan-program-card-content{display:flex;flex:1;flex-direction:column;padding:32px}.loan-program-card-content h2{margin:0 0 14px;font-size:1.55rem;line-height:1.3;letter-spacing:-.02em}.loan-program-card-content p{flex:1;margin-bottom:22px;color:#5f7a7d;line-height:1.72}.loan-program-card-link{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #dceaea;color:#063232;font-size:.84rem;font-weight:900}.loan-program-card-link i{color:#d98800;transition:transform .2s ease}.loan-program-card-link:hover i{transform:translateX(5px)}.loan-program-page .navigation.pagination{margin-top:55px}.loan-program-page .nav-links{display:flex;justify-content:center;gap:8px}.loan-program-page .page-numbers{min-width:44px;height:44px;display:grid;place-items:center;padding:0 13px;border:1px solid #dceaea;border-radius:99px;font-weight:800}.loan-program-page .page-numbers.current,.loan-program-page a.page-numbers:hover{background:#063232;color:#fff}.loan-program-page .fade-up{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.loan-program-page .fade-up.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.loan-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.loan-program-hero{min-height:390px;padding:120px 0 65px}.loan-program-hero-content{padding-left:20px;border-left-width:4px}.loan-program-hero h1{font-size:2.65rem}.loan-program-summary{font-size:1rem}.loan-program-listing-section{padding:70px 0 80px}.loan-program-section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:34px;padding-bottom:26px}.loan-program-grid,.loan-program-grid:has(.loan-program-card:only-child){grid-template-columns:1fr;gap:22px}.loan-program-card-image{height:235px}.loan-program-card-content{padding:26px}}@media(prefers-reduced-motion:reduce){.loan-program-page .fade-up{opacity:1;transform:none;transition:none}.loan-program-card,.loan-program-card img{transition:none}}

/* Modern icon-led Loan Programs archive. */
.loan-program-archive .loan-program-listing-section {
	padding: 100px 0 115px;
	background:
		linear-gradient(rgba(6, 50, 50, .025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6, 50, 50, .025) 1px, transparent 1px),
		#f7fbfa;
	background-size: 44px 44px;
}

#page .loan-program-archive .loan-program-section-heading {
	width: 100%;
	max-width: none !important;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, .75fr);
	align-items: center;
	gap: clamp(40px, 7vw, 100px);
	margin-bottom: 46px;
	padding: 0 0 34px;
	border-bottom: 1px solid #d3e3df;
	text-align: left;
}

#page .loan-program-archive .loan-program-section-heading > div {
	min-width: 0;
}

#page .loan-program-archive .loan-program-section-heading .section-title {
	max-width: 680px;
}

#page .loan-program-archive .loan-program-section-heading > p {
	width: 100%;
	max-width: 470px;
	justify-self: end;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #557477;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.75;
	text-align: left;
	box-shadow: none;
}

.loan-program-archive .loan-program-grid,
.loan-program-archive .loan-program-grid:has(.loan-program-card:only-child),
.loan-program-archive .loan-program-grid:has(.loan-program-card:nth-child(2):last-child) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.loan-program-archive .loan-program-card {
	min-height: 330px;
	display: grid;
	position: relative;
	overflow: hidden;
	grid-template-columns: 112px minmax(0, 1fr);
	align-items: stretch;
	border: 1px solid rgba(6, 50, 50, .11);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(3, 33, 33, .07);
	transform: none;
	transition: border-color 220ms ease, box-shadow 220ms ease;
}

.loan-program-archive .loan-program-card::before {
	width: 160px;
	height: 160px;
	position: absolute;
	right: -105px;
	bottom: -105px;
	border: 24px solid rgba(216, 239, 182, .38);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.loan-program-archive .loan-program-card::after {
	width: 4px;
	height: 0;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	margin: auto 0;
	background: #fbb12f;
	transition: height 220ms ease;
}

.loan-program-archive .loan-program-card:hover {
	border-color: rgba(117, 168, 86, .65);
	box-shadow: 0 18px 42px rgba(3, 33, 33, .11);
	transform: none;
}

.loan-program-archive .loan-program-card:hover::after {
	width: 4px;
	height: 100%;
}

.loan-program-card-top {
	display: flex;
	position: relative;
	z-index: 1;
	align-items: center;
	flex-direction: column;
	gap: 18px;
	padding: 34px 18px;
	border-right: 1px solid #dbe8e5;
	background: linear-gradient(180deg, #edf7f4, #f8fbfa);
}
.loan-program-card-icon img {
    height: 50px;
    width: 50px;
}
.loan-program-card-icon {
	width: 68px;
	height: 68px;
	display: grid;
	flex: 0 0 68px;
	place-items: center;
	border: 1px solid rgba(6, 50, 50, .1);
	border-radius: 19px;
	background: #f7fbfa;
	color: #fff;
	font-size: 1.55rem;
	box-shadow: inset 0 -5px 0 rgba(251, 177, 47, .9);
	transition: background-color 180ms ease, color 180ms ease;
}

.loan-program-card:hover .loan-program-card-icon {
	background: #fbb12f;
	color: #fff;
}

.loan-program-archive .loan-program-card-label {
	max-width: 82px;
	position: static;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: #547274;
	font-size: .68rem;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: .045em;
	text-align: center;
	text-transform: capitalize;
	box-shadow: none;
}

.loan-program-archive .loan-program-card-content {
	min-width: 0;
	display: flex;
	position: relative;
	z-index: 1;
	flex-direction: column;
	padding: 34px 34px 28px;
}

.loan-program-archive .loan-program-card-content h2 {
	margin: 0 0 14px;
	color: #063232;
	font-size: clamp(1.35rem, 1.75vw, 1.65rem);
	font-weight: 750;
	line-height: 1.28;
}

.loan-program-archive .loan-program-card-content h2 a {
	color: inherit;
}

.loan-program-archive .loan-program-card:hover h2 a,
.loan-program-archive .loan-program-card-content h2 a:hover,
.loan-program-archive .loan-program-card-content h2 a:focus-visible {
	color: #d27b00;
}

.loan-program-archive .loan-program-card-content p {
	display: -webkit-box;
	overflow: hidden;
	flex: 1;
	margin: 0 0 22px;
	color: #5a777a;
	font-size: .94rem;
	line-height: 1.7;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.loan-program-archive .loan-program-card-link {
	min-height: 43px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: auto;
	padding-top: 15px;
	border-top: 1px solid #dce8e5;
	color: #063232;
	font-size: .82rem;
	font-weight: 800;
}

.loan-program-archive .loan-program-card-link i {
	width: 30px;
	height: 30px;
	display: grid;
	flex: 0 0 30px;
	place-items: center;
	margin: 0;
	border-radius: 50%;
	background: #edf7f4;
	color: #063232;
	line-height: 1;
	transform: none;
}

.loan-program-archive .loan-program-card-link:hover i,
.loan-program-archive .loan-program-card-link:focus-visible i {
	background: #fbb12f;
	transform: none;
}

@media(max-width:1000px) {
	#page .loan-program-archive .loan-program-section-heading {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 24px;
	}

	#page .loan-program-archive .loan-program-section-heading > p {
		max-width: 720px;
		justify-self: start;
	}

	.loan-program-archive .loan-program-grid,
	.loan-program-archive .loan-program-grid:has(.loan-program-card:only-child),
	.loan-program-archive .loan-program-grid:has(.loan-program-card:nth-child(2):last-child) {
		grid-template-columns: 1fr;
	}
}

@media(max-width:600px) {
	.loan-program-archive .loan-program-listing-section {
		padding: 70px 0 80px;
	}

	#page .loan-program-archive .loan-program-section-heading {
		margin-bottom: 32px;
		padding-bottom: 26px;
	}

	#page .loan-program-archive .loan-program-section-heading > p {
		padding-left: 18px;
	}

	.loan-program-archive .loan-program-card {
		min-height: 0;
		grid-template-columns: 1fr;
	}

	.loan-program-card-top {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
		padding: 22px 24px;
		border-right: 0;
		border-bottom: 1px solid #dbe8e5;
	}

	.loan-program-card-icon {
		width: 58px;
		height: 58px;
		flex-basis: 58px;
		border-radius: 16px;
		font-size: 1.3rem;
	}

	.loan-program-archive .loan-program-card-label {
		max-width: none;
		text-align: right;
	}

	.loan-program-archive .loan-program-card-content {
		padding: 27px 24px 24px;
	}
}

/* Three-column premium card composition. */
.loan-program-archive .loan-program-grid,
.loan-program-archive .loan-program-grid:has(.loan-program-card:only-child),
.loan-program-archive .loan-program-grid:has(.loan-program-card:nth-child(2):last-child) {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

.loan-program-archive .loan-program-card {
	min-height: 405px;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	border-radius: 22px;
	background:
		linear-gradient(145deg, rgba(237, 247, 244, .72), transparent 38%),
		#fff;
}

.loan-program-archive .loan-program-card::before {
	width: 180px;
	height: 180px;
	right: -120px;
	bottom: -120px;
	border-width: 28px;
}

.loan-program-archive .loan-program-card::after {
	width: 0;
	height: 4px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	transition: width 220ms ease;
}

.loan-program-archive .loan-program-card:hover::after {
	width: 100%;
	height: 4px;
}

.loan-program-card-top {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	gap: 18px;
	padding: 27px 28px 0;
	border: 0;
	background: transparent;
}

.loan-program-card-icon {
	width: 66px;
	height: 66px;
	flex-basis: 66px;
	border-radius: 18px;
	box-shadow:
		inset 0 -4px 0 rgba(251, 177, 47, .95),
		0 9px 22px rgba(3, 33, 33, .14);
}

.loan-program-archive .loan-program-card-label {
	max-width: none;
	padding: 7px 11px;
	border: 1px solid #d5e5e1;
	border-radius: 999px;
	background: #fff;
	color: #527173;
	font-size: .66rem;
	line-height: 1;
	letter-spacing: .04em;
	text-align: center;
}

.loan-program-archive .loan-program-card-content {
	flex: 1;
	padding: 25px 28px 25px;
}

.loan-program-archive .loan-program-card-content h2 {
	min-height: 3.75rem;
	display: flex;
	align-items: flex-start;
	margin-bottom: 13px;
	font-size: clamp(1.28rem, 1.45vw, 1.5rem);
	line-height: 1.27;
}

.loan-program-archive .loan-program-card-content p {
	margin-bottom: 24px;
	font-size: .91rem;
	line-height: 1.68;
	-webkit-line-clamp: 4;
}

.loan-program-archive .loan-program-card-link {
	min-height: 48px;
	padding-top: 16px;
}

@media(max-width:1100px) {
	.loan-program-archive .loan-program-grid,
	.loan-program-archive .loan-program-grid:has(.loan-program-card:only-child),
	.loan-program-archive .loan-program-grid:has(.loan-program-card:nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media(max-width:700px) {
	.loan-program-archive .loan-program-grid,
	.loan-program-archive .loan-program-grid:has(.loan-program-card:only-child),
	.loan-program-archive .loan-program-grid:has(.loan-program-card:nth-child(2):last-child) {
		grid-template-columns: 1fr;
	}

	.loan-program-archive .loan-program-card {
		min-height: 365px;
	}

	.loan-program-card-top {
		padding: 24px 24px 0;
		border: 0;
	}

	.loan-program-archive .loan-program-card-content {
		padding: 23px 24px 23px;
	}

	.loan-program-archive .loan-program-card-content h2 {
		min-height: 0;
	}
}

/* ==========================================================================
   Services archive responsive authority
   Keeps the established visual language while resolving fluid-width edge cases.
   ========================================================================== */
.loan-program-archive,
.loan-program-archive :where(.loan-program-hero-content, .loan-program-section-heading, .loan-program-card) {
	min-width: 0;
}

.loan-program-archive .loan-program-hero {
	min-height: clamp(390px, 42vw, 500px);
	padding-block: clamp(118px, 12vw, 145px) clamp(62px, 7vw, 85px);
}

.loan-program-archive .loan-program-hero-content {
	max-width: min(900px, 100%);
}

.loan-program-archive .loan-program-hero h1 {
	max-width: 18ch;
	overflow-wrap: anywhere;
	font-size: clamp(2.5rem, 6vw, 5rem);
}

.loan-program-archive .loan-program-summary {
	max-width: 68ch;
}

.loan-program-archive .loan-program-breadcrumb {
	row-gap: var(--space-2);
	overflow-wrap: anywhere;
}

.loan-program-archive .loan-program-card-content h2,
.loan-program-archive .loan-program-card-content p {
	overflow-wrap: anywhere;
}

.loan-program-archive .loan-program-card-link {
	min-height: 48px;
}

.loan-program-archive .navigation.pagination .nav-links {
	flex-wrap: wrap;
}

@media (max-width: 1100px) {
	.loan-program-archive .loan-program-grid,
	.loan-program-archive .loan-program-grid:has(.loan-program-card:only-child),
	.loan-program-archive .loan-program-grid:has(.loan-program-card:nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1000px) {
	#page .loan-program-archive .loan-program-section-heading {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-5);
	}

	#page .loan-program-archive .loan-program-section-heading > p {
		max-width: 68ch;
		justify-self: start;
	}
}

@media (max-width: 700px) {
	.loan-program-archive .loan-program-grid,
	.loan-program-archive .loan-program-grid:has(.loan-program-card:only-child),
	.loan-program-archive .loan-program-grid:has(.loan-program-card:nth-child(2):last-child) {
		grid-template-columns: minmax(0, 1fr);
	}

	.loan-program-archive .loan-program-card {
		min-height: 0;
	}
}

@media (max-width: 767px) {
	.loan-program-archive .loan-program-hero-content {
		padding-left: var(--space-4);
		border-left-width: 4px;
	}

	.loan-program-archive .loan-program-listing-section {
		padding-block: clamp(64px, 14vw, 76px);
	}

	#page .loan-program-archive .loan-program-section-heading {
		margin-bottom: var(--space-6);
		padding-bottom: var(--space-5);
	}

	#page .loan-program-archive .loan-program-section-heading > p {
		padding-left: 0;
	}

	.loan-program-archive .loan-program-card-top {
		padding: var(--space-5) var(--space-5) 0;
	}

	.loan-program-archive .loan-program-card-content {
		padding: var(--space-5);
	}

	.loan-program-archive .loan-program-card-content h2 {
		min-height: 0;
		font-size: clamp(1.2rem, 6vw, 1.45rem);
	}
}

@media (max-width: 359px) {
	.loan-program-archive .loan-program-card-top {
		gap: var(--space-3);
		padding-inline: var(--space-4);
	}

	.loan-program-archive .loan-program-card-content {
		padding-inline: var(--space-4);
	}

	.loan-program-archive .loan-program-card-label {
		max-width: 17ch;
		white-space: normal;
	}
}