.elementor-kit-295{--e-global-color-primary:#232D44;--e-global-color-text:#232D44;--e-global-color-1fb79b9:#FFE8E4;--e-global-color-a381607:#FF6D59;--e-global-color-7be7e20:#E9604E;--e-global-color-94aa9a9:#901409;--e-global-color-1ab8b10:#DCF5EE;--e-global-color-529336a:#00C296;--e-global-color-b93673c:#00AB84;--e-global-color-03c1d8f:#006546;--e-global-color-6734bfa:#F1EBFB;--e-global-color-df8c06e:#C58EFF;--e-global-color-6a2b305:#B27CF6;--e-global-color-fdb7c4c:#5F2C95;--e-global-color-5ef371d:#FFFDEF;--e-global-color-f6935bb:#FFFCE1;--e-global-color-817e8b5:#FAF3CC;--e-global-color-afeb47c:#EFE3AA;--e-global-color-a452c60:#006FA3;--e-global-color-d7ce37e:#005A83;--e-global-color-33a0bf4:#004667;--e-global-color-603d6bc:#00344D;--e-global-color-08cce8a:#002235;--e-global-color-4ff7f0f:#F7FBFD;--e-global-color-2f8f46e:#FFFFFF;--e-global-typography-primary-font-family:"Lateral Extended";--e-global-typography-secondary-font-family:"Lateral Standard";--e-global-typography-secondary-font-weight:bold;--e-global-typography-text-font-family:"Lateral Standard";--e-global-typography-accent-font-family:"Lateral Standard";font-family:"Lateral Standard", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;}.elementor-kit-295 e-page-transition{background-color:#FFBC7D;}.elementor-kit-295 a{color:#0094C5;font-family:"Lateral Standard", Sans-serif;font-size:1em;line-height:1.5em;}.elementor-kit-295 h2{font-family:"Lateral Extended", Sans-serif;font-size:2.75rem;font-weight:700;line-height:1.1em;letter-spacing:-0.015em;}.elementor-kit-295 h3{font-family:"Lateral Extended", Sans-serif;font-weight:700;line-height:1.2em;}.elementor-kit-295 h4{font-family:"Lateral Standard", Sans-serif;font-size:20px;font-weight:700;line-height:1.3em;}.elementor-kit-295 h5{font-family:"Lateral Standard", Sans-serif;font-size:18px;font-weight:700;line-height:1.35em;}.elementor-kit-295 h6{font-family:"Lateral Standard", Sans-serif;font-size:16px;font-weight:700;line-height:1.4em;}.elementor-kit-295 button,.elementor-kit-295 input[type="button"],.elementor-kit-295 input[type="submit"],.elementor-kit-295 .elementor-button{font-family:"Lateral Standard", Sans-serif;}.elementor-kit-295 label{font-family:"Lateral Standard", Sans-serif;}.elementor-kit-295 input:not([type="button"]):not([type="submit"]),.elementor-kit-295 textarea,.elementor-kit-295 .elementor-field-textual{font-family:"Lateral Standard", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-295 p{margin-block-end:32px;}}@media(max-width:1200px){.elementor-kit-295{font-size:14px;}}@media(max-width:1024px){.elementor-kit-295 p{margin-block-end:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-295{font-size:13px;}}@media(max-width:767px){.elementor-kit-295 p{margin-block-end:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  /* Red */
  --mf-red-pale:  oklch(0.95 0.0264 30);
  --mf-red-vivid: oklch(0.7198 0.1883 30);
  --mf-red-muted: oklch(0.6604 0.1738 30);
  --mf-red-dark:  oklch(0.42 0.1595 30);
  /* Green */
 --mf-green-pale:  oklch(0.95 0.0282 176.0);
  --mf-green-vivid: oklch(0.7022 0.1822 173.8);
  --mf-green-muted: oklch(0.6409 0.1664 173.7);
--mf-green-dark:  oklch(0.42 0.1514 173.9);
  /* Indigo */
 --mf-indigo-pale: oklch(0.95 0.0226 303.0);
  --mf-indigo-vivid: oklch(0.7478 0.1753 303.7);
  --mf-indigo-muted: oklch(0.6916 0.1794 302.4);
 --mf-indigo-dark: oklch(0.42 0.1639 302.2);
  /* Blue */
   --mf-blue-lpale:  oklch(0.9919 0.0188 98.7);
  --mf-blue-pale:   oklch(0.9867 0.0346 100.4);
  --mf-blue-muted:  oklch(0.9595 0.0509 98.1);
  --mf-blue-lvivid: oklch(0.9110 0.0746 97.1);
  --mf-blue-vivid:  oklch(0.5 0.14 230.4);
  --mf-blue-dvivid: oklch(0.4332 0.114 230.4);
  --mf-blue-ldark:  oklch(0.3664 0.0965 230.4);
  --mf-blue-dark:   oklch(0.2997 0.079 230.4);
  --mf-blue-ddark:  oklch(0.2329 0.0614 230.4);

}

