/* ===== ABHR SAFE BASE ===== */
* {
	box-sizing: border-box;
}

/* Removes max-width restrictions to make the site full width */
.site, .container, .site-content {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ================================
   SERVICES SECTION UPGRADE (AUTO)
   ================================ */
/* If your services are built with Columns/Groups, this will style them like cards */
.wp-block-columns .wp-block-column {
	border: 0 !important;
	box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	background: #8b6b08 !important;
/* keeps your gold vibe */
	transition: transform .25s ease, box-shadow .25s ease !important;
}

.wp-block-columns .wp-block-column:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 40px rgba(0,0,0,.18) !important;
}

/* Make images consistent and full width */
.wp-block-columns .wp-block-column img {
	width: 100% !important;
	height: 200px !important;
	object-fit: cover !important;
	display: block !important;
}

/* Improve heading inside each service card */
.wp-block-columns .wp-block-column h2,
.wp-block-columns .wp-block-column h3 {
	margin: 18px 18px 10px !important;
	font-weight: 700 !important;
	letter-spacing: .3px !important;
	color: #ffffff !important;
}

/* Improve list spacing */
.wp-block-columns .wp-block-column ul {
	margin: 0 18px 22px !important;
	padding-left: 18px !important;
	color: rgba(255,255,255,.92) !important;
	line-height: 1.8 !important;
}

.wp-block-columns .wp-block-column li {
	margin: 6px 0 !important;
}

/* Mobile: stack cards nicely */
@media (max-width: 900px) {
	.wp-block-columns .wp-block-column img {
		height: 180px !important;
	}
}

/* =========================================
   FIX: Make Service Box 1 image match others
   ========================================= */
/* Force any image/slider wrapper inside service cards to behave */
.wp-block-columns .wp-block-column figure,
.wp-block-columns .wp-block-column .wp-block-image,
.wp-block-columns .wp-block-column .wp-block-gallery,
.wp-block-columns .wp-block-column .wp-block-media-text__media {
	width: 100% !important;
	margin: 0 !important;
}

/* Force the “top media area” to same height */
.wp-block-columns .wp-block-column figure,
.wp-block-columns .wp-block-column .wp-block-image,
.wp-block-columns .wp-block-column .wp-block-gallery {
	height: 210px !important;
	overflow: hidden !important;
	border-radius: 16px 16px 0 0 !important;
}

/* Make the actual image fill the area consistently */
.wp-block-columns .wp-block-column img {
	width: 100% !important;
	height: 210px !important;
	object-fit: cover !important;
	display: block !important;
}

/* If Box 1 is using a slider/carousel, hide arrows to match other cards */
.wp-block-columns .wp-block-column .slick-arrow,
.wp-block-columns .wp-block-column .swiper-button-next,
.wp-block-columns .wp-block-column .swiper-button-prev {
	display: none !important;
}

/* =========================================
   FIX: Make ALL service images same size
   (forces Box 1 to match Boxes 2 & 3)
   ========================================= */
/* Make any image wrapper inside columns full width */
.wp-block-columns .wp-block-column figure,
.wp-block-columns .wp-block-column .wp-block-image,
.wp-block-columns .wp-block-column .wp-block-gallery {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	margin: 0 !important;
}

/* Force the image area height + crop */
.wp-block-columns .wp-block-column img {
	width: 100% !important;
	max-width: 100% !important;
	height: 210px !important;
	object-fit: cover !important;
	display: block !important;
}

/* If Box 1 is being centered with auto margins */
.wp-block-columns .wp-block-column .wp-block-image img,
.wp-block-columns .wp-block-column figure img {
	margin: 0 !important;
}

/* =========================================
   FIX SERVICES BACKGROUND
   ========================================= */
/* Remove yellow background */
body {
	background-color: #0f172a !important;
/* dark navy base */
}

/* =========================================
   PREMIUM MUSTARD BACKGROUND FIX
   ========================================= */
/* Upgrade mustard background with depth */
.wp-block-columns {
	background: linear-gradient(135deg, #8a6a05, #a77d08) !important;
	padding: 80px 50px !important;
	border-radius: 30px !important;
}

/* =========================================
   SIMPLE & CLEAN - SERVICES SECTION
   ========================================= */
/* Section background: soften mustard into a light neutral */
.wp-block-columns {
	background: #f6f3ea !important;
/* warm off-white */
	padding: 70px 40px !important;
	border-radius: 22px !important;
	max-width: 1200px !important;
	margin: 50px auto !important;
	gap: 22px !important;
}

/* Cards */
.wp-block-columns .wp-block-column {
	background: #ffffff !important;
	border-radius: 18px !important;
	padding: 22px !important;
	box-shadow: 0 12px 28px rgba(0,0,0,0.12) !important;
	border: 1px solid rgba(0,0,0,0.06) !important;
	transition: transform .2s ease, box-shadow .2s ease !important;
}

.wp-block-columns .wp-block-column:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 38px rgba(0,0,0,0.16) !important;
}

/* Images: consistent and clean */
.wp-block-columns .wp-block-column img {
	width: 100% !important;
	height: 210px !important;
	object-fit: cover !important;
	border-radius: 14px !important;
	display: block !important;
	margin: 0 0 16px !important;
}

/* Headings (Healthcare / Technology / Bookkeeping etc.) */
.wp-block-columns .wp-block-column h2,
.wp-block-columns .wp-block-column h3 {
	background: transparent !important;
	color: #111827 !important;
/* near-black */
	text-align: left !important;
	padding: 0 !important;
	margin: 6px 0 12px !important;
	font-weight: 700 !important;
	letter-spacing: .2px !important;
	text-transform: none !important;
}

/* Body text */
.wp-block-columns .wp-block-column p {
	color: #374151 !important;
/* slate */
	font-size: 16px !important;
	line-height: 1.8 !important;
	text-align: left !important;
	margin: 0 !important;
}

/* Lists (if your services use bullet points) */
.wp-block-columns .wp-block-column ul {
	margin: 0 !important;
	padding-left: 18px !important;
	color: #374151 !important;
	line-height: 1.9 !important;
}

.wp-block-columns .wp-block-column li {
	margin: 6px 0 !important;
}

/* Mobile */
@media (max-width: 900px) {
	.wp-block-columns {
		padding: 45px 18px !important;
		margin: 30px 12px !important;
	}
	
	.wp-block-columns .wp-block-column img {
		height: 180px !important;
	}
}

.wp-block-columns .wp-block-column .wp-block-button__link {
	background: transparent !important;
	color: #111827 !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

/* =========================================
   ABHR SERVICES — CLEAN / SUPERLIST-INSPIRED
   Targets only the section with class: abhr-services
   ========================================= */
/* Section wrapper */
.abhr-services {
	background: #f7f6f2 !important;
/* clean warm off-white */
	padding: 70px 40px !important;
	border-radius: 28px !important;
	max-width: 1200px !important;
	margin: 50px auto !important;
}

/* Layout spacing */
.abhr-services .wp-block-columns {
	gap: 26px !important;
	margin: 0 !important;
}

/* Cards */
.abhr-services .wp-block-column {
	background: #ffffff !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	border-radius: 22px !important;
	padding: 22px !important;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10) !important;
	transition: transform .2s ease, box-shadow .2s ease !important;
	display: flex !important;
	flex-direction: column !important;
}

.abhr-services .wp-block-column:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 55px rgba(15, 23, 42, 0.14) !important;
}

/* Images — consistent */
.abhr-services img {
	width: 100% !important;
	height: 210px !important;
	object-fit: cover !important;
	border-radius: 16px !important;
	display: block !important;
	margin: 0 0 16px !important;
}

/* Headings inside cards */
.abhr-services h2,
.abhr-services h3 {
	background: transparent !important;
	color: #0f172a !important;
	font-weight: 800 !important;
	letter-spacing: -.2px !important;
	margin: 6px 0 12px !important;
	text-transform: none !important;
}

