/* ==========================================================================
   VM Widgets Extended — T&T design system
   Tokens here are the single source of truth. Change a token → propagates
   to every widget instance on every page (no postmeta search-replace needed).
   ========================================================================== */

:root {
	/* Brand colors — verified against Figma */
	--vmx-red:        #E00F1F;
	--vmx-red-dark:   #CC1220;
	--vmx-blue:       #112687;
	--vmx-blue2:      #10238A;
	--vmx-blue-rgb:   17, 38, 135;
	--vmx-text:       #191919;
	--vmx-line:       #d9dde4;
	--vmx-font:       'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

	/* Typography scale — used by all widget headings via size variant classes */
	--vmx-h1-sm: 14px; --vmx-h1-md: 16px; --vmx-h1-lg: 18px;
	--vmx-h2-sm: 36px; --vmx-h2-md: 44px; --vmx-h2-lg: 56px;
	--vmx-h2-hero-sm: 48px; --vmx-h2-hero-md: 64px; --vmx-h2-hero-lg: 80px;
	--vmx-body-size: 16px;
	--vmx-body-lh: 1.6;

	/* Section spacing */
	--vmx-section-pad-y: 80px;
}

/* Legacy aliases (still referenced in other widgets) */
:root { --vmx-body: var(--vmx-text); }

/* Apply brand font + colors to every VMX widget by default.
   Per-instance Typography control in Style tab still wins. */
[class*="vmx-"] {
	font-family: var(--vmx-font);
}
.vmx-overlap-card,
.vmx-side,
.vmx-feat,
.vmx-acc-section,
.vmx-split-list,
.vmx-numcards {
	color: var(--vmx-text);
}

/* Reset Elementor container constraints so my widgets fill their containers. */
.elementor-section .elementor-container { max-width: 100% !important; }

/* Responsive gutters for every VMX section's inner container.
   Desktop default = 30px (from base .plr-30). Tablet bumps to 40px. Mobile collapses to 20px. */
@media (min-width: 601px) and (max-width: 1024px) {
	[class*="vmx-"] .plr-30,
	[class*="vmx-"].plr-30 {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (max-width: 600px) {
	[class*="vmx-"] .plr-30,
	[class*="vmx-"].plr-30 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* --------------------------------------------------------------------------
   Simple Hero
   Base styling lives here (cached once across all pages). Per-instance
   variation comes from the widget's curated Style controls.
   -------------------------------------------------------------------------- */
.vmx-hero {
	position: relative;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 460px;
	padding: 90px 0 140px;
	color: #fff;
}
.vmx-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(18,38,135,0.7) 0%, rgba(18,38,135,0.35) 55%, rgba(18,38,135,0.08) 100%);
}
.vmx-hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
}
/* compound selectors below = specificity (0,2,0) to outrank Elementor's site kit (.elementor-kit-N h1 = 0,1,1) */
.vmx-hero .vmx-hero__eyebrow {
	font-size: var(--vmx-h1-md);
	font-weight: 500;
	color: #fff;
	margin: 0 0 14px;
	line-height: 1.4;
}
.vmx-hero .vmx-hero__heading {
	font-size: var(--vmx-h2-hero-md);
	line-height: 1.06;
	font-weight: 700;
	color: #fff;
	margin: 0;
	max-width: 720px;
}

/* Size variants — the only thing controls swap */
.vmx-hero--size-sm .vmx-hero__eyebrow { font-size: var(--vmx-h1-sm); }
.vmx-hero--size-sm .vmx-hero__heading { font-size: var(--vmx-h2-hero-sm); }
.vmx-hero--size-lg .vmx-hero__eyebrow { font-size: var(--vmx-h1-lg); }
.vmx-hero--size-lg .vmx-hero__heading { font-size: var(--vmx-h2-hero-lg); }

@media (max-width: 900px) {
	.vmx-hero { min-height: 320px; padding: 60px 0 100px; }
	.vmx-hero__heading { font-size: 40px; }
	.vmx-hero--size-lg .vmx-hero__heading { font-size: 48px; }
}

/* --------------------------------------------------------------------------
   Overlap Card  (Hot House — pulled up over the hero)
   -------------------------------------------------------------------------- */
