/*
Theme Name: Impreza Child
Template: Impreza
Version: 2.20.20260515070000
Author: UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
Description: Child theme with lugg.com-inspired purple+yellow restyle. Overrides Impreza + WPBakery classes via high-specificity CSS, no plugin changes.
*/

/* ============================================================
 * Design tokens — lugg-inspired purple+yellow palette
 * ============================================================ */
:root {
	--lg-primary:        #4338CA;  /* indigo-700, lugg-similar but distinct */
	--lg-primary-dark:   #3730A3;
	--lg-primary-light:  #E0E7FF;  /* indigo-100 — hero panel bg */
	--lg-primary-ghost:  rgba(67,56,202,.08);
	--lg-accent:         #FACC15;  /* yellow-400 — secondary accent (small badges, stars) */
	--lg-bg:             #FFFFFF;
	--lg-bg-alt:         #FAFAFA;
	--lg-bg-soft:        #F4F4F6;
	--lg-text:           #0F172A;  /* slate-900 */
	--lg-text-2:         #1F2937;  /* slate-800 */
	--lg-muted:          #64748B;  /* slate-500 */
	--lg-border:         #E2E8F0;  /* slate-200 */
	--lg-radius:         12px;
	--lg-radius-lg:      20px;
	--lg-radius-pill:    999px;
	--lg-shadow:         0 1px 2px rgba(15,23,42,.04), 0 8px 24px -8px rgba(15,23,42,.10);
	--lg-shadow-card:    0 1px 3px rgba(15,23,42,.06), 0 4px 12px -4px rgba(15,23,42,.08);

	--lg-font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--lg-font-heading: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ============================================================
 * Impreza CSS variable overrides — these variables drive all
 * theme colors (header, footer, links, content), so overriding
 * them in :root cascades through every Impreza+WPBakery element.
 * ============================================================ */
:root {
	/* Header (top + middle + bottom) */
	--color-header-middle-bg:           #ffffff !important;
	--color-header-middle-bg-grad:      #ffffff !important;
	--color-header-middle-text:         #0F172A !important;
	--color-header-middle-text-hover:   #4338CA !important;
	--color-header-transparent-bg:      transparent !important;
	--color-header-transparent-bg-grad: transparent !important;
	--color-header-transparent-text:    #0F172A !important;
	--color-header-transparent-text-hover: #4338CA !important;

	/* Content */
	--color-content-bg:              #ffffff !important;
	--color-content-bg-grad:         #ffffff !important;
	--color-content-bg-alt:          #FAFAFA !important;       /* was #F4FAFF (light blue) */
	--color-content-bg-alt-grad:     #FAFAFA !important;
	--color-content-border:          #E2E8F0 !important;       /* was #E6F1FA */
	--color-content-heading:         #0F172A !important;       /* was #203253 (navy) */
	--color-content-heading-grad:    #0F172A !important;
	--color-content-text:            #1F2937 !important;       /* was #335D83 (slate) */
	--color-content-link:            #4338CA !important;       /* was #539DDB (sky) */
	--color-content-link-hover:      #3730A3 !important;       /* was #B1DDFF (light blue) */
	--color-content-primary:         #4338CA !important;       /* was #72B3EA — main accent */
	--color-content-primary-grad:    #4338CA !important;
	--color-content-secondary:       #E0E7FF !important;       /* was #B1DDFF — hero panel bg, light variant */
	--color-content-secondary-grad:  #E0E7FF !important;
	--color-content-faded:           #64748B !important;       /* was #4c6a85 */
	--color-content-primary-faded:   rgba(67,56,202,0.12) !important;

	/* Footer */
	--color-footer-bg:               #0F172A !important;       /* was #203253 navy */
	--color-footer-bg-grad:          #0F172A !important;
	--color-footer-bg-alt:           #1F2937 !important;
	--color-footer-bg-alt-grad:      #1F2937 !important;
	--color-footer-border:           rgba(255,255,255,.08) !important;
	--color-footer-heading:          #ffffff !important;
	--color-footer-heading-grad:     #ffffff !important;
	--color-footer-text:             #cbd5e1 !important;
	--color-footer-link:             #ffffff !important;
	--color-footer-link-hover:       #E0E7FF !important;
}

/* ============================================================
 * Typography reset — Inter (system-fallback, no font download)
 * ============================================================ */
html, body, body.page, body.home, body.single, .l-body, .l-canvas {
	font-family: var(--lg-font-body) !important;
	color: var(--lg-text);
	background-color: var(--lg-bg) !important;
}

body { font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6,
.vc_custom_heading, .w-text-h *, .post-title, .entry-title,
.l-section h1, .l-section h2, .l-section h3, .l-section h4 {
	font-family: var(--lg-font-heading) !important;
	color: var(--lg-text) !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

h1, .vc_custom_heading.has-h1, .w-text-h1 { font-size: clamp(2.2rem, 1.4rem + 2.6vw, 3.6rem) !important; line-height: 1.05 !important; }
h2, .vc_custom_heading.has-h2, .w-text-h2 { font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.4rem) !important; }
h3, .vc_custom_heading.has-h3, .w-text-h3 { font-size: clamp(1.3rem, 1.05rem + .8vw, 1.6rem) !important; }

p, li, span, .w-text { font-family: var(--lg-font-body) !important; }
p { color: var(--lg-text-2); line-height: 1.65; }

a { color: var(--lg-primary); text-decoration: none; transition: color .15s; }
a:hover { color: var(--lg-primary-dark); }

/* ============================================================
 * Buttons — pill-shaped purple primary, outline secondary
 * Targets Impreza (.w-btn), UpSolution (.us-btn), WPBakery (.vc_btn3, .vc_btn3-style-*), CF7 submit, generic input[type=submit]
 * ============================================================ */
.w-btn,
.us-btn,
.vc_btn3,
.vc_btn3.vc_btn3-style-flat,
.vc_btn3.vc_btn3-style-modern,
button.wpcf7-form-control.has-spinner,
.wpcf7-submit,
input[type="submit"],
.l-section .button,
.l-canvas .button,
.us_btn,
.w-btn-wrapper > a,
.w-form .w-btn,
.us-iconbox-link.w-btn {
	background-color: var(--lg-primary) !important;
	background-image: none !important;
	border: 2px solid var(--lg-primary) !important;
	color: #ffffff !important;
	font-family: var(--lg-font-body) !important;
	font-weight: 600 !important;
	border-radius: var(--lg-radius-pill) !important;
	padding: 0.85rem 1.6rem !important;
	font-size: 1rem !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	transition: background-color .15s, transform .15s, box-shadow .15s !important;
	box-shadow: 0 4px 14px -4px rgba(67,56,202,.4) !important;
	min-height: 0 !important;
	line-height: 1.3 !important;
}

.w-btn:hover, .us-btn:hover, .vc_btn3:hover, .wpcf7-submit:hover,
input[type="submit"]:hover, .us_btn:hover, .w-btn-wrapper > a:hover {
	background-color: var(--lg-primary-dark) !important;
	border-color: var(--lg-primary-dark) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px -4px rgba(67,56,202,.5) !important;
}

/* Outline / secondary button variant */
.w-btn.us-btn-style_2,
.w-btn.us-btn-style_secondary,
.us-btn.style_2,
.vc_btn3.vc_btn3-style-outline,
.w-btn.us-btn-style_outline {
	background-color: transparent !important;
	color: var(--lg-primary) !important;
	border-color: var(--lg-primary) !important;
	box-shadow: none !important;
}
.w-btn.us-btn-style_2:hover, .w-btn.us-btn-style_secondary:hover, .vc_btn3.vc_btn3-style-outline:hover {
	background-color: var(--lg-primary) !important;
	color: #ffffff !important;
}

/* Light pill button (e.g. menu CTAs that should be subtle) */
.w-btn.us-btn-style_ghost, .us-btn.style_ghost {
	background-color: var(--lg-primary-ghost) !important;
	color: var(--lg-primary) !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

/* ============================================================
 * Form inputs — rounded with subtle background, focus ring
 * ============================================================ */
.w-form-row-field input,
.w-form-row-field select,
.w-form-row-field textarea,
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="url"],
select, textarea,
.wpcf7-form-control {
	background-color: var(--lg-bg-alt) !important;
	border: 1.5px solid var(--lg-border) !important;
	border-radius: 10px !important;
	padding: 0.85rem 1rem !important;
	font-family: var(--lg-font-body) !important;
	font-size: 0.95rem !important;
	color: var(--lg-text) !important;
	transition: border-color .15s, box-shadow .15s !important;
	width: 100% !important;
}

.w-form-row-field input:focus, .w-form-row-field select:focus, .w-form-row-field textarea:focus,
input:focus, select:focus, textarea:focus,
.wpcf7-form-control:focus {
	border-color: var(--lg-primary) !important;
	outline: 0 !important;
	box-shadow: 0 0 0 4px var(--lg-primary-ghost) !important;
	background-color: #ffffff !important;
}

.w-form-row-label, .wpcf7-form label {
	color: var(--lg-muted) !important;
	font-weight: 500 !important;
	font-size: 0.85rem !important;
}

/* ============================================================
 * Hero panel — was light blue (#B1DDFF), now indigo-light with rounded corners
 * Targets vc_row with inline background color
 * ============================================================ */
.l-section[data-bg-color="#B1DDFF"],
.l-section[style*="B1DDFF"],
.vc_row[style*="B1DDFF"],
.vc_row[data-vc-stretch-content][style*="B1DDFF"],
.vc_row.vc_inner[style*="B1DDFF"] {
	background-color: var(--lg-primary-light) !important;
	border-radius: var(--lg-radius-lg) !important;
}

/* Generic: any l-section with rounded corners (inline border-radius:50px from WPBakery) */
.l-section[style*="border-radius: 50px"],
.l-section[style*="border-radius:50px"],
.vc_row[style*="border-radius: 50px"],
.vc_row[style*="border-radius:50px"] {
	border-radius: var(--lg-radius-lg) !important;
	background-color: var(--lg-primary-light) !important;
}

/* ============================================================
 * Cards (icon boxes, services, stats, testimonials)
 * ============================================================ */
.w-iconbox-wrapper, .w-iconbox, .us-iconbox,
.w-vwrapper.usg_vwrapper_1, .w-vwrapper.usg_vwrapper_2,
.w-grid-item, .w-grid-item-content,
.us_testimonial, .vc_inner {
	background-color: var(--lg-bg) !important;
	border-radius: var(--lg-radius) !important;
	transition: transform .15s, box-shadow .15s;
}

.w-grid-item:hover, .w-iconbox-wrapper:hover {
	transform: translateY(-2px);
}

/* Icons inside iconbox — recolor to primary */
.w-iconbox-icon, .us-iconbox-icon, .w-iconbox .fa, .w-iconbox-icon i,
.us-iconbox .us-iconbox-icon img,
.l-section svg path[fill]:not([fill="none"]) {
	color: var(--lg-primary) !important;
	fill: var(--lg-primary) !important;
}

/* Yellow accent for star ratings */
.w-iconbox-icon.fa-star, .star, [class*="rating"] [class*="star"], .us-rating .star {
	color: var(--lg-accent) !important;
	fill: var(--lg-accent) !important;
}

/* ============================================================
 * Header
 * ============================================================ */
.l-header,
.l-subheader, .l-subheader.at_top, .l-subheader.at_middle, .l-subheader.at_bottom {
	background-color: var(--lg-bg) !important;
	border-bottom: 1px solid var(--lg-border);
}

.l-header .menu-item > a,
.l-header .w-nav-list .menu-item-link,
.l-header .w-nav .menu-item > a {
	color: var(--lg-text) !important;
	font-weight: 500 !important;
	font-family: var(--lg-font-body) !important;
}
.l-header .menu-item > a:hover, .l-header .menu-item.current-menu-item > a {
	color: var(--lg-primary) !important;
}

/* Phone in header — keep simple text, accent color */
.l-header a[href^="tel:"], .l-header [class*="phone"] {
	color: var(--lg-text) !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
}

/* Logo wrapper */
.l-header .w-image, .l-header .custom-logo-link {
	display: inline-block;
}

/* ============================================================
 * Footer
 * ============================================================ */
.l-footer, .l-footer .l-subfooter {
	background-color: var(--lg-text) !important;
	color: #cbd5e1 !important;
}
.l-footer h1, .l-footer h2, .l-footer h3, .l-footer h4, .l-footer p, .l-footer span {
	color: #ffffff !important;
}
.l-footer a {
	color: #cbd5e1 !important;
}
.l-footer a:hover {
	color: var(--lg-primary-light) !important;
}

/* Footer iconboxes / contact rows */
.l-footer .w-iconbox, .l-footer .w-iconbox-wrapper {
	background-color: transparent !important;
}
.l-footer .w-iconbox-icon, .l-footer .w-iconbox .fa {
	color: var(--lg-primary-light) !important;
}

/* ============================================================
 * Phone-bottom-button plugin (.pbb-phone-button) — sticky mobile CTA
 * Was bright WhatsApp green (#25D366), restyle to brand purple.
 * Also force visibility upfront so it doesn't CLS-shift when JS injects.
 * ============================================================ */
.pbb-phone-button,
.phone-bottom-button, [class*="phone-bottom-button"],
[class*="floating-phone"], #phone-bottom-button {
	background: var(--lg-primary) !important;
	background-color: var(--lg-primary) !important;
	border-radius: var(--lg-radius-pill) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 16px -4px rgba(67,56,202,.5) !important;
	font-family: var(--lg-font-body) !important;
	font-weight: 700 !important;
	border: 0 !important;
}
.pbb-phone-button a, .pbb-phone-button span {
	color: #ffffff !important;
}
/* fade-in instead of layout-shift jump */
.pbb-phone-button[style*="display: block"], .pbb-phone-button {
	animation: pbbFadeIn .2s ease-out;
}
@keyframes pbbFadeIn { from { opacity: 0; } to { opacity: 1; } }

/* === Cookie consent (.l-cookie) — style to match palette === */
.l-cookie, .l-cookie.pos_bottom {
	background-color: #0F172A !important;
	color: #cbd5e1 !important;
	border-radius: var(--lg-radius) !important;
}
.l-cookie a, .l-cookie button, .l-cookie .w-btn {
	background-color: var(--lg-primary) !important;
	color: #ffffff !important;
	border-radius: var(--lg-radius-pill) !important;
}

/* ============================================================
 * Cookie consent / notice bar — restyle to match
 * ============================================================ */
#cookie-notice, .cn-position-bottom, [id*="cookie"] {
	background-color: var(--lg-text) !important;
	color: #cbd5e1 !important;
	border-radius: var(--lg-radius) !important;
}
#cookie-notice a, [id*="cookie"] button {
	color: var(--lg-primary-light) !important;
}

/* ============================================================
 * Reset Impreza color presets that conflict
 * (some pages have inline `_content_heading` color refs that map to old palette)
 * ============================================================ */
.color_content_heading, .color__content_heading,
.l-section [style*="_content_heading"] { color: var(--lg-text) !important; }

.color_content_primary, .l-section .color_content_primary { color: var(--lg-primary) !important; }