/* Text + lists */
.abhr-services p,
.abhr-services li {
	color: #334155 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

.abhr-services ul {
	margin: 0 !important;
	padding-left: 18px !important;
}

.abhr-services li {
	margin: 8px 0 !important;
}

/* Mobile */
@media (max-width: 900px) {
	.abhr-services {
		padding: 45px 18px !important;
		margin: 30px 12px !important;
	}
	
	.abhr-services img {
		height: 180px !important;
	}
}

/* =========================================
   MOVE LOWER SERVICES SECTION UP
   ========================================= */
/* Reduce space between sections */
.abhr-services {
	margin-top: 20px !important;
	margin-bottom: 40px !important;
}

/* Reduce extra space from the container */
.abhr-services .wp-block-columns {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

/* Remove extra bottom spacing from previous section */
.abhr-services + .abhr-services {
	margin-top: -40px !important;
}

/* ===============================
   GLOBAL DESIGN IMPROVEMENT
=================================*/
:root {
}

body {
	font-family: 'Poppins', sans-serif;
	line-height: 1.6;
	color: var(--dark);
}

/* Remove Huge Section Gaps */
section {
	padding: 60px 20px !important;
	margin: 0 !important;
}

/* Container Width */
.wp-block-group,
.container {
	max-width: 1200px;
	margin: auto;
}

/* Headings */
h1, h2, h3 {
	font-weight: 700;
	letter-spacing: .5px;
}

/* Buttons */
.wp-block-button__link,
button,
input[type="submit"] {
	background: var(--primary) !important;
	border-radius: 30px !important;
	padding: 12px 28px !important;
	font-weight: 600;
	transition: all .3s ease;
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
	background: var(--dark) !important;
	transform: translateY(-3px);
}

/* Service Cards */
.wp-block-column {
	background: #ffffff;
	border-radius: 16px;
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	transition: all .3s ease;
}

.wp-block-column:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

/* Images Rounded */
img {
	border-radius: 14px;
}

/* Navigation Improvement */
.site-header {
	background: white;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* Footer Enhancement */
footer {
	background: var(--dark);
	color: white;
	padding: 50px 20px;
}

footer a {
	color: var(--accent);
}

/* Mobile Fix */
@media (max-width: 768px) {
	section {
		padding: 40px 15px !important;
	}
	
	h1 {
		font-size: 28px;
	}
	
	h2 {
		font-size: 22px;
	}
}

html {
	scroll-behavior: smooth;
}

/* ==================================================
   ABHR CONTACT SECTION UPGRADE
   Add class "abhr-contact" to the wrapper block
   ================================================== */
/* Section wrapper */
.abhr-contact {
	background: #f7f6f2 !important;
	padding: 60px 45px !important;
	border-radius: 28px !important;
	max-width: 1200px !important;
	margin: 40px auto !important;
}

/* Two-column layout spacing */
.abhr-contact .wp-block-columns {
	gap: 28px !important;
	margin: 0 !important;
	align-items: stretch !important;
}

/* The two white cards */
.abhr-contact .wp-block-column {
	background: #ffffff !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	border-radius: 24px !important;
	padding: 32px !important;
	box-shadow: 0 16px 45px rgba(15, 23, 42, 0.10) !important;
}

/* FIX #1: "Contact   Us" spacing problem (stop justify) */
.abhr-contact h1,
.abhr-contact h2,
.abhr-contact h3 {
	text-align: left !important;
	text-justify: auto !important;
	word-spacing: normal !important;
	letter-spacing: -.2px !important;
	margin-top: 0 !important;
}

/* FIX #2: Blue intro box readability
   This targets Gutenberg blocks that have a background color set */
.abhr-contact .has-background {
	background: linear-gradient(135deg, #1d4ed8, #0f172a) !important;
	color: #ffffff !important;
	border-radius: 18px !important;
	padding: 18px !important;
	line-height: 1.75 !important;
	margin: 14px 0 20px !important;
}

.abhr-contact .has-background * {
	color: #ffffff !important;
}

/* Contact details links */
.abhr-contact a {
	color: #1d4ed8 !important;
	text-decoration: none !important;
}

.abhr-contact a:hover {
	text-decoration: underline !important;
}

/* Prevent ugly email breaking on desktop (but allow on mobile) */
.abhr-contact a[href^="mailto:"] {
	white-space: nowrap !important;
}

@media (max-width: 600px) {
	.abhr-contact a[href^="mailto:"] {
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}
}

/* Form labels */
.abhr-contact form label {
	font-weight: 800 !important;
	color: #0f172a !important;
	margin: 0 0 8px !important;
}

/* Form inputs */
.abhr-contact form input[type="text"],
.abhr-contact form input[type="email"],
.abhr-contact form input[type="tel"],
.abhr-contact form textarea {
	width: 100% !important;
	border: 1px solid rgba(15, 23, 42, 0.18) !important;
	border-radius: 14px !important;
	padding: 14px 16px !important;
	font-size: 16px !important;
	background: #ffffff !important;
	transition: border-color .2s ease, box-shadow .2s ease !important;
}

/* Bigger message box */
.abhr-contact form textarea {
	min-height: 240px !important;
	resize: vertical !important;
}

/* Focus state */
.abhr-contact form input:focus,
.abhr-contact form textarea:focus {
	outline: none !important;
	border-color: #8B6B00 !important;
	box-shadow: 0 0 0 4px rgba(139, 107, 0, 0.18) !important;
}

/* Submit button (supports most WP forms) */
.abhr-contact form button,
.abhr-contact form input[type="submit"],
.abhr-contact .wpcf7-submit,
.abhr-contact .contact-submit input {
	background: #8B6B00 !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 12px 26px !important;
	font-weight: 800 !important;
	cursor: pointer !important;
	margin-top: 14px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14) !important;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

/* Put submit under the textarea instead of floating weirdly */
.abhr-contact form .contact-submit,
.abhr-contact form p.contact-submit {
	text-align: left !important;
	margin-top: 14px !important;
}

/* Button hover */
.abhr-contact form button:hover,
.abhr-contact form input[type="submit"]:hover,
.abhr-contact .wpcf7-submit:hover,
.abhr-contact .contact-submit input:hover {
	background: #0f172a !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18) !important;
}

/* Social icons row */
.abhr-contact .wp-block-social-links {
	gap: 12px !important;
	margin-top: 22px !important;
}

.abhr-contact .wp-block-social-links .wp-social-link {
	border-radius: 999px !important;
	overflow: hidden !important;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10) !important;
	transition: transform .2s ease, box-shadow .2s ease !important;
}

.abhr-contact .wp-block-social-links .wp-social-link:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 16px 30px rgba(15, 23, 42, 0.16) !important;
}

/* Mobile */
@media (max-width: 900px) {
	.abhr-contact {
		padding: 42px 18px !important;
		margin: 26px 12px !important;
	}
	
	.abhr-contact .wp-block-column {
		padding: 22px !important;
	}
}

/* Center + Black color for H4 & H5 in services */
.abhr-services .wp-block-column h4,
.abhr-services .wp-block-column h5 {
	text-align: center !important;
	color: #000000 !important;
/* pure black */
}

/* CENTER the Services card titles */
.wp-block-columns .wp-block-column h2,
.wp-block-columns .wp-block-column h3,
.wp-block-columns .wp-block-column .wp-block-heading {
	text-align: center !important;
	width: 100%;
	display: block;
}

.abhr-services {
	margin-top: 20px !important;
}

.abhr-services {
	margin-bottom: 20px !important;
}

.abhr-services .wp-block-columns {
	gap: 15px !important;
}

.abhr-services .wp-block-column {
	padding: 18px !important;
}

/* =========================================
   CONTACT SECTION — PREMIUM ENHANCEMENT
   Works even if you DIDN'T add a custom class
   ========================================= */
/* Try to catch the contact section by heading text + nearby columns */
.wp-block-columns:has(+ .wp-block-columns),
.wp-block-group:has(h2),
.wp-block-group:has(h3) {
	border-radius: 26px !important;
}

/* If your contact area is a columns block near the bottom */
footer ~ .wp-site-blocks .wp-block-columns,
.wp-site-blocks .wp-block-columns {
/* don’t globally change all columns, only apply if it contains a form */
}

.wp-site-blocks .wp-block-columns:has(form) {
	background: #f6f3ea !important;
	border-radius: 26px !important;
	padding: 70px 55px !important;
	margin: 40px auto !important;
	max-width: 1400px !important;
	width: calc(100% - 60px) !important;
	box-shadow: 0 18px 60px rgba(15,23,42,.10) !important;
}

/* White cards inside */
.wp-site-blocks .wp-block-columns:has(form) .wp-block-column {
	background: #ffffff !important;
	border-radius: 22px !important;
	padding: 34px !important;
	border: 1px solid rgba(15,23,42,.08) !important;
	box-shadow: 0 16px 45px rgba(15,23,42,.10) !important;
}

/* Headings in contact */
.wp-site-blocks .wp-block-columns:has(form) h2,
.wp-site-blocks .wp-block-columns:has(form) h3 {
	text-align: center !important;
	color: #0f172a !important;
	font-weight: 900 !important;
	letter-spacing: -.4px !important;
	margin: 0 0 18px !important;
}

/* Blue info box readability */
.wp-site-blocks .wp-block-columns:has(form) .has-background {
	background: linear-gradient(135deg, #1d4ed8, #0f172a) !important;
	color: #fff !important;
	border-radius: 16px !important;
	padding: 18px !important;
	line-height: 1.75 !important;
	margin: 12px 0 22px !important;
}

.wp-site-blocks .wp-block-columns:has(form) .has-background * {
	color: #fff !important;
}

/* Form fields */
.wp-site-blocks .wp-block-columns:has(form) form input[type="text"],
.wp-site-blocks .wp-block-columns:has(form) form input[type="email"],
.wp-site-blocks .wp-block-columns:has(form) form input[type="tel"],
.wp-site-blocks .wp-block-columns:has(form) form textarea,
.wp-site-blocks .wp-block-columns:has(form) form select {
	width: 100% !important;
	border: 1px solid rgba(15,23,42,.18) !important;
	border-radius: 14px !important;
	padding: 14px 16px !important;
	font-size: 16px !important;
	background: #ffffff !important;
}

/* textarea */
.wp-site-blocks .wp-block-columns:has(form) form textarea {
	min-height: 220px !important;
	resize: vertical !important;
}

/* focus */
.wp-site-blocks .wp-block-columns:has(form) form input:focus,
.wp-site-blocks .wp-block-columns:has(form) form textarea:focus {
	outline: none !important;
	border-color: #8B6B00 !important;
	box-shadow: 0 0 0 4px rgba(139,107,0,.18) !important;
}

/* Submit button (modern) */
.wp-site-blocks .wp-block-columns:has(form) form button,
.wp-site-blocks .wp-block-columns:has(form) form input[type="submit"],
.wp-site-blocks .wp-block-columns:has(form) .wpcf7-submit,
.wp-site-blocks .wp-block-columns:has(form) .wpforms-submit {
	background: #8B6B00 !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 14px 22px !important;
	font-weight: 900 !important;
	cursor: pointer !important;
	width: 100% !important;
	margin-top: 10px !important;
	box-shadow: 0 14px 30px rgba(15,23,42,.14) !important;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.wp-site-blocks .wp-block-columns:has(form) form button:hover,
.wp-site-blocks .wp-block-columns:has(form) form input[type="submit"]:hover,
.wp-site-blocks .wp-block-columns:has(form) .wpcf7-submit:hover,
.wp-site-blocks .wp-block-columns:has(form) .wpforms-submit:hover {
	background: #0f172a !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 18px 45px rgba(15,23,42,.18) !important;
}

/* Mobile */
@media (max-width: 900px) {
	.wp-site-blocks .wp-block-columns:has(form) {
		padding: 45px 18px !important;
		width: calc(100% - 24px) !important;
		margin: 22px auto !important;
	}
}

/* ===== CONTACT: FIX THE BLUE BOX (targets Group/Cover blocks inside contact section) ===== */
/* 1) Change the box background (catch most WP blocks that become that blue rectangle) */
.wp-site-blocks .wp-block-columns:has(form) .wp-block-group.has-background,
.wp-site-blocks .wp-block-columns:has(form) .wp-block-group[style*="background"],
.wp-site-blocks .wp-block-columns:has(form) .wp-block-cover,
.wp-site-blocks .wp-block-columns:has(form) .wp-block-media-text.has-background,
.wp-site-blocks .wp-block-columns:has(form) .has-background-color {
	background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
	border-radius: 18px !important;
	padding: 22px !important;
	box-shadow: 0 12px 30px rgba(37,99,235,.25) !important;
}

/* 2) Force ALL text inside that blue box to white */
.wp-site-blocks .wp-block-columns:has(form) .wp-block-group.has-background *,
.wp-site-blocks .wp-block-columns:has(form) .wp-block-group[style*="background"] *,
.wp-site-blocks .wp-block-columns:has(form) .wp-block-cover *,
.wp-site-blocks .wp-block-columns:has(form) .wp-block-media-text.has-background *,
.wp-site-blocks .wp-block-columns:has(form) .has-background-color * {
	color: #ffffff !important;
}

/* TEST: should put a red outline around ALL images on About page */
body.page-id-522 img {
}

/* ABOUT PAGE: fit + shrink the logo nicely */
body.page-id-522 .wp-block-image img {
	width: auto !important;
	max-width: 280px !important;
/* change to 280 / 300 / 350 */
	height: auto !important;
	display: block !important;
	margin: 0 auto !important;
	object-fit: contain !important;
}

/* Prevent the rounded box from cropping the logo */
body.page-id-522 .wp-block-image {
	overflow: visible !important;
}

/* ABOUT PAGE: center + fit the logo nicely */
body.page-id-522 .wp-block-image {
	text-align: center !important;
	overflow: visible !important;
/* prevents cropping */
}

body.page-id-522 .wp-block-image img {
	display: inline-block !important;
	width: auto !important;
	max-width: 210px !important;
/* adjust: 250 / 280 / 300 / 350 */
	height: auto !important;
	object-fit: contain !important;
	margin: 0 auto !important;
}

/* === ABOUT PAGE: merge the 2 beige groups into ONE box === */
/* 1) Make the 2nd beige group transparent and remove its rounding */
body.page-id-522 .wp-block-group + .wp-block-group {
	background: transparent !important;
	border-radius: 0 !important;
	padding-top: 0 !important;
	margin-top: -20px !important;
/* pulls the 2nd row into the first box */
	box-shadow: none !important;
}

/* 2) Reduce the gap so it looks like one section */
body.page-id-522 .wp-block-group + .wp-block-group .wp-block-columns {
	margin-top: 0 !important;
}

/* 3) Hide the empty/blank card (your left blank box) */
body.page-id-522 .wp-block-column:empty {
	display: none !important;
}

/* === ABOUT PAGE: ONLY target the VALUES area (Respect/Honesty/Positivity/Teamwork) === */
/* 1) Target the specific group that contains the 4 value headings */
body.page-id-522 h2:where(:is(:contains(RESPECT), :contains(HONESTY), :contains(POSITIVITY), :contains(TEAMWORK))) {
/* no styles here; this line won't work in CSS (kept for clarity) */
}

/* Practical scoping approach:
   The values cards are inside wp-block-columns. We only apply to the FIRST two columns blocks in that values area.
*/
/* Wrap/join the two values "rows" by removing spacing between the two consecutive columns blocks */
body.page-id-522 .wp-block-columns + .wp-block-columns {
	margin-top: -180px !important;
/* pulls 2nd row up into the first beige box */
}

/* Remove the 2nd beige background if it exists (common in group blocks around 2nd row) */
body.page-id-522 .wp-block-columns + .wp-block-columns:has(h2) {
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Hide the empty box/column on the 2nd row (your blank card at left) */
body.page-id-522 .wp-block-columns + .wp-block-columns .wp-block-column:first-child:empty,
body.page-id-522 .wp-block-columns + .wp-block-columns .wp-block-column:first-child:has(> .wp-block-group:empty) {
	display: none !important;
}

/* Center COMMITMENT and FUN after removing the blank column */
body.page-id-522 .wp-block-columns + .wp-block-columns {
	justify-content: center !important;
	gap: 24px !important;
}

/* ===== ABOUT PAGE: VALUES section grouping without affecting MISSION ===== */
/* Pull the 2nd row up, but NOT too far (prevents overlap with Mission) */
body.page-id-522 .wp-block-columns + .wp-block-columns {
	margin-top: -80px !important;
/* was too strong before */
	margin-bottom: 40px !important;
/* gives space before Mission */
}

/* If the 2nd row has its own beige background/group, remove it */
body.page-id-522 .wp-block-group:has(.wp-block-columns) + .wp-block-group:has(.wp-block-columns) {
	background: transparent !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Hide the empty left card/column on the 2nd row */
body.page-id-522 .wp-block-columns + .wp-block-columns .wp-block-column:first-child {
	display: none !important;
}

/* Center Commitment + Fun */
body.page-id-522 .wp-block-columns + .wp-block-columns {
	justify-content: center !important;
	gap: 24px !important;
}

/* === ABOUT PAGE: stop Values from covering Mission === */
/* Give the FIRST beige values container extra bottom space */
body.page-id-522 .wp-block-group:has(.wp-block-columns) {
	padding-bottom: 160px !important;
/* creates room for the 2nd row */
}

/* Pull up the 2nd row a little (grouped look) but not too much */
body.page-id-522 .wp-block-columns + .wp-block-columns {
	margin-top: -80px !important;
	margin-bottom: 0 !important;
}

/* Make sure Values section sits above Mission */
body.page-id-522 .wp-block-group:has(.wp-block-columns) {
	position: relative !important;
	z-index: 5 !important;
}

/* Push Mission down a bit + keep it below */
body.page-id-522 .wp-block-group:has(h2, h3) {
	position: relative;
	z-index: 1;
}

body.page-id-522 .wp-block-group:empty {
	display: none !important;
}

/* ===== ABOUT PAGE: group values WITHOUT overlapping Mission ===== */
/* 1) Cancel any previous negative pull-up (override everything) */
body.page-id-522 .wp-block-columns + .wp-block-columns {
	margin-top: 30px !important;
/* normal spacing between row 1 and row 2 */
	margin-bottom: 60px !important;
/* space before Mission */
}

/* 2) Remove the 2nd beige box background so it looks like ONE section */
body.page-id-522 .wp-block-group:has(.wp-block-columns) + .wp-block-group:has(.wp-block-columns) {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding-top: 0 !important;
	margin-top: -60px !important;
/* only pulls the beige BACKGROUND closer, not the cards */
}

/* 3) Hide the empty left card/column on the 2nd row */
body.page-id-522 .wp-block-group:has(.wp-block-columns) + .wp-block-group:has(.wp-block-columns)
.wp-block-column:first-child {
	display: none !important;
}

/* 4) Center COMMITMENT and FUN */
body.page-id-522 .wp-block-group:has(.wp-block-columns) + .wp-block-group:has(.wp-block-columns)
.wp-block-columns {
	justify-content: center !important;
	gap: 24px !important;
}

/* 5) Ensure Mission always stays on top/visible */
body.page-id-522 .wp-block-group:has(h2, h3) {
	position: relative !important;
	z-index: 10 !important;
}

/* === ABOUT PAGE: put COMMITMENT + FUN inside the SAME beige box === */
/* 1) Make the FIRST beige container taller so it covers both rows */
body.page-id-522 .wp-block-group:has(.wp-block-columns) {
	padding-bottom: 360px !important;
/* increase if needed */
	position: relative !important;
}

/* 2) Pull the 2nd row upward just enough to sit inside the beige area */
body.page-id-522 .wp-block-columns + .wp-block-columns {
	margin-top: -180px !important;
/* adjust -150 to -220 */
	margin-bottom: 60px !important;
/* space before Mission */
}

/* 3) Remove the SECOND beige container background (so it looks like one box) */
body.page-id-522 .wp-block-group:has(.wp-block-columns) + .wp-block-group:has(.wp-block-columns) {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

/* 4) Hide the empty left column on the 2nd row (blank box) */
body.page-id-522 .wp-block-columns + .wp-block-columns .wp-block-column:first-child {
	display: none !important;
}

/* 5) Center COMMITMENT + FUN */
body.page-id-522 .wp-block-columns + .wp-block-columns {
	justify-content: center !important;
	gap: 24px !important;
}

.green-section {
	margin-top: 40px;
/* adjust as needed */
}

/* ===== ABHR: Footer redesign ===== */
/* 1) Make footer compact + clean */
#colophon, footer {
	padding: 42px 18px 26px !important;
	background: #f6f7f9;
}

/* 2) Style the 3 logo images at the bottom as "badge cards"
   (Your page shows 3 images right above the footer links.) */
#colophon img, footer img {
	height: 58px;
	width: auto;
	background: #fff;
	padding: 14px 18px;
	border-radius: 14px;
	border: 1px solid rgba(16,24,40,.06);
	box-shadow: 0 12px 28px rgba(16,24,40,.10);
	margin: 10px;
	transition: transform .18s ease, box-shadow .18s ease;
}

#colophon img:hover, footer img:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(16,24,40,.14);
}

/* 3) Make footer social links look consistent (pill style) */
#colophon a, footer a {
	text-decoration: none;
	font-weight: 600;
}

#colophon ul, footer ul {
	list-style: none;
	padding-left: 0;
	margin: 14px 0 0;
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

#colophon ul li a, footer ul li a {
	display: inline-block;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(0,0,0,.06);
}

#colophon ul li a:hover, footer ul li a:hover {
	background: rgba(0,0,0,.10);
}

/* 4) Footer credit: keep readable but cleaner
   (Removing it depends on your theme/plan; WP.com documents the rules.) */
#colophon .site-info, footer .site-info {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(0,0,0,.10);
	font-size: 13px;
	color: #667085;
}