.vmx-overlap-card-wrap {
	margin-top: -80px;
	position: relative;
	z-index: 3;
	padding-bottom: 50px;
}
.vmx-overlap-card {
	/* background lives in the widget's "Card Background" control (Style → Card) — set per instance */
	padding: 44px 50px 48px;
	border-radius: 4px;
	text-align: center;
	max-width: 920px;
	margin: 0 auto;
	box-shadow: 0 14px 40px rgba(18,38,135,0.10);
}
.vmx-overlap-card__heading {
	color: var(--vmx-blue);
	font-size: 32px;
	font-weight: 600;
	line-height: 48px;
	margin: 0 0 18px;
	text-align: center;
}
.vmx-overlap-card__desc {
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.6;
	max-width: 640px;
	margin: 0 auto 28px;
}
.vmx-overlap-card__btn { margin-top: 10px; }
@media (max-width: 600px) {
	.vmx-overlap-card { padding: 32px 26px; }
	.vmx-overlap-card__heading { font-size: 26px; }
}

/* --------------------------------------------------------------------------
   Side Image + Text
   -------------------------------------------------------------------------- */
.vmx-side { padding: 70px 0; /* background lives in the widget's Section control */ }
.vmx-side__row { display: flex; gap: 60px; align-items: center; }
.vmx-side--imgright .vmx-side__row { flex-direction: row-reverse; }
.vmx-side--imgtop   .vmx-side__row { flex-direction: column; align-items: stretch; }
.vmx-side--imgtop   .vmx-side__image { flex: 0 0 auto; max-width: 100%; }
.vmx-side__image { flex: 0 0 46%; max-width: 46%; }
.vmx-side__image img { width: 100%; height: auto; display: block; border-radius: 6px; object-fit: cover; }
.vmx-side__text { flex: 1 1 auto; min-width: 0; }
.vmx-side__heading {
	color: var(--vmx-blue);
	font-size: 44px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 22px;
}
.vmx-side__body { color: var(--vmx-body); font-size: 16px; line-height: 1.6; }
/* Optional height cap — enabled per-instance via the "Cap Body Height" switcher in the widget */
@media (min-width: 1025px) {
	.vmx-side--bodycap-yes .vmx-side__body { height: 300px; overflow-y: scroll; }
}
.vmx-side__body p { margin: 0 0 16px; }
.vmx-side__body p:last-child { margin-bottom: 0; }
.vmx-side__body a { color: var(--vmx-body); text-decoration: underline; }
.vmx-side__btn { margin-top: 30px; }
@media (max-width: 1024px) {
	.vmx-side__row { flex-direction: column !important; gap: 30px; }
	.vmx-side__image { flex: 0 0 auto; width: 100%; max-width: 100%; }
	.vmx-side__heading { font-size: 30px; }
}

/* --------------------------------------------------------------------------
   Split CTA Band  (Need Help Now)
   -------------------------------------------------------------------------- */