/* ============================================================
 * Mobile (≤767px) tweaks
 * ============================================================ */
@media (max-width: 767px) {
	h1 { font-size: clamp(1.8rem, 1.3rem + 2vw, 2.4rem) !important; }
	.w-btn, .us-btn, .vc_btn3 { padding: 0.75rem 1.3rem !important; font-size: 0.95rem !important; }
	.l-section[style*="border-radius"] { border-radius: var(--lg-radius) !important; }
	.l-header .menu-item > a { font-size: 1rem !important; }
}

/* ============================================================
 * Speed: hide non-critical elements that delay LCP
 * (Pre-roll iframes, off-screen ads, etc. — keep empty for now, populate if found)
 * ============================================================ */
/* (none currently) */

/* ============================================================
 * Layout: limit max-width of content containers for readability
 * ============================================================ */
.l-section-h, .l-canvas-wrap, .l-main .container { max-width: 1280px; }

/* ============================================================
 * STRUCTURAL REBUILD (v2.1) — lugg-inspired hero layout
 * ============================================================ */

/* === Hero row — force 2-column at ≥900px (Impreza's tablets_columns=1 collapses too early at 1024px) === */
@media (min-width: 900px) {
	body.home .g-cols.cols_2-3,
	body.page .g-cols.cols_2-3,
	body .l-section .g-cols.cols_2-3,
	body .l-section .g-cols.cols_2-3.tablets-cols_1,
	body .l-section .g-cols.cols_2-3.laptops-cols_inherit {
		display: grid !important;
		grid-template-columns: minmax(340px, 1.15fr) minmax(360px, 1fr) !important;
		gap: 2.5rem !important;
		align-items: center !important;
		padding: 2.5rem 2.5rem !important;
	}
	body .l-section .g-cols.cols_2-3 > .wpb_column {
		max-width: 100% !important;
		width: auto !important;
	}
}

/* Mobile: single column */
@media (max-width: 899px) {
	body .l-section .g-cols.cols_2-3,
	body .l-section .g-cols.cols_2-3.tablets-cols_1 {
		display: grid !important;
		grid-template-columns: 1fr !important;
		padding: 1.5rem !important;
		gap: 1.5rem !important;
	}
}

/* The hero card itself — soft lavender bg, generous radius, no over-padding */
.us_custom_5f9e660f,
.g-cols[class*="us_custom_"][class*="cols_2-3"],
.l-section .g-cols.cols_2-3 {
	background-color: var(--lg-primary-light) !important;
	border-radius: var(--lg-radius-lg) !important;
	overflow: hidden;
}

/* === Compact form — 2-column field grid inside form === */
.l-section .g-cols.cols_2-3 .w-form,
.us_cform.us_custom_a9aad956 {
	margin: 0 !important;
	padding: 0 !important;
}

.w-form-row {
	margin-bottom: 0.6rem !important;
}

/* Pack form fields tighter on desktop — 2-column for first 6 fields */
@media (min-width: 900px) {
	.l-section .g-cols.cols_2-3 .w-form .w-form-row[class*="for_text"]:not(.for_captcha),
	.l-section .g-cols.cols_2-3 .w-form .w-form-row[class*="for_email"],
	.l-section .g-cols.cols_2-3 .w-form .w-form-row.for_select {
		/* keep one column for simplicity; but make inputs more compact */
	}
	.l-section .g-cols.cols_2-3 .w-form .w-form-row-field input,
	.l-section .g-cols.cols_2-3 .w-form .w-form-row-field select {
		padding: 0.7rem 0.85rem !important;
		font-size: 0.92rem !important;
	}
	.l-section .g-cols.cols_2-3 .w-form .w-btn {
		width: 100% !important;
		padding: 0.95rem !important;
		font-size: 1.05rem !important;
		font-weight: 700 !important;
		box-shadow: 0 6px 20px -6px rgba(67,56,202,0.5) !important;
	}
}

/* === Heading area (right column of hero) === */
.l-section .g-cols.cols_2-3 .wpb_column:last-child h1,
.l-section .g-cols.cols_2-3 .wpb_column:last-child .vc_custom_heading {
	font-size: clamp(2rem, 1.4rem + 2.4vw, 3.4rem) !important;
	line-height: 1.05 !important;
	letter-spacing: -0.02em !important;
	margin-bottom: 1rem !important;
	font-weight: 800 !important;
}

.l-section .g-cols.cols_2-3 .wpb_column:last-child p,
.l-section .g-cols.cols_2-3 .wpb_column:last-child .wpb_text_column p {
	font-size: 1.1rem !important;
	line-height: 1.55 !important;
	color: var(--lg-text-2) !important;
	margin-bottom: 1.5rem !important;
	max-width: 36em;
}

/* === Stats row (3 iconboxes — homes / since-year / certificates) — make them horizontal pills like lugg ratings === */
.l-section .g-cols.cols_2-3 .w-iconbox-wrapper,
.l-section .g-cols.cols_2-3 .w-hwrapper.align_none {
	display: flex !important;
	gap: 1rem !important;
	flex-wrap: wrap !important;
	margin-top: 1.5rem !important;
}

.l-section .g-cols.cols_2-3 .w-iconbox {
	background-color: rgba(255,255,255,0.7) !important;
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255,255,255,0.4) !important;
	border-radius: var(--lg-radius) !important;
	padding: 0.9rem 1.2rem !important;
	flex: 1 1 auto !important;
	min-width: 140px;
	transition: transform .15s, box-shadow .15s;
	display: flex !important;
	align-items: center !important;
	gap: 0.7rem !important;
}
.l-section .g-cols.cols_2-3 .w-iconbox:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px -8px rgba(67,56,202,0.25);
}
.l-section .g-cols.cols_2-3 .w-iconbox-icon {
	background-color: var(--lg-primary) !important;
	color: #ffffff !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0;
	margin: 0 !important;
}
.l-section .g-cols.cols_2-3 .w-iconbox-icon i, .l-section .g-cols.cols_2-3 .w-iconbox-icon svg {
	color: #ffffff !important;
	font-size: 18px !important;
}
.l-section .g-cols.cols_2-3 .w-iconbox-meta, .l-section .g-cols.cols_2-3 .w-iconbox-content {
	margin: 0 !important;
	text-align: left !important;
}
.l-section .g-cols.cols_2-3 .w-iconbox-title, .l-section .g-cols.cols_2-3 .w-iconbox-text strong {
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--lg-text) !important;
	margin: 0 !important;
}
.l-section .g-cols.cols_2-3 .w-iconbox-text {
	font-size: 0.78rem !important;
	color: var(--lg-muted) !important;
	line-height: 1.2 !important;
	margin: 0 !important;
}

/* ============================================================
 * Sections — add visual hierarchy: alternate bg, max-width, padding
 * ============================================================ */

/* Increase vertical breathing between sections */
.l-section { padding: 3rem 0 !important; }
.l-section.height_small { padding: 2rem 0 !important; }
.l-section.height_huge { padding: 5rem 0 !important; }

/* Section heading style — left aligned with eyebrow */
.l-section h2 {
	max-width: 56rem;
	margin-bottom: 1.5rem;
}

/* Cards general — softer shadow, more breathing room */
.w-iconbox.style_circle, .w-iconbox.style_outlined,
.w-iconbox.us_custom_3a3a6a17, .w-iconbox.style_default {
	padding: 1.5rem !important;
	border-radius: var(--lg-radius) !important;
}

/* Service grid items / Why-us 2x2 boxes */
.us_custom_8670df0a .vc_column-inner > .g-cols .wpb_column,
.us_custom_0ab2621b .g-cols .wpb_column {
	padding: 1.5rem !important;
}

/* Certificates row — make logos uniform & grayscale-to-color on hover */
.l-section img[src*="cert"], .l-section img[src*="bbb"], .l-section img[src*="fmcsa"],
.l-section img[src*="iam"], .l-section img[src*="ProMover"], .l-section img[src*="SMM"] {
	filter: grayscale(1) opacity(.55);
	transition: filter .25s;
	max-height: 70px;
	width: auto !important;
}
.l-section img[src*="cert"]:hover, .l-section img[src*="bbb"]:hover,
.l-section img[src*="fmcsa"]:hover, .l-section img[src*="iam"]:hover {
	filter: grayscale(0) opacity(1);
}

/* === Trust ratings row (Google / TrustPilot / Yelp / BBB) under hero === */
.l-section .g-cols.cols_2-3::after {
	content: "★★★★★  Google  4.9/5  ·  ★★★★★  TrustPilot  4.9/5  ·  ★★★★★  Yelp  4.8/5  ·  ★★★★★  BBB  A+";
	display: block;
	grid-column: 1 / -1;
	text-align: center;
	color: var(--lg-text);
	font-size: 0.95rem;
	font-weight: 600;
	padding: 1.75rem 1rem 1rem;
	letter-spacing: -0.01em;
	border-top: 1px solid rgba(67,56,202,0.12);
	margin-top: 1rem;
}

@media (max-width: 768px) {
	.l-section .g-cols.cols_2-3::after {
		font-size: 0.75rem;
		padding: 1rem 0.5rem 0.5rem;
		letter-spacing: 0;
	}
}

/* === Hero RIGHT column — add image area as CSS background placeholder === */
@media (min-width: 900px) {
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child {
		position: relative;
	}
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child::before {
		content: "";
		display: block;
		position: absolute;
		top: -2rem;
		right: -1rem;
		width: 280px;
		height: 280px;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="100" cy="100" r="90" fill="%234338CA" opacity="0.06"/><circle cx="60" cy="80" r="40" fill="%234338CA" opacity="0.1"/><rect x="100" y="60" width="80" height="60" rx="8" fill="%234338CA" opacity="0.15"/><circle cx="120" cy="130" r="20" fill="%234338CA" opacity="0.18"/></svg>');
		background-repeat: no-repeat;
		background-size: contain;
		opacity: 0.85;
		z-index: 0;
		pointer-events: none;
	}
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child > * {
		position: relative;
		z-index: 1;
	}
}

/* === Compact form — denser fields, 2-column grid for compact fields === */
@media (min-width: 900px) {
	body .l-section .g-cols.cols_2-3 .w-form-row {
		margin-bottom: 0.5rem !important;
	}
	body .l-section .g-cols.cols_2-3 .w-form-row-field input,
	body .l-section .g-cols.cols_2-3 .w-form-row-field select {
		padding: 0.65rem 0.85rem !important;
		font-size: 0.92rem !important;
		background-color: #ffffff !important;
		border-color: rgba(67,56,202,0.15) !important;
	}
	/* form title eyebrow */
	body .l-section .g-cols.cols_2-3 .w-form::before {
		content: "Get a free moving estimate";
		display: block;
		font-size: 1.05rem;
		font-weight: 700;
		color: var(--lg-text);
		margin-bottom: 0.85rem;
		text-align: center;
	}
}

/* === Page-level: subtle gradient backgrounds on alternating sections === */
.l-main > .l-section:nth-of-type(even):not([style*="background"]):not([class*="has_bg"]) {
	background: linear-gradient(180deg, transparent 0%, rgba(67,56,202,0.025) 100%);
}

/* === Sticky header: subtle shadow on scroll === */
.l-header.pos_fixed {
	box-shadow: 0 1px 3px rgba(15,23,42,0.05);
	transition: box-shadow .15s;
}

/* ============================================================
 * STRUCTURAL OVERHAUL v2.5 — real visual restructure
 * Hide generic 3-stat row, add 4-rating row, eyebrow, repositioned CTAs
 * ============================================================ */

@media (min-width: 900px) {
	/* === Hero RIGHT column: full visual overhaul === */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child {
		position: relative;
		padding: 1rem 0 !important;
	}

	/* EYEBROW above h1 */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child h1::before {
		content: "PROFESSIONAL MOVING SERVICES";
		display: block;
		font-size: 0.78rem;
		font-weight: 700;
		letter-spacing: 0.18em;
		color: var(--lg-primary);
		margin-bottom: 0.75rem;
		text-transform: uppercase;
	}

	/* Larger h1 with tighter tracking */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child h1 {
		font-size: clamp(2.6rem, 1.8rem + 2.8vw, 4rem) !important;
		line-height: 1 !important;
		font-weight: 900 !important;
		letter-spacing: -0.03em !important;
		margin-bottom: 1.25rem !important;
	}

	/* Subtitle paragraph — increase size */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child .wpb_text_column p {
		font-size: 1.15rem !important;
		color: var(--lg-text-2) !important;
		max-width: 32em !important;
		line-height: 1.55 !important;
		margin-bottom: 2rem !important;
	}

	/* === HIDE the old 3-stat row (homes / since-year / certificates) === */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child .w-hwrapper.align_none,
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child > .vc_column-inner > .wpb_text_column ~ .w-hwrapper {
		display: none !important;
	}

	/* === ADD trust-rating row + CTA below text === */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child > .vc_column-inner::after {
		content: "★★★★★ Google 4.9 / 5  ·  ★★★★★ TrustPilot 4.9 / 5  ·  ★★★★★ Yelp 4.8 / 5  ·  ★★★★★ BBB A+";
		display: block;
		margin-top: 1.5rem;
		padding: 1rem 1.25rem;
		background: rgba(255,255,255,0.6);
		backdrop-filter: blur(6px);
		border: 1px solid rgba(67,56,202,0.12);
		border-radius: var(--lg-radius);
		font-size: 0.92rem;
		font-weight: 600;
		color: var(--lg-text);
		letter-spacing: -0.01em;
		text-align: center;
		line-height: 1.6;
	}

	/* CTA call-to-action group below subtitle — adds a "Book now" pill */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child > .vc_column-inner::before {
		content: "Get instant pricing →";
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
		background: var(--lg-primary);
		color: #fff;
		padding: 0.95rem 2rem;
		border-radius: var(--lg-radius-pill);
		font-size: 1rem;
		font-weight: 700;
		box-shadow: 0 8px 24px -6px rgba(67,56,202,0.5);
		margin: 0 0 1.5rem 0;
		cursor: pointer;
		transition: all .15s;
	}

	/* === Form (LEFT column) — compact look, white card on lavender bg === */
	body .l-section .g-cols.cols_2-3 > .wpb_column:first-child {
		background: #ffffff;
		border-radius: var(--lg-radius-lg) !important;
		padding: 2rem 1.75rem !important;
		box-shadow: 0 8px 32px -8px rgba(15,23,42,0.12);
	}

	body .l-section .g-cols.cols_2-3 > .wpb_column:first-child::before {
		content: none;
	}

	body .l-section .g-cols.cols_2-3 > .wpb_column:first-child .w-form {
		margin-top: 1.5rem;
	}

	body .l-section .g-cols.cols_2-3 .w-form-row {
		margin-bottom: 0.5rem !important;
	}
	body .l-section .g-cols.cols_2-3 .w-form-row-field input,
	body .l-section .g-cols.cols_2-3 .w-form-row-field select,
	body .l-section .g-cols.cols_2-3 .w-form-row-field textarea {
		padding: 0.7rem 0.9rem !important;
		font-size: 0.92rem !important;
		background-color: #FAFAFA !important;
	}
}