/* Mobile */
@media (max-width: 600px) {
	#colophon img, footer img {
		height: 48px;
		padding: 12px 14px;
		margin: 8px;
	}
}

/* === FIX: Green box spilling outside the rounded container === */
/* 1) Remove background from the full-width group wrapper */
.wp-block-group:has(.wp-block-jetpack-slideshow) {
	background: transparent !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* 2) Put the green background on the INNER container (so it respects site width) */
.wp-block-group:has(.wp-block-jetpack-slideshow) > .wp-block-group__inner-container {
/*  .wp-container-core-column-is-layout-2130f694 {
  flex: 1 1 420px !important; /* responsive 2-column layout */
}

.wp-block-image.size-large {
	margin-top: 0 !important;
}

/* Force header and hero to full width */
.wp-block-group.alignfull {
	width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
}

/* === REMOVE BIG WHITE SPACE ABOVE HEADER (no HTML needed) === */
/* Block themes: remove global site padding at the top */
:root {
}

/* Some themes apply top padding to the main wrapper */
.wp-site-blocks {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Classic themes: remove top spacing on site wrappers */
#page, #content, .site, .site-content, .content-area {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Header itself */
header, .site-header, .wp-block-template-part {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* If a spacer block is above the header, kill it */
/* === REMOVE LAST SMALL WHITE STRIP ABOVE HEADER === */
/* Kill any remaining default margins */
html, body {
	margin: 0 !important;
	padding: 0 !important;
}

/* Block-theme wrapper sometimes still adds a few px */
.wp-site-blocks {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Some themes add spacing on the very first block/header */
first-child,
header, .site-header, .wp-block-template-part {
	margin-top: 0 !important;
	padding-top: 0 !important;
	border-top: 0 !important;
}

/* If the header container has line-height/border causing a thin gap */
header::before,
.site-header::before,
.wp-block-template-part::before {
	content: none !important;
}

/* OPTION 4: Elegant Small Caps vibe */
.wp-block-site-title, .site-title, header h1, header .wp-block-heading {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	font-variant: small-caps !important;
	color: #d4af37 !important;
}

.wp-block-site-title a, .site-title a, header h1 a {
	color: #d4af37 !important;
	text-decoration: none !important;
}

/* NAV BUTTONS – Clean outline style */
.wp-block-navigation a,
header nav a,
.site-header nav a {
	color: #ffffff !important;
	background: transparent !important;
	border: 1.5px solid rgba(212,175,55,0.95) !important;
/* gold outline */
	border-radius: 999px !important;
	padding: 9px 16px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	transition: background 160ms ease, transform 160ms ease, border-color 160ms ease;
}

/* Hover */
.wp-block-navigation a:hover,
header nav a:hover,
.site-header nav a:hover {
	background: rgba(212,175,55,0.14) !important;
	transform: translateY(-1px);
	border-color: rgba(212,175,55,1) !important;
}

/* Current page */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a {
	background: rgba(212,175,55,0.20) !important;
}

/* =========================
   HEADER + NAV POLISH PACK
   ========================= */
/* Make header a clean flex row */
header .wp-block-group.alignfull,
.site-header .wp-block-group.alignfull,
.wp-block-template-part .wp-block-group.alignfull {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	padding: 14px 22px !important;
/* slimmer */
}

/* Subtle depth so it looks premium */
header, .site-header, .wp-block-template-part {
	box-shadow: 0 10px 30px rgba(0,0,0,0.18) !important;
}

/* Gold title: slightly tighter + cleaner */
.wp-block-site-title,
.site-title,
header h1,
header .wp-block-heading {
	letter-spacing: -.2px !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
	font-size: clamp(24px, 2.4vw, 44px) !important;
}

/* Navigation spacing */
.wp-block-navigation__container {
	gap: 12px !important;
}

/* Buttons: thinner outline, less “chunky”, more elegant */
.wp-block-navigation a,
header nav a,
.site-header nav a {
	border: 1.5px solid rgba(212,175,55,0.90) !important;
	padding: 8px 14px !important;
	border-radius: 999px !important;
	font-weight: 800 !important;
	letter-spacing: .1px !important;
	background: transparent !important;
}

/* Hover: soft gold glow */
.wp-block-navigation a:hover,
header nav a:hover,
.site-header nav a:hover {
	background: rgba(212,175,55,0.14) !important;
	box-shadow: 0 8px 18px rgba(0,0,0,0.16) !important;
	transform: translateY(-1px);
}

/* Current page: subtle fill */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a {
	background: rgba(212,175,55,0.18) !important;
}

/* Mobile: stack neatly */
@media (max-width: 768px) {
	header .wp-block-group.alignfull,
											  .site-header .wp-block-group.alignfull,
											  .wp-block-template-part .wp-block-group.alignfull {
		flex-wrap: wrap !important;
		justify-content: center !important;
		padding: 12px 14px !important;
	}
}

/* CONTACT: force blue intro box text to be readable */
.abhr-contact .has-background,
.abhr-contact .has-background * {
	color: #ffffff !important;
	opacity: 1 !important;
}

/* Make sure paragraph text inside is bright + readable */
.abhr-contact .has-background p {
	color: #ffffff !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

.abhr-contact {
	outline: 3px solid red !important;
}

/* =========================================
   ABHR CONTACT — CLEAN, ORGANIZED, PREMIUM
   Requires:
   - abhr-contact (wrapper)
   - abhr-contact-intro (blue box)
   ========================================= */
/* Outer section */
.abhr-contact {
	background: #f6f3ea !important;
/* warm clean background */
	padding: 64px 46px !important;
	border-radius: 28px !important;
	max-width: 1200px !important;
	margin: 40px auto !important;
	box-shadow: 0 18px 55px rgba(15, 23, 42, 0.10) !important;
}

/* Two-column spacing */
.abhr-contact .wp-block-columns {
	gap: 28px !important;
	margin: 0 !important;
	align-items: stretch !important;
}

/* The two white cards */
.abhr-contact .wp-block-column {
	background: #ffffff !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 24px !important;
	padding: 34px !important;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08) !important;
	display: flex !important;
	flex-direction: column !important;
}

/* Fix the weird spacing in "Contact   Us" */
.abhr-contact h1,
.abhr-contact h2,
.abhr-contact h3 {
	text-align: center !important;
	text-align-last: center !important;
	letter-spacing: -.5px !important;
	word-spacing: 0 !important;
	margin: 0 0 18px !important;
	line-height: 1.1 !important;
	font-weight: 900 !important;
	font-size: clamp(28px, 3vw, 44px) !important;
	color: #0f172a !important;
}

/* Blue intro box (make it premium + readable) */
.abhr-contact-intro {
	background: linear-gradient(135deg, #0b2a8f, #2563eb) !important;
	border-radius: 18px !important;
	padding: 22px !important;
	margin: 14px 0 20px !important;
	box-shadow: 0 14px 34px rgba(37, 99, 235, 0.22) !important;
}

/* FORCE all text inside blue box to white */
.abhr-contact-intro,
.abhr-contact-intro * {
	color: #ffffff !important;
	opacity: 1 !important;
}

.abhr-contact-intro p {
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.85 !important;
	font-weight: 600 !important;
}

/* Social icons row sits nicely at bottom */
.abhr-contact .wp-block-social-links {
	margin-top: auto !important;
	gap: 12px !important;
}

.abhr-contact .wp-block-social-links .wp-social-link a {
	border-radius: 999px !important;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10) !important;
}

/* FORM: labels */
.abhr-contact form label,
.abhr-contact .wpforms-field-label,
.abhr-contact .wp-block-jetpack-contact-form label {
	font-weight: 800 !important;
	color: #0f172a !important;
	margin-bottom: 8px !important;
}

/* FORM: inputs */
.abhr-contact form input[type="text"],
.abhr-contact form input[type="email"],
.abhr-contact form input[type="tel"],
.abhr-contact form textarea {
	width: 100% !important;
	border: 1px solid rgba(15, 23, 42, 0.18) !important;
	border-radius: 14px !important;
	padding: 14px 16px !important;
	font-size: 16px !important;
	background: #ffffff !important;
}

.abhr-contact form textarea {
	min-height: 240px !important;
	resize: vertical !important;
}

/* Focus state */
.abhr-contact form input:focus,
.abhr-contact form textarea:focus {
	outline: none !important;
	border-color: #8B6B00 !important;
	box-shadow: 0 0 0 4px rgba(139, 107, 0, 0.18) !important;
}

/* Submit button (clean + premium) */
.abhr-contact form button,
.abhr-contact form input[type="submit"],
.abhr-contact .wpcf7-submit,
.abhr-contact .wpforms-submit {
	width: 100% !important;
	background: #8B6B00 !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 14px 18px !important;
	font-weight: 900 !important;
	cursor: pointer !important;
	margin-top: 12px !important;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14) !important;
}

.abhr-contact form button:hover,
.abhr-contact form input[type="submit"]:hover,
.abhr-contact .wpcf7-submit:hover,
.abhr-contact .wpforms-submit:hover {
	background: #0f172a !important;
	transform: translateY(-1px) !important;
}

/* Mobile */
@media (max-width: 900px) {
	.abhr-contact {
		padding: 42px 18px !important;
		margin: 22px 12px !important;
	}
	
	.abhr-contact .wp-block-column {
		padding: 22px !important;
	}
}

/* ==============================
   CONTACT-US: CENTER LEFT COLUMN
   Targets the container: #Contact-us
============================== */
/* 1) Make the whole contact section centered on the page */
#Contact-us {
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 18px !important;
	padding-right: 18px !important;
}

/* 2) Stop the INNER left group from behaving like full-width */
#Contact-us .wp-block-group.alignfull {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* 3) Center everything in the LEFT column */
#Contact-us .wp-block-columns.alignwide > .wp-block-column:first-child {
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

/* Center the blue paragraph box + keep readable width */
#Contact-us .wp-block-columns.alignwide > .wp-block-column:first-child > p {
	text-align: center !important;
	max-width: 520px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* 4) Fix the phone/email + availability row:
      convert that flex row into a centered stacked block */