/* ===== MINDFORT TYPE — FINAL. Fixed sizes, all 7 Elementor viewports ===== */
/* Widescreen ≥2400 */
@media (min-width:2400px) {
  .mf-h1, .mf-h1 .elementor-heading-title { font-size:13rem; }
  .mf-h2, .mf-h2 .elementor-heading-title { font-size:6.5rem; }
  .mf-h3, .mf-h3 .elementor-heading-title { font-size:4rem; }
  .mf-h4, .mf-h4 .elementor-heading-title { font-size:1.65rem; }
  .mf-h5, .mf-h5 .elementor-heading-title { font-size:1.4rem; }
  .mf-h6, .mf-h6 .elementor-heading-title { font-size:1.2rem; }
  .mf-body { font-size:1.375rem; }
  .mf-body-lg { font-size:1.625rem; }
  .mf-body-sm { font-size:1.1rem; }
}

/* Desktop base (1367-2399px) */
.mf-h1, .mf-h1 .elementor-heading-title { font-family:'Lateral Extended', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; font-weight:700; font-size:9.5rem; line-height:1.05; }
.mf-h2, .mf-h2 .elementor-heading-title { font-family:'Lateral Extended', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; font-weight:700; font-size:5rem; line-height:1.1; }
.mf-h3, .mf-h3 .elementor-heading-title { font-family:'Lateral Extended', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; font-weight:700; font-size:2.7rem; line-height:1.15; }
.mf-h4, .mf-h4 .elementor-heading-title { font-family:'Lateral Standard', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; font-weight:700; font-size:1.5rem; line-height:1.25; }
.mf-h5, .mf-h5 .elementor-heading-title { font-family:'Lateral Standard', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; font-weight:700; font-size:1.25rem; line-height:1.3; }
.mf-h6, .mf-h6 .elementor-heading-title { font-family:'Lateral Standard', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; font-weight:700; font-size:1.1rem; line-height:1.35; }
.mf-body { font-family:'Lateral Standard', sans-serif; font-weight:400; font-size:1.25rem; line-height:1.5; }
.mf-body-lg { font-family:'Lateral Standard', sans-serif; font-weight:400; font-size:1.5rem; line-height:1.5; }
.mf-body-sm { font-family:'Lateral Standard', sans-serif; font-weight:400; font-size:1.0rem; line-height:1.4; }

/* Laptop ≤1366 */
@media (max-width:1366px) {
  .mf-h1, .mf-h1 .elementor-heading-title { font-size:8rem; }
  .mf-h2, .mf-h2 .elementor-heading-title { font-size:4.5rem; }
  .mf-h3, .mf-h3 .elementor-heading-title { font-size:2.2rem; }
  .mf-h4, .mf-h4 .elementor-heading-title { font-size:1.48rem; }
  .mf-h5, .mf-h5 .elementor-heading-title { font-size:1.24rem; }
  .mf-h6, .mf-h6 .elementor-heading-title { font-size:1.09rem; }
  .mf-body { font-size:1.23rem; }
  .mf-body-lg { font-size:1.46rem; }
  .mf-body-sm { font-size:0.99rem; }
}

/* Tablet Landscape ≤1200 */
@media (max-width:1200px) {
  .mf-h1, .mf-h1 .elementor-heading-title { font-size:7rem; }
  .mf-h2, .mf-h2 .elementor-heading-title { font-size:3.8rem; }
  .mf-h3, .mf-h3 .elementor-heading-title { font-size:2.1rem; }
  .mf-h4, .mf-h4 .elementor-heading-title { font-size:1.45rem; }
  .mf-h5, .mf-h5 .elementor-heading-title { font-size:1.22rem; }
  .mf-h6, .mf-h6 .elementor-heading-title { font-size:1.07rem; }
  .mf-body { font-size:1.21rem; }
  .mf-body-lg { font-size:1.42rem; }
  .mf-body-sm { font-size:0.97rem; }
}

/* Tablet ≤1024 */
@media (max-width:1024px) {
  .mf-h1, .mf-h1 .elementor-heading-title { font-size:6rem; }
  .mf-h2, .mf-h2 .elementor-heading-title { font-size:3.5rem; }
  .mf-h3, .mf-h3 .elementor-heading-title { font-size:1.9rem; }
  .mf-h4, .mf-h4 .elementor-heading-title { font-size:1.4rem; }
  .mf-h5, .mf-h5 .elementor-heading-title { font-size:1.2rem; }
  .mf-h6, .mf-h6 .elementor-heading-title { font-size:1.05rem; }
  .mf-body { font-size:1.1875rem; }
  .mf-body-lg { font-size:1.375rem; }
  .mf-body-sm { font-size:0.95rem; }
}