/* Mobile: collapse to single column, simpler layout */
@media (max-width: 899px) {
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child h1::before {
		content: "PROFESSIONAL MOVING SERVICES";
		display: block;
		font-size: 0.7rem;
		font-weight: 700;
		letter-spacing: 0.15em;
		color: var(--lg-primary);
		margin-bottom: 0.5rem;
		text-transform: uppercase;
		text-align: center;
	}
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child h1 {
		font-size: clamp(1.8rem, 1.4rem + 2vw, 2.4rem) !important;
		text-align: center;
	}
	/* Hide ALL .w-hwrapper inside hero right-col on mobile (stats cards
	   "4300 homes / from 2009 / Certificates" use .align_center, not
	   .align_none — so the original .align_none-only rule missed them
	   on small screens, and stats were leaking into mobile view). */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child .w-hwrapper.align_none,
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child > .vc_column-inner > .wpb_text_column ~ .w-hwrapper,
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child .w-hwrapper {
		display: none !important;
	}
}

/* ============================================================
 * v2.6 — BUG FIXES on top of structural rewrite
 * ============================================================ */

/* === Icon circles: when iconbox has purple bg circle, icon MUST be white === */
.w-iconbox.style_circle .w-iconbox-icon,
.w-iconbox.style_circle .w-iconbox-icon i,
.w-iconbox.style_circle .w-iconbox-icon .fa,
.w-iconbox.style_circle .w-iconbox-icon svg,
.w-iconbox.color_primary .w-iconbox-icon,
.w-iconbox.color_primary .w-iconbox-icon i,
.w-iconbox.color_primary .w-iconbox-icon .fa,
.w-iconbox[class*="bgcolor_primary"] .w-iconbox-icon i,
.w-iconbox-icon.bg_primary,
.w-iconbox-icon.bg_primary i,
.w-iconbox-icon.bg_primary .fa {
	color: #ffffff !important;
	fill: #ffffff !important;
}

.w-iconbox.style_circle .w-iconbox-icon {
	background-color: var(--lg-primary) !important;
	border-radius: 50% !important;
	width: 64px !important;
	height: 64px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0;
}

.w-iconbox.style_circle .w-iconbox-icon i,
.w-iconbox.style_circle .w-iconbox-icon .fa {
	font-size: 24px !important;
	color: #ffffff !important;
}

/* === Override the phone-number plugin's inline blue button "Call us: ..." === */
.phone-placeholder a[style*="066aab"],
.phone-placeholder a[style*="background-color"],
a[href*="javascript:void"][style*="background"],
[id^="phone-btn"] a {
	background-color: var(--lg-primary) !important;
	background: var(--lg-primary) !important;
	color: #ffffff !important;
	border-radius: var(--lg-radius-pill) !important;
	padding: 0.85rem 1.6rem !important;
	font-weight: 700 !important;
	font-family: var(--lg-font-body) !important;
	text-decoration: none !important;
	box-shadow: 0 4px 14px -4px rgba(67,56,202,.4) !important;
	font-size: 1rem !important;
	display: inline-block !important;
	transition: background .15s, transform .15s !important;
}
.phone-placeholder a[style*="066aab"]:hover,
[id^="phone-btn"] a:hover {
	background-color: var(--lg-primary-dark) !important;
	background: var(--lg-primary-dark) !important;
	transform: translateY(-1px) !important;
}

/* === Services / sections with iconbox cards: cleaner appearance === */
/* Services section "Services" title + items grid */
.us_custom_8670df0a.has_bg_color {
	background: #ffffff !important;
	border-radius: var(--lg-radius-lg) !important;
	padding: 2.5rem !important;
	border: 1px solid var(--lg-border) !important;
	box-shadow: 0 2px 4px rgba(15,23,42,.04);
}

/* Service items list: convert plain bold text to card-look */
.us_custom_8670df0a .wpb_text_column p strong,
.us_custom_8670df0a .vc_btn3-container + .wpb_text_column p strong {
	display: block;
	padding: 0.85rem 1rem;
	margin-bottom: 0.5rem;
	background: var(--lg-bg-alt);
	border-radius: var(--lg-radius);
	border-left: 3px solid var(--lg-primary);
	font-weight: 600 !important;
	color: var(--lg-text) !important;
	transition: transform .15s, background .15s;
}
.us_custom_8670df0a .wpb_text_column p strong:hover {
	transform: translateX(4px);
	background: var(--lg-primary-light);
}

/* Separator decorations in services list (`+` symbols between items) — hide */
.us_custom_8670df0a .w-separator.size_small,
.us_custom_8670df0a .w-separator {
	display: none !important;
}

/* === Section spacing: tighter, like lugg === */
.l-main .l-section {
	padding: 4rem 0 !important;
}
.l-main .l-section:first-child {
	padding-top: 2rem !important;
}

/* === Relocation plan section (3 steps): horizontal cards with numbers === */
.l-section h2 + .templatera_shortcode .g-cols.cols_3 > .wpb_column,
.l-section h2 + .templatera_shortcode .g-cols .wpb_column,
.l-section [class*="us_custom_"][class*="cols_3"] > .wpb_column {
	background: #ffffff !important;
	border-radius: var(--lg-radius) !important;
	padding: 2rem 1.5rem !important;
	border: 1px solid var(--lg-border) !important;
	transition: transform .15s, box-shadow .15s;
}
.l-section [class*="us_custom_"][class*="cols_3"] > .wpb_column:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 32px -8px rgba(67,56,202,.12);
}

/* Step numbers (Step 1, Step 2, Step 3) — restyle */
.l-section u, .l-section ins {
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--lg-primary);
	color: #ffffff !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	padding: 0.3rem 0.7rem;
	border-radius: var(--lg-radius-pill);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
}

/* === Reviews section — make testimonial cards purple-bordered === */
.us_testimonial, [class*="testimonial"] {
	background: #ffffff !important;
	border-radius: var(--lg-radius) !important;
	padding: 2rem 1.75rem !important;
	border: 1px solid var(--lg-border) !important;
	box-shadow: 0 4px 16px -4px rgba(15,23,42,.06);
	position: relative;
}
.us_testimonial::before, [class*="testimonial"]::before {
	content: "★★★★★";
	color: var(--lg-accent);
	font-size: 1.1rem;
	letter-spacing: 0.1em;
	margin-bottom: 0.75rem;
	display: block;
}

/* === FAQ accordion — purple borders + icons === */
.w-toggle, .vc_toggle, .w-tabs-item {
	background: #ffffff !important;
	border: 1px solid var(--lg-border) !important;
	border-radius: var(--lg-radius) !important;
	margin-bottom: 0.6rem !important;
	padding: 0 !important;
}
.w-toggle-section-title, .vc_toggle_title {
	padding: 1.1rem 1.4rem !important;
	font-weight: 600 !important;
	color: var(--lg-text) !important;
}
.w-toggle.active .w-toggle-section-title,
.vc_toggle_active .vc_toggle_title {
	color: var(--lg-primary) !important;
}

/* === Footer multi-column improvement === */
.l-footer h3, .l-footer h4 {
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase;
	color: #ffffff !important;
	margin-bottom: 1rem !important;
}
.l-footer .menu-item a {
	color: #cbd5e1 !important;
	font-weight: 400 !important;
	padding: 0.3rem 0 !important;
	display: block;
	transition: color .15s;
}
.l-footer .menu-item a:hover {
	color: #ffffff !important;
}

/* === Header layout polish === */
.l-header .menu-item.menu-item-has-children > a::after {
	color: var(--lg-primary) !important;
}

/* "Call us today" header text — remove (visual clutter, phone number is enough) — keep for now */

/* === All buttons: stronger purple shadow === */
.w-btn.us-btn-style_solid, .w-btn.us-btn-style_6,
.w-btn-wrapper.style_solid .w-btn {
	box-shadow: 0 4px 14px -4px rgba(67,56,202,0.45) !important;
}

/* === Image shadows (owner photo, etc.) === */
.us_animate_this.style_shadow-2 .w-image-shadow,
.w-image.style_shadow-2 .w-image-shadow {
	background-color: var(--lg-primary-light) !important;
	border-radius: var(--lg-radius) !important;
	transform: translate(8px, 8px) scale(.95) !important;
	opacity: .6;
}

/* ============================================================
 * v2.7 — brute force overrides for stubborn elements
 * ============================================================ */

/* === ICON CIRCLES: ANY child of .w-iconbox-icon → white === */
.w-iconbox-icon,
.w-iconbox-icon *,
.w-iconbox.style_circle .w-iconbox-icon,
.w-iconbox.style_circle .w-iconbox-icon *,
.w-iconbox.color_primary .w-iconbox-icon,
.w-iconbox.color_primary .w-iconbox-icon * {
	color: #ffffff !important;
	fill: #ffffff !important;
}
.w-iconbox.style_circle .w-iconbox-icon,
.w-iconbox.color_primary .w-iconbox-icon {
	background-color: var(--lg-primary) !important;
	background: var(--lg-primary) !important;
	border-radius: 50% !important;
	width: 64px !important;
	height: 64px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Star ratings (yellow) — KEEP AMBER even with above override */
.w-iconbox-icon.fa-star,
.fa-star, [class*="fa-star"],
.w-iconbox-icon i.fa-star,
.us-rating .star {
	color: var(--lg-accent) !important;
	fill: var(--lg-accent) !important;
}

/* === Phone-number plugin button (inline blue) — ULTRA-FORCE === */
.phone-placeholder a,
.phone-placeholder a[style],
.phone-button a,
.phone-button a[style],
div.phone-button a,
div.phone-button > a,
div[id^="phone-btn"] a,
div[id^="phone-btn"] a[style],
a[href="javascript:void(0);"][style*="background"],
a[href^="tel:"][style*="background-color"],
a[onclick*="phone"][style] {
	background-color: var(--lg-primary) !important;
	background: var(--lg-primary) !important;
	background-image: none !important;
	color: #ffffff !important;
	border-radius: var(--lg-radius-pill) !important;
	padding: 0.85rem 1.6rem !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 14px -4px rgba(67,56,202,.4) !important;
	text-decoration: none !important;
	display: inline-block !important;
	border: 0 !important;
}

/* ============================================================
 * v2.8 — restructure remaining 5 sections per HANDOFF.md
 * Services / Moving-About / Relocation plan / Owner / Reviews
 * Each section targets unique .us_custom_XXXX hash from live DOM.
 * ============================================================ */

/* ------------------------------------------------------------
 * 1) SERVICES — convert flat grid of post-title links into cards
 *    DOM: .us_custom_85266a78 > .us_custom_3baa9b96 > #us_grid_1
 *    Each item: article.w-grid-item > .w-grid-item-h > h2.w-post-elm > a
 * ------------------------------------------------------------ */

.us_custom_85266a78 .w-grid,
.us_custom_3baa9b96 .w-grid {
	margin: 0 !important;
}

.us_custom_85266a78 .w-grid .w-grid-list,
.us_custom_3baa9b96 .w-grid .w-grid-list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 1rem !important;
	margin: 0 !important;
}

.us_custom_85266a78 .w-grid .w-grid-item,
.us_custom_3baa9b96 .w-grid .w-grid-item {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
}

.us_custom_85266a78 .w-grid .w-grid-item-h,
.us_custom_3baa9b96 .w-grid .w-grid-item-h {
	background: var(--lg-bg) !important;
	border: 1px solid var(--lg-border) !important;
	border-radius: var(--lg-radius) !important;
	padding: 1.1rem 1.25rem 1.1rem 3.5rem !important;
	position: relative !important;
	height: 100% !important;
	transition: transform .15s, box-shadow .15s, border-color .15s !important;
	display: flex !important;
	align-items: center !important;
	min-height: 64px;
}

.us_custom_85266a78 .w-grid .w-grid-item-h::before,
.us_custom_3baa9b96 .w-grid .w-grid-item-h::before {
	content: "→";
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2.25rem;
	height: 2.25rem;
	background: var(--lg-primary-light);
	color: var(--lg-primary);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: 700;
	transition: background .15s, color .15s, transform .15s;
	line-height: 1;
}

.us_custom_85266a78 .w-grid .w-grid-item-h:hover,
.us_custom_3baa9b96 .w-grid .w-grid-item-h:hover {
	border-color: var(--lg-primary) !important;
	box-shadow: 0 8px 24px -8px rgba(67,56,202,.18) !important;
	transform: translateY(-2px);
}

.us_custom_85266a78 .w-grid .w-grid-item-h:hover::before,
.us_custom_3baa9b96 .w-grid .w-grid-item-h:hover::before {
	background: var(--lg-primary);
	color: #fff;
	transform: translateY(-50%) translateX(2px);
}