#Contact-us .wp-block-columns.alignwide > .wp-block-column:first-child
.wp-block-group.is-layout-flex {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	margin-top: 14px !important;
}

/* Force those paragraphs to center */
#Contact-us .wp-block-columns.alignwide > .wp-block-column:first-child
.wp-block-group.is-layout-flex p {
	text-align: center !important;
	margin: 0 !important;
}

/* 5) Center social icons */
#Contact-us .wp-block-social-links {
	justify-content: center !important;
	margin-top: 18px !important;
}

/* 6) Mobile spacing */
@media (max-width: 900px) {
	#Contact-us {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}

#Contact-us .wp-block-columns.alignwide > .wp-block-column:first-child {
	justify-content: center !important;
	min-height: 520px !important;
/* adjust if needed */
}

/* =========================================
   CONTACT BOX ONLY: make it fit + no cropping
   Wrapper id: #Contact-us
========================================= */
/* Make the box responsive and centered */
#Contact-us {
	max-width: 1200px !important;
	width: min(1200px, calc(100% - 32px)) !important;
	margin: 30px auto !important;
	padding: 48px 28px !important;
/* inner padding */
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Ensure the inner columns don't overflow */
#Contact-us > .wp-block-columns {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	overflow: visible !important;
}

/* Make both cards fit inside the box */
#Contact-us > .wp-block-columns > .wp-block-column {
	min-width: 0 !important;
	overflow: visible !important;
}

/* Add extra breathing room to the RIGHT form card so submit never clips */
#Contact-us > .wp-block-columns > .wp-block-column:last-child {
	padding-right: 28px !important;
}

/* Mobile */
@media (max-width: 900px) {
	#Contact-us {
		width: calc(100% - 20px) !important;
		padding: 36px 16px !important;
	}
	
	#Contact-us > .wp-block-columns > .wp-block-column:last-child {
		padding-right: 16px !important;
	}
}

/* =========================================
   REMOVE EXTRA WHITE/BEIGE WRAPPER LAYERS
   (only around #Contact-us)
========================================= */
/* Kill backgrounds on the containers that wrap the contact section */
.wp-block-group:has(#Contact-us),
.wp-block-columns:has(#Contact-us) {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

/* Remove the extra padding/margins that create those big bands */
.wp-block-group:has(#Contact-us) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Keep ONLY the main contact box styling */
#Contact-us {
	background: #f6f3ea !important;
/* or transparent if you prefer */
	border-radius: 28px !important;
	padding: 48px 28px !important;
}

/* =========================================
   HIDE EXTRA WRAPPER LAYERS (CSS workaround)
   Paint a single clean section using #Contact-us
========================================= */
/* Make the real contact box wider so it covers the wrapper backgrounds */
#Contact-us {
	background: #f6f3ea !important;
	border-radius: 28px !important;
	padding: 56px 32px !important;
/* these help cover the “frame” behind it */
	margin-top: -60px !important;
	margin-bottom: -60px !important;
/* ensure it sits above wrapper layers */
	position: relative !important;
	z-index: 10 !important;
/* soft shadow so it looks intentional */
	box-shadow: 0 18px 55px rgba(15,23,42,.10) !important;
}

/* Add breathing room back so you don’t lose spacing */
#Contact-us::before,
#Contact-us::after {
	content: "";
	display: block;
	height: 60px;
}

@media (max-width: 900px) {
	#Contact-us {
		margin-top: -30px !important;
		margin-bottom: -30px !important;
		padding: 42px 18px !important;
	}
	
	#Contact-us::before,
							  #Contact-us::after {
		height: 30px;
	}
}

/* =========================================
   CONTACT HERO REDESIGN (Only #Contact-us)
========================================= */
/* Fix the weird "Contact   Us" spacing + make it premium */
#Contact-us h2.wp-block-heading {
	background: transparent !important;
	color: #0f172a !important;
	letter-spacing: -.6px !important;
	word-spacing: 0 !important;
	text-align: center !important;
	font-weight: 900 !important;
	font-size: clamp(34px, 4vw, 56px) !important;
	line-height: 1.05 !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
}

/* Add a nice underline accent under the title */
#Contact-us h2.wp-block-heading::after {
	content: "";
	display: block;
	width: 90px;
	height: 5px;
	border-radius: 999px;
	margin: 14px auto 0;
	background: linear-gradient(135deg,#2563eb,#0ea5e9);
}

/* Redesign the blue message box (your paragraph with background) */
#Contact-us p.has-midnight-gradient-background {
	background: linear-gradient(135deg,#0b2a8f,#2563eb) !important;
	border-radius: 18px !important;
	padding: 26px !important;
	margin: 18px auto 22px !important;
	max-width: 560px !important;
	text-align: center !important;
	box-shadow: 0 16px 40px rgba(37,99,235,.22) !important;
}

/* Make text inside that blue box readable */
#Contact-us p.has-midnight-gradient-background,
#Contact-us p.has-midnight-gradient-background * {
	color: #ffffff !important;
	opacity: 1 !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 1.7 !important;
}

/* Optional: soften the box edges visually */
#Contact-us p.has-midnight-gradient-background strong {
	font-weight: 800 !important;
}

/* Mobile tuning */
@media (max-width: 600px) {
	#Contact-us p.has-midnight-gradient-background {
		padding: 20px 16px !important;
		max-width: 100% !important;
	}
}

/* Elegant serif style */
#Contact-us h2.wp-block-heading {
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	font-size: clamp(38px, 4vw, 60px) !important;
}

/* =========================================
   CONTACT FORM — MODERN CLEAN REDESIGN
========================================= */
/* Form card breathing room */
#Contact-us .jetpack-contact-form-container {
	padding: 10px 10px 20px !important;
}

/* Labels */
#Contact-us .grunion-field-label {
	font-family: "Poppins", sans-serif !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	color: #0f172a !important;
	margin-bottom: 8px !important;
	display: block !important;
}

/* Required text lighter */
#Contact-us .grunion-label-required {
	font-weight: 500 !important;
	color: #64748b !important;
	margin-left: 4px;
}

/* Inputs */
#Contact-us .wp-block-jetpack-input {
	border-radius: 14px !important;
	border: 1.5px solid #d1d5db !important;
	padding: 14px 16px !important;
	font-size: 16px !important;
	transition: all .25s ease !important;
	background: #ffffff !important;
}

/* Focus effect */
#Contact-us .wp-block-jetpack-input:focus {
	border-color: #2563eb !important;
	box-shadow: 0 0 0 4px rgba(37,99,235,.15) !important;
	outline: none !important;
}

/* Message box cleaner height */
#Contact-us textarea {
	min-height: 200px !important;
}

/* Submit button redesign */
#Contact-us .wp-block-button__link {
	width: 100% !important;
	border-radius: 999px !important;
	padding: 14px 18px !important;
	background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	box-shadow: 0 12px 30px rgba(37,99,235,.25) !important;
	transition: all .25s ease !important;
	border: none !important;
}

/* Button hover */
#Contact-us .wp-block-button__link:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 18px 40px rgba(37,99,235,.35) !important;
}

/* Align button nicely */
#Contact-us .wp-block-jetpack-button {
	margin-top: 16px !important;
}

/* =========================================
   TESTIMONIAL VIDEOS: CLEAN GRID + NO EMPTY SPACE
   (Works with YouTube embeds inside WP blocks)
========================================= */
/* 1) Make any embed wrapper behave like a video frame */
.wp-block-embed,
.wp-block-embed__wrapper {
	width: 100% !important;
}

/* 2) Force iframe to a clean 16:9 ratio (no giant blank area) */
.wp-block-embed iframe,
.wp-block-video iframe,
.wp-block-embed-youtube iframe {
	width: 100% !important;
	aspect-ratio: 16 / 9 !important;
	height: auto !important;
	display: block !important;
	border-radius: 16px !important;
}

/* 3) If the embed is inside a “card” (column), reduce padding/height */
.wp-block-column:has(iframe) {
	padding: 18px !important;
	overflow: hidden !important;
}

/* 4) Remove huge extra min-heights that cause blank space */
.wp-block-column:has(iframe) .wp-block-group,
.wp-block-column:has(iframe) .wp-block-embed {
	min-height: 0 !important;
}

/* 5) Make the video cards align nicely */
.wp-block-columns:has(iframe) {
	gap: 22px !important;
	align-items: start !important;
}

/* =========================================
   FIX HEADER OVERLAP (header always on top)
========================================= */
/* 1) Make header sticky and above everything */
header,
.site-header,
.wp-block-template-part {
	position: sticky !important;
	top: 0 !important;
	z-index: 99999 !important;
}

/* 2) Ensure sections can't overlay the header */
.wp-site-blocks,
.wp-site-blocks > * {
	position: relative !important;
	z-index: 1 !important;
}

/* 3) Add space so content starts BELOW the sticky header */
.wp-site-blocks {
	padding-top: 90px !important;
/* adjust to your header height (70–110) */
}

/* Force full-width groups behind header */
.wp-block-group.alignfull {
	position: relative !important;
	z-index: 0 !important;
}

/* TESTIMONIALS: remove big empty space above */
.wp-block-group.alignfull:has(.wp-block-embed-youtube),
.wp-block-group.alignfull:has(iframe[src*="youtube"]),
.wp-block-group.alignfull:has(.wp-block-embed) {
	padding-top: 20px !important;
/* reduce this */
	margin-top: 0 !important;
}

/* Pull testimonials section upward */
.wp-block-group.alignfull:has(.wp-block-embed-youtube),
.wp-block-group.alignfull:has(iframe[src*="youtube"]) {
	margin-top: -40px !important;
/* adjust: -20 to -80 */
}

/* Remove top padding inside each video card */
.wp-block-column:has(iframe[src*="youtube"]),
.wp-block-group:has(iframe[src*="youtube"]) {
	padding-top: 10px !important;
}

/* === THEME 1: GLASSMORPHISM === */
#contact-form-129 .jetpack-contact-form__form {
	padding: 22px 18px !important;
	border-radius: 24px !important;
	background: rgba(255,255,255,0.55) !important;
	border: 1px solid rgba(255,255,255,0.65) !important;
	box-shadow: 0 24px 70px rgba(15,23,42,0.12) !important;
}

/* Labels */
#contact-form-129 .grunion-field-label {
	color: #0f172a !important;
	font-weight: 800 !important;
}

/* Inputs */
#contact-form-129 input.grunion-field,
#contact-form-129 textarea.grunion-field {
	background: rgba(255,255,255,0.75) !important;
	border: 1px solid rgba(148,163,184,0.55) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 24px rgba(15,23,42,0.06) !important;
}

/* Focus: purple glow */
#contact-form-129 input.grunion-field:focus,
#contact-form-129 textarea.grunion-field:focus {
	border-color: #7c3aed !important;
	box-shadow: 0 16px 36px rgba(124,58,237,0.18), 0 0 0 6px rgba(124,58,237,0.14) !important;
}