.vmx-split-cta { padding: 80px 0; color: #fff; }
.vmx-split-cta--blue { background: var(--vmx-blue); }
.vmx-split-cta--red  { background: var(--vmx-red); }
.vmx-split-cta__container { display: flex; gap: 80px; align-items: flex-start; --vmx-split-left: 50%; }
.vmx-split-cta__left  { flex: 0 0 var(--vmx-split-left); min-width: 0; }
.vmx-split-cta__right { flex: 1 1 0; min-width: 0; }
.vmx-split-cta__heading {
	color: #fff;
	font-size: 44px;
	line-height: 1.1;
	font-weight: 700;
	margin: 0;
}
.vmx-split-cta__desc { color: #fff; font-size: 17px; line-height: 1.55; }
.vmx-split-cta__desc p { margin: 0 0 16px; }
.vmx-split-cta__desc p:last-child { margin-bottom: 0; }
.vmx-split-cta__btn-wrap { margin-top: 30px; }
@media (max-width: 800px) {
	.vmx-split-cta__container { flex-direction: column; gap: 28px; }
	.vmx-split-cta__heading { font-size: 30px; }
}

/* --------------------------------------------------------------------------
   Center CTA Band  (Need AC Repair)
   -------------------------------------------------------------------------- */
.vmx-center-cta { padding: 80px 0; color: #fff; text-align: center; }
.vmx-center-cta--blue { background: var(--vmx-blue); }
.vmx-center-cta--red  { background: var(--vmx-red); }
.vmx-center-cta__inner { max-width: 960px; margin: 0 auto; }
.vmx-center-cta__heading {
	color: #fff;
	font-size: 44px;
	line-height: 1.15;
	font-weight: 700;
	margin: 0 0 20px;
}
.vmx-center-cta__desc {
	color: #fff;
	font-size: 17px;
	line-height: 1.55;
	max-width: 780px;
	margin: 0 auto 32px;
}
.vmx-center-cta__desc a { color: #fff; text-decoration: underline; }
@media (max-width: 800px) {
	.vmx-center-cta__heading { font-size: 28px; }
}

/* --------------------------------------------------------------------------
   Featured List  (Quality Work)
   -------------------------------------------------------------------------- */
.vmx-feat { background: #fff; padding: 80px 0; }
.vmx-feat__heading {
	color: var(--vmx-blue);
	font-size: 44px;
	font-weight: 700;
	text-align: center;
	line-height: 1.15;
	margin: 0 0 22px;
}
.vmx-feat__intro {
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
	max-width: 820px;
	margin: 0 auto 44px;
}
.vmx-feat__intro a { color: var(--vmx-body); text-decoration: underline; }
.vmx-feat__row { display: flex; gap: 60px; align-items: flex-start; }
.vmx-feat__list {
	list-style: disc;
	padding-left: 24px;
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
}
.vmx-feat__item {
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.55;
	margin-bottom: 16px;
	padding-left: 4px;
}
.vmx-feat__item::marker { color: var(--vmx-body); }
.vmx-feat__item strong { color: var(--vmx-blue); font-weight: 700; }
.vmx-feat__image { flex: 0 0 42%; max-width: 42%; }
.vmx-feat__image img { width: 100%; height: auto; display: block; border-radius: 6px; object-fit: cover; }
.vmx-feat__btn { text-align: center; margin-top: 44px; }
@media (max-width: 1024px) {
	.vmx-feat__row { flex-direction: column; gap: 28px; }
	.vmx-feat__image { flex: 0 0 auto; width: 100%; max-width: 100%; order: -1; } /* image on top */
	.vmx-feat__list  { order: 0; }
	.vmx-feat__heading { font-size: 30px; }
}

/* --------------------------------------------------------------------------
   Simple Accordion  (stacked & split layouts)
   -------------------------------------------------------------------------- */
.vmx-acc-section { background: #fff; padding: 80px 0; }
.vmx-acc-section__heading {
	color: var(--vmx-blue);
	font-size: 48px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 36px;
	text-align: center;
}

/* Stacked layout */
.vmx-acc-section--stacked .vmx-acc-section__body { max-width: 1100px; margin: 0 auto; }
.vmx-acc-section--stacked .vmx-acc-section__desc {
	text-align: center;
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.6;
	max-width: 820px;
	margin: 0 auto 36px;
}

/* Split layout — description LEFT, accordion RIGHT */
.vmx-acc-section--split .vmx-acc-section__body {
	display: flex;
	gap: 70px;
	align-items: flex-start;
}
.vmx-acc-section--split .vmx-acc-section__desc {
	flex: 1 1 0;
	min-width: 0;
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.6;
}
.vmx-acc-section--split .vmx-acc-section__desc p { margin: 0 0 16px; }
.vmx-acc-section--split .vmx-acc { flex: 1 1 0; min-width: 0; }

@media (max-width: 900px) {
	.vmx-acc-section__heading { font-size: 32px; }
	.vmx-acc-section--split .vmx-acc-section__body { flex-direction: column; gap: 28px; }
}

/* Accordion items */
.vmx-acc { width: 100%; }
.vmx-acc__item { border-bottom: 1px solid var(--vmx-line); }
.vmx-acc__item:first-child { border-top: 1px solid var(--vmx-line); }
/* Hard reset against theme button defaults (hello-elementor applies red borders to all <button>) */
button.vmx-acc__title,
button.vmx-acc__title:hover,
button.vmx-acc__title:focus,
button.vmx-acc__title:active {
	-webkit-appearance: none;
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 18px 0;
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	color: var(--vmx-blue);
	box-shadow: none !important;
	outline: 0;
	white-space: normal;
}
.vmx-acc__label { flex: 1 1 auto; padding-right: 16px; color: inherit; }
.vmx-acc__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--vmx-blue);
	transition: opacity 0.15s ease;
}
.vmx-acc__icon svg { width: 1em; height: 1em; }
.vmx-acc__icon--open { display: none; }
.vmx-acc__item.is-open .vmx-acc__icon--closed { display: none; }
.vmx-acc__item.is-open .vmx-acc__icon--open   { display: inline-flex; }

/* Smooth expand/collapse animation (modern grid 0fr → 1fr technique) */
.vmx-acc__body {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
	padding: 0;
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.6;
}
.vmx-acc__body-inner {
	overflow: hidden;
	min-height: 0;
}
.vmx-acc__body-inner p { margin: 0 0 12px; }
.vmx-acc__body-inner p:last-child { margin-bottom: 0; }
.vmx-acc__item.is-open .vmx-acc__body {
	grid-template-rows: 1fr;
	padding-bottom: 22px;
}

/* Fallback for browsers without grid 0fr support (Safari <16) — instant toggle */
@supports not (grid-template-rows: 0fr) {
	.vmx-acc__body { display: none; padding-bottom: 22px; }
	.vmx-acc__item.is-open .vmx-acc__body { display: block; }
}
/* legacy rules removed — animation rules below own the .vmx-acc__body styling */

/* --------------------------------------------------------------------------
   Service Area Grid (unused on this page — footer handles it — kept for future)
   -------------------------------------------------------------------------- */
.vmx-service-area { background: #111315; color: #fff; padding: 80px 0 90px; }
.vmx-service-area__container { text-align: center; }
.vmx-service-area__eyebrow {
	color: var(--vmx-red);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.5px;
	margin-bottom: 12px;
}
.vmx-service-area__heading {
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	margin: 0 0 44px;
}
.vmx-service-area__grid {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(var(--vmx-sa-cols, 6), 1fr);
	gap: 18px 30px;
	max-width: 980px;
}
.vmx-service-area__city { font-size: 15px; color: #fff; font-weight: 500; }
.vmx-service-area__city a { color: #fff; text-decoration: none; }
.vmx-service-area__city a:hover { text-decoration: underline; }
@media (max-width: 900px) {
	.vmx-service-area__grid { grid-template-columns: repeat(3, 1fr); }
	.vmx-service-area__heading { font-size: 32px; }
}

/* --------------------------------------------------------------------------
   Brand button refinements — defaults only. NO !important so the widget's
   own Normal/Hover controls (Text, Background, Padding, Typography, Radius,
   Border) win when an author sets them.
   -------------------------------------------------------------------------- */
.btn {
    font-family: "Lato", L;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 30px 10px 30px;
	display: inline-block;
	letter-spacing: 0.5px;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
/* Button colors via CSS variables so the widget's Normal+Hover controls
   (which set --vmx-btn-* via the WRAPPER) flow through. We use !important
   here ONLY because the base "vm-widgets-plugin" CSS uses !important on
   the same selectors — without our !important we lose the cascade fight. */
.btn.btn-red {
	background: var(--vmx-btn-bg, var(--vmx-red)) !important;
	color: var(--vmx-btn-color, #fff) !important;
}
.btn.btn-red:hover {
	background: var(--vmx-btn-bg-h, var(--vmx-blue));
	color: var(--vmx-btn-color-h, #fff);
	border-color: var(--vmx-btn-border-h, transparent);
}

/* --------------------------------------------------------------------------
   Split List  (Smarter Way to Heat & Cool — heading L, bullets R)
   -------------------------------------------------------------------------- */
.vmx-split-list { background: #fff; padding: 80px 0; }
.vmx-split-list__row { display: flex; gap: 70px; align-items: flex-start; }
.vmx-split-list__left, .vmx-split-list__right { flex: 1 1 0; min-width: 0; }
.vmx-split-list__heading {
	color: var(--vmx-blue);
	font-size: 44px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 22px;
}
.vmx-split-list__body { color: var(--vmx-body); font-size: 16px; line-height: 1.6; }
.vmx-split-list__body p { margin: 0 0 16px; }
.vmx-split-list__body p:last-child { margin-bottom: 0; }
.vmx-split-list__btn { margin-top: 26px; }
.vmx-split-list__intro {
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.55;
	margin-bottom: 18px;
}
.vmx-split-list__items {
	list-style: disc;
	padding-left: 22px;
	margin: 0;
}
.vmx-split-list__item {
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.55;
	margin-bottom: 16px;
}
.vmx-split-list__item strong { color: var(--vmx-blue); font-weight: 700; }
@media (max-width: 1024px) {
	/* On tablet/mobile flatten the 2-col layout and re-order so the button
	   ends up at the very bottom (after the bullet list). */
	.vmx-split-list__row { display: flex; flex-direction: column; gap: 24px; }
	.vmx-split-list__left,
	.vmx-split-list__right { display: contents; }
	.vmx-split-list__heading { order: 1; font-size: 30px; }
	.vmx-split-list__body    { order: 2; }
	.vmx-split-list__intro   { order: 3; }
	.vmx-split-list__items   { order: 4; }
	.vmx-split-list__btn     { order: 5; margin-top: 12px; }
}

/* --------------------------------------------------------------------------
   Numbered Cards  (Professional Installation You Can Count On)
   Uses flexbox with justify-content:center so the last row auto-centers
   regardless of how many cards there are. Cards Per Row control drives
   the card width via the --vmx-num-cols custom property.
   -------------------------------------------------------------------------- */
.vmx-numcards {
	background: #f5f6fa;
	padding: 80px 0;
	--vmx-num-cols: 3;
	--vmx-num-gap: 30px;
}
.vmx-numcards__heading {
	color: var(--vmx-blue);
	font-size: 44px;
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	margin: 0 0 22px;
}
.vmx-numcards__intro {
	color: var(--vmx-body);
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
	max-width: 820px;
	margin: 0 auto 44px;
}
.vmx-numcards__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--vmx-num-gap);
	max-width: 1100px;
	margin: 0 auto;
}
.vmx-numcards__card {
	background: #fff;
	padding: 36px 32px 38px;
	flex: 0 0 calc((100% - (var(--vmx-num-cols) - 1) * var(--vmx-num-gap)) / var(--vmx-num-cols));
	max-width: calc((100% - (var(--vmx-num-cols) - 1) * var(--vmx-num-gap)) / var(--vmx-num-cols));
	box-sizing: border-box;
}
.vmx-numcards__number {
	color: var(--vmx-red);
	font-size: 56px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 22px;
}
.vmx-numcards__title {
	color: var(--vmx-blue);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 16px;
}
.vmx-numcards__body {
	color: var(--vmx-body);
	font-size: 15px;
	line-height: 1.55;
}
/* Responsive fallbacks — !important needed to override the Cards Per Row
   responsive control's desktop value when authors haven't set explicit
   tablet/mobile values (Elementor's per-element rule has higher specificity). */
@media (max-width: 1024px) {
	.vmx-numcards { --vmx-num-cols: 2 !important; --vmx-num-gap: 20px !important; }
	.vmx-numcards__heading { font-size: 30px; }
	.vmx-numcards__card { padding: 28px 24px 30px; }
	.vmx-numcards__number { font-size: 44px; margin-bottom: 14px; }
	/* Flex cards LEFT on tablet so the odd-last card sits at the start of the row
	   instead of centering under the row above */
	.vmx-numcards__grid { justify-content: flex-start; }
}
@media (max-width: 600px) {
	.vmx-numcards { --vmx-num-cols: 1 !important; }
	.vmx-numcards__card { padding: 24px 20px 26px; }
}

/* --------------------------------------------------------------------------
   Side image bodies — allow HTML <ul> inside the WYSIWYG to render as bullets
   -------------------------------------------------------------------------- */
.vmx-side__body ul {
	list-style: disc;
	padding-left: 22px;
	margin: 0 0 16px;
}
.vmx-side__body ul li {
	margin-bottom: 8px;
	line-height: 1.55;
}

/* Variants — same CSS-variable bridge so widget Normal/Hover controls win */
.btn.btn-blue {
	background: var(--vmx-btn-bg, var(--vmx-blue)) !important;
	color: var(--vmx-btn-color, #fff) !important;
}
.btn.btn-blue:hover {
	background: var(--vmx-btn-bg-h, var(--vmx-red)) !important;
	color: var(--vmx-btn-color-h, #fff) !important;
	border-color: var(--vmx-btn-border-h, transparent);
}
.btn.btn-white {
	background: var(--vmx-btn-bg, #fff) !important;
	color: var(--vmx-btn-color, var(--vmx-red)) !important;
}
.btn.btn-white:hover {
	background: var(--vmx-btn-bg-h, var(--vmx-red)) !important;
	color: var(--vmx-btn-color-h, #fff) !important;
	border-color: var(--vmx-btn-border-h, transparent);
}

/* --------------------------------------------------------------------------
   Tablet / mobile image heights — caps them to a proportional viewport ratio
   so the side-by-side widget photos don't blow up to full-width tall once
   stacked. 60vw on tablet, 70vw on mobile.
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.vmx-side__image img,
	.vmx-feat__image img {
		height: 60vw;
		object-fit: cover;
	}
}
@media (max-width: 600px) {
	.vmx-side__image img,
	.vmx-feat__image img {
		height: 70vw;
	}
}

/* --------------------------------------------------------------------------
   Split CTA Band — on tablet/mobile align everything to the LEFT
   (heading, body, button). Desktop layout (2 cols) is unchanged.
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.vmx-split-cta__container { text-align: left; }
	.vmx-split-cta__heading,
	.vmx-split-cta__desc,
	.vmx-split-cta__btn-wrap {
		text-align: left;
	}
}