.us_custom_85266a78 .w-grid .w-post-elm.post_title,
.us_custom_3baa9b96 .w-grid .w-post-elm.post_title {
	font-size: 1rem !important;
	font-weight: 600 !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.us_custom_85266a78 .w-grid .w-post-elm.post_title a,
.us_custom_3baa9b96 .w-grid .w-post-elm.post_title a {
	color: var(--lg-text) !important;
	letter-spacing: -0.01em;
}

.us_custom_85266a78 .w-grid .w-post-elm.post_title a:hover,
.us_custom_3baa9b96 .w-grid .w-post-elm.post_title a:hover {
	color: var(--lg-primary) !important;
}

@media (max-width: 1024px) {
	.us_custom_85266a78 .w-grid .w-grid-list,
	.us_custom_3baa9b96 .w-grid .w-grid-list {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 600px) {
	.us_custom_85266a78 .w-grid .w-grid-list,
	.us_custom_3baa9b96 .w-grid .w-grid-list {
		grid-template-columns: 1fr !important;
	}
}

/* Services section: title block — bigger and centered */
.us_custom_3baa9b96 > .l-section-h > .g-cols > .wpb_column > .vc_column-inner > .w-iconbox {
	justify-content: center !important;
	text-align: center !important;
	margin-bottom: 2rem !important;
}

/* ------------------------------------------------------------
 * 2) MOVING SERVICES + ABOUT US — add list-icons and replace empty placeholders
 *    DOM: .us_custom_3188818e > .g-cols.cols_2 > 2x .us_custom_9c11761b
 *    Left col: Moving services (ul.wp-block-list)
 *    Right col: About us (paragraph + 3 empty .w-image placeholders + 2 buttons)
 * ------------------------------------------------------------ */

/* Both columns get card-like background + padding (was bare) */
.us_custom_3188818e .us_custom_9c11761b {
	background: var(--lg-bg) !important;
	border: 1px solid var(--lg-border) !important;
	border-radius: var(--lg-radius-lg) !important;
	padding: 2rem !important;
}

/* LEFT col (Moving services) — list with check-icons */
.us_custom_3188818e .us_custom_9c11761b .wp-block-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.us_custom_3188818e .us_custom_9c11761b .wp-block-list li {
	list-style: none !important;
	padding-left: 2rem !important;
	position: relative !important;
	line-height: 1.5 !important;
	margin-bottom: 0.85rem !important;
	font-weight: 500 !important;
	color: var(--lg-text) !important;
}
.us_custom_3188818e .us_custom_9c11761b .wp-block-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 2px;
	width: 1.4rem;
	height: 1.4rem;
	background: var(--lg-primary);
	color: #fff !important;
	border-radius: 50%;
	font-size: 0.75rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

/* RIGHT col (About us) — hide blank placeholder images, replace with badge row */
.us_custom_3188818e .us_custom_9c11761b .w-image {
	display: none !important;
}
/* Re-show .w-hwrapper that contained images, but turn it into a badge group via ::before */
.us_custom_3188818e .us_custom_9c11761b .w-hwrapper.align_center {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}
.us_custom_3188818e .us_custom_9c11761b .w-hwrapper.align_center::before {
	content: "✓ BBB Accredited      ✓ IAM Member      ✓ ProMover Status";
	display: block;
	padding: 1rem 1.25rem;
	background: var(--lg-primary-light);
	border-radius: var(--lg-radius);
	font-weight: 600;
	color: var(--lg-primary-dark);
	font-size: 0.92rem;
	text-align: center;
	letter-spacing: 0.01em;
	white-space: pre-wrap;
	line-height: 1.6;
}

/* About us buttons row — side by side */
.us_custom_3188818e .us_custom_9c11761b .w-btn-wrapper {
	display: inline-block;
	margin-right: 0.6rem !important;
	margin-top: 1rem !important;
}

/* Both section title-iconboxes (Moving services / About us) — purple icon circle */
.us_custom_3188818e .w-iconbox.style_circle {
	margin-bottom: 1rem !important;
}

/* ------------------------------------------------------------
 * 3) RELOCATION PLAN — 3 numbered step cards
 *    DOM: .us_custom_5c0dde35 > .us_custom_8670df0a > .g-cols.cols_3
 *    1st col has Title "Relocation plan" + Step 1 content
 *    Cols 2/3 have w-separator size_custom (height:123px) instead of title
 *    Each step text: p1=Step N: (underlined), p2=title, p3=description
 * ------------------------------------------------------------ */

/* Hide old in-col title (will be moved above grid via ::before) */
.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column:first-child > .vc_column-inner > .w-iconbox,
.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column:first-child > .vc_column-inner > .w-separator.size_medium {
	display: none !important;
}

/* Hide 123px spacers in cols 2/3 (used for vertical alignment) */
.us_custom_5c0dde35 .g-cols.cols_3 .w-separator.size_custom {
	display: none !important;
}

/* Generated title above grid */
.us_custom_5c0dde35 .us_custom_8670df0a > .vc_column-inner::before {
	content: "How we move you in 3 simple steps";
	display: block;
	text-align: center;
	font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.4rem);
	font-weight: 800;
	color: var(--lg-text);
	margin-bottom: 2.5rem;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

/* The grid itself — 3 cards with gap */
.us_custom_5c0dde35 .g-cols.cols_3 {
	gap: 1.5rem !important;
	counter-reset: relstep;
}

/* Each step column — card */
.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column > .vc_column-inner {
	background: var(--lg-bg) !important;
	border: 1px solid var(--lg-border) !important;
	border-radius: var(--lg-radius-lg) !important;
	padding: 2rem 1.75rem !important;
	height: 100% !important;
	transition: transform .15s, box-shadow .15s, border-color .15s;
	position: relative;
}
.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column > .vc_column-inner:hover {
	transform: translateY(-4px);
	border-color: var(--lg-primary) !important;
	box-shadow: 0 16px 36px -10px rgba(67,56,202,.18) !important;
}

/* Numbered badge per column */
.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column > .vc_column-inner::before {
	counter-increment: relstep;
	content: "0" counter(relstep);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	background: var(--lg-primary);
	color: #fff;
	border-radius: 50%;
	font-size: 1.05rem;
	font-weight: 800;
	margin-bottom: 1.25rem;
	font-feature-settings: 'tnum';
	box-shadow: 0 4px 12px -2px rgba(67,56,202,.4);
}

/* Hide the original "Step N:" underlined first paragraph */
.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column .wpb_wrapper > p:first-child:has(span[style*="underline"]),
.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column .wpb_wrapper > p:first-of-type {
	display: none !important;
}

/* Step title (now first visible p after hidden Step N) */
.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column .wpb_wrapper > p:nth-of-type(2) {
	font-size: 1.2rem !important;
	font-weight: 700 !important;
	color: var(--lg-text) !important;
	line-height: 1.3 !important;
	margin: 0 0 0.6rem 0 !important;
}
.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column .wpb_wrapper > p:nth-of-type(2) strong {
	font-weight: 700 !important;
	color: var(--lg-text) !important;
}

/* Kill legacy services-list strong-pill stylings inside relocation steps
   (the v2.6 rule .us_custom_8670df0a .wpb_text_column p strong applies an
   unwanted background + left-border on step titles because the relocation
   wrapper column IS .us_custom_8670df0a) */
.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column p strong {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border-left: none !important;
	border-radius: 0 !important;
}
.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column p strong:hover {
	transform: none !important;
	background: transparent !important;
}

/* Step description (3rd p) */
.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column .wpb_wrapper > p:nth-of-type(3) {
	color: var(--lg-muted) !important;
	line-height: 1.65 !important;
	font-size: 0.95rem !important;
	margin: 0 !important;
}

@media (max-width: 900px) {
	.us_custom_5c0dde35 .g-cols.cols_3 {
		grid-template-columns: 1fr !important;
		display: grid !important;
	}
}

/* ------------------------------------------------------------
 * 4) OWNER — split layout: round photo | bio with signature
 *    DOM: section uses .us_custom_b60ef15e wrapper, contains .g-cols.cols_2
 *    Reviews ALSO uses .us_custom_b60ef15e but with .w-content-carousel inside
 *    Distinguish: Owner = .g-cols.cols_2, Reviews = has .w-content-carousel
 * ------------------------------------------------------------ */

/* Container — card */
.us_custom_b60ef15e .g-cols.cols_2 {
	display: grid !important;
	grid-template-columns: 320px 1fr !important;
	gap: 2.5rem !important;
	align-items: center !important;
	background: var(--lg-bg) !important;
	border: 1px solid var(--lg-border) !important;
	border-radius: var(--lg-radius-lg) !important;
	padding: 2.5rem !important;
}

/* Kill the huge separator that bumped bio down */
.us_custom_b60ef15e .g-cols.cols_2 .w-separator.size_huge {
	display: none !important;
}

/* LEFT col — title eyebrow + circular photo */
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:first-child > .vc_column-inner {
	text-align: center !important;
}
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:first-child .w-iconbox.style_circle {
	display: block !important;
	justify-content: center !important;
	text-align: center !important;
	margin-bottom: 1.25rem !important;
}
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:first-child .w-iconbox-icon {
	display: none !important;
}
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:first-child .w-iconbox-title {
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.18em !important;
	color: var(--lg-primary) !important;
	text-transform: uppercase !important;
	margin: 0 !important;
}

/* Owner photo — circular */
.us_custom_b60ef15e .g-cols.cols_2 .w-image.us_custom_46845caf {
	border-radius: 50% !important;
	overflow: hidden !important;
	width: 260px !important;
	height: 260px !important;
	margin: 0 auto !important;
	display: block !important;
	box-shadow: 0 16px 40px -12px rgba(67,56,202,.3) !important;
}
.us_custom_b60ef15e .g-cols.cols_2 .w-image.us_custom_46845caf .w-image-h,
.us_custom_b60ef15e .g-cols.cols_2 .w-image.us_custom_46845caf .w-image-h img {
	width: 100% !important;
	height: 100% !important;
	border-radius: 50% !important;
}
.us_custom_b60ef15e .g-cols.cols_2 .w-image.us_custom_46845caf .w-image-h img {
	object-fit: cover !important;
}
.us_custom_b60ef15e .g-cols.cols_2 .w-image.us_custom_46845caf .w-image-shadow {
	display: none !important;
}

/* RIGHT col — bio */
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .wpb_text_column p {
	font-size: 1.05rem !important;
	line-height: 1.7 !important;
	color: var(--lg-text-2) !important;
	margin: 0 0 1rem 0 !important;
}
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .wpb_text_column p strong {
	color: var(--lg-text) !important;
	font-weight: 700 !important;
}

/* Signature row */
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .w-hwrapper {
	display: flex !important;
	align-items: center !important;
	gap: 1.25rem !important;
	margin-top: 1.5rem !important;
	padding-top: 1.5rem !important;
	border-top: 1px solid var(--lg-border) !important;
	justify-content: flex-start !important;
}
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .w-hwrapper .w-image {
	display: block !important;
	flex-shrink: 0;
}
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .w-hwrapper .w-image img {
	max-height: 50px !important;
	width: auto !important;
	margin: 0 !important;
}
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .w-hwrapper .wpb_text_column p {
	margin: 0 !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--lg-text) !important;
	text-align: left !important;
}
.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .w-hwrapper .wpb_text_column p:first-child {
	display: none !important;  /* hide the &nbsp; spacer p */
}

@media (max-width: 900px) {
	.us_custom_b60ef15e .g-cols.cols_2 {
		grid-template-columns: 1fr !important;
		padding: 1.75rem !important;
		text-align: center;
	}
	.us_custom_b60ef15e .g-cols.cols_2 .w-image.us_custom_46845caf {
		width: 200px !important;
		height: 200px !important;
	}
	.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .w-hwrapper {
		justify-content: center !important;
	}
}

/* ------------------------------------------------------------
 * 5) REVIEWS — 5-star rating + bigger cards + author avatar circle
 *    DOM: .us_custom_b60ef15e + .w-content-carousel.items_2
 *    Each review: .w-message.us_custom_6526b576/b6466fc7
 *    Body: <p>quote</p><p>Author Name</p>  (last p = author)
 * ------------------------------------------------------------ */

/* Section title centered */
.us_custom_b60ef15e .w-content-carousel ~ *,
.us_custom_b60ef15e:has(.w-content-carousel) .w-iconbox.style_circle {
	justify-content: center !important;
	text-align: center !important;
}

/* Defuse Impreza's us_animate_this opacity:0 initial state on review cards
   (it relies on IntersectionObserver; reliability across viewport widths
   varies and breaks programmatic screenshotting). Cards stay visible. */
.us_custom_b60ef15e .w-content-carousel .w-message.us_animate_this,
.us_custom_b60ef15e .w-content-carousel .w-message {
	opacity: 1 !important;
	transform: none !important;
}

/* Review card */
.us_custom_b60ef15e .w-content-carousel .w-message {
	background: var(--lg-bg) !important;
	border: 1px solid var(--lg-border) !important;
	border-radius: var(--lg-radius-lg) !important;
	padding: 2rem !important;
	box-shadow: 0 4px 16px -4px rgba(15,23,42,.06) !important;
	position: relative !important;
	color: var(--lg-text-2) !important;
}

/* Hide the lonely single-star icon in left corner */
.us_custom_b60ef15e .w-content-carousel .w-message .w-message-icon {
	display: none !important;
}

/* Add full 5-star row at top of body */
.us_custom_b60ef15e .w-content-carousel .w-message .w-message-body::before {
	content: "★★★★★";
	display: block;
	color: var(--lg-accent);
	font-size: 1.3rem;
	letter-spacing: 0.18em;
	margin-bottom: 1rem;
	line-height: 1;
}

/* Quote */
.us_custom_b60ef15e .w-content-carousel .w-message .w-message-body p {
	color: var(--lg-text-2) !important;
	line-height: 1.65 !important;
	font-size: 0.97rem !important;
	margin: 0 0 1rem 0 !important;
}

/* Author (last <p>) — avatar + bold */
.us_custom_b60ef15e .w-content-carousel .w-message .w-message-body p:last-child {
	font-weight: 700 !important;
	color: var(--lg-text) !important;
	font-size: 1rem !important;
	position: relative !important;
	padding-left: 3.25rem !important;
	display: flex !important;
	align-items: center !important;
	margin: 1.25rem 0 0 0 !important;
	min-height: 2.5rem;
	border-top: 1px solid var(--lg-border);
	padding-top: 1.25rem;
}
.us_custom_b60ef15e .w-content-carousel .w-message .w-message-body p:last-child::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1rem;
	width: 2.5rem;
	height: 2.5rem;
	background: linear-gradient(135deg, var(--lg-primary), var(--lg-primary-dark));
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #fff, 0 2px 8px -2px rgba(67,56,202,.4);
}

/* Owl carousel nav */
.us_custom_b60ef15e .owl-carousel .owl-nav button.owl-prev,
.us_custom_b60ef15e .owl-carousel .owl-nav button.owl-next {
	color: var(--lg-primary) !important;
	background: var(--lg-bg) !important;
	border: 1px solid var(--lg-border) !important;
	border-radius: 50% !important;
	width: 40px !important;
	height: 40px !important;
	transition: all .15s !important;
}
.us_custom_b60ef15e .owl-carousel .owl-nav button:hover {
	background: var(--lg-primary) !important;
	color: #fff !important;
	border-color: var(--lg-primary) !important;
}
.us_custom_b60ef15e .owl-carousel .owl-dots .owl-dot.active span {
	background: var(--lg-primary) !important;
}

/* ============================================================
 * v2.9 — admin bar fix + spacing tighten + Why-us & Footer redesign
 * Triggered by user feedback after v2.8:
 *  - WP admin bar search input was distorted (my input styles leaked)
 *  - too much vertical space between sections
 *  - too many "Call us:" repeats between sections
 *  - hero form too tall
 *  - Why-us block + footer need polish
 * ============================================================ */

/* ------------------------------------------------------------
 * 0) WP ADMIN BAR FIX — my generic input[type=text] rules above
 *    set width:100%, padding:0.85rem, border-radius:10px on EVERY
 *    text-like input, including #wpadminbar #adminbarsearch input.
 *    Reset everything inside #wpadminbar.
 * ------------------------------------------------------------ */
#wpadminbar,
#wpadminbar * {
	box-sizing: content-box !important;
}
#wpadminbar input,
#wpadminbar input[type="text"],
#wpadminbar input[type="search"],
#wpadminbar select,
#wpadminbar textarea {
	width: auto !important;
	padding: 0 4px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 13px !important;
	color: #fff !important;
	min-height: 0 !important;
	height: auto !important;
}
#wpadminbar #adminbarsearch input[type="text"] {
	background: rgba(255,255,255,0.1) !important;
	border-radius: 3px !important;
	padding: 2px 6px !important;
	width: 200px !important;
}
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before {
	color: inherit !important;
}

/* ------------------------------------------------------------
 * 1) SECTION SPACING — tighten globally
 * ------------------------------------------------------------ */

/* Override v2.6 .l-main .l-section { padding: 4rem 0 } */
.l-main .l-section {
	padding: 2rem 0 !important;
}
.l-main .l-section.height_small {
	padding: 0.75rem 0 !important;
}
.l-main .l-section.height_medium {
	padding: 2rem 0 !important;
}
.l-main .l-section.height_huge {
	padding: 3rem 0 !important;
}
.l-main .l-section:first-child {
	padding-top: 1rem !important;
}

/* ------------------------------------------------------------
 * 2) PHONE-BUTTON ROWS — there are ~7 inter-section "Call us:"
 *    button rows. Squash them into compact strips so they read
 *    as transitions, not as their own sections.
 * ------------------------------------------------------------ */