/* Button */
#contact-form-129 .wp-block-jetpack-button {
	display: flex !important;
	justify-content: center !important;
}

#contact-form-129 button.wp-block-button__link {
	border: 0 !important;
	border-radius: 999px !important;
	padding: 14px 46px !important;
	font-weight: 900 !important;
	color: #fff !important;
	background: linear-gradient(135deg,#4f46e5,#7c3aed) !important;
	box-shadow: 0 22px 55px rgba(124,58,237,0.30) !important;
}

/* === THEME 2: DARK PURPLE + NEON === */
#contact-form-129 .jetpack-contact-form__form {
	padding: 24px 18px !important;
	border-radius: 24px !important;
	background: radial-gradient(1200px 400px at 20% 10%, rgba(124,58,237,.45), transparent 60%), radial-gradient(1000px 380px at 80% 0%, rgba(59,130,246,.35), transparent 55%), #0b1022 !important;
	border: 1px solid rgba(167,139,250,0.25) !important;
	box-shadow: 0 26px 80px rgba(2,6,23,0.55) !important;
}

/* Labels */
#contact-form-129 .grunion-field-label {
	color: #ffffff !important;
	font-weight: 800 !important;
}

#contact-form-129 .grunion-label-required {
	color: rgba(226,232,240,0.65) !important;
}

/* Inputs */
#contact-form-129 input.grunion-field,
#contact-form-129 textarea.grunion-field {
	background: rgba(255,255,255,0.06) !important;
	color: #ffffff !important;
	border: 1px solid rgba(148,163,184,0.35) !important;
	border-radius: 18px !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

/* Placeholder */
#contact-form-129 input.grunion-field::placeholder,
#contact-form-129 textarea.grunion-field::placeholder {
	color: rgba(226,232,240,0.55) !important;
}

/* Neon focus */
#contact-form-129 input.grunion-field:focus,
#contact-form-129 textarea.grunion-field:focus {
	border-color: #a78bfa !important;
	box-shadow: 0 0 0 6px rgba(167,139,250,0.18), 0 22px 60px rgba(124,58,237,0.22) !important;
}

/* Button: neon */
#contact-form-129 .wp-block-jetpack-button {
	display: flex !important;
	justify-content: center !important;
}

#contact-form-129 button.wp-block-button__link {
	border: 1px solid rgba(167,139,250,0.55) !important;
	border-radius: 999px !important;
	padding: 14px 46px !important;
	font-weight: 900 !important;
	color: #0b1022 !important;
	background: linear-gradient(135deg,#a78bfa,#60a5fa) !important;
	box-shadow: 0 24px 70px rgba(96,165,250,0.25) !important;
}

#contact-form-129 button.wp-block-button__link:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 28px 85px rgba(167,139,250,0.30) !important;
}

/* ====================================
   FIX EMAIL ICON POSITION + STYLE
==================================== */
/* Move icon up */
#Contact-us .wp-block-social-links {
	margin-top: 10px !important;
/* was too big */
	margin-bottom: 20px !important;
	justify-content: center !important;
}

/* Remove weird underline/purple line */
#Contact-us .wp-block-social-link::after {
	display: none !important;
}

/* Make icon container clean + modern */
#Contact-us .wp-block-social-link a {
	width: 90px !important;
	height: 90px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg,#3f51ff,#7c4dff) !important;
	box-shadow: 0 20px 45px rgba(63,81,255,.30) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all .25s ease !important;
}

/* Bigger icon */
#Contact-us .wp-block-social-link svg {
	width: 40px !important;
	height: 40px !important;
	fill: #ffffff !important;
}

/* Smooth hover */
#Contact-us .wp-block-social-link a:hover {
	transform: translateY(-4px) scale(1.05);
	box-shadow: 0 25px 55px rgba(63,81,255,.45) !important;
}

/* ====================================
   FIX EMAIL ICON POSITION + STYLE
==================================== */
/* Move icon up */
#Contact-us .wp-block-social-links {
	margin-top: 10px !important;
/* was too big */
	margin-bottom: 20px !important;
	justify-content: center !important;
}

/* Remove weird underline/purple line */
#Contact-us .wp-block-social-link::after {
	display: none !important;
}

/* Make icon container clean + modern */
#Contact-us .wp-block-social-link a {
	width: 90px !important;
	height: 90px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg,#3f51ff,#7c4dff) !important;
	box-shadow: 0 20px 45px rgba(63,81,255,.30) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all .25s ease !important;
}

/* Bigger icon */
#Contact-us .wp-block-social-link svg {
	width: 40px !important;
	height: 40px !important;
	fill: #ffffff !important;
}

/* Smooth hover */
#Contact-us .wp-block-social-link a:hover {
	transform: translateY(-4px) scale(1.05);
	box-shadow: 0 25px 55px rgba(63,81,255,.45) !important;
}

background: linear-gradient(135deg,#3f51ff,#7c4dff) !important;/* ONE MAIN CONTAINER (purple) */
#Contact-us .wp-block-columns {
	background: linear-gradient(180deg,#3b2f86 0%, #0b1224 100%) !important;
	border-radius: 26px !important;
	padding: 60px !important;
	gap: 60px !important;
	box-shadow: 0 35px 90px rgba(0,0,0,.25) !important;
	border: 1px solid rgba(255,255,255,.10) !important;
}

/* REMOVE INDIVIDUAL CARD BACKGROUNDS */
#Contact-us .wp-block-column {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0 !important;
}

#contact-form-129 input.grunion-field,
#contact-form-129 textarea.grunion-field {
	background: rgba(255,255,255,0.12) !important;
	border: 1px solid rgba(255,255,255,0.25) !important;
	color: #fff !important;
	border-radius: 16px !important;
}

#contact-form-129 input:focus,
#contact-form-129 textarea:focus {
	border-color: #a855f7 !important;
	box-shadow: 0 0 0 4px rgba(168,85,247,.35) !important;
}

/* ONE BIG PURPLE CONTAINER for both sides */
#Contact-us .wp-block-columns {
	max-width: 1100px !important;
	margin: 0 auto !important;
	padding: 55px !important;
	border-radius: 34px !important;
	background: linear-gradient(180deg,#4c1d95,#0b1224) !important;
	box-shadow: 0 40px 120px rgba(0,0,0,.45) !important;
	position: relative;
	overflow: hidden;
	gap: 50px !important;
}

/* Sparkles (subtle) */
#Contact-us .wp-block-columns:before {
	content: "";
	position: absolute;
	background: radial-gradient(circle, rgba(255,255,255,.18) 0 2px, transparent 3px) 0 0/140px 140px, radial-gradient(circle, rgba(167,139,250,.20) 0 2px, transparent 3px) 40px 30px/180px 180px;
	opacity: .35;
	pointer-events: none;
}

/* LEFT SIDE should look like it's inside (remove beige/white card look) */
#Contact-us .wp-block-column:first-child {
	background: rgba(255,255,255,.06) !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	border-radius: 26px !important;
	padding: 36px !important;
	position: relative;
	z-index: 2;
}

/* Right side form stays dark but NOT a separate outer card anymore */
#Contact-us .wp-block-column:last-child {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	position: relative;
	z-index: 2;
}

/* Title + text colors inside purple theme */
#Contact-us h2,
#Contact-us h3,
#Contact-us p,
#Contact-us a {
	color: #fff !important;
}

#Contact-us a {
	text-decoration: underline;
	text-underline-offset: 4px;
	opacity: .9;
}

/* Form fields glass */
#contact-form-129 input.grunion-field,
#contact-form-129 textarea.grunion-field {
	width: 100% !important;
	background: rgba(255,255,255,.10) !important;
	border: 1px solid rgba(255,255,255,.20) !important;
	color: #fff !important;
	border-radius: 16px !important;
	padding: 14px 16px !important;
}

#contact-form-129 input.grunion-field:focus,
#contact-form-129 textarea.grunion-field:focus {
	outline: none !important;
	border-color: rgba(167,139,250,.9) !important;
	box-shadow: 0 0 0 4px rgba(167,139,250,.25) !important;
}

/* Submit full width */
#contact-form-129 button {
	width: 100% !important;
	background: linear-gradient(90deg,#a78bfa,#60a5fa) !important;
	color: #0b1224 !important;
	border-radius: 999px !important;
	padding: 14px 22px !important;
	font-weight: 900 !important;
	border: none !important;
}

#Contact-us .wp-block-columns {
	background: linear-gradient(135deg, #5b21b6 0%, #3b0764 50%, #0f172a 100%) !important;
}

#Contact-us h2:after {
	content: "";
	display: block;
	width: 80px;
	height: 5px;
	margin: 14px auto 0;
	border-radius: 20px;
	background: linear-gradient(90deg,#a78bfa,#60a5fa);
	box-shadow: 0 0 20px rgba(167,139,250,.7);
}

Add subtle animated sparkles ✨

Add glowing border around entire container/* Sparkle layer */
#Contact-us .wp-block-columns:after {
	content: "";
	position: absolute;
	background: radial-gradient(circle, rgba(255,255,255,.35) 0 2px, transparent 3px) 0 0/140px 140px, radial-gradient(circle, rgba(167,139,250,.25) 0 2px, transparent 3px) 40px 30px/180px 180px, radial-gradient(circle, rgba(96,165,250,.25) 0 2px, transparent 3px) 80px 80px/200px 200px;
	animation: sparkleMove 18s linear infinite;
	opacity: .25;
	pointer-events: none;
}

/* Slow floating movement */
@keyframes sparkleMove {
	0% {
		transform: translateY(0px);
	}
	
	50% {
		transform: translateY(-15px);
	}
	
	100% {
		transform: translateY(0px);
	}
}

#Contact-us .wp-block-columns {
	box-shadow: 0 40px 120px rgba(0,0,0,.5), 0 0 60px rgba(167,139,250,.25);
}

#Contact-us h2 {
	color: #ffffff !important;
	text-shadow: 0 2px 8px rgba(0,0,0,.4), 0 0 25px rgba(167,139,250,.4);
}

#Contact-us h2 strong {
	color: #ffffff !important;
}

.is-contact-phone-email {
	background: rgba(255,255,255,0.08) !important;
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 28px !important;
	padding: 45px !important;
	box-shadow: 0 30px 60px rgba(0,0,0,.3);
}

.is-contact-phone-email strong {
	color: #ffffff !important;
}

/* container */
.is-contact-phone-email {
	text-align: center !important;
}

/* turn each link into a nice row */
.is-contact-phone-email a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 14px;
	margin: 6px 0;
	border-radius: 14px;
	text-decoration: none !important;
/* remove heavy underline */
	color: #fff !important;
	font-weight: 700;
	letter-spacing: .2px;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.12);
}

/* keep email from breaking weirdly */
.is-contact-phone-email a[href^="mailto:"] {
	white-space: nowrap;
}

/* keep phone readable too */
.is-contact-phone-email a[href^="tel:"] {
	white-space: nowrap;
}

/* small hover glow */
.is-contact-phone-email a:hover {
	background: rgba(255,255,255,0.10);
	box-shadow: 0 0 18px rgba(168,85,247,.35);
	transform: translateY(-1px);
}

.is-contact-phone-email a[href^="mailto:"] {
	font-size: 16px !important;
}

#Contact-us .wp-block-columns {
	background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 40%, #4c1d95 100%) !important;
}

#Contact-us .wp-block-columns {
	background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #5b21b6 100%) !important;
}

