/* ── 0. FONT STACK NOTE ────────────────────────────────────────────────
	   Inter is loaded via <link> in sf_ecosystem_font_load (priority 1).
	   No @import needed here — avoids render-blocking in <style> blocks.   */

	/* ── 1. BASE TYPOGRAPHY — Applied globally ──────────────────────────── */
	/* All heading and body text inherits Inter and receives Apple-standard
	   anti-aliasing. Elementor's generated font-family is overridden here. */

	body,
	.elementor-widget-heading .elementor-heading-title,
	.elementor-widget-text-editor,
	.elementor-widget-text-editor p,
	.e-con,
	.elementor-section {
		font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
	}

	/* ── 2. GLOBAL HEADING SCALE ────────────────────────────────────────── */
	/* Exact values from the Salient Fusion® type spec.
	   Double-class selector beats Elementor's generated single-class rules
	   without needing element ID specificity or extra !important wars.     */

	/* H1 — hero / page title */
	.elementor-widget-heading h1.elementor-heading-title,
	.e-con h1.elementor-heading-title {
		font-size: clamp(54px, 8vw, 108px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.042em !important;
		line-height: 0.96 !important;
		color: #1d1d1f !important;
	}

	/* H2 — section headline */
	.elementor-widget-heading h2.elementor-heading-title,
	.e-con h2.elementor-heading-title {
		font-size: clamp(34px, 4vw, 48px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.02em !important;
		line-height: 1.08 !important;
		color: #1d1d1f !important;
		max-width: 760px !important;
	}

	/* H3 — sub-section / card headline */
	.elementor-widget-heading h3.elementor-heading-title,
	.e-con h3.elementor-heading-title {
		font-size: clamp(22px, 2.8vw, 34px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.022em !important;
		line-height: 1.12 !important;
		color: #1d1d1f !important;
	}

	/* H4 — card title */
	.elementor-widget-heading h4.elementor-heading-title,
	.e-con h4.elementor-heading-title {
		font-size: clamp(20px, 1.8vw, 24px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.018em !important;
		line-height: 1.18 !important;
		color: #1d1d1f !important;
	}

	/* H5 / H6 — eyebrow / label */
	.elementor-widget-heading h5.elementor-heading-title,
	.elementor-widget-heading h6.elementor-heading-title,
	.e-con h5.elementor-heading-title,
	.e-con h6.elementor-heading-title {
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: 0.10em !important;
		line-height: 1.3 !important;
		text-transform: uppercase !important;
		background: var(--sf-brand-gradient) !important;
		-webkit-background-clip: text !important;
		background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		color: #D9CA2B !important;  /* fallback — Fusion supporting yellow */
	}

	/* ── 3. BODY TEXT SCALE ─────────────────────────────────────────────── */

	/* Standard body — 16–18px, grey, readable line length */
	.elementor-widget-text-editor p {
		font-size: clamp(16px, 1.6vw, 18px) !important;
		line-height: 1.6 !important;
		color: #6e6e73 !important;
		font-weight: 400 !important;
		letter-spacing: -0.008em !important;
		max-width: 680px !important;
	}

	/* Intro paragraph — slightly larger, darker, used directly under section H2 */
	.sf-section-intro .elementor-widget-text-editor p,
	.sf-section-intro p,
	.sf-section-title .elementor-widget-text-editor p,
	.sf-section-title p {
		font-size: clamp(18px, 2vw, 21px) !important;
		line-height: 1.55 !important;
		color: #4b4b4f !important;
		max-width: 680px !important;
	}

	/* Card body copy — tight, 15–17px */
	.sf-card-body .elementor-widget-text-editor p,
	.sf-capability-tile .elementor-widget-text-editor p,
	.sf-market-tile .elementor-widget-text-editor p,
	.sf-solution-card .elementor-widget-text-editor p,
	.sf-process-card .elementor-widget-text-editor p {
		font-size: 15px !important;
		line-height: 1.62 !important;
		color: #6e6e73 !important;
		max-width: none !important;
	}

	/* ── 4. SECTION VERTICAL RHYTHM ─────────────────────────────────────── */
	/* Applied via CSS class on the outer Elementor container.
	   clamp scales 80px (mobile) → 112px (wide desktop).
	   The :not() guards keep the nav, mega-menu, and hero untouched.      */

	/* Standard content section */
	.sf-section-white,
	.sf-section-grey,
	.sf-page-section {
		padding-top:    clamp(80px, 9vw, 112px) !important;
		padding-bottom: clamp(80px, 9vw, 112px) !important;
	}

	/* Carousel sections — tighter so heading + carousel sit within one screen */
	.sf-section-carousel {
		padding-top:    clamp(56px, 6vw, 80px) !important;
		padding-bottom: clamp(32px, 4vw, 48px) !important;
	}

	/* Hero — no vertical padding; min-height sets the vertical space */
	.sf-hero-split,
	.sf-section-hero,
	.sf-apple-hero {
		padding-top:    0 !important;
		padding-bottom: 0 !important;
	}

	/* CTA section — generous but not excessive */
	.sf-cta {
		padding-top:    clamp(80px, 10vw, 140px) !important;
		padding-bottom: clamp(80px, 10vw, 140px) !important;
	}

	/* ── 5. SECTION MAX-WIDTH CONTAINMENT ────────────────────────────────── */
	/* Content sections: 1200px centred column, horizontal breathing room.
	   Only applies to sections that carry an sf-* background class,
	   keeping nav, dropdowns and hero containers untouched.               */

	.sf-section-white > .e-con-inner,
	.sf-section-grey  > .e-con-inner,
	.sf-page-section  > .e-con-inner,
	.sf-ecosystem     > .e-con-inner,
	.sf-capabilities  > .e-con-inner,
	.sf-solutions     > .e-con-inner,
	.sf-markets       > .e-con-inner,
	.sf-how-we-work   > .e-con-inner,
	.sf-cta           > .e-con-inner {
		max-width: 1200px !important;
		margin-left:  auto !important;
		margin-right: auto !important;
		padding-left:  clamp(20px, 4vw, 48px) !important;
		padding-right: clamp(20px, 4vw, 48px) !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	/* H2 heading max-width — 760px reading width */
	.sf-section-white h2.elementor-heading-title,
	.sf-section-grey  h2.elementor-heading-title,
	.sf-page-section  h2.elementor-heading-title,
	.sf-ecosystem     h2.elementor-heading-title,
	.sf-capabilities  h2.elementor-heading-title,
	.sf-solutions     h2.elementor-heading-title,
	.sf-markets       h2.elementor-heading-title,
	.sf-how-we-work   h2.elementor-heading-title {
		max-width: 760px !important;
	}

	/* Body paragraph max-width — 680px for comfortable reading */
	.sf-section-white .elementor-widget-text-editor,
	.sf-section-grey  .elementor-widget-text-editor,
	.sf-page-section  .elementor-widget-text-editor,
	.sf-ecosystem     .elementor-widget-text-editor,
	.sf-capabilities  .elementor-widget-text-editor,
	.sf-solutions     .elementor-widget-text-editor,
	.sf-markets       .elementor-widget-text-editor,
	.sf-how-we-work   .elementor-widget-text-editor {
		max-width: 680px !important;
	}

	/* ── 6. ALTERNATING SECTION BACKGROUNDS ─────────────────────────────── */
	/* White sections use sf-section-white, grey use sf-section-grey.
	   The pattern is: hero (white) → grey → white → grey → white → dark CTA.
	   Apply these classes in Elementor Advanced > CSS Classes.             */

	.sf-section-white {
		background-color: #ffffff !important;
	}
	.sf-section-grey {
		background-color: #f5f5f7 !important;
	}

	/* ── 7. HEADING MAX-WIDTH — SECTION HEADINGS ─────────────────────────── */
	/* Prevent H2 section headings from stretching full container width.
	   Controlled reading width keeps lines short and Apple-tight.          */

	h2.elementor-heading-title {
		max-width: 760px !important;
	}
	h3.elementor-heading-title {
		max-width: 640px !important;
	}

	/* ── 8. GLOBAL LINK STYLE ────────────────────────────────────────────── */
	/* Navigation links — always black (Apple.com standard)                 */
	a {
		color: #1d1d1f !important;
		text-decoration: none !important;
	}
	a:hover {
		color: #1d1d1f !important;
		text-decoration: none !important;
	}

	/* Content / inline links inside text editors — dark with yellow hover
	   Scoped AWAY from the mega-menu dropdown columns so nav
	   content stays #1d1d1f and only page body links are accented.      */
	.elementor-widget-text-editor a:not(.menu-dropdown-content *),
	.elementor-widget-text-editor a:visited:not(.menu-dropdown-content *) {
		color: #1D1D1F !important;
		text-decoration: none !important;
	}
	.elementor-widget-text-editor a:hover:not(.menu-dropdown-content *) {
		text-decoration: underline !important;
	}

	/* Mega-menu dropdown text — always near-black, hover blue              */
	/* font-family explicit: overrides SF Kit body_typography (Open Sans)
	   so dropdown links match Blueprint's system-font inheritance.         */
	.menu-dropdown-content .elementor-widget-text-editor p,
	.menu-dropdown-content .elementor-widget-text-editor p a,
	.menu-sub-col-a .elementor-widget-text-editor p,
	.menu-sub-col-a .elementor-widget-text-editor p a,
	.menu-sub-col-b .elementor-widget-text-editor p,
	.menu-sub-col-b .elementor-widget-text-editor p a,
	.menu-sub-col-c .elementor-widget-text-editor p,
	.menu-sub-col-c .elementor-widget-text-editor p a {
		font-family:     -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
		color:           #1d1d1f !important;
		text-decoration: none !important;
	}
	.menu-dropdown-content .elementor-widget-text-editor p a:hover,
	.menu-sub-col-a .elementor-widget-text-editor p a:hover,
	.menu-sub-col-b .elementor-widget-text-editor p a:hover,
	.menu-sub-col-c .elementor-widget-text-editor p a:hover {
		color: #E6B300 !important;
	}

	/* ── 9. GLOBAL BUTTON RESET — Apple pill style ───────────────────────── */
	/* All Elementor buttons get Apple pill proportions as a base.
	   Section-specific overrides win over this due to higher specificity.  */
	.elementor-button {
		border-radius: 980px !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		letter-spacing: -0.01em !important;
		padding: 12px 22px !important;
		transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
	}

	/* ── 10. IMAGE QUALITY ───────────────────────────────────────────────── */
	img {
		max-width: 100% !important;
		height: auto !important;
	}

	/* ── 11. HERO SECTION — split headline structure ─────────────────────── */
	/* The hero container centres content and gives breathing room.
	   Line 1 = larger gradient text. Line 2 = solid slightly smaller.     */

	.sf-hero-split {
		min-height: 88vh !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		padding: clamp(100px, 12vh, 160px) clamp(20px, 4vw, 60px) !important;
		background: #ffffff !important;
		overflow: hidden !important;
	}

	.sf-hero-split h1.elementor-heading-title,
	.sf-hero-split h2.elementor-heading-title {
		font-size: clamp(52px, 7.5vw, 104px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.042em !important;
		line-height: 0.96 !important;
		max-width: 960px !important;
		margin: 0 auto !important;
	}

	/* ── 12. SECTION HEADER BLOCKS ───────────────────────────────────────── */
	/* When a heading + paragraph are the first children of a section,
	   apply standard Apple top-section spacing between them.               */

	.sf-section-title h2.elementor-heading-title,
	.sf-section-header h2.elementor-heading-title {
		font-size: clamp(34px, 4vw, 52px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.030em !important;
		line-height: 1.08 !important;
		max-width: 760px !important;
		margin-bottom: 16px !important;
	}

	.sf-section-title .elementor-widget-text-editor p,
	.sf-section-header .elementor-widget-text-editor p {
		font-size: clamp(17px, 1.8vw, 20px) !important;
		line-height: 1.58 !important;
		color: #6e6e73 !important;
		max-width: 640px !important;
	}

	/* Centre-aligned section titles */
	.sf-section-title--centre h2.elementor-heading-title,
	.sf-section-title--centre .elementor-widget-text-editor p {
		margin-left:  auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}

	/* ── 13. EYEBROW / KICKER LABEL ─────────────────────────────────────── */
	/* Small uppercase label above a section heading — Apple uses 12–13px   */

	.sf-eyebrow,
	h5.elementor-heading-title,
	h6.elementor-heading-title {
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: 0.10em !important;
		text-transform: uppercase !important;
		background: var(--sf-brand-gradient) !important;
		-webkit-background-clip: text !important;
		background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		color: #D9CA2B !important;  /* fallback — Fusion supporting yellow */
		margin-bottom: 14px !important;
	}

	/* ── 14. CARD GRID GAP ───────────────────────────────────────────────── */
	/* Apple uses 24px gaps between tiles. Elementor default varies.        */

	.sf-grid-3,
	.sf-grid-4 {
		gap: 24px !important;
	}

	/* ── 15. CARD PADDING ────────────────────────────────────────────────── */
	/* Cards get 28–32px internal padding — room to breathe.               */

	.sf-card,
	.sf-company-card,
	.sf-grid-card,
	.sf-capability-tile,
	.sf-market-tile,
	.sf-solution-card,
	.sf-process-card {
		padding: 28px !important;
	}

	/* ── 15b. SECTION BACKGROUNDS — light/dark utility classes ──────────── */
	/* sf-section-dark must be paired with white-text sections (e.g. sf-cta) */
	/* Defining it here creates a clear link: dark bg ↔ white text.         */
	.sf-section-dark {
		background-color: #1d1d1f !important;
	}

	/* ── Safety net: headings in light-background sections are always dark ─ */
	/* Prevents white-on-white if a heading inherits a white colour from    */
	/* Elementor global kit settings or from an out-of-context CSS rule.    */
	.sf-section-white h1.elementor-heading-title,
	.sf-section-white h2.elementor-heading-title,
	.sf-section-white h3.elementor-heading-title,
	.sf-section-white h4.elementor-heading-title,
	.sf-section-grey  h1.elementor-heading-title,
	.sf-section-grey  h2.elementor-heading-title,
	.sf-section-grey  h3.elementor-heading-title,
	.sf-section-grey  h4.elementor-heading-title {
		color: #1d1d1f !important;
	}

	/* ── 16. CTA SECTION ─────────────────────────────────────────────────── */
	/* Dark section CTA — full width, centred, generous padding.            */
	/* IMPORTANT: .sf-cta must always be paired with .sf-section-dark       */
	/* to ensure white text appears on a dark background (never white-on-   */
	/* white). The sf-section-white safety net above cannot override this   */
	/* rule because .sf-cta is more specific — so always use sf-section-dark */
	/* alongside sf-cta in Elementor Advanced > CSS Classes.                */

	.sf-cta {
		padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 60px) !important;
		text-align: center !important;
	}

	/* White text only when inside a confirmed dark-background section */
	.sf-section-dark.sf-cta h2.elementor-heading-title,
	.sf-section-dark .sf-cta h2.elementor-heading-title {
		font-size: clamp(36px, 5vw, 64px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.035em !important;
		line-height: 1.06 !important;
		color: #ffffff !important;
		max-width: 720px !important;
		margin: 0 auto 20px !important;
	}

	/* Fallback for standalone .sf-cta without .sf-section-dark:           */
	/* Use a prominent dark colour instead of invisible white               */
	.sf-cta:not(.sf-section-dark) h2.elementor-heading-title {
		font-size: clamp(36px, 5vw, 64px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.035em !important;
		line-height: 1.06 !important;
		color: #1d1d1f !important;
		max-width: 720px !important;
		margin: 0 auto 20px !important;
	}

	.sf-section-dark.sf-cta .elementor-widget-text-editor p,
	.sf-section-dark .sf-cta .elementor-widget-text-editor p {
		color: rgba(255,255,255,0.72) !important;
		max-width: 520px !important;
		margin-left:  auto !important;
		margin-right: auto !important;
	}

	/* ── 17. HOW WE WORK — step connector line ───────────────────────────── */
	/* Thin accent line at top of each step card                           */
	.sf-step {
		position: relative !important;
	}
	.sf-step::before {
		content: '' !important;
		display: block !important;
		width: 32px !important;
		height: 2px !important;
		background: linear-gradient(90deg, #0071E3, #76B900, #FFC700, #FF3B30) !important;
		margin-bottom: 18px !important;
	}

	/* ── 18. ECOSYSTEM SECTION ───────────────────────────────────────────── */
	/* "The ecosystem. software.hardware.delivery." large centred statement */

	.sf-ecosystem h2.elementor-heading-title {
		font-size: clamp(40px, 5.5vw, 72px) !important;
		font-weight: 600 !important;
		letter-spacing: -0.04em !important;
		line-height: 1.0 !important;
	}

	/* Secondary line — lighter colour, still large */
	.sf-ecosystem-sub-headline h2.elementor-heading-title,
	.sf-ecosystem-sub-headline h3.elementor-heading-title {
		color: #6e6e73 !important;
		font-size: clamp(32px, 4.5vw, 60px) !important;
	}

	/* ── 19. RESPONSIVE ──────────────────────────────────────────────────── */

	@media (max-width: 1024px) {
		/* Slightly reduce horizontal container padding on tablet */
		.sf-section-white > .e-con-inner,
		.sf-section-grey  > .e-con-inner,
		.sf-page-section  > .e-con-inner,
		.sf-ecosystem     > .e-con-inner,
		.sf-capabilities  > .e-con-inner,
		.sf-solutions     > .e-con-inner,
		.sf-markets       > .e-con-inner,
		.sf-how-we-work   > .e-con-inner,
		.sf-cta           > .e-con-inner {
			padding-left:  32px !important;
			padding-right: 32px !important;
		}
	}

	@media (max-width: 767px) {
		/* Safe horizontal padding on mobile — matches Apple.com 22px */
		.sf-section-white > .e-con-inner,
		.sf-section-grey  > .e-con-inner,
		.sf-page-section  > .e-con-inner,
		.sf-ecosystem     > .e-con-inner,
		.sf-capabilities  > .e-con-inner,
		.sf-solutions     > .e-con-inner,
		.sf-markets       > .e-con-inner,
		.sf-how-we-work   > .e-con-inner,
		.sf-cta           > .e-con-inner {
			padding-left:  22px !important;
			padding-right: 22px !important;
		}

		/* Restore max-width to full width on mobile for headings and text */
		.sf-section-white h2.elementor-heading-title,
		.sf-section-grey  h2.elementor-heading-title,
		.sf-page-section  h2.elementor-heading-title,
		.sf-ecosystem     h2.elementor-heading-title,
		.sf-capabilities  h2.elementor-heading-title,
		.sf-solutions     h2.elementor-heading-title,
		.sf-markets       h2.elementor-heading-title,
		.sf-how-we-work   h2.elementor-heading-title,
		h2.elementor-heading-title,
		h3.elementor-heading-title {
			max-width: 100% !important;
		}
		.sf-section-white .elementor-widget-text-editor,
		.sf-section-grey  .elementor-widget-text-editor,
		.sf-page-section  .elementor-widget-text-editor,
		.sf-ecosystem     .elementor-widget-text-editor,
		.sf-capabilities  .elementor-widget-text-editor,
		.sf-solutions     .elementor-widget-text-editor,
		.sf-markets       .elementor-widget-text-editor,
		.sf-how-we-work   .elementor-widget-text-editor {
			max-width: 100% !important;
		}

		/* Hero — reduce height and padding on mobile phones */
		.sf-hero-split {
			min-height: 75vh !important;
			padding-top:    80px !important;
			padding-bottom: 60px !important;
		}
		.sf-hero-split h1.elementor-heading-title,
		.sf-hero-split h2.elementor-heading-title {
			font-size:      clamp(38px, 9vw, 56px) !important;
			letter-spacing: -0.03em !important;
			line-height:    1.04 !important;
		}

		/* CTA buttons stack vertically on mobile */
		.sf-cta .sf-cta-buttons,
		.sf-hero-split .sf-hero-cta {
			flex-direction: column !important;
			align-items:    center !important;
		}

		/* Card padding reduced on mobile */
		.sf-card,
		.sf-company-card,
		.sf-grid-card,
		.sf-capability-tile,
		.sf-market-tile,
		.sf-solution-card,
		.sf-process-card {
			padding: 20px !important;
		}

		/* Section headings — tighter on mobile */
		.sf-section-title h2.elementor-heading-title,
		.sf-section-header h2.elementor-heading-title {
			font-size:   clamp(28px, 7vw, 38px) !important;
			margin-bottom: 12px !important;
		}
	}

	/* Very small phones ≤ 390px — micro adjustments */
	@media (max-width: 390px) {
		.sf-section-white > .e-con-inner,
		.sf-section-grey  > .e-con-inner,
		.sf-page-section  > .e-con-inner,
		.sf-ecosystem     > .e-con-inner,
		.sf-capabilities  > .e-con-inner,
		.sf-solutions     > .e-con-inner,
		.sf-markets       > .e-con-inner,
		.sf-how-we-work   > .e-con-inner,
		.sf-cta           > .e-con-inner {
			padding-left:  16px !important;
			padding-right: 16px !important;
		}
		.sf-hero-split h1.elementor-heading-title,
		.sf-hero-split h2.elementor-heading-title {
			font-size: clamp(32px, 9.5vw, 42px) !important;
		}
		/* Ecosystem statement headline */
		.sf-ecosystem h2.elementor-heading-title {
			font-size: clamp(28px, 9vw, 40px) !important;
		}
	}

	/* iPad portrait ≥ 768px — refine section inner padding */
	@media (min-width: 768px) and (max-width: 1023px) {
		.sf-section-white > .e-con-inner,
		.sf-section-grey  > .e-con-inner,
		.sf-page-section  > .e-con-inner,
		.sf-ecosystem     > .e-con-inner,
		.sf-capabilities  > .e-con-inner,
		.sf-solutions     > .e-con-inner,
		.sf-markets       > .e-con-inner,
		.sf-how-we-work   > .e-con-inner,
		.sf-cta           > .e-con-inner {
			padding-left:  40px !important;
			padding-right: 40px !important;
		}
		/* Hero on iPad portrait */
		.sf-hero-split {
			min-height: 80vh !important;
		}
		.sf-hero-split h1.elementor-heading-title,
		.sf-hero-split h2.elementor-heading-title {
			font-size: clamp(44px, 7vw, 72px) !important;
		}
	}

	/* Large screens ≥ 1440px — allow slightly wider reading lines */
	@media (min-width: 1440px) {
		.sf-section-white > .e-con-inner,
		.sf-section-grey  > .e-con-inner,
		.sf-page-section  > .e-con-inner,
		.sf-ecosystem     > .e-con-inner,
		.sf-capabilities  > .e-con-inner,
		.sf-solutions     > .e-con-inner,
		.sf-markets       > .e-con-inner,
		.sf-how-we-work   > .e-con-inner,
		.sf-cta           > .e-con-inner {
			max-width:     1280px !important;
			padding-left:  clamp(40px, 4vw, 80px) !important;
			padding-right: clamp(40px, 4vw, 80px) !important;
		}
		h2.elementor-heading-title {
			max-width: 840px !important;
		}
	}

	/* Ultra-wide screens ≥ 1920px — hard cap on content sprawl */
	@media (min-width: 1920px) {
		.sf-section-white > .e-con-inner,
		.sf-section-grey  > .e-con-inner,
		.sf-page-section  > .e-con-inner,
		.sf-ecosystem     > .e-con-inner,
		.sf-capabilities  > .e-con-inner,
		.sf-solutions     > .e-con-inner,
		.sf-markets       > .e-con-inner,
		.sf-how-we-work   > .e-con-inner,
		.sf-cta           > .e-con-inner {
			max-width: 1400px !important;
		}
	}