.l-main .l-section.height_small:has(> .l-section-h > .g-cols.cols_1 > .wpb_column > .vc_column-inner > .wpb_text_column > .wpb_wrapper > div.phone-placeholder[id^="phone-btn-"]) {
	padding: 0.5rem 0 !important;
}

/* The button inside — make it more compact */
.l-main div.phone-placeholder[id^="phone-btn-"] a {
	padding: 0.55rem 1.3rem !important;
	font-size: 0.92rem !important;
	font-weight: 600 !important;
	box-shadow: 0 2px 8px -2px rgba(67,56,202,.3) !important;
}

/* ------------------------------------------------------------
 * 3) HERO FORM — compact
 * ------------------------------------------------------------ */

body .l-section .g-cols.cols_2-3 .w-form-row {
	margin-bottom: 0.3rem !important;
}
body .l-section .g-cols.cols_2-3 .w-form-row-field input,
body .l-section .g-cols.cols_2-3 .w-form-row-field select,
body .l-section .g-cols.cols_2-3 .w-form-row-field textarea {
	padding: 0.55rem 0.85rem !important;
	font-size: 0.9rem !important;
	min-height: 0 !important;
}
body .l-section .g-cols.cols_2-3 .w-form-row-label {
	font-size: 0.78rem !important;
	margin-bottom: 0.1rem !important;
}
body .l-section .g-cols.cols_2-3 .w-form-row-state {
	font-size: 0.75rem !important;
}
body .l-section .g-cols.cols_2-3 .w-form .w-btn {
	padding: 0.7rem !important;
	font-size: 1rem !important;
	margin-top: 0.5rem !important;
}
/* Form title eyebrow — smaller */
@media (min-width: 900px) {
	body .l-section .g-cols.cols_2-3 .w-form::before {
		font-size: 0.95rem !important;
		margin-bottom: 0.6rem !important;
	}
	/* Hero white-card form — less internal padding */
	body .l-section .g-cols.cols_2-3 > .wpb_column:first-child {
		padding: 1.4rem 1.3rem !important;
	}
}

/* ------------------------------------------------------------
 * 4) WHY US REDESIGN — full-width banner with soft gradient,
 *    4 advantages as horizontal chips, big heading + 2 CTAs
 *    DOM: .us_custom_bfa48b71 > .g-cols.cols_2.reversed
 *    Left col (DOM-order)=.us_custom_1fb76dce (text + Get-a-Quote)
 *    Right col (DOM-order)=4× .us_custom_0ab2621b iconboxes
 * ------------------------------------------------------------ */

.us_custom_bfa48b71 {
	background: linear-gradient(135deg, var(--lg-primary-light) 0%, #fff 60%) !important;
	border-radius: var(--lg-radius-lg) !important;
	margin: 1rem auto !important;
	max-width: calc(100% - 2rem) !important;
	padding: 2.5rem !important;
}

.us_custom_bfa48b71 .g-cols.cols_2 {
	gap: 2.5rem !important;
	align-items: center !important;
}

/* TEXT column (Get a Quote) */
.us_custom_bfa48b71 .us_custom_1fb76dce h2,
.us_custom_bfa48b71 .us_custom_0bd56524 h2 {
	font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.6rem) !important;
	line-height: 1.1 !important;
	margin: 0 0 0.85rem 0 !important;
	color: var(--lg-text) !important;
}
.us_custom_bfa48b71 .us_custom_1fb76dce p,
.us_custom_bfa48b71 .us_custom_0bd56524 p {
	font-size: 1.05rem !important;
	line-height: 1.55 !important;
	color: var(--lg-text-2) !important;
	margin: 0 0 1.25rem 0 !important;
}
/* Hide the "size_medium" separator */
.us_custom_bfa48b71 .us_custom_1fb76dce ~ .w-separator,
.us_custom_bfa48b71 .w-separator.size_medium {
	display: none !important;
}

/* CTA group: Get a Quote + add phone CTA next to it (CSS-generated) */
.us_custom_bfa48b71 .w-popup.w-btn-wrapper {
	display: inline-block !important;
	margin: 0 0.75rem 0 0 !important;
}
.us_custom_bfa48b71 .w-popup-trigger.w-btn {
	padding: 0.85rem 1.6rem !important;
	font-size: 1rem !important;
	box-shadow: 0 6px 20px -4px rgba(67,56,202,.45) !important;
}
/* Inline phone CTA — appended via ::after on the .us_custom_1fb76dce column */
.us_custom_bfa48b71 .us_custom_1fb76dce .vc_column-inner::after {
	content: "Or call +1 (865) 415-6988";
	display: inline-block;
	margin-left: 0.5rem;
	padding: 0.85rem 1.4rem;
	border: 1.5px solid var(--lg-primary);
	color: var(--lg-primary);
	font-weight: 700;
	font-size: 0.95rem;
	border-radius: var(--lg-radius-pill);
	vertical-align: middle;
	background: transparent;
	transition: all .15s;
}
.us_custom_bfa48b71 .us_custom_1fb76dce .vc_column-inner:hover::after {
	background: var(--lg-primary);
	color: #fff;
}

/* ADVANTAGES column — 2x2 grid of horizontal chips */
.us_custom_bfa48b71 .g-cols.cols_2:not(.reversed) > .wpb_column:first-child,
.us_custom_bfa48b71 .g-cols.cols_2.reversed > .wpb_column:first-child {
	/* This is the 4-iconbox column */
}
.us_custom_bfa48b71 .us_custom_0ab2621b {
	background: #fff !important;
	border: 1px solid rgba(67,56,202,0.1) !important;
	border-radius: var(--lg-radius) !important;
	padding: 1.1rem 1.25rem !important;
	transition: transform .15s, box-shadow .15s, border-color .15s !important;
	box-shadow: 0 2px 8px -2px rgba(15,23,42,.04) !important;
}
.us_custom_bfa48b71 .us_custom_0ab2621b:hover {
	transform: translateY(-2px);
	border-color: var(--lg-primary) !important;
	box-shadow: 0 8px 20px -4px rgba(67,56,202,.18) !important;
}
.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox.iconpos_top {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 0.85rem !important;
}
.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox-icon {
	width: 44px !important;
	height: 44px !important;
	flex-shrink: 0;
	font-size: 18px !important;
}
.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox-icon i {
	font-size: 18px !important;
}
.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox-meta {
	margin: 0 !important;
	text-align: left !important;
}
.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox-title {
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: var(--lg-text) !important;
	margin: 0 !important;
}

@media (max-width: 900px) {
	.us_custom_bfa48b71 {
		padding: 1.5rem !important;
	}
	.us_custom_bfa48b71 .g-cols.cols_2 {
		grid-template-columns: 1fr !important;
		gap: 1.5rem !important;
	}
	.us_custom_bfa48b71 .us_custom_1fb76dce .vc_column-inner::after {
		display: block;
		margin: 0.5rem 0 0 0;
		text-align: center;
	}
}

/* ------------------------------------------------------------
 * 5) FOOTER REDESIGN
 *    DOM: .l-footer > section.us_custom_916d5e53.cols_4 > [brand, links, callback, license]
 *         then section.us_custom_3188818e (certificate logos)
 *         then section.height_small (6-col page sitemap-list)
 * ------------------------------------------------------------ */

.l-footer {
	padding-top: 2rem !important;
	padding-bottom: 0 !important;
}

/* Disable scroll-driven init on footer iconboxes so they always render */
.l-footer .has_scroll_effects,
.l-footer .has_scale,
.l-footer [class*="us_animate_this"] {
	opacity: 1 !important;
	transform: none !important;
}

/* 4-col main strip */
.l-footer .us_custom_916d5e53 .g-cols.cols_4 {
	gap: 2rem !important;
	align-items: flex-start !important;
}

/* Col 1: Brand + contacts */
.l-footer .us_custom_e0fd27a2 .wpb_wrapper {
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	color: #fff !important;
	letter-spacing: -0.02em !important;
	margin-bottom: 1rem !important;
}
.l-footer .w-iconbox.iconpos_left {
	margin-bottom: 0.6rem !important;
	gap: 0.7rem !important;
}
.l-footer .w-iconbox-icon {
	background-color: rgba(255,255,255,0.08) !important;
	border-radius: 8px !important;
	width: 32px !important;
	height: 32px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0;
	font-size: 14px !important;
}
.l-footer .w-iconbox-icon i {
	color: var(--lg-primary-light) !important;
	font-size: 13px !important;
}
.l-footer .w-iconbox-text p {
	margin: 0 !important;
	color: #cbd5e1 !important;
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
}
.l-footer .w-iconbox-text a {
	color: #cbd5e1 !important;
}
.l-footer .w-iconbox-text a:hover {
	color: #fff !important;
}

/* Col 2: page nav (About / Contact / Sitemap) */
.l-footer .us_post_list:not(.cols_6) .w-grid-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}
.l-footer .us_post_list:not(.cols_6) .w-grid-item {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.l-footer .us_post_list:not(.cols_6) .w-post-elm.post_title {
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	margin: 0 !important;
	padding: 0.35rem 0 !important;
}
.l-footer .us_post_list:not(.cols_6) .w-post-elm.post_title a {
	color: #cbd5e1 !important;
}
.l-footer .us_post_list:not(.cols_6) .w-post-elm.post_title a:hover {
	color: #fff !important;
}

/* Col 3: Callback button */
.l-footer .w-popup-trigger.w-btn {
	padding: 0.7rem 1.4rem !important;
	font-size: 0.95rem !important;
	box-shadow: 0 4px 16px -4px rgba(67,56,202,.5) !important;
}

/* Col 4: License/DOT/MC — compact stack */
.l-footer .us_custom_916d5e53 .g-cols.cols_4 > .wpb_column:last-child .wpb_text_column {
	margin: 0 !important;
}
.l-footer .us_custom_916d5e53 .g-cols.cols_4 > .wpb_column:last-child .wpb_text_column p {
	color: #94a3b8 !important;
	font-size: 0.82rem !important;
	margin: 0.15rem 0 !important;
	font-weight: 500 !important;
}

/* Certificate logos row — smaller + grayscale */
.l-footer section[class*="us_custom_3188818e"] {
	padding: 1rem 0 !important;
	border-top: 1px solid rgba(255,255,255,0.06) !important;
	margin-top: 1.5rem !important;
}
.l-footer section[class*="us_custom_3188818e"] .w-hwrapper {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 1.5rem !important;
	flex-wrap: wrap !important;
}
.l-footer section[class*="us_custom_3188818e"] .w-image {
	display: block !important;
	flex: 0 0 auto !important;
}
.l-footer section[class*="us_custom_3188818e"] .w-image img {
	max-height: 50px !important;
	width: auto !important;
	filter: grayscale(1) brightness(1.3) opacity(.6) !important;
	transition: filter .25s !important;
}
.l-footer section[class*="us_custom_3188818e"] .w-image img:hover {
	filter: grayscale(0) brightness(1) opacity(1) !important;
}

/* 6-col page-list strip at bottom — tiny sitemap-style links */
.l-footer .us_post_list.cols_6 .w-grid-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.4rem 1rem !important;
	justify-content: center !important;
}
.l-footer .us_post_list.cols_6 .w-grid-item {
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block !important;
}
.l-footer .us_post_list.cols_6 .w-post-elm.post_title {
	font-size: 0.78rem !important;
	font-weight: 500 !important;
	margin: 0 !important;
}
.l-footer .us_post_list.cols_6 .w-post-elm.post_title a {
	color: #64748B !important;
	transition: color .15s;
}
.l-footer .us_post_list.cols_6 .w-post-elm.post_title a:hover {
	color: #cbd5e1 !important;
}

@media (max-width: 900px) {
	.l-footer .us_custom_916d5e53 .g-cols.cols_4 {
		grid-template-columns: 1fr 1fr !important;
		gap: 1.5rem !important;
	}
}
@media (max-width: 600px) {
	.l-footer .us_custom_916d5e53 .g-cols.cols_4 {
		grid-template-columns: 1fr !important;
	}
}

/* ============================================================
 * v2.10 — hotfix on top of v2.9
 *  - boost footer iconbox specificity (v2.7 brute-force was winning)
 *  - constrain footer page-list horizontal overflow
 *  - hide all inter-section "Call us:" button rows (visual noise;
 *    phone is already in header, hero ratings, Why-us CTA, Contacts
 *    section, footer, and sticky mobile)
 * ============================================================ */

/* Hide inter-section phone-button rows entirely.
   Phone is shown 6 other places already, no need for the spacer-pills.
   IMPORTANT: phone-bottom-button plugin REPLACES div.phone-placeholder
   with div.phone-button at JS init — server HTML has phone-placeholder,
   runtime DOM has phone-button. Target the runtime class. */
.l-main .l-section.wpb_row.height_small:has(div.phone-button) {
	display: none !important;
}

/* Footer iconbox — beat v2.7 brute force (which used
   .w-iconbox.color_primary .w-iconbox-icon, specificity 0,3,0).
   Match it with .l-footer .w-iconbox.color_primary .w-iconbox-icon (0,4,0). */
.l-footer .w-iconbox.color_primary .w-iconbox-icon,
.l-footer .w-iconbox.style_default .w-iconbox-icon,
.l-footer .w-iconbox-wrapper .w-iconbox-icon,
.l-footer .w-iconbox .w-iconbox-icon {
	background-color: rgba(255,255,255,0.08) !important;
	background: rgba(255,255,255,0.08) !important;
	border-radius: 8px !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	font-size: 14px !important;
	box-shadow: none !important;
}
.l-footer .w-iconbox.color_primary .w-iconbox-icon i,
.l-footer .w-iconbox .w-iconbox-icon i,
.l-footer .w-iconbox-icon .fa {
	color: var(--lg-primary-light) !important;
	font-size: 13px !important;
}

/* Footer page-list strip — wrap properly so links don't bleed off the edge */
.l-footer .us_post_list.cols_6 {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 1rem !important;
	overflow: hidden !important;
}
.l-footer .us_post_list.cols_6 .w-grid-list {
	margin: 0 !important;
}

/* Footer cert-logos strip — same constraint */
.l-footer section[class*="us_custom_3188818e"] .l-section-h {
	max-width: 1200px !important;
	margin: 0 auto !important;
}

/* Make sure footer iconboxes stack vertically (label right of icon, single line) */
.l-footer .w-iconbox.iconpos_left {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 0.65rem !important;
}
.l-footer .w-iconbox-meta {
	margin: 0 !important;
	flex: 1 1 auto;
	min-width: 0;
}

/* Tighten footer bottom padding so it doesn't add a wide gap before WP subfooter */
.l-footer .l-subfooter {
	padding: 0.75rem 0 !important;
}

/* ============================================================
 * v2.11 — visual-only fixes from 3-critic site review
 *  - Hero composition (remove top CTA pill, smaller H1, SVG skyline)
 *  - Footer page-list contrast (kill white-card bg in footer scope)
 *  - Services top-3 yellow accent
 *  - Section title icons 64→40px
 *  - Relocation outer-card border removal
 *  - Why-us advantages 2x2 → 4x1 horizontal banner
 *  - FAQ accordion explicit separators
 *  - Reviews avatar SVG silhouette
 *  - Office Small select first-option hint
 * ============================================================ */