/* Glitter Gold Effect for Site Title */
header a[rel="home"] {
	background: linear-gradient(90deg,
    #facc15 0%,
    #fde68a 20%,
    #f59e0b 40%,
    #fff7c2 50%,
    #f59e0b 60%,
    #fde68a 80%,
    #facc15 100%);
	background-size: 200% auto;
	color: transparent !important;
	-webkit-background-clip: text;
	background-clip: text;
	animation: goldShine 4s linear infinite;
}

/* Shine animation */
@keyframes goldShine {
	0% {
		background-position: 0 center;
	}
	
	100% {
		background-position: 200% center;
	}
}

/* Reduce bottom padding of testimonial section */
.testimonials-section,
.wp-block-group.has-background {
	padding-bottom: 40px !important;
/* adjust smaller if needed */
	margin-bottom: 0 !important;
}

padding: 120px 0;.wp-block-group {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.wp-block-separator {
	display: none !important;
}

/* Testimonials section: remove forced height that creates big empty bottom space */
.testimonials-section,
#testimonials,
.wp-block-group.testimonials {
	min-height: auto !important;
	height: auto !important;
}

/* Tighten the bottom space of the Testimonials container */
.testimonials-section,
#testimonials,
.wp-block-group.testimonials,
.wp-block-cover.testimonials {
	padding-bottom: 20px !important;
	margin-bottom: 0 !important;
}

/* Remove huge spacer under the testimonials */
.wp-block-spacer {
	height: 24px !important;
/* change to 0 if you want no gap */
}

.wp-block-spacer {
	height: 0 !important;
}

.header {
	background-color: #241c74;
	color: #d4af37;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 40px;
	flex-wrap: wrap;
}

.logo {
	font-size: 28px;
	font-weight: bold;
	white-space: nowrap;
}

.nav {
	display: flex;
	gap: 15px;
}

.nav a {
	text-decoration: none;
	color: white;
	padding: 8px 18px;
	border: 1px solid #d4af37;
	border-radius: 25px;
	font-size: 14px;
	transition: .3s ease;
}

.nav a:hover {
	background-color: #d4af37;
	color: #241c74;
}

.contact-btn {
	background-color: #d4af37;
	color: #241c74 !important;
}

/* === HEADER ALIGNMENT FIX (logo/title left, menu right) === */
/* Try to catch most WP themes */
#masthead,
header.site-header,
.site-header {
	width: 100%;
}

/* The inner header row (container) */
#masthead .container,
#masthead .site-header-inner,
header.site-header .container,
.site-header .container,
.site-header .wrap,
.site-header .header-inner {
	display: flex;
	align-items: center;
/* vertical centering */
	justify-content: space-between;
/* left + right */
	gap: 20px;
	padding: 12px 24px;
	box-sizing: border-box;
}

/* Left side (branding/title) */
.site-branding,
.site-logo,
.custom-logo-link {
	flex: 1 1 auto;
	min-width: 0;
/* allows ellipsis instead of pushing menu off-screen */
}

.site-title,
.site-branding .site-title a {
	margin: 0;
	line-height: 1.15;
	font-size: clamp(22px, 3.2vw, 44px);
/* responsive title size */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Right side (menu) */
.main-navigation,
.primary-navigation,
.nav-primary,
#site-navigation {
	flex: 0 0 auto;
}

.main-navigation ul,
.primary-navigation ul,
#site-navigation ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
/* prevents overflow on smaller widths */
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-navigation li,
.primary-navigation li,
#site-navigation li {
	margin: 0;
}

/* Make the menu buttons sit nicely (optional) */
.main-navigation a,
.primary-navigation a,
#site-navigation a {
	display: inline-block;
	padding: 8px 16px;
	line-height: 1;
}

/* Responsive: stack nicely on tablets/phones */
@media (max-width: 900px) {
	#masthead .container,
		  #masthead .site-header-inner,
		  header.site-header .container,
		  .site-header .container,
		  .site-header .wrap,
		  .site-header .header-inner {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.main-navigation ul,
		  .primary-navigation ul,
		  #site-navigation ul {
		justify-content: flex-start;
	}
	
	.site-title,
		  .site-branding .site-title a {
		white-space: normal;
	/* allow wrapping on small screens */
	}
}

/* Center content inside blue header bar */
#masthead,
.site-header,
header.site-header {
	display: flex;
	justify-content: center;
/* center horizontally */
	align-items: center;
/* center vertically */
}

