/* =========================================================================
 * Service Area — City page frontend (light card layout)
 * ====================================================================== */

.hpf-city-page,
.hpf-city-page *,
.hpf-sa-popular-card,
.hpf-sa-popular-card * {
	box-sizing: border-box;
}

.hpf-city-page {
	--hpf-cp-navy: #0d1f3c;
	--hpf-cp-blue: #2296e8;
	--hpf-cp-muted: #738097;
	--hpf-cp-border: #e2e8f0;
	--hpf-cp-bg: #f4f7fb;
	--hpf-cp-fn: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	max-width: 1320px;
	margin: 0 auto;
	padding: 8px 0 24px;
	font-family: var(--hpf-cp-fn);
	color: var(--hpf-cp-navy);
	line-height: 1.55;
}
.hpf-city-page{
	padding: 80px 0px 72px 0px;
}

.hpf-city-page__layout,
.hpf-city-page__row {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
	gap: 24px;
	align-items: start;
	margin-bottom: 24px;
}
.hpf-city-page__row--top{
	grid-template-columns: 66% 33%;
}

/* .hpf-city-page__row--middle {
	align-items: stretch;
} */

.hpf-city-page__trust {
	margin-top: 4px;
}

.hpf-sa-popular-intro {
	margin: 0 0 14px;
	color: var(--hpf-cp-muted);
	font-size: 16px;
	line-height: 1.65;
}

.hpf-city-page__panel,
.hpf-sa-popular-card.hpf-city-page__panel {
	background: #fff;
	border: 1px solid #e8edf6;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 30px #0d1f3c0f;
}

.hpf-city-page__hero {
	padding: 4px 0 8px;
}

.hpf-city-page__kicker {
	display: inline-block;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hpf-cp-blue);
}

.hpf-city-page__hero h1 {
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 700;
    color: #0d1f3c;
    margin-bottom: 8px
}


.hpf-city-page__accent {
	color: var(--hpf-cp-blue);
}

.hpf-city-page__hero p {
	color: #0d1f3c99;
	font-size: 15px;
	line-height: 1.65;
}

.hpf-city-page__how h2,
.hpf-city-page__trust h2,
.hpf-sa-popular-card h2 {
	font-size: 18px;
    font-weight: 800;
    margin:0px 0px 10px 0px;
	color: var(--hpf-cp-navy);
}
.hpf-city-page__trust h2{
	font-size: 24px;
}

.hpf-city-page__how p,
.hpf-city-page__trust p {
	margin: 0;
	color: var(--hpf-cp-muted);
	font-size: 16px;
	line-height: 1.65;
}