/* ------------------------------------------------------------
 * 1) HERO REMIX
 * ------------------------------------------------------------ */

/* Kill the top "Get instant pricing →" pseudo-CTA — it was sitting
   ABOVE the H1, breaking eyebrow→H1→subtitle→CTA reading order.
   The trust-bar (::after) stays in its proper position. */
@media (min-width: 900px) {
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child > .vc_column-inner::before {
		content: none !important;
		display: none !important;
	}
}

/* H1 — bring down from clamp(2.6rem … 4rem) to a sane size that
   doesn't kiss the right edge / decorative circle. */
@media (min-width: 900px) {
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child h1 {
		font-size: clamp(2.2rem, 1.5rem + 2.2vw, 3.2rem) !important;
		line-height: 1.1 !important;
		letter-spacing: -0.025em !important;
	}
}

/* Replace the two-circles "broken-image" decoration with a subtle
   Atlanta-style city skyline silhouette in purple. Anchored to
   bottom-right of right column so H1 has room. */
@media (min-width: 900px) {
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 110px;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 120" preserveAspectRatio="xMaxYEnd meet"><g fill="%234338CA" opacity="0.18"><rect x="20" y="60" width="40" height="60"/><rect x="65" y="40" width="30" height="80"/><polygon points="80,40 95,40 87,20"/><rect x="100" y="55" width="35" height="65"/><rect x="140" y="30" width="45" height="90"/><rect x="190" y="50" width="30" height="70"/><rect x="225" y="20" width="50" height="100"/><polygon points="225,20 275,20 250,0"/><rect x="280" y="45" width="40" height="75"/><rect x="325" y="35" width="35" height="85"/><rect x="365" y="50" width="30" height="70"/><rect x="400" y="25" width="55" height="95"/><rect x="460" y="55" width="30" height="65"/><rect x="495" y="35" width="40" height="85"/><rect x="540" y="50" width="35" height="70"/></g><g fill="%234338CA" opacity="0.10"><rect x="0" y="80" width="600" height="40"/></g></svg>');
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: contain;
		pointer-events: none;
		z-index: 0;
	}
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child > * {
		position: relative;
		z-index: 1;
	}
}

/* ------------------------------------------------------------
 * 2) SECTION TITLE ICONS — 64×64 was overpowering relative to
 *    H2 size. Bring down to 40×40 and reduce icon font-size.
 *    These are the .w-iconbox.style_circle.color_primary titles
 *    above Services / Moving services / About us / Owner / FAQ /
 *    Our clients about us / Relocation plan (hidden).
 * ------------------------------------------------------------ */
.l-main .l-section .w-iconbox.style_circle.color_primary > .w-iconbox-icon,
.l-main .l-section .w-iconbox.style_circle > .w-iconbox-icon {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
}
.l-main .l-section .w-iconbox.style_circle.color_primary > .w-iconbox-icon i,
.l-main .l-section .w-iconbox.style_circle > .w-iconbox-icon i {
	font-size: 16px !important;
}
/* Keep small chip icons untouched (Why-us, hero stats) */
.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox-icon,
.l-section .g-cols.cols_2-3 .w-iconbox-icon {
	width: 36px !important;
	height: 36px !important;
}

/* ------------------------------------------------------------
 * 3) SERVICES TOP-3 ACCENT — highlight Long Distance / Local /
 *    Residential as the three most-clicked services. Card gets
 *    yellow accent border + slightly bigger arrow.
 *    data-id from rendered DOM: 1340=LongDist, 1084=Local, 1356=Resid
 * ------------------------------------------------------------ */
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1340"] .w-grid-item-h,
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1084"] .w-grid-item-h,
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1356"] .w-grid-item-h,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1340"] .w-grid-item-h,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1084"] .w-grid-item-h,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1356"] .w-grid-item-h {
	background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%) !important;
	border-color: var(--lg-accent) !important;
	border-width: 1.5px !important;
}
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1340"] .w-grid-item-h::before,
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1084"] .w-grid-item-h::before,
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1356"] .w-grid-item-h::before,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1340"] .w-grid-item-h::before,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1084"] .w-grid-item-h::before,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1356"] .w-grid-item-h::before {
	background: var(--lg-accent) !important;
	color: #78350F !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
	font-size: 1.1rem !important;
}
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1340"] .w-post-elm.post_title a,
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1084"] .w-post-elm.post_title a,
.us_custom_85266a78 .w-grid .w-grid-item[data-id="1356"] .w-post-elm.post_title a,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1340"] .w-post-elm.post_title a,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1084"] .w-post-elm.post_title a,
.us_custom_3baa9b96 .w-grid .w-grid-item[data-id="1356"] .w-post-elm.post_title a {
	font-weight: 700 !important;
	color: #78350F !important;
}

/* ------------------------------------------------------------
 * 4) RELOCATION PLAN — remove outer card border / bg.
 *    The wrapping .us_custom_8670df0a column was rendering as
 *    an extra card around the 3 step-cards → "double-card" feel.
 * ------------------------------------------------------------ */
.us_custom_5c0dde35 .us_custom_8670df0a {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* ------------------------------------------------------------
 * 5) WHY-US — restructure 2×2 advantages → 4×1 horizontal banner
 *    above heading+CTA pair. Cleaner visual rhythm.
 * ------------------------------------------------------------ */

/* Override v2.9: turn cols_2 (reversed) → single column flow */
@media (min-width: 768px) {
	.us_custom_bfa48b71 .g-cols.cols_2 {
		display: flex !important;
		flex-direction: column !important;
		gap: 2rem !important;
	}
	.us_custom_bfa48b71 .g-cols.cols_2 > .wpb_column {
		width: 100% !important;
		max-width: 100% !important;
	}
	/* Advantages inner grid → 4 columns horizontal */
	.us_custom_bfa48b71 .g-cols.cols_2 > .wpb_column:first-child .g-cols.cols_2 {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 1rem !important;
	}
	/* Text column with H2+CTA — centered */
	.us_custom_bfa48b71 .us_custom_1fb76dce .vc_column-inner {
		text-align: center !important;
	}
	.us_custom_bfa48b71 .us_custom_1fb76dce .vc_column-inner::after {
		display: inline-block;
	}
}

/* Center the inner col_2 advantages-grid contents */
.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox.iconpos_top {
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0.6rem !important;
}

/* ------------------------------------------------------------
 * 6) FAQ — explicit separator + chevron polish
 * ------------------------------------------------------------ */
.us_custom_1dfd7f73 .w-tabs-section,
.us_custom_a1f2cdc9 .w-tabs-section {
	border: 1px solid var(--lg-border) !important;
	border-radius: var(--lg-radius) !important;
	margin-bottom: 0.6rem !important;
	background: var(--lg-bg) !important;
	transition: border-color .15s !important;
}
.us_custom_1dfd7f73 .w-tabs-section.active,
.us_custom_a1f2cdc9 .w-tabs-section.active {
	border-color: var(--lg-primary) !important;
}
.us_custom_1dfd7f73 .w-tabs-section-header,
.us_custom_a1f2cdc9 .w-tabs-section-header {
	padding: 1.1rem 1.4rem !important;
	font-weight: 600 !important;
	background: transparent !important;
	border: 0 !important;
}
.us_custom_1dfd7f73 .w-tabs-section-title,
.us_custom_a1f2cdc9 .w-tabs-section-title {
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: var(--lg-text) !important;
	margin: 0 !important;
}
.us_custom_1dfd7f73 .w-tabs-section-control,
.us_custom_a1f2cdc9 .w-tabs-section-control {
	color: var(--lg-primary) !important;
}

/* ------------------------------------------------------------
 * 7) REVIEWS AVATAR — generic person SVG silhouette over the
 *    plain purple-gradient circle, looks less "placeholder bot"
 * ------------------------------------------------------------ */
.us_custom_b60ef15e .w-content-carousel .w-message .w-message-body p:last-child::before {
	background:
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="white"><circle cx="20" cy="14" r="6"/><path d="M8 34c0-6 5-11 12-11s12 5 12 11"/></svg>') center 60% / 75% 75% no-repeat,
		linear-gradient(135deg, var(--lg-primary), var(--lg-primary-dark)) !important;
	box-shadow: inset 0 0 0 2px #fff, 0 2px 8px -2px rgba(67,56,202,.4);
}

/* ------------------------------------------------------------
 * 8) FOOTER — kill white-card bg on w-grid-item (legacy v2.6 rule
 *    sets ALL .w-grid-item to white background; that's why the
 *    footer page-list rendered as "white text on white card").
 *    Also bump link color contrast.
 * ------------------------------------------------------------ */
.l-footer .w-grid-item,
.l-footer .w-grid-item-h,
.l-footer .w-grid-item-content {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.l-footer .us_post_list.cols_6 .w-post-elm.post_title a,
.l-footer .us_post_list:not(.cols_6) .w-post-elm.post_title a {
	color: #cbd5e1 !important;
}
.l-footer .us_post_list.cols_6 .w-post-elm.post_title a:hover,
.l-footer .us_post_list:not(.cols_6) .w-post-elm.post_title a:hover {
	color: #ffffff !important;
}

/* ------------------------------------------------------------
 * 9) MOBILE — cookie bar shouldn't overlap submit on first fold
 * ------------------------------------------------------------ */
@media (max-width: 768px) {
	body:has(.l-cookie:not([style*="display: none"])):has(.l-cookie:not([hidden])) {
		padding-bottom: 64px !important;
	}
	.l-cookie {
		padding: 0.65rem 1rem !important;
		font-size: 0.85rem !important;
	}
	.l-cookie .w-btn {
		padding: 0.5rem 1.1rem !important;
		font-size: 0.85rem !important;
	}
}

/* ------------------------------------------------------------
 * 10) Office Small select — visual hint that this is a picker
 *     not a pre-filled value. Adds an opacity rule for the
 *     first option, which browsers honor on initial render.
 * ------------------------------------------------------------ */
.us_custom_a9aad956 select[name="us_form_1_select_1"] {
	color: var(--lg-text) !important;
}
.us_custom_a9aad956 select[name="us_form_1_select_1"] option:first-child {
	color: var(--lg-muted);
}

/* ============================================================
 * v2.12 — user feedback after v2.11
 *  1. Form fields too tall — tighter padding
 *  2. Duplicate ratings row — kill the outer one
 *  3. Certificates inconsistent sizes — uniform
 *  4. Why-us cropped sides + non-clickable "Or call" — full-width
 *     gradient, remove the pseudo "Or call" (can't be a real link)
 *  5. Footer empty space — tighten contact rows, move page-list up
 * ============================================================ */

/* ------------------------------------------------------------
 * 1) HERO FORM — fields shorter (~32-36px input height total)
 * ------------------------------------------------------------ */
body .l-section .g-cols.cols_2-3 .w-form-row {
	margin-bottom: 0.25rem !important;
}
body .l-section .g-cols.cols_2-3 .w-form-row-field input,
body .l-section .g-cols.cols_2-3 .w-form-row-field select,
body .l-section .g-cols.cols_2-3 .w-form-row-field textarea {
	padding: 0.4rem 0.85rem !important;
	font-size: 0.9rem !important;
	min-height: 0 !important;
	line-height: 1.4 !important;
}
body .l-section .g-cols.cols_2-3 .w-form .w-btn {
	padding: 0.6rem !important;
	margin-top: 0.4rem !important;
}
body .l-section .g-cols.cols_2-3 > .wpb_column:first-child {
	padding: 1.1rem 1.2rem !important;
}
@media (min-width: 900px) {
	body .l-section .g-cols.cols_2-3 .w-form::before {
		font-size: 0.92rem !important;
		margin-bottom: 0.5rem !important;
	}
}

/* ------------------------------------------------------------
 * 2) KILL DUPLICATE RATINGS STRIP — there were TWO:
 *    a) inside hero right-column white box (via vc_column-inner::after)
 *    b) full-width strip under hero (via .g-cols.cols_2-3::after)
 *    Keep (a), remove (b).
 * ------------------------------------------------------------ */
.l-section .g-cols.cols_2-3::after {
	content: none !important;
	display: none !important;
}

/* ------------------------------------------------------------
 * 3) CERTIFICATES — uniform sizing + grayscale
 *    The Certificates section uses one of the w-hwrapper image rows.
 *    Some logos render 250px+ (DOT, Inc 5000, Women's Choice),
 *    others 80px (FMCSA, IAM, BBB) → ugly inconsistency.
 *    Force all to max-height 60px + same grayscale treatment.
 * ------------------------------------------------------------ */
.l-main .l-section h2 + .w-hwrapper .w-image,
.l-main .l-section .w-hwrapper.align_center .w-image,
.l-main .l-section .w-hwrapper.align_none .w-image,
/* fallback: any l-section that has "Certificates" h2 sibling */
.l-main .l-section:has(> .l-section-h h2.has-h2:first-of-type) .w-image,
.l-main .l-section h1 + .l-section-h .w-hwrapper .w-image {
	flex: 0 0 auto !important;
}

/* Main Certificates section — all images wrapped in .us_custom_d673ebcf
   Footer trust logos — wrapped in .us_custom_a95643cd
   Both rows: uniform max-height, grayscale by default, color on hover. */
.w-image.us_custom_d673ebcf,
.w-image.us_custom_a95643cd {
	flex: 0 0 auto !important;
}
.w-image.us_custom_d673ebcf .w-image-h img,
.w-image.us_custom_a95643cd .w-image-h img,
.us_custom_d673ebcf img,
.us_custom_a95643cd img {
	max-height: 60px !important;
	width: auto !important;
	max-width: 110px !important;
	object-fit: contain !important;
	filter: grayscale(1) opacity(.65) !important;
	transition: filter .2s !important;
}
.w-image.us_custom_d673ebcf:hover img,
.w-image.us_custom_a95643cd:hover img {
	filter: grayscale(0) opacity(1) !important;
}

/* Certificates row layout — even gap, centered */
.l-main .l-section .w-hwrapper.align_none,
.l-main .l-section .w-hwrapper.align_center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2rem !important;
	flex-wrap: wrap !important;
}

/* ------------------------------------------------------------
 * 4) WHY-US — clean blocks, remove non-clickable "Or call" hint
 *    The ::after pseudo-element could not be made into a real
 *    <a href="tel:..."> — kill it. Phone is in header anyway.
 *    Also remove max-width constraint so the gradient panel
 *    extends edge-to-edge (current state: rough gradient edges).
 * ------------------------------------------------------------ */
.us_custom_bfa48b71 {
	max-width: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
	padding: 2rem 2.5rem !important;
}

/* Remove the pseudo Or-call hint completely */
.us_custom_bfa48b71 .us_custom_1fb76dce .vc_column-inner::after {
	content: none !important;
	display: none !important;
}