/* Center inner container */
#masthead .container,
.site-header .container,
.site-header .wrap,
.site-header .header-inner {
	width: 100%;
	max-width: 1200px;
/* keeps it nicely centered */
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Center navigation */
.main-navigation ul,
#site-navigation ul,
.primary-navigation ul {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.site-branding {
	margin: 0 auto;
	text-align: center;
}/* =========================================
   CONTACT INTRO BOX — FORCE YELLOW (OVERRIDE)
   Put this at the VERY BOTTOM of Additional CSS
========================================= */

/* 1) If you used the class abhr-contact-intro */
.abhr-contact-intro {
  background: linear-gradient(135deg, #facc15, #f59e0b) !important; /* yellow → gold */
  box-shadow: 0 14px 34px rgba(245, 158, 11, 0.28) !important;
}

/* 2) If the paragraph has WP background class (common on WP.com forms) */
.abhr-contact .has-background,
.abhr-contact .has-background-color,
.wp-site-blocks .wp-block-columns:has(form) .has-background,
.wp-site-blocks .wp-block-columns:has(form) .has-background-color {
  background: linear-gradient(135deg, #facc15, #f59e0b) !important;
  box-shadow: 0 14px 34px rgba(245, 158, 11, 0.28) !important;
  border-radius: 18px !important;
}

/* 3) If your contact section uses the ID Contact-us + a specific paragraph style */
#Contact-us p.has-midnight-gradient-background {
  background: linear-gradient(135deg, #facc15, #f59e0b) !important;
  box-shadow: 0 14px 34px rgba(245, 158, 11, 0.28) !important;
  border-radius: 18px !important;
}

/* Text inside the yellow box: make it dark for readability */
.abhr-contact-intro,
.abhr-contact-intro *,
.abhr-contact .has-background *,
.wp-site-blocks .wp-block-columns:has(form) .has-background *,
#Contact-us p.has-midnight-gradient-background,
#Contact-us p.has-midnight-gradient-background * {
  color: #0f172a !important; /* dark navy text */
  opacity: 1 !important;
}/* Enhance slideshow images (colors + clarity) */
.slick-slide img,
.swiper-slide img,
.slider img,
[class*="slider"] img,
[class*="slideshow"] img {
  filter: contrast(1.12) saturate(1.15) brightness(1.05);
  transform: translateZ(0); /* helps rendering */
}/* Reduce dark/colored overlay if your slider adds one */
.slick-slide:before,
.swiper-slide:before,
[class*="slider"] .overlay,
[class*="slideshow"] .overlay {
  opacity: 0.15 !important;  /* try 0.10 to 0.30 */
}/* Enhance slideshow images */
[class*="slide"] img,
[class*="slider"] img,
[class*="carousel"] img {
    filter: contrast(1.15) saturate(1.2) brightness(1.05);
    image-rendering: -webkit-optimize-contrast;
}/* Reduce slider overlay */
[class*="slide"]::before,
[class*="slider"]::before,
[class*="carousel"]::before {
    opacity: 0.2 !important;  /* try 0.1 - 0.3 */
}[class*="slide"] img,
[class*="slider"] img {
    width: 100%;
    height: 85vh;
    object-fit: cover;
}/* Remove testimonial image section */
.wp-image-1729 {
    display: none !important;
}

/* If there is spacing container around it */
.wp-image-1729,
.wp-image-1729 img {
    display: none !important;
}

.wp-image-1729 {
    visibility: hidden !important;
    height: 0 !important;
}/* Remove parent container spacing */
.wp-image-1729 {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-image-1729 img {
    margin: 0 !important;
}.abhr-testi { padding: 90px 20px; }
.abhr-wrap { max-width: 1200px; margin: 0 auto; }
.abhr-head { text-align: center; margin-bottom: 45px; }
.abhr-head h2 { font-size: 42px; margin: 0 0 10px; }
.abhr-head p { margin: 0; font-size: 16px; opacity: .9; }

.abhr-testi--dark {
  background: linear-gradient(135deg,#0b1220,#0f1b33);
  color: #fff;
}
.abhr-testi--dark .abhr-head p { color: #e5e7eb; }
.abhr-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 26px;
}
.abhr-quote-card{
  position: relative;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 34px 30px;
  backdrop-filter: blur(6px);
}
.abhr-quote-card p{
  margin: 0 0 22px;
  line-height: 1.75;
  color: #e5e7eb;
  font-size: 16px;
}
.abhr-quote-mark{
  position:absolute;
  top: 18px;
  right: 18px;
  font-size: 70px;
  line-height: 1;
  color: #b9922f;
  opacity: .25;
}
.abhr-person{
  display:flex;
  align-items:center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.abhr-avatar{
  width: 44px; height: 44px;
  border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(185,146,47,.18);
  border: 1px solid rgba(185,146,47,.35);
  color: #f5d37a;
  font-weight: 700;
}
.abhr-name{ font-weight: 700; }
.abhr-role{ color: #f5d37a; font-size: 14px; opacity: .95; }/* ===== CIRCLE TESTIMONIAL DESIGN ===== */

.abhr-circle-testimonials {
    padding: 100px 20px;
    background: #f8fafc;
    text-align: center;
}

.abhr-circle-container {
    max-width: 1100px;
    margin: auto;
}

.abhr-circle-title {
    font-size: 42px;
    margin-bottom: 60px;
    color: #0f172a;
}

.abhr-circle-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
}

.abhr-circle-card {
    width: 420px;
    background: white;
    padding: 50px 40px;
    border-radius: 50px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.07);
    transition: 0.3s ease;
}

.abhr-circle-card:hover {
    transform: translateY(-8px);
}

.abhr-circle-avatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #0f1b33;
    color: #f5d37a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 28px;
    margin: -95px auto 25px;
    border: 6px solid #f8fafc;
}

.abhr-circle-text {
    font-size: 15px;
    line-height: 1.8;
    color: #334155;
    margin-bottom: 30px;
}

.abhr-circle-author strong {
    display: block;
    font-size: 18px;
    color: #0f172a;
}

.abhr-circle-author span {
    font-size: 14px;
    color: #b9922f;
}

/* Mobile */
@media (max-width: 768px) {
    .abhr-circle-card {
        width: 100%;
    }
}.abhr-circle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    align-items: stretch;
}

.abhr-circle-card {
    width: 100%;
    background: white;
    padding: 55px 42px 45px;
    border-radius: 40px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.07);
    transition: 0.3s ease;
}

/* Keep circle badge centered */
.abhr-circle-avatar {
    margin: -100px auto 25px;
}

/* Mobile stack */
@media (max-width: 900px) {
    .abhr-circle-grid {
        grid-template-columns: 1fr;
    }
}/* FULL-WIDTH breakout for the testimonial section */
.abhr-circle-testimonials{
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 100px 60px !important; /* adjust side padding */
  box-sizing: border-box !important;
}

/* Make inner container wide */
.abhr-circle-container{
  max-width: 1600px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Ensure the two cards stretch */
.abhr-circle-grid{
  width: 100% !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 60px !important;
}/* ===== LUXURY GOLD TESTIMONIAL STYLE ===== */

.abhr-circle-testimonials {
    background: linear-gradient(135deg, #fdfcf8, #f7f3e8);
}

/* Card base */
.abhr-circle-card {
    position: relative;
    background: #ffffff;
    border-radius: 40px;
    padding: 60px 50px 50px;
    border: 1px solid rgba(185,146,47,0.15);
    
    box-shadow:
        0 30px 80px rgba(0,0,0,0.06),
        0 15px 40px rgba(185,146,47,0.08);

    transition: all 0.4s ease;
}

/* Gold gradient border glow */
.abhr-circle-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    padding: 1px;
    background: linear-gradient(135deg, #e6c77a, #b9922f, #e6c77a);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* Hover luxury lift */
.abhr-circle-card:hover {
    transform: translateY(-12px);
    box-shadow:
        0 40px 100px rgba(0,0,0,0.10),
        0 20px 60px rgba(185,146,47,0.18);
}

/* Avatar luxury gold */
.abhr-circle-avatar {
    background: linear-gradient(135deg, #0f1b33, #1e2d52);
    color: #f5d37a;
    box-shadow: 0 10px 30px rgba(185,146,47,0.35);
}

/* Author gold accent */
.abhr-circle-author span {
    color: #b9922f;
    font-weight: 500;
}.abhr-circle-testimonials {
    padding-top: 30px !important;
}/* Adjust bottom spacing of testimonial section */
.abhr-circle-testimonials {
    padding-bottom: 60px !important;  /* reduce bottom space */
}/* Reduce testimonial section heading size */
.abhr-circle-testimonials h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    max-width: 1000px;
    margin: 0 auto 40px;
}.abhr-circle-testimonials h2 {
    font-size: 36px !important;
    line-height: 1.25 !important;
    letter-spacing: 1px;
    max-width: 900px;
    margin: 0 auto 35px;
}.abhr-circle-title {
    font-family: 'Abril Fatface', serif;
    font-size: 34px !important;
    font-weight: 400;
    letter-spacing: 1px;
}

.abhr-highlight {
    color: #8c6a1f;   /* darker gold */
    font-weight: 600;
}.abhr-circle-grid {
    margin-top: 60px;
}.abhr-circle-avatar {
    font-size: 0 !important;
}.abhr-circle-avatar::before {
    content: "★";
    font-size: 55px;
    color: #f5d37a;
}/* Make testimonial text appear as one continuous paragraph */
.abhr-circle-text {
  white-space: normal !important;
  margin: 0 !important;
}

/* Remove any extra spacing from line breaks if they exist */
.abhr-circle-text br {
  display: none !important;
}/* ===== Make the cards circles (keep star position unchanged) ===== */
.abhr-circle-card{
  /* circle shape */
  border-radius: 50% !important;

  /* responsive circle size so it fits side-by-side */
  width: min(520px, 44vw) !important;
  height: min(520px, 44vw) !important;

  /* keep your current look */
  border: 2px solid #c9a227 !important;
  background: #fdfcf8 !important;

  /* center content inside the circle */
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

  /* IMPORTANT: leave space at top so star doesn't overlap text */
  padding: 90px 70px 70px !important;

  overflow: visible !important;
}

/* Keep text nicely centered */
.abhr-circle-text{
  max-width: 380px;
  margin: 0 auto 18px !important;
  text-align: center !important;
  line-height: 1.8 !important;
}

/* Grid spacing so circles don’t collide */
.abhr-circle-grid{
  gap: 70px !important;
  justify-content: center !important;
  align-items: flex-start !important;
}/* ===== HARD RESET: Remove rectangle + make true circle cards ===== */

/* 1) Remove any old rectangle border/box styling */
.abhr-circle-card{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 2) Turn the card itself into the circle (single border only) */
.abhr-circle-card{
  width: 520px !important;
  height: 520px !important;
  border-radius: 50% !important;
  background: #fdfcf8 !important;
  border: 2px solid #c9a227 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

  padding: 95px 70px 70px !important;
  overflow: visible !important;
  position: relative !important;
}

/* Remove old gradient border only */
.abhr-circle-card::before{
  background: none !important;
  border: none !important;
}
}

/* 4) Keep the star badge stable (same position for both) */
.abhr-circle-avatar{
  position: absolute !important;
  top: -55px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: 110px !important;
  height: 110px !important;
  z-index: 3 !important;
}

/* 5) Text formatting inside circle */
.abhr-circle-text{
  max-width: 380px !important;
  margin: 0 auto 18px !important;
  text-align: center !important;
  line-height: 1.8 !important;
  font-size: 16px !important;
}

/* 6) Grid spacing so circles don’t collide */
.abhr-circle-grid{
  display: flex !important;
  justify-content: center !important;
  gap: 70px !important;
  flex-wrap: wrap !important;
}/* Refined text layout inside circle */
.abhr-circle-text{
  max-width: 340px !important;   /* narrower for better shape */
  margin: 0 auto 22px !important;
  text-align: center !important;
  line-height: 1.7 !important;
  font-size: 15.5px !important;
  color: #3e4a5a !important;
}

/* Author spacing fix */
.abhr-circle-author{
  margin-top: 15px !important;
  text-align: center !important;
}

.abhr-circle-author strong{
  display: block;
  font-size: 20px !important;
  margin-bottom: 6px !important;
}

.abhr-circle-author span{
  font-size: 15px !important;
  color: #b9922f !important;
}/* ===== FORCE text to fit inside the circle cleanly ===== */

/* Make circle slightly bigger to give breathing room */
.abhr-circle-card{
  width: 560px !important;
  height: 560px !important;
  padding: 105px 70px 85px !important;
}

/* Tighten paragraph so it fits */
.abhr-circle-text{
  max-width: 360px !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  margin: 0 auto 16px !important;
}

/* Clamp the paragraph height (prevents overflow) */
.abhr-circle-text{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 14 !important; /* adjust 13-16 if needed */
  overflow: hidden !important;
}

/* Keep author away from border */
.abhr-circle-author{
  margin-top: 10px !important;
  padding-bottom: 8px !important;
}

.abhr-circle-author strong{
  font-size: 19px !important;
  margin-bottom: 4px !important;
}

.abhr-circle-author span{
  font-size: 14px !important;
}/* Slightly bigger, still balanced inside circle */
.abhr-circle-text{
  max-width: 370px !important;
  font-size: 16px !important;   /* bigger */
  line-height: 1.7 !important;  /* more readable */
  margin: 0 auto 20px !important;
  text-align: center !important;
}

/* Improve author spacing */
.abhr-circle-author{
  margin-top: 14px !important;
}

.abhr-circle-author strong{
  font-size: 21px !important;
  margin-bottom: 6px !important;
}

.abhr-circle-author span{
  font-size: 15px !important;
}/* Remove text clamping */
.abhr-circle-text{
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
}

/* Make circle larger to fit full testimonial */
.abhr-circle-card{
  width: 620px !important;
  height: 620px !important;
  padding: 110px 80px 90px !important;
}.abhr-circle-grid .abhr-circle-card:nth-child(2){
  padding-top: 135px !important;
}/* Push 2nd circle text further down */
.abhr-circle-grid .abhr-circle-card:nth-child(2){
  padding-top: 175px !important;
}/* 1) Title: script font */
.abhr-circle-title{
  font-family: "Dancing Script", "Pacifico", cursive !important;
  font-weight: 700 !important;
  font-size: 38px !important;   /* adjust if needed */
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

/* 2) ABHR Solutions: plain corporate font + darker gold highlight */
.abhr-circle-title .abhr-highlight{
  font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
  font-weight: 800 !important;
  color: #7a5a14 !important;            /* darker gold */
  text-shadow: 0 1px 0 rgba(255,255,255,.35); /* subtle pop */
}/* ===== FINAL OVERRIDE (place at bottom) ===== */

.abhr-circle-card{
  width: 480px !important;
  height: 480px !important;
  padding: 90px 60px 70px !important;
}

.abhr-circle-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 80px !important;
}

.abhr-circle-text{
  font-size: 15px !important;
  line-height: 1.6 !important;
  max-width: 320px !important;
}/* === Refine text to fit perfectly inside circle === */

.abhr-circle-text{
  font-size: 14px !important;      /* slightly smaller */
  line-height: 1.55 !important;    /* tighter but readable */
  max-width: 300px !important;     /* narrower text block */
  margin: 0 auto 18px !important;
  text-align: center !important;
}

/* Author spacing refinement */
.abhr-circle-author{
  margin-top: 12px !important;
}

.abhr-circle-author strong{
  font-size: 19px !important;
}

.abhr-circle-author span{
  font-size: 14px !important;
}/* === Tighter fit inside circle === */

.abhr-circle-text{
  font-size: 13.5px !important;   /* slightly smaller again */
  line-height: 1.5 !important;    /* tighter */
  max-width: 280px !important;    /* narrower text block */
  margin: 0 auto 16px !important;
}

.abhr-circle-author strong{
  font-size: 18px !important;
}

.abhr-circle-author span{
  font-size: 13px !important;
}/* ===== Adjust ONLY the long testimonial text ===== */

section.abhr-circle-testimonials 
.abhr-circle-card:nth-child(2) 
.abhr-quote-text{

  font-size: 14.0px !important;   /* smaller */
  line-height: 1. !important;   /* tighter */
  max-width: 340px !important;    /* narrower */
  margin: 0 auto 12px !important;
}

/* Tighten author spacing */
section.abhr-circle-testimonials 
.abhr-circle-card:nth-child(2) 
.abhr-quote-author{

  margin-top: 8px !important;
}/* ===== FORCE BOTH STARS TO PERFECT ALIGNMENT ===== */

section.abhr-circle-testimonials 
.abhr-circle-card {
  position: relative !important;
}

section.abhr-circle-testimonials 
.abhr-circle-avatar {
  position: absolute !important;
  top: -60px !important;   /* adjust this number if needed */
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}/* ===== Move testimonial text UP inside circle ===== */

section.abhr-circle-testimonials 
.abhr-circle-card {

  padding-top: 110px !important;   /* smaller = moves text up */
}section.abhr-circle-testimonials 
.abhr-circle-card:nth-child(2) {

  padding-top: 120px !important;
}/* Move ONLY the left author name down */
section.abhr-circle-testimonials 
.abhr-circle-card:nth-child(1) 
.abhr-quote-author {

  margin-top: 35px !important;  /* increase if needed */
}/* ===== Full Circle Background + White Text ===== */

section.abhr-circle-testimonials 
.abhr-circle-card {

  background: #0f1b33 !important;   /* dark navy */
  color: #ffffff !important;        /* white text */
}

/* Make ALL text inside circle white */
section.abhr-circle-testimonials 
.abhr-circle-card * {
  color: #ffffff !important;
}

/* Keep gold border visible */
section.abhr-circle-testimonials 
.abhr-circle-card {
  border: 2px solid #c9a227 !important;
}/***************************************************
  CENTER THE TWO CIRCLES ON THE PAGE (LIVE SITE FIX)
****************************************************/

/* Make the whole testimonials section full-width + centered */
.abhr-circle-testimonials{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* Center the inner container */
.abhr-circle-testimonials .abhr-circle-container{
  width: 100% !important;
  max-width: 1400px !important;  /* adjust 1200–1600 if needed */
  margin: 0 auto !important;
  padding: 0 40px !important;    /* side breathing room */
  box-sizing: border-box !important;
}

/* Ensure the grid itself is centered */
.abhr-circle-testimonials .abhr-circle-grid{
  width: 100% !important;
  margin: 0 auto !important;
  justify-content: center !important;
  justify-items: center !important;
}

/* If your theme applies weird left offsets to alignfull sections */
.wp-site-blocks .abhr-circle-testimonials,
.entry-content .abhr-circle-testimonials{
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}/* ===== Swap the two testimonial circles ===== */

.abhr-circle-testimonials .abhr-circle-grid {
  direction: rtl;
}

.abhr-circle-testimonials .abhr-circle-card {
  direction: ltr;
}/* Adjust ONLY the name "Rich Rodriguez" */
.abhr-circle-testimonials 
.abhr-circle-card:nth-child(1) 
.abhr-quote-author {

  font-size: 17px !important;   /* change size here */
}/* Move BOTH circles down */
.abhr-circle-testimonials .abhr-circle-grid{
  margin-top: 80px !important;   /* increase/decrease (ex: 20px / 60px) */
}.wp-block-heading.alignfull {
    margin-top: -60px !important; /* adjust number if needed */
}h2.wp-block-heading {
    font-size: 22px !important;
}h2.wp-block-heading.has-sora-font-family strong {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600;
    letter-spacing: 2px;
}/* SERVICES heading: reduce space above/below */
h2.wp-block-heading.has-sora-font-family.alignfull{
  margin-top: 0 !important;
  margin-bottom: 0px !important; /* adjust */
  padding-top: px !important;   /* adjust */
  padding-bottom: px !important;/* adjust */
}

/* Reduce the spacer heights in this section */
#Home .wp-block-spacer{
  height: -10px !important;  /* adjust */
}/* 1) Give the slideshow a real height (fills the space) */
.wp-block-jetpack-slideshow,
.wp-block-jetpack-slideshow__slide {
  height: 80vh !important;      /* adjust: 50vh, 70vh, etc */
  min-height: 420px !important; /* optional: keeps it tall on desktop */
  overflow: hidden !important;
}

/* 2) Force the image to fully cover the available area */
.wp-block-jetpack-slideshow__slide img,
.wp-block-jetpack-slideshow_image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;     /* removes common baseline gap under images */
}

/* 3) If you still see a small strip below, kill line-height whitespace */
.wp-block-jetpack-slideshow__slide {
  line-height: 0 !important;
}/* FORCE style testimonial author name */
.abhr-quote-author {
    font-family: "Playfair Display", serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    font-style: italic !important;
    letter-spacing: 1px !important;
    margin-top: 20px !important;
}/* Match company font to author */
.abhr-quote-company {
    font-family: "Playfair Display", serif !important;
    font-size: 16px !important;
    font-style: italic !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    margin-top: 6px !important;
}/* Reduce space between author and company */
.abhr-quote-author {
    margin-bottom: -7px !important;
}

.abhr-quote-company {
    margin-top: 0 !important;
}/* ===== STRONG MAGICAL SPARKLE GLOW ===== */
.abhr-circle-card{
  position: relative !important;
  overflow: visible !important;
}

/* powerful outer halo */
.abhr-circle-card::after{
  content:"";
  position:absolute;
  inset:-2px;               /* farther outside */
  border-radius:50%;
  pointer-events:none;
  z-index:1;

  box-shadow:
    0 0 20px rgba(201,162,39,.9),
    0 0 50px rgba(201,162,39,.7),
    0 0 90px rgba(168,85,247,.65),
    0 0 130px rgba(168,85,247,.45);

  animation: strongGlow 2.2s ease-in-out infinite alternate;
}

/* enhanced sparkles */
.abhr-circle-card::before{
  content:"";
  position:absolute;
  inset:-22px;
  border-radius:50%;
  pointer-events:none;
  z-index:2;

  background:
    radial-gradient(circle at 15% 30%, rgba(255,255,255,1) 0 3px, transparent 4px),
    radial-gradient(circle at 85% 20%, rgba(201,162,39,1) 0 3px, transparent 4px),
    radial-gradient(circle at 75% 80%, rgba(255,255,255,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 30% 85%, rgba(168,85,247,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.9) 0 2px, transparent 3px);

  animation: sparkleFlash 3s ease-in-out infinite;
}

/* deep breathing glow */
@keyframes strongGlow{
  0%{
    opacity:.9;
    transform: scale(1);
  }
  100%{
    opacity:1;
    transform: scale(1.03);
  }
}

/* sparkle twinkle */
@keyframes sparkleFlash{
  0%{ opacity:.5; }
  50%{ opacity:1; }
  100%{ opacity:.6; }
}

/* keep content above glow */
.abhr-circle-card *{
  position: relative;
  z-index: 5;
}/* Target ONLY the first abhr-quote-author (Ben) */
.abhr-quote-author:first-of-type {
    font-size: 18px !important;  /* adjust size */
}/* Adjust ONLY Ben's testimonial text */
.abhr-circle-card:nth-of-type(1) .abhr-quote-text {
    font-size: 14px !important;   /* change size here */
    line-height: 1.7 !important;
}/* Remove blue background bar */
.wp-block-group.alignfull.has-background {
    background-color: transparent !important;
}/* Tighten space above "See How Our Clients..." section */
.wp-block-group:has(h2) {
    margin-top: -0px !important;   /* adjust: -20px, -60px etc */
}/* 1) Tighten sticky header block */
.wp-block-group.alignfull.is-position-sticky {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 2) Remove the Home page title spacing */
.entry-header {
  display: none !important;
}

/* 3) Ensure first section sits right under header */
#Home {
  margin-top: 0 !important;
}/* 1) Make your sticky header actually stick to the very top */
.wp-block-group.alignfull.is-position-sticky{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  margin: 0 !important;
}

/* 2) Push the page content down so slideshow doesn't hide under the header
   (adjust 90px to match your header height) */
.wp-site-blocks,
.site,
#page{
  padding-top: 0px !important;
}

/* 3) If your logo link is hidden, show it */
.custom-logo-link{
  display: inline-block !important;
}.wp-block-group.alignfull.is-position-sticky {
    box-shadow: 0 5px 50px rgba(0,0,0,0.15);
}.wp-block-group.alignfull.is-position-sticky {
    background: rgba(18, 20, 113, 0.9) !important;
    backdrop-filter: blur(6px);
}.wp-block-group.alignfull.is-position-sticky {
    transition: all 0.3s ease;
}#Home {
  background: #c9a227 !important;
}/* Remove ALL slider rounding */
#Home .wp-block-jetpack-slideshow,
#Home .wp-block-jetpack-slideshow_container,
#Home .wp-block-jetpack-slideshow img {
  border-radius: 0 !important;
}/* Make the slideshow a bit taller + pull it up to cover the tiny white gap */
#Home .wp-block-jetpack-slideshow{
  margin-top: -8px !important;   /* pull UP (increase to -10, -12 if needed) */
  padding-top: 8px !important;   /* keeps content from shifting weirdly */
}