.hpf-city-page__stack {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.hpf-city-page__aside {
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding-top: 4px;
}

.hpf-sa-popular-links {
	display: grid;
	grid-template-columns: repeat(4, minmax(120px, 1fr));
	gap: 8px;
	margin-top: 4px;
}

.hpf-sa-popular-links a {
	color: #1291df;
	font-size: 13.5px;
	font-weight: 700;
	text-decoration: none;
}

.hpf-city-page__request {
	display: flex;
	flex-direction: column;
}

.hpf-city-page__request-form {
	flex: 1;
}

.hpf-city-page__request-form .hpf-page-card {
	max-width: none;
	margin: 0;
	height: 100%;
	padding: 24px 26px;
	border-radius: 16px;
	border: 1px solid var(--hpf-cp-border);
	box-shadow: 0 1px 5px rgba(15, 23, 42, .06);
}

.hpf-city-page__request-form .hpf-page-title {
	margin: 0 0 10px;
	font-size: clamp(24px, 2.4vw, 30px);font-size: 24px;

	line-height: 1.2;
	font-weight: 800;
	color: var(--hpf-cp-navy);
}

.hpf-city-page__request-form .hpf-page-subtitle {
	margin: 0 0 16px;
	color:#0d1f3c99;
	font-size: 16px;
	line-height: 1.65;
}

.hpf-city-page__request-form .hpf-page-fields {
	gap: 14px;
	margin-bottom: 18px;
}

.hpf-city-page__request-form .hpf-page-select,
.hpf-city-page__request-form .hpf-page-zip {
	    border: 1.5px solid #c8d2e4;
    border-radius: 10px;
    padding: 11px 12px;
	min-height: 50px;
	color: #0d1f3c;
	font-size: 16px;
}

.hpf-city-page__request-form .hpf-page-btn {
	color: #fff !important;
    border: none;
    padding: 13px 28px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
	box-shadow: 0 4px 18px rgba(18, 145, 223, .35)!important;
	display: flex;
	gap: 7px;
	align-items: center;
	border: none!important;
	width: 100%;
}

.hpf-city-page__footer {
	font-size: 13px;
    color: #0d1f3c99;
    background:#f4f7fc;
    border-radius: 12px;
    padding: 12px 14px;
    border: 1px solid #e8edf6;
	text-align: center;
	margin-top: 24px;
}

.hpf-sa-popular-card--standalone {
	background: #fff;
	border: 1px solid var(--hpf-cp-border);
	border-radius: 16px;
	padding: 22px 26px;
	box-shadow: 0 1px 5px rgba(15, 23, 42, .06);
	color: var(--hpf-cp-navy);
}

.hpf-sa-popular-card--standalone h2 {
	color: var(--hpf-cp-navy);
}

@media (max-width: 980px) {
	.hpf-city-page__layout,
	.hpf-city-page__row {
		grid-template-columns: 1fr;
	}

	.hpf-city-page__aside {
		padding-top: 0;
	}

	.hpf-sa-popular-links {
		grid-template-columns: repeat(2, minmax(120px, 1fr));
	}
}

@media (max-width: 560px) {
	.hpf-city-page__panel,
	.hpf-sa-popular-card.hpf-city-page__panel {
		padding: 20px 18px;
		border-radius: 14px;
	}

	.hpf-sa-popular-links {
		grid-template-columns: 1fr;
	}

	.hpf-city-page__hero p,
	.hpf-city-page__how p,
	.hpf-city-page__trust p,
	.hpf-city-page__request-form .hpf-page-subtitle {
		font-size: 15px;
	}
}

/* =========================================================================
 * City directory grid
 * ====================================================================== */

.hpf-city-directory--empty {
	padding: 16px 18px;
	background: #fff8e5;
	border: 1px solid #f0d58b;
	border-radius: 10px;
	color: #6b5600;
}

.hpf-city-directory--empty a {
	color: #135e96;
	font-weight: 700;
}

.hpf-city-directory {
	max-width: 1320px;
	margin: 0 auto;
	font-family: var(--hpf-cp-fn, 'Inter', system-ui, sans-serif);
	padding: 70px 00px 48px 0px;
}
@media(max-width:992px){
	.hpf-city-directory{
		padding: 70px 12px; 
	}
}
.hpf-city-directory__header {
	text-align: center;
	margin-bottom: 28px;
}

.hpf-city-directory__header h2 {
	margin: 0 0 12px;
	font-size: 38px;
	line-height: 1.15;
	font-weight: 800;
	color: #061f3d;
}

.hpf-city-directory__header p {
	margin: 0 auto;
	max-width: 820px;
	font-size: 15px;
	line-height: 1.65;
	color: #0d1f3c99;
}

.hpf-city-directory__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:16px;
}

.hpf-city-directory[data-columns="1"] .hpf-city-directory__grid {
	grid-template-columns: 1fr;
}

.hpf-city-directory[data-columns="2"] .hpf-city-directory__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hpf-city-directory[data-columns="4"] .hpf-city-directory__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hpf-city-directory__card {
	display: block;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 30px #0d1f3c0f!important;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

/* .hpf-city-directory__card:hover {
	transform: translateY(-2px);
	border-color: #cbd5e1;
	box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
} */

.hpf-city-directory__card h3 {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 800;
	color: #0d1f3c;
}
.hpf-city-directory__card-desc{
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: #0d1f3c99;
}

.hpf-city-directory__card p {
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: #0d1f3c99;
}

@media (max-width: 980px) {
	.hpf-city-directory__grid,
	.hpf-city-directory[data-columns="4"] .hpf-city-directory__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.hpf-city-directory__grid,
	.hpf-city-directory[data-columns="2"] .hpf-city-directory__grid,
	.hpf-city-directory[data-columns="3"] .hpf-city-directory__grid,
	.hpf-city-directory[data-columns="4"] .hpf-city-directory__grid {
		grid-template-columns: 1fr;
	}
}
.banner-blue-title{
	font-family: "Inter", Sans-serif;
    font-size: 12.5px!important;
    font-weight: 700!important;
    text-transform: uppercase;
    line-height: 20px!important;
    letter-spacing: 1.25px!important;
    color: #1291DF!important;
	margin-bottom: 9px!important;
}
@media(max-width:767px){
	.hpf-city-directory__card{
		padding:12px 4px!important;
		border: 0 !important;
		border-bottom: 1px solid #e8edf6!important;
		border-radius: 0px!important;
		box-shadow: none!important;
		margin-top: 16px;
		position: relative;
	}
	.hpf-city-directory__card-desc{
		display: none;
	}
	.hpf-city-directory__card h3{
		margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
	}
	.hpf-city-directory__grid{
		gap:0px!important;
	}
	.hpf-city-directory__card::before{
content: '\203A';
        color:#1291df;
        font-size: 22px;
        line-height: 1;
        flex: 0 0 auto;
		float: right;
	}
	
}
.customize-support .page-header{
display: none;
}
.customize-support.page-template-default .site-main {
max-width:1360px!important;
padding: 0px 20px;
}
@media(max-width:992px){
	.customize-support.page-template-default .site-main{
		padding: 0px 12px;
	}
}
.page-id-1992 .page-header{
display: none!important;
}