/* Get a Quote button — centered, sole CTA */
.us_custom_bfa48b71 .w-popup.w-btn-wrapper {
	display: block !important;
	margin: 0 auto !important;
	text-align: center;
}
.us_custom_bfa48b71 .w-popup-trigger.w-btn {
	padding: 0.95rem 2.2rem !important;
	font-size: 1.05rem !important;
}

/* ------------------------------------------------------------
 * 5) FOOTER — fix empty space + density (REVISED, no flex/order hack)
 *    Approach: keep DOM order, just tighten gaps inside .l-footer.
 *    Earlier flex-order rewrite + h2 display:none accidentally
 *    nuked the 67 H2 wrappers around page-list links → footer
 *    became visually empty. Restored.
 * ------------------------------------------------------------ */

/* Tighten contact iconbox vertical gaps in col-1 (Address/Email/Phone/Hours).
   Previously they had ~25-40px gap each, now ~6-8px. */
.l-footer .us_custom_916d5e53 .w-iconbox.iconpos_left {
	margin-bottom: 0.4rem !important;
	padding: 0 !important;
}
.l-footer .us_custom_916d5e53 .w-iconbox.iconpos_left .w-iconbox-meta {
	padding: 0 !important;
}
.l-footer .us_custom_916d5e53 .w-iconbox-text p {
	margin: 0 !important;
	line-height: 1.4 !important;
}
.l-footer .us_custom_e0fd27a2 {
	margin-bottom: 0.4rem !important;
}
.l-footer .us_custom_e0fd27a2 .wpb_wrapper {
	margin-bottom: 0.4rem !important;
}
.l-footer .us_custom_916d5e53 .w-separator.size_small {
	height: 0.4rem !important;
	display: block !important;
}

/* The 4-col main strip — give brand col more room, license col less */
.l-footer .us_custom_916d5e53 .g-cols.cols_4 {
	display: grid !important;
	grid-template-columns: 1.5fr 1fr 1fr 0.8fr !important;
	gap: 2.5rem !important;
	align-items: flex-start !important;
}

/* Page-list section visual treatment — sitemap-ish links row,
   sits where it always was (between certs and subfooter) */
.l-footer .us_post_list.cols_6 {
	padding: 0.5rem 1rem !important;
}

/* Telephone in footer-iconbox: make actually clickable (wrap span in tel:
   was not possible via CSS — leave native behavior). */
.l-footer .w-iconbox-text p {
	cursor: text;
}

/* Footer Callback btn — compact, not full-stretch */
.l-footer .w-popup.w-btn-wrapper {
	margin: 0 !important;
}

@media (max-width: 900px) {
	.l-footer .us_custom_916d5e53 .g-cols.cols_4 {
		grid-template-columns: 1fr 1fr !important;
		gap: 1.5rem !important;
	}
}
@media (max-width: 600px) {
	.l-footer .us_custom_916d5e53 .g-cols.cols_4 {
		grid-template-columns: 1fr !important;
	}
}

/* ============================================================
 * v2.13 — mobile-only fixes after manual audit on iPhone 14 (390px)
 *  1. Hero trust ratings — show on mobile too
 *  2. Why-us advantages — horizontal layout (was vertical 4x150px)
 *  3. Relocation steps — compact padding (was 2rem)
 *  4. Owner paragraph cut-off — bottom padding for sticky phone pill
 *  5. Contacts form placeholder truncation — smaller font-size
 *  6. Footer page-list — 2-col on mobile (was 1-col flat)
 *  7. Cookie bar — minimal padding/font
 *  8. Section headings — smaller clamps
 * ============================================================ */

@media (max-width: 899px) {

	/* 1) HERO TRUST RATINGS — re-enable for mobile */
	body .l-section .g-cols.cols_2-3 > .wpb_column:last-child > .vc_column-inner::after {
		content: "★★★★★ Google 4.9  ·  ★★★★★ TrustPilot 4.9  ·  ★★★★★ Yelp 4.8  ·  ★★★★★ BBB A+" !important;
		display: block !important;
		margin-top: 1.25rem;
		padding: 0.85rem 1rem;
		background: rgba(255,255,255,0.7);
		border: 1px solid rgba(67,56,202,0.12);
		border-radius: var(--lg-radius);
		font-size: 0.78rem;
		font-weight: 600;
		color: var(--lg-text);
		text-align: center;
		line-height: 1.7;
	}

	/* 2) WHY-US ADVANTAGES — horizontal (icon left + title right) */
	.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox.iconpos_top {
		flex-direction: row !important;
		align-items: center !important;
		gap: 0.85rem !important;
		padding: 0 !important;
	}
	.us_custom_bfa48b71 .us_custom_0ab2621b {
		padding: 0.85rem 1rem !important;
	}
	.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox-icon {
		width: 36px !important;
		height: 36px !important;
		flex-shrink: 0;
	}
	.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox-icon i {
		font-size: 14px !important;
	}
	.us_custom_bfa48b71 .us_custom_0ab2621b .w-iconbox-title {
		font-size: 0.92rem !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		margin: 0 !important;
	}
	/* Override the v2.11 grid template (was 4 cols) → 1 col stack on mobile */
	.us_custom_bfa48b71 .g-cols.cols_2 > .wpb_column:first-child .g-cols.cols_2 {
		grid-template-columns: 1fr !important;
		gap: 0.5rem !important;
	}
	.us_custom_bfa48b71 {
		padding: 1.5rem 1.25rem !important;
	}
	.us_custom_bfa48b71 .us_custom_1fb76dce h2,
	.us_custom_bfa48b71 .us_custom_0bd56524 h2 {
		font-size: 1.6rem !important;
		text-align: center !important;
	}

	/* 3) RELOCATION STEPS — compact */
	.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column > .vc_column-inner {
		padding: 1.25rem 1.25rem !important;
	}
	.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column > .vc_column-inner::before {
		width: 2.25rem !important;
		height: 2.25rem !important;
		font-size: 0.9rem !important;
		margin-bottom: 0.75rem !important;
	}
	.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column .wpb_wrapper > p:nth-of-type(2) {
		font-size: 1.05rem !important;
	}
	.us_custom_5c0dde35 .g-cols.cols_3 .wpb_text_column .wpb_wrapper > p:nth-of-type(3) {
		font-size: 0.9rem !important;
		line-height: 1.55 !important;
	}
	.us_custom_5c0dde35 .us_custom_8670df0a > .vc_column-inner::before {
		font-size: 1.6rem !important;
		margin-bottom: 1.5rem !important;
	}

	/* 4) OWNER section — paragraph cut-off fix: add bottom padding for
	   sticky pbb-phone-button (~64px) + cookie bar safety */
	.us_custom_b60ef15e .g-cols.cols_2 {
		padding: 1.5rem !important;
		grid-template-columns: 1fr !important;
		text-align: center !important;
	}
	.us_custom_b60ef15e .g-cols.cols_2 .w-image.us_custom_46845caf {
		width: 180px !important;
		height: 180px !important;
		margin: 0 auto 1rem auto !important;
	}
	.us_custom_b60ef15e .g-cols.cols_2 > .wpb_column:last-child .wpb_text_column p {
		font-size: 0.95rem !important;
		line-height: 1.5 !important;
		text-align: left !important;
	}

	/* 5) CONTACTS form placeholder — smaller font so doesn't truncate */
	.us_custom_b03640aa input,
	.us_custom_b03640aa select {
		padding: 0.7rem 0.75rem !important;
		font-size: 0.88rem !important;
	}
	.us_custom_b03640aa input::placeholder {
		font-size: 0.85rem !important;
	}

	/* 6) FOOTER page-list — 2-col on mobile (denser than 1-col vertical) */
	.l-footer .us_post_list.cols_6 .w-grid-list {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 0.3rem 0.8rem !important;
		justify-content: flex-start !important;
	}
	.l-footer .us_post_list.cols_6 .w-grid-item {
		display: block !important;
		width: auto !important;
	}
	.l-footer .us_post_list.cols_6 .w-post-elm.post_title {
		font-size: 0.78rem !important;
		line-height: 1.4 !important;
	}

	/* 7) COOKIE bar minimal */
	.l-cookie {
		padding: 0.5rem 0.85rem !important;
		font-size: 0.78rem !important;
		line-height: 1.4 !important;
	}
	.l-cookie .w-btn,
	.l-cookie a.w-btn {
		padding: 0.4rem 1rem !important;
		font-size: 0.8rem !important;
	}

	/* 8) SECTION HEADINGS — smaller on mobile */
	.l-main .l-section h2.w-iconbox-title,
	.l-main .l-section .w-iconbox-title {
		font-size: 1.5rem !important;
		line-height: 1.2 !important;
	}
	.us_custom_5c0dde35 .us_custom_8670df0a > .vc_column-inner::before {
		font-size: 1.5rem !important;
	}
	/* The "Quality moving company the moment you need it" H2 */
	.us_custom_bfa48b71 h2 {
		font-size: 1.5rem !important;
		line-height: 1.2 !important;
	}

	/* Hero left-card form: less internal padding so form fits */
	body .l-section .g-cols.cols_2-3 > .wpb_column:first-child {
		padding: 1rem 1rem !important;
	}

	/* Contacts iconboxes mobile: stack vertically with tighter gaps */
	.us_custom_b03640aa .us_custom_0ab2621b .w-iconbox {
		gap: 0.7rem !important;
	}
}

/* Small-mobile (≤480px) — even tighter */
@media (max-width: 480px) {
	.l-main .l-section h1 { font-size: 1.7rem !important; }
	.l-footer .us_post_list.cols_6 .w-grid-list {
		grid-template-columns: 1fr 1fr !important;
	}
}

/* ============================================================
 * v2.14.3 — user mobile feedback after v2.13.3
 *  Cert grid only — 7 logos with gap:2rem in flex-wrap produced
 *  3+3+1 rows with big vertical voids; last BBB alone centered
 *  looked broken. Switch to compact 3-col grid + BBB spans row.
 *  (Earlier v2.14 also touched Callback popup + Contacts forms
 *  on mobile — rolled back per user request, keeping only certs.)
 * ============================================================ */