#Home .wp-block-jetpack-slideshow_container{
  min-height: calc(100% + 8px) !important;
}

#Home .wp-block-jetpack-slideshow img{
  height: 100% !important;
  object-fit: cover !important;  /* fills the area without distortion */
  display: block !important;
}#Home .wp-block-jetpack-slideshow img {
    object-position: center 10% !important;
}/* Remove any default top spacing before the Jetpack slideshow */
#Home .wp-block-jetpack-slideshow,
#Home .wp-block-jetpack-slideshow_container,
#Home figure,
#Home img {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If the theme adds spacing to first block inside Home */
#Home > .wp-block-group__inner-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Force the slideshow to sit flush to the top */
#Home .wp-block-jetpack-slideshow {
  display: block !important;
  margin-top: -17px !important; /* adjust -5 to -15 */
}/* Remove the extra gold space caused by Spacer blocks inside #Home */
#Home .wp-block-spacer {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
}

/* Also ensure the section itself doesn't add bottom space */
#Home,
#Home .wp-block-group__inner-container {
  padding-bottom:  !important;
  margin-bottom: 4 !important;
}/* Contact section: align and space columns nicely */
#Contact-us .wp-block-columns{
  gap: 32px !important;           /* space between left + form */
  align-items: center;
}#Contact-us .wp-block-social-links{
  padding-left: 0 !important;
}/* Move video section upward */
.wp-block-embed{
  margin-top: 0 !important;
}

.wp-block-columns{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* If there is still a gap above the videos */
.wp-block-columns:has(.wp-block-embed){
  margin-top: -50px !important; /* adjust -20 to -80 if needed */
}/* Remove beige background from video section */
.wp-block-columns:has(.wp-block-embed),
.wp-block-columns:has(.wp-block-embed) .wp-block-column,
.wp-block-columns:has(.wp-block-embed) .wp-block-group {
    background: transparent !important;
    box-shadow: none !important;
}/* Remove white card background around each video */
.wp-block-column:has(.wp-block-embed) {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Remove any inner white wrapper */
.wp-block-embed {
    background: transparent !important;
}

/* Optional: keep only the video rounded */
.wp-block-embed iframe {
    border-radius: 16px;
}.wp-container-core-columns-is-layout-7387b849 {
  margin-top: 40px !important;
}/* ===== REMOVE WHITE CARD COMPLETELY ===== */

#bottom-videos .wp-block-column {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: unset !important;
}

/* Remove any inner card spacing */
#bottom-videos figure,
#bottom-videos .wp-block-embed,
#bottom-videos .wp-block-embed__wrapper,
#bottom-videos .embed-youtube {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}/* 4 videos, 250px width, centered */
#bottom-videos{
  max-width: 100% !important;
  width: 100% !important;
  margin: 60px auto !important;
  padding: 0 !important;
}

/* Fixed 250px columns */
#bottom-videos,
#bottom-videos .wp-block-columns{
  display: grid !important;
  grid-template-columns: repeat(4, 250px) !important; /* 250px width */
  justify-content: center !important; /* center the row */
  gap: 20px !important;
}#bottom-videos iframe{
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  transition: transform 0.2s ease;
}

#bottom-videos iframe:hover{
  transform: scale(1.04);
}/* Elegant dark blue shimmer */
#bottom-videos .wp-block-column{
  position: relative;
  border-radius: 16px;
  overflow: visible;
}

/* Subtle blue outer shimmer */
#bottom-videos .wp-block-column::before{
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 20px;
  pointer-events: none;
  z-index: -1;

  background:
    radial-gradient(circle at 25% 35%, rgba(0,120,255,0.6) 1.5px, transparent 3px),
    radial-gradient(circle at 75% 50%, rgba(0,80,200,0.5) 1.5px, transparent 3px),
    radial-gradient(circle at 45% 80%, rgba(40,140,255,0.4) 1.5px, transparent 3px);

  background-size: 200px 200px;
  filter: blur(1px);
  animation: luxuryBlueSparkle 22s linear infinite;
  opacity: 0.45;
}

/* Slower executive movement */
@keyframes luxuryBlueSparkle{
  0% { background-position: 0 0, 0 0, 0 0; }
  100% { background-position: 200px 200px, -200px 200px, 200px -200px; }
}

/* Deep blue ambient glow on video */
#bottom-videos iframe{
  border-radius: 14px;
  box-shadow:
    0 0 18px rgba(0,120,255,0.35),
    0 0 40px rgba(0,60,180,0.2);
}/* Override orange gradient */
.is-contact-phone-email{
  background: linear-gradient(135deg, #0f1f3d, #142c5e) !important;
  color: #ffffff !important;
  border-radius: 18px;
  padding: 30px !important;
}/* Replace the gold/yellow card with a premium dark-blue card */
.is-contact-phone-email{
  background: linear-gradient(135deg, #081a3a, #0b2a5a) !important;
  color: #ffffff !important;
  border-radius: 22px !important;
  padding: 34px 28px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.25) !important;
}

/* Make the text look cleaner */
.is-contact-phone-email strong{
  color: #ffffff !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

/* If links inside become weird colors */
.is-contact-phone-email a{
  color: #a9d6ff !important;
}/* ===== About Us page redesign (scoped) ===== */
#about-us-redesign{
  --about-max: 1100px;
  --about-radius: 18px;
  --about-shadow: 0 10px 30px rgba(0,0,0,.08);
  --about-border: 1px solid rgba(0,0,0,.08);

  font-size: 16px;
  line-height: 1.7;
}

#about-us-redesign > *{
  max-width: var(--about-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
}

/* Section spacing */
#about-us-redesign h2{
  margin-top: 42px;
  margin-bottom: 14px;
  letter-spacing: .2px;
}
#about-us-redesign p{ margin: 0 0 14px; }

/* Intro “hero-like” block: apply to first heading + paragraph group */
#about-us-redesign h2:first-of-type{
  margin-top: 10px;
  font-size: clamp(24px, 3vw, 34px);
}
#about-us-redesign h2:first-of-type + p{
  font-size: 1.05em;
  opacity: .9;
}

/* Mission quote styling */
#about-us-redesign blockquote{
  margin: 22px 0;
  padding: 18px 18px 18px 16px;
  border-left: 4px solid rgba(0,0,0,.25);
  background: rgba(0,0,0,.03);
  border-radius: 12px;
}

/* Utility: “card” look for any grouped blocks you add */
#about-us-redesign .about-card{
  background: #fff;
  border: var(--about-border);
  border-radius: var(--about-radius);
  box-shadow: var(--about-shadow);
  padding: 18px;
}

/* Core Values grid (you’ll apply these classes in editor) */
#about-us-redesign .values-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
#about-us-redesign .value-item{
  background: #fff;
  border: var(--about-border);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}
#about-us-redesign .value-item h3{
  margin: 0 0 6px;
  font-size: 1.05em;
}
#about-us-redesign .value-item p{
  margin: 0;
  opacity: .9;
}

/* Why Choose Us grid */
#about-us-redesign .benefits-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}
#about-us-redesign .benefit{
  background: #fff;
  border: var(--about-border);
  border-radius: 16px;
  padding: 16px;
}

/* Events gallery cards */
#about-us-redesign .events-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 12px;
}
#about-us-redesign .event-card{
  overflow: hidden;
  border-radius: 18px;
  border: var(--about-border);
  box-shadow: var(--about-shadow);
  background: #fff;
}
#about-us-redesign .event-card img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
#about-us-redesign .event-body{
  padding: 14px 16px;
}
#about-us-redesign .event-body .event-title{
  margin: 0 0 4px;
  font-weight: 700;
}
#about-us-redesign .event-body .event-meta{
  font-size: .92em;
  opacity: .75;
  margin: 0 0 10px;
}

/* Responsive */
@media (max-width: 920px){
  #about-us-redesign .values-grid,
  #about-us-redesign .benefits-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #about-us-redesign .events-grid{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px){
  #about-us-redesign .values-grid,
  #about-us-redesign .benefits-grid{
    grid-template-columns: 1fr;
  }
}/* ===== Fix header menu alignment (top-right nav) ===== */

/* 1) Make header/menu container behave like a flex row */
header .main-navigation,
header nav[aria-label*="Primary"],
header nav[aria-label*="primary"],
header .wp-block-navigation,
header .site-navigation,
header #site-navigation {
  display: flex !important;
  align-items: center !important;       /* vertical centering */
  justify-content: flex-end !important; /* push menu to the right */
}

/* 2) Remove weird default margins/padding that can push the menu upward */
header .main-navigation ul,
header nav ul,
header .wp-block-navigation ul,
header #site-navigation ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px; /* spacing between menu items */
}

/* 3) Ensure each menu item is vertically centered */
header .main-navigation a,
header nav a,
header .wp-block-navigation a,
header #site-navigation a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 10px 18px !important; /* makes pills consistent */
}

/* 4) Add a little breathing room so pills don't touch the top edge */
header .site-header,
header .wp-site-blocks > header,
header .wp-block-template-part > header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}/* Move header menu slightly downward */
header .main-navigation,
header nav,
header .wp-block-navigation,
header #site-navigation {
    margin-top: 0px !important;   /* increase to move more down */
}/* Slightly reduce menu button size */
header .main-navigation a,
header nav a,
header .wp-block-navigation a,
header #site-navigation a {
    padding: 6px 14px !important;   /* smaller vertical + horizontal padding */
    font-size: 14px !important;     /* slightly smaller text */
}/* Move this specific buttons block to the right */
.wp-container-core-buttons-is-layout-fc1b390b {
    justify-content: flex-end !important;
}.wp-container-core-buttons-is-layout-fc1b390b {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
}.wp-container-core-buttons-is-layout-fc1b390b {
    margin-left: auto !important;
}