/*
 * Contact-us hero form — vertical compacting.
 *
 * The form itself is a HubSpot embed rendered inside a cross-origin iframe, so
 * its internal field padding/line-height cannot be styled from here. This file
 * only tightens the spacing AROUND the form — section padding, card padding and
 * the heading margins/line-height — so the form and its submit button sit higher.
 *
 * Scoped to .msk-contact-compact (added on the contact-us hero <section>) and
 * enqueued only on the contact-us page.
 */

.msk-contact-compact.py-5 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

/*.msk-contact-compact .card.shadow {
	padding-top: 0.85rem !important;
	padding-bottom: 0.5rem !important;
	margin-top: 0.5rem !important;
}*/

.msk-contact-compact .card .fs-4 {
	margin-bottom: 0.1rem !important;
	line-height: 1.25;
}

.msk-contact-compact .card .section-subtitle {
	margin-bottom: 0.4rem !important;
	padding-bottom: 0.4rem !important;
	line-height: 1.3;
}

/* Remove any gap the HubSpot wrapper/iframe adds above/below itself. */
.msk-contact-compact .card .hbspt-form,
.msk-contact-compact .card .hs-form-iframe {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}