@media (max-width: 899px) {
	/* Mobile: switch certs row from flex-wrap to compact grid.
	   IMPORTANT: scope this ONLY to wrappers that actually contain
	   cert images (.us_custom_d673ebcf for main certs row,
	   .us_custom_a95643cd for footer trust-logos), otherwise the
	   broad .w-hwrapper.align_center selector also grabs the
	   Services container (which has the same align_center class) and
	   shrinks Services items to 120px-wide grid cells. */
	.l-main .l-section .w-hwrapper:has(.w-image.us_custom_d673ebcf),
	.l-main .l-section .w-hwrapper:has(.w-image.us_custom_a95643cd),
	.l-footer .w-hwrapper:has(.w-image.us_custom_a95643cd) {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 0.75rem !important;
		justify-items: center !important;
		align-items: center !important;
		padding: 0 0.5rem;
	}
	.l-main .l-section .w-hwrapper:has(.w-image.us_custom_d673ebcf) > .w-image:last-child,
	.l-main .l-section .w-hwrapper:has(.w-image.us_custom_a95643cd) > .w-image:last-child,
	.l-footer .w-hwrapper:has(.w-image.us_custom_a95643cd) > .w-image:last-child {
		grid-column: 1 / -1 !important;
		justify-self: center !important;
	}
	/* Compact cert image cells — kill Impreza's `.has_height` 200px
	   constraint that was inflating each row to 200px (resulting in
	   3 × 200 + 2 × 12 = 624px wrapper height with huge empty bands
	   between logos). */
	.w-image.us_custom_d673ebcf,
	.w-image.us_custom_a95643cd,
	.w-image.us_custom_d673ebcf.has_height,
	.w-image.us_custom_a95643cd.has_height {
		margin: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: 70px !important;
	}
	.w-image.us_custom_d673ebcf .w-image-h,
	.w-image.us_custom_a95643cd .w-image-h {
		height: auto !important;
		min-height: 0 !important;
		max-height: 60px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.w-image.us_custom_d673ebcf .w-image-h img,
	.w-image.us_custom_a95643cd .w-image-h img,
	.us_custom_d673ebcf img,
	.us_custom_a95643cd img {
		max-height: 50px !important;
		max-width: 90px !important;
		height: auto !important;
	}
	/* Section padding tightening for cert block specifically */
	.l-main .l-section:has(> .l-section-h h1:first-of-type),
	.l-main .l-section:has(.us_custom_d673ebcf) {
		padding: 1.25rem 0 !important;
	}

}

/* Desktop (≥900px): keep existing flex layout but pull gap a bit tighter */
@media (min-width: 900px) {
	.l-main .l-section .w-hwrapper.align_none,
	.l-main .l-section .w-hwrapper.align_center {
		gap: 1.5rem !important;
	}
}

/* ============================================================
 * v2.15 — mobile-only
 *  1. ALL form fields compact (Contacts, Hero, Callback popup)
 *  2. Section containers full-width (kill .l-section-h side padding)
 *  3. Cards inside sections: less side padding
 * ============================================================ */

@media (max-width: 767px) {

	/* --- 1) ALL form fields on mobile: compact height + smaller font
	   so placeholders like "Origin Address / Postal Code" fit and
	   form doesn't dominate the viewport. */
	.l-main .w-form input[type="text"],
	.l-main .w-form input[type="email"],
	.l-main .w-form input[type="tel"],
	.l-main .w-form input[type="number"],
	.l-main .w-form select,
	.l-main .w-form textarea,
	.w-popup-box-content form.w-form input,
	.w-popup-box-content form.w-form select,
	.w-popup-box-content form.w-form textarea {
		padding: 0.5rem 0.75rem !important;
		font-size: 0.88rem !important;
		min-height: 0 !important;
		height: auto !important;
		line-height: 1.4 !important;
	}
	.l-main .w-form .w-form-row,
	.w-popup-box-content .w-form-row {
		margin-bottom: 0.3rem !important;
	}
	.l-main .w-form .w-btn,
	.w-popup-box-content .w-btn {
		padding: 0.65rem 1.3rem !important;
		font-size: 0.95rem !important;
		min-height: 0 !important;
	}

	/* --- 2) Sections full-width on mobile: remove the wide side padding
	   that Impreza adds to .l-section-h (~30-60px each side), giving
	   content blocks proper full-bleed feel. */
	.l-main .l-section .l-section-h {
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}

	/* --- 3) Inner cards: smaller side padding so cards span more of
	   the viewport width. */
	.us_custom_3188818e .us_custom_9c11761b,
	.us_custom_b60ef15e .g-cols.cols_2,
	.us_custom_85266a78,
	.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column > .vc_column-inner,
	.us_custom_b60ef15e .w-content-carousel .w-message {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	/* About-us badge bar: stack as 3 separate badge lines (was 6 lines
	   because text wrapped on spaces inside `pre-wrap`). */
	.us_custom_3188818e .us_custom_9c11761b .w-hwrapper.align_center::before {
		white-space: normal !important;
		font-size: 0.85rem !important;
		line-height: 1.7 !important;
		text-align: center !important;
		padding: 0.75rem 0.5rem !important;
	}

	/* Hero white-card form: stretch to full lavender container */
	body .l-section .g-cols.cols_2-3 > .wpb_column:first-child {
		padding: 1rem !important;
		margin: 0 !important;
	}
}

/* ============================================================
 * v2.16 — user feedback: blocks shifted left on mobile, narrow
 *  Services / About-us / Relocation steps / FAQ / Contacts form
 *  were all rendering at ~70% width left-aligned because WPBakery
 *  containers (.g-cols.cols_3, .w-grid-list, .w-tabs-section)
 *  inherit display:flex without stretch on small screens.
 *  Force full-width across the board on mobile.
 *  Also: footer page-list links too close — expand desktop gap.
 * ============================================================ */

@media (max-width: 899px) {
	/* Force every WPBakery layout container to full mobile width.
	   Also zero out .vc_column-inner side padding which Impreza
	   sets to ~41px each side by default (this was making FAQ
	   accordion 276px wide instead of 358). */
	.l-main .l-section,
	.l-main .l-section-h,
	.l-main .l-section .g-cols,
	.l-main .l-section .wpb_column,
	.l-main .l-section .vc_column-inner,
	.l-main .l-section .wpb_row,
	.l-main .l-section .wpb_text_column,
	.l-main .l-section .wpb_wrapper {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	.l-main .l-section .vc_column-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Services container .w-hwrapper must NOT be grid (cert rule
	   above is now scoped). Reset to block + full width so
	   `#us_grid_1` can stretch. */
	.us_custom_85266a78 .w-hwrapper,
	.us_custom_3baa9b96 .w-hwrapper {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.us_custom_85266a78 .w-grid,
	.us_custom_3baa9b96 .w-grid,
	#us_grid_1 {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* FAQ wpb_column has legacy v2.6 padding: 2.5rem (eats 80px),
	   shrinking accordion items to 276px instead of full viewport.
	   Override that wrapper on mobile only. */
	.us_custom_8670df0a.has_bg_color {
		padding: 1rem !important;
	}

	/* Services list 1-col + each item full-width */
	.us_custom_85266a78 .w-grid,
	.us_custom_85266a78 .w-grid .w-grid-list,
	.us_custom_3baa9b96 .w-grid,
	.us_custom_3baa9b96 .w-grid .w-grid-list {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.5rem !important;
		width: 100% !important;
	}
	.us_custom_85266a78 .w-grid .w-grid-item,
	.us_custom_3baa9b96 .w-grid .w-grid-item {
		width: 100% !important;
	}

	/* Relocation steps: kill cols_3 grid → 1-col stack on mobile */
	.us_custom_5c0dde35 .g-cols.cols_3 {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.85rem !important;
	}
	.us_custom_5c0dde35 .g-cols.cols_3 > .wpb_column {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* FAQ tabs full-width */
	.us_custom_1dfd7f73 .w-tabs,
	.us_custom_1dfd7f73 .w-tabs-sections,
	.us_custom_1dfd7f73 .w-tabs-section,
	.us_custom_a1f2cdc9,
	.us_custom_a1f2cdc9 .w-tabs-sections,
	.us_custom_a1f2cdc9 .w-tabs-section {
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
	}
	.us_custom_1dfd7f73 .w-tabs-section-header,
	.us_custom_a1f2cdc9 .w-tabs-section-header {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}

	/* About-us card (Moving services + About us section) full-width */
	.us_custom_3188818e .us_custom_9c11761b {
		width: 100% !important;
		max-width: 100% !important;
	}
	/* About-us badge bar — clean horizontal-or-wrap, no white-space:pre-wrap forcing breaks */
	.us_custom_3188818e .us_custom_9c11761b .w-hwrapper.align_center::before {
		white-space: normal !important;
		text-align: center !important;
		padding: 0.75rem !important;
		font-size: 0.85rem !important;
		line-height: 1.6 !important;
		display: block !important;
	}

	/* Contacts form section: full-width row + form */
	.us_custom_b03640aa,
	.us_custom_b03640aa .g-cols,
	.us_custom_b03640aa .wpb_column,
	.us_custom_b03640aa form.w-form,
	.us_custom_b03640aa .w-form-row {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Section-level h-padding pulled tighter so cards have real room */
	.l-main .l-section .l-section-h {
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	/* Owner section card full-width */
	.us_custom_b60ef15e .g-cols.cols_2 {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Reviews card full-width */
	.us_custom_b60ef15e .w-content-carousel .w-message {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Why-us full-width  */
	.us_custom_bfa48b71 {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* ------------------------------------------------------------
 * Footer page-list desktop spacing — items were too close
 * ------------------------------------------------------------ */
@media (min-width: 900px) {
	.l-footer .us_post_list.cols_6 .w-grid-list {
		gap: 0.6rem 2rem !important;
	}
	.l-footer .us_post_list.cols_6 .w-post-elm.post_title {
		padding: 0.2rem 0 !important;
	}
}

/* ============================================================
 * v2.18 — center the form block on tablet/mobile + footer page-list
 *   to fewer columns (denser, more readable)
 * ============================================================ */

/* Center form block (.us_custom_b03640aa Contacts form card) on
   all viewports — was left-shifted because flex parent has
   align-items: flex-start default. */
.us_custom_b03640aa form.w-form {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 560px !important;
}
.us_custom_b03640aa form.w-form .w-form-h {
	width: 100% !important;
}
.us_custom_b03640aa form.w-form .w-form-row,
.us_custom_b03640aa form.w-form .w-form-row-field {
	width: 100% !important;
}
.us_custom_b03640aa form.w-form .w-form-row-field input,
.us_custom_b03640aa form.w-form .w-form-row-field select,
.us_custom_b03640aa form.w-form .w-form-row-field textarea {
	width: 100% !important;
}
/* Hero form same treatment — sits in .w-form inside the white card */
body .l-section .g-cols.cols_2-3 .w-form {
	width: 100% !important;
	max-width: 560px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Footer page-list desktop: 6 cols was too dense.
   4 cols gives each link more room to breathe + each column fits
   ~4-5 items, total ~17 links fit nicely in 4-5 row block. */
@media (min-width: 900px) {
	.l-footer .us_post_list.cols_6 .w-grid-list {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 0.5rem 2rem !important;
		max-width: 1100px !important;
		margin: 0 auto !important;
	}
	.l-footer .us_post_list.cols_6 .w-grid-item {
		width: auto !important;
		display: block !important;
	}
	.l-footer .us_post_list.cols_6 .w-post-elm.post_title {
		font-size: 0.85rem !important;
		padding: 0.25rem 0 !important;
		line-height: 1.3 !important;
	}
}
@media (min-width: 600px) and (max-width: 899px) {
	.l-footer .us_post_list.cols_6 .w-grid-list {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 0.5rem 1.5rem !important;
	}
}

/* ============================================================
 * v2.19 — inner page (fromto, e.g. /atlanta-california/) fixes
 *  1. City info sections (.us_custom_aa7c4a55) — 300px decorative
 *     fa-home / fa-building icons crushing layout; shrink + H2 lift
 *  2. Team / inner-page Strong texts — legacy v2.6 purple-bar pill
 *     still leaking; nuke globally
 *  3. Our destinations grid — Services cards rule was ID-restricted
 *     (#us_grid_1); switched to .w-grid class so #us_grid_2 on
 *     inner pages also gets pill cards (done above via replace_all)
 * ============================================================ */

/* 1) City info section (California / Atlanta GA) — shrink 300px icon */
.us_custom_aa7c4a55 .w-iconbox.iconpos_top.style_default.color_primary {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	margin: 1rem 0 !important;
}
.us_custom_aa7c4a55 .w-iconbox-icon[style*="300px"],
.us_custom_aa7c4a55 .w-iconbox.iconpos_top .w-iconbox-icon {
	font-size: 64px !important;
	width: 120px !important;
	height: 120px !important;
	background: var(--lg-primary-light) !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto !important;
}
.us_custom_aa7c4a55 .w-iconbox-icon i,
.us_custom_aa7c4a55 .w-iconbox.iconpos_top .w-iconbox-icon i {
	font-size: 48px !important;
	color: var(--lg-primary) !important;
}

/* H2 inside city sections — give breathing room, ensure above icon */
.us_custom_aa7c4a55 .wpb_text_column h2 {
	font-size: clamp(1.8rem, 1.3rem + 1.4vw, 2.4rem) !important;
	font-weight: 800 !important;
	margin: 0 0 1.5rem 0 !important;
	color: var(--lg-text) !important;
	letter-spacing: -0.02em !important;
	position: relative !important;
	z-index: 2 !important;
}

/* Bullets in city info — clean spacing */
.us_custom_aa7c4a55 .wpb_text_column ul {
	padding-left: 1.25rem !important;
	margin: 0 !important;
}
.us_custom_aa7c4a55 .wpb_text_column ul li {
	margin-bottom: 0.65rem !important;
	line-height: 1.55 !important;
	color: var(--lg-text-2) !important;
}
.us_custom_aa7c4a55 .wpb_text_column ul li strong {
	color: var(--lg-text) !important;
}

/* Vertical gap above right col (was huge .size_large separator) */
.us_custom_aa7c4a55 .w-separator.size_large {
	height: 1rem !important;
}

/* 2) GLOBAL kill of legacy v2.6 purple-pill strong styling.
   This was originally a Services-list ornament; now Services use
   real cards (.w-grid-item-h), so the rule serves nothing and
   leaks into Team / city / FAQ-answer strong-tags as a stray bar. */
.us_custom_8670df0a .wpb_text_column p strong,
.us_custom_8670df0a .vc_btn3-container + .wpb_text_column p strong {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border-left: none !important;
	border-radius: 0 !important;
	transform: none !important;
}
.us_custom_8670df0a .wpb_text_column p strong:hover {
	transform: none !important;
	background: transparent !important;
}

/* 3) Our destinations cards (already enabled via global selector
   replace #us_grid_1 → .w-grid). Just ensure the 2nd grid on
   inner pages (#us_grid_2) inherits the same compact layout. */
.us_custom_3baa9b96 #us_grid_2 .w-grid-list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 1rem !important;
}
@media (max-width: 899px) {
	.us_custom_3baa9b96 #us_grid_2 .w-grid-list {
		grid-template-columns: 1fr !important;
	}
}

/* Mobile city-section: single column layout */
@media (max-width: 767px) {
	.us_custom_aa7c4a55 {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
	}
	.us_custom_aa7c4a55 .wpb_column {
		width: 100% !important;
	}
	.us_custom_aa7c4a55 .w-iconbox-icon[style*="300px"],
	.us_custom_aa7c4a55 .w-iconbox.iconpos_top .w-iconbox-icon {
		width: 80px !important;
		height: 80px !important;
		font-size: 32px !important;
	}
	.us_custom_aa7c4a55 .w-iconbox-icon i {
		font-size: 32px !important;
	}
}

/* ============================================================
 * v2.20 — Team section 4-card icons unreadable
 *   fa-user-tie / fa-angel / fa-box / fa-people-carry are FA Pro
 *   (or Free-but-missing) glyphs → render as private-use char shapes.
 *   Hide <i> and put inline SVG as background on each card icon.
 *   Scoped via .us_custom_3188818e.cols_4 (homepage uses cols_2 so
 *   Moving services / About us cards are not affected).
 * ============================================================ */

.us_custom_3188818e.cols_4 .wpb_column .w-iconbox.iconpos_top.color_primary {
	margin: 0 !important;
	padding: 0 !important;
}
.us_custom_3188818e.cols_4 .wpb_column .w-iconbox-icon {
	width: 88px !important;
	height: 88px !important;
	background-color: var(--lg-primary-light) !important;
	border-radius: 50% !important;
	margin: 0 auto 1rem auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 44px 44px !important;
	box-shadow: 0 4px 12px -4px rgba(67,56,202,0.2);
}
.us_custom_3188818e.cols_4 .wpb_column .w-iconbox-icon i {
	display: none !important;
}

/* 1: Move coordinator → headset / customer-support */
.us_custom_3188818e.cols_4 > .wpb_column:nth-child(1) .w-iconbox-icon {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234338CA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>') !important;
}

/* 2: Consulting → clipboard with checkmark */
.us_custom_3188818e.cols_4 > .wpb_column:nth-child(2) .w-iconbox-icon {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234338CA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2"/><rect x="9" y="3" width="6" height="4" rx="1"/><path d="m9 14 2 2 4-4"/></svg>') !important;
}

/* 3: Crating and Packing → box / package */
.us_custom_3188818e.cols_4 > .wpb_column:nth-child(3) .w-iconbox-icon {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234338CA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8 12 3 3 8l9 5 9-5z"/><path d="M3 8v8l9 5 9-5V8"/><path d="M12 13v8"/><path d="m7.5 5.5 9 5"/></svg>') !important;
}

/* 4: Movers & Drivers → truck */
.us_custom_3188818e.cols_4 > .wpb_column:nth-child(4) .w-iconbox-icon {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234338CA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="5" width="15" height="11" rx="1"/><path d="M16 9h4l3 3v4h-7"/><circle cx="5.5" cy="18.5" r="2"/><circle cx="18.5" cy="18.5" r="2"/></svg>') !important;
}

/* Card body around each icon — clean spacing */
.us_custom_3188818e.cols_4 .wpb_column .w-iconbox {
	background: #ffffff !important;
	border: 1px solid var(--lg-border) !important;
	border-radius: var(--lg-radius) !important;
	padding: 1.5rem 1rem !important;
	transition: transform .15s, box-shadow .15s;
	text-align: center !important;
}
.us_custom_3188818e.cols_4 .wpb_column .w-iconbox:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px -4px rgba(67,56,202,.15);
}
.us_custom_3188818e.cols_4 .wpb_column .w-iconbox-text p b,
.us_custom_3188818e.cols_4 .wpb_column .w-iconbox-text p strong {
	font-size: 1.05rem !important;
	color: var(--lg-text) !important;
	display: block;
	margin-bottom: 0.5rem;
}

/* Also: Team title-iconbox (fa-people-carry, big 30px) — same broken
   glyph. That's the section header above the 4 cards. */
.l-main .l-section .w-iconbox-title:has(+ * i.fa-people-carry),
.l-main .l-section .w-iconbox:has(.w-iconbox-title) i.fa-people-carry {
	/* If present, replace icon similarly — but title bar uses the 40px
	   circle from v2.11, so simpler: substitute via background. */
}
/* Generic title-icon swap when fa-people-carry is used */
.l-main .l-section .w-iconbox.style_circle.color_primary .w-iconbox-icon:has(i.fa-people-carry) {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="7" r="3"/><circle cx="17" cy="7" r="2"/><path d="M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/><path d="M16 21v-2a3 3 0 0 0-2.5-2.96"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 22px 22px !important;
}
.l-main .l-section .w-iconbox.style_circle.color_primary .w-iconbox-icon:has(i.fa-people-carry) i {
	display: none !important;
}

@media (max-width: 767px) {
	.us_custom_3188818e.cols_4 {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.75rem !important;
	}
	.us_custom_3188818e.cols_4 .wpb_column .w-iconbox-icon {
		width: 64px !important;
		height: 64px !important;
		background-size: 32px 32px !important;
	}
}

/* ============================================================
 * BACKUP marker: this style is v2.20 (Team icons SVG swap)
 * ============================================================ */