/* Mobile ≤767 */
@media (max-width:767px) {
  .mf-h1, .mf-h1 .elementor-heading-title { font-size:5rem; }
  .mf-h2, .mf-h2 .elementor-heading-title { font-size:3rem; }
  .mf-h3, .mf-h3 .elementor-heading-title { font-size:1.8rem; }
  .mf-h4, .mf-h4 .elementor-heading-title { font-size:1.3rem; }
  .mf-h5, .mf-h5 .elementor-heading-title { font-size:1.15rem; }
  .mf-h6, .mf-h6 .elementor-heading-title { font-size:1.0rem; }
  .mf-body { font-size:1.125rem; }
  .mf-body-lg { font-size:1.25rem; }
  .mf-body-sm { font-size:0.9rem; }
}

/* Mobile Portrait ≤360 */
@media (max-width:360px) {
  .mf-h1, .mf-h1 .elementor-heading-title { font-size:4rem; }
  .mf-h2, .mf-h2 .elementor-heading-title { font-size:3rem; }
  .mf-h3, .mf-h3 .elementor-heading-title { font-size:2.0rem; }
  .mf-h4, .mf-h4 .elementor-heading-title { font-size:1.2rem; }
  .mf-h5, .mf-h5 .elementor-heading-title { font-size:1.1rem; }
  .mf-h6, .mf-h6 .elementor-heading-title { font-size:0.95rem; }
  .mf-body { font-size:1.05rem; }
  .mf-body-lg { font-size:1.2rem; }
  .mf-body-sm { font-size:0.875rem; }
}

/* ===== MINDFORT MOTION — CSS ===== */

/* Sticky-stack */
/* Sticky-stack — pinned below an 80px fixed nav */
:root { --mf-nav-h: 80px; }

.mf-stack {
  position: sticky;
  top: var(--mf-nav-h);   /* was: top: 0 */
  z-index: 1;
}
.mf-stack.mf-stack--1 { z-index: 1; }
.mf-stack.mf-stack--2 { z-index: 2; }
.mf-stack.mf-stack--3 { z-index: 3; }
.mf-stack.mf-stack--4 { z-index: 4; }
.mf-stack.mf-stack--5 { z-index: 5; }
.mf-stack.mf-stack--6 { z-index: 6; }

/* Disable the sticky-stack on smaller screens — sections are too tall to pin well */
@media (max-width: 1024px) {
  .mf-stack {
    position: static;
    top: auto;
  }
}
/* FIX #2: stacking sections need a SOLID background or the section beneath
   bleeds through. Set per-section in Elementor's background settings.
   This is a last-resort opaque fallback (white) — override per section.
   `inherit` was removed because background-color does not inherit usefully. */
.mf-stack { background-color: var(--mf-stack-bg, #ffffff); }

/* Icon transform origin — centre-out scale pop */
.mf-icon { display: inline-block; transform-origin: center; }

/* FIX #1: initial hidden state + FAILSAFE reveal.
   If GSAP/Lenis never load, the animation reveals everything after 2s
   so content is never permanently blank. JS cancels this before animating. */
.fade-up,
.mf-card-row .mf-card,
.mf-card-row .mf-icon {
  opacity: 0;
  animation: mf-failsafe 0.01s linear 2s forwards;
}
@keyframes mf-failsafe { to { opacity: 1; } }

/* Reduced motion: everything visible immediately, no failsafe animation */
@media (prefers-reduced-motion: reduce) {
  .fade-up,
  .mf-card-row .mf-card,
  .mf-card-row .mf-icon {
    opacity: 1 !important;
    animation: none !important;
  }
}

/* FIX #5: sticky needs no clipping ancestor. Scoped to body.mf-motion
   so it never affects pages that rely on Elementor overflow clipping.
   Add the `mf-motion` body class only on pages using the stack. */
body.mf-motion .e-con,
body.mf-motion .elementor-section,
body.mf-motion .elementor-container {
  overflow: visible;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lateral Extended';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mindfort.co/wp-content/uploads/2026/05/Lateral-ExtendedBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lateral Standard';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mindfort.co/wp-content/uploads/2026/05/Lateral-StandardRegular.woff2') format('woff2');
}
@font-face {
	font-family: 'Lateral Standard';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://mindfort.co/wp-content/uploads/2026/05/Lateral-StandardBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */