.elementor-kit-2420{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-2420 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================
   MIND SHIFTERS NLP – HOMEPAGE (all sections)
   Paste in: Elementor → Site Settings → Custom CSS
   Position: at the very END (below the FOOTER code).
   This REPLACES the earlier hero code: delete everything
   from "HOMEPAGE – SHARED SETTINGS" to the end first.
   -----------------------------------------------------
   0. SETTINGS          – colours, fonts, spacing (edit here)
   A. SHARED PARTS      – sections, headings, buttons, grids
   1. HERO SLIDER
   2. TRUSTED BY (logo strip)
   3. WHAT IS NLP (video + text)
   4. MEET THE FOUNDER
   5. PROGRAM CARDS (also used by Live Sessions)
   6. BENEFITS / WHY TRAIN (Image Box cards)
   7. ACCREDITED BY
   8. CALL-TO-ACTION BANNER
   9. TESTIMONIALS
   10. TABLET & MOBILE
   ===================================================== */
 
 
/* =====================================================
   0. SETTINGS
   ===================================================== */
:root{
  /* colours */
  --msh-blue:#0B4A9F;
  --msh-navy:#082F66;
  --msh-gold:#F0A500;
  --msh-gold-hover:#D98E04;
  --msh-heading:#0E1E3A;              /* dark heading colour        */
  --msh-text:#4A5568;                 /* paragraph colour           */
  --msh-light-bg:#F5F7FA;             /* alternate section bg       */
  --msh-card-bg:#FFFFFF;
  --msh-border:#E6EBF2;
 
  /* fonts */
  --msh-heading-font:'Montserrat', sans-serif;
  --msh-text-font:'Poppins', sans-serif;
 
  /* sizes */
  --msh-title-size:40px;              /* section titles (H2)        */
  --msh-body-size:16px;
  --msh-radius:14px;                  /* card corners               */
  --msh-shadow:0 10px 30px rgba(8,47,102,0.08);
  --msh-shadow-hover:0 18px 40px rgba(8,47,102,0.16);
 
  /* spacing */
  --msh-width:1200px;                 /* same as header & footer    */
  --msh-section-space:100px;          /* top/bottom of each section */
  --msh-grid-gap:30px;
  --msh-side:max(20px, calc((100% - var(--msh-width)) / 2));
 
  /* hero */
  --hero-height:640px;
  --hero-title-size:58px;
  --hero-text-size:18px;
  --hero-content-width:820px;
  --hero-overlay:linear-gradient(90deg,
                   rgba(8,47,102,0.92) 0%,
                   rgba(8,47,102,0.70) 50%,
                   rgba(8,47,102,0.25) 100%);
}
 
/* Boxed containers get a hidden inner box – make it invisible
   to the layout so our rules always work */
.ms-hero-wrap > .e-con-inner,
.ms-hero > .e-con-inner,
.ms-hero-content > .e-con-inner,
.ms-hero-btns > .e-con-inner,
.ms-sec > .e-con-inner,
.ms-sec-head > .e-con-inner,
.ms-split > .e-con-inner,
.ms-split-text > .e-con-inner,
.ms-split-media > .e-con-inner,
.ms-grid-3 > .e-con-inner,
.ms-card > .e-con-inner,
.ms-review > .e-con-inner,
.ms-cta > .e-con-inner{
  display:contents !important;
}
 
 
/* =====================================================
   A. SHARED PARTS
   ===================================================== */
 
/* ---- A1. section wrapper (every section's outer container) ---- */
.ms-sec{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:50px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-top:var(--msh-section-space) !important;
  padding-bottom:var(--msh-section-space) !important;
  padding-left:var(--msh-side) !important;
  padding-right:var(--msh-side) !important;
  background:#FFFFFF;
}
.ms-sec.ms-sec-alt{ background:var(--msh-light-bg) !important; }
.ms-sec > .elementor-element{ width:100% !important; margin:0 !important; }
 
/* ---- A2. section heading block (centred) ---- */
.ms-sec-head{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:16px !important;
  max-width:780px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}
.ms-sec-head > .elementor-element{ width:100% !important; margin:0 !important; }
 
/* left-aligned version (inside 2-column sections) */
.ms-head-left,
.ms-head-left .elementor-heading-title{ text-align:left !important; }
 
/* small gold label above titles, e.g. "OUR PROGRAMS" */
.ms-sec-tag .elementor-heading-title{
  color:var(--msh-gold) !important;
  font-family:var(--msh-text-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  margin:0 !important;
}
 
/* section title (H2) with small gold line under it */
.ms-sec-title .elementor-heading-title{
  color:var(--msh-heading) !important;
  font-family:var(--msh-heading-font) !important;
  font-size:var(--msh-title-size) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  margin:0 !important;
  position:relative;
  padding-bottom:18px;
}
.ms-sec-title .elementor-heading-title span{ color:var(--msh-blue) !important; }
.ms-sec-title .elementor-heading-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:60px;
  height:4px;
  border-radius:2px;
  background:var(--msh-gold);
}
.ms-head-left .elementor-heading-title::after,
.ms-sec-title.ms-head-left .elementor-heading-title::after{
  left:0;
  transform:none;
}
 
/* section intro text + normal paragraphs */
.ms-sec-sub, .ms-sec-sub p,
.ms-body, .ms-body p{
  color:var(--msh-text) !important;
  font-family:var(--msh-text-font) !important;
  font-size:var(--msh-body-size) !important;
  line-height:1.8 !important;
  margin:0 !important;
}
.ms-body p + p{ margin-top:14px !important; }
.ms-body strong, .ms-sec-sub strong{ color:var(--msh-blue) !important; }
 
/* ---- A3. buttons (Button widget) ---- */
.ms-btn .elementor-button,
.ms-btn-gold .elementor-button,
.ms-btn-outline .elementor-button,
.ms-hbtn-gold .elementor-button,
.ms-hbtn-white .elementor-button{
  font-family:var(--msh-text-font) !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1 !important;
  padding:16px 28px !important;
  border-radius:6px !important;
  border:2px solid transparent !important;
  box-shadow:none !important;
  transition:all .3s ease;
}
.elementor-button-content-wrapper{ gap:8px; align-items:center; }
 
.ms-btn .elementor-button{
  background:var(--msh-blue) !important;
  border-color:var(--msh-blue) !important;
  color:#FFFFFF !important;
}
.ms-btn .elementor-button:hover{
  background:var(--msh-gold) !important;
  border-color:var(--msh-gold) !important;
  transform:translateY(-2px);
}
.ms-btn-gold .elementor-button,
.ms-hbtn-gold .elementor-button{
  background:var(--msh-gold) !important;
  border-color:var(--msh-gold) !important;
  color:var(--msh-navy) !important;
}
.ms-btn-gold .elementor-button:hover,
.ms-hbtn-gold .elementor-button:hover{
  background:var(--msh-gold-hover) !important;
  border-color:var(--msh-gold-hover) !important;
  color:#FFFFFF !important;
  transform:translateY(-2px);
}
.ms-btn-outline .elementor-button{
  background:transparent !important;
  border-color:var(--msh-blue) !important;
  color:var(--msh-blue) !important;
}
.ms-btn-outline .elementor-button:hover{
  background:var(--msh-blue) !important;
  color:#FFFFFF !important;
}
/* white button – used on dark backgrounds (hero, CTA) */
.ms-hbtn-white .elementor-button{
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  color:var(--msh-navy) !important;
}
.ms-hbtn-white .elementor-button:hover{
  background:transparent !important;
  color:#FFFFFF !important;
  transform:translateY(-2px);
}
 
/* ---- A4. 3-column grid (programs, benefits, why, sessions, reviews) ---- */
.ms-grid-3{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:var(--msh-grid-gap) !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
}
.ms-grid-3 > .elementor-element{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
}
 
/* ---- A5. 2-column split (media | text) ---- */
.ms-split{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:60px !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
}
.ms-split.ms-split-reverse{ flex-direction:row-reverse !important; }
.ms-split-media,
.ms-split-text{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.ms-split-text{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:22px !important;
}
.ms-split-text > .elementor-element{ width:100% !important; margin:0 !important; }
.ms-split-text > .elementor-widget-button{ width:auto !important; }
 
 
/* =====================================================
   1. HERO SLIDER  (Carousel widget, 1 slide per view)
   ===================================================== */
.ms-hero-wrap{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}
.ms-hero-wrap > .elementor-element{ width:100% !important; margin:0 !important; }
 
/* remove the carousel's own spacing */
.ms-hero-slider,
.ms-hero-slider .swiper-slide,
.ms-hero-slider .swiper-slide > .e-con,
.ms-hero-slider .e-n-carousel > .e-con{
  padding:0 !important;
  margin:0 !important;
}
 
/* one slide = banner with photo + blue tint */
.ms-hero{
  position:relative !important;
  min-height:var(--hero-height) !important;
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding-top:90px !important;
  padding-bottom:90px !important;
  padding-left:var(--msh-side) !important;
  padding-right:var(--msh-side) !important;
  margin:0 !important;
  background-color:var(--msh-navy);
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  overflow:hidden;
}
.ms-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:var(--hero-overlay) !important;
  opacity:1 !important;
  z-index:0 !important;
}
.ms-hero-content{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:var(--hero-content-width) !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:26px !important;
}
.ms-hero-content > .elementor-element{ width:100% !important; margin:0 !important; }
 
.ms-hero-title .elementor-heading-title{
  color:#FFFFFF !important;
  font-family:var(--msh-heading-font) !important;
  font-size:var(--hero-title-size) !important;
  font-weight:800 !important;
  line-height:1.12 !important;
  letter-spacing:-0.5px;
  margin:0 !important;
}
.ms-hero-title .elementor-heading-title span{
  display:block;
  color:var(--msh-gold) !important;
}
.ms-hero-text, .ms-hero-text p{
  color:rgba(255,255,255,0.92) !important;
  font-family:var(--msh-text-font) !important;
  font-size:var(--hero-text-size) !important;
  line-height:1.75 !important;
  margin:0 !important;
  max-width:680px;
}
.ms-hero-text p + p{ margin-top:12px !important; }
 
/* button rows (hero + CTA) */
.ms-hero-btns{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  width:auto !important;
  padding:0 !important;
  margin:6px 0 0 0 !important;
}
.ms-hero-btns > .elementor-element{ width:auto !important; margin:0 !important; }
 
/* slider arrows + dots */
.ms-hero-slider .elementor-swiper-button{
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,0.15) !important;
  color:#FFFFFF !important;
  font-size:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:background .3s ease;
  z-index:5;
}
.ms-hero-slider .elementor-swiper-button svg{ fill:#FFFFFF !important; width:20px; }
.ms-hero-slider .elementor-swiper-button:hover{ background:var(--msh-gold) !important; }
.ms-hero-slider .swiper-pagination{ bottom:24px !important; z-index:5; }
.ms-hero-slider .swiper-pagination-bullet{
  width:10px !important;
  height:10px !important;
  background:#FFFFFF !important;
  opacity:.5 !important;
  transition:all .3s ease;
}
.ms-hero-slider .swiper-pagination-bullet-active{
  width:30px !important;
  border-radius:5px !important;
  background:var(--msh-gold) !important;
  opacity:1 !important;
}
 
 
/* =====================================================
   2. TRUSTED BY – logo strip (Image Carousel widget)
   ===================================================== */
.ms-logos-sec{
  --msh-section-space:60px;
  gap:30px !important;
  border-bottom:1px solid var(--msh-border);
}
.ms-logos-sec .ms-sec-title .elementor-heading-title{ font-size:26px !important; }
.ms-logos .swiper-slide{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:90px !important;
}
.ms-logos .swiper-slide-image,
.ms-logos img{
  max-height:70px !important;
  width:auto !important;
  max-width:160px !important;
  object-fit:contain !important;
  filter:grayscale(100%);
  opacity:.7;
  transition:all .3s ease;
}
.ms-logos img:hover{ filter:none; opacity:1; }
 
 
/* =====================================================
   3. WHAT IS NLP – video (Video widget)
   ===================================================== */
.ms-video,
.ms-video .elementor-wrapper,
.ms-video .elementor-custom-embed-image-overlay{
  border-radius:var(--msh-radius) !important;
  overflow:hidden !important;
}
.ms-video .elementor-wrapper{ box-shadow:var(--msh-shadow-hover); }
.ms-video .elementor-custom-embed-play i,
.ms-video .elementor-custom-embed-play svg{
  color:var(--msh-gold) !important;
  fill:var(--msh-gold) !important;
  opacity:1 !important;
}
 
 
/* =====================================================
   4. MEET THE FOUNDER
   ===================================================== */
.ms-founder-img img{
  width:100% !important;
  max-width:480px !important;
  height:auto !important;
  border-radius:var(--msh-radius) !important;
  box-shadow:var(--msh-shadow-hover);
  border-bottom:6px solid var(--msh-gold);
}
.ms-founder-name .elementor-heading-title{
  color:var(--msh-blue) !important;
  font-family:var(--msh-heading-font) !important;
  font-size:30px !important;
  font-weight:800 !important;
  margin:0 !important;
}
.ms-founder-role .elementor-heading-title{
  color:var(--msh-gold) !important;
  font-family:var(--msh-text-font) !important;
  font-size:16px !important;
  font-weight:600 !important;
  letter-spacing:1px;
  text-transform:uppercase;
  margin:-12px 0 0 0 !important;
}
 
 
/* =====================================================
   5. CARDS – Programs + Live Sessions
   ===================================================== */
.ms-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:12px !important;
  background:var(--msh-card-bg) !important;
  border:1px solid var(--msh-border) !important;
  border-radius:var(--msh-radius) !important;
  box-shadow:var(--msh-shadow);
  overflow:hidden !important;
  padding:0 0 26px 0 !important;
  height:100%;
  transition:transform .3s ease, box-shadow .3s ease;
}
.ms-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--msh-shadow-hover);
}
.ms-card > .elementor-element{
  width:100% !important;
  margin:0 !important;
  padding-left:24px !important;
  padding-right:24px !important;
}
/* image fills the top, no side padding */
.ms-card > .ms-card-img{
  padding:0 !important;
  margin-bottom:8px !important;
}
.ms-card-img img{
  width:100% !important;
  height:220px !important;
  object-fit:cover !important;
  display:block;
  transition:transform .5s ease;
}
.ms-card:hover .ms-card-img img{ transform:scale(1.05); }
.ms-card-img .elementor-widget-container{ overflow:hidden; }
 
/* small label: "Level 1" / "NLP Course · 60+ Live" */
.ms-card-tag .elementor-heading-title{
  display:inline-block;
  background:rgba(240,165,0,0.12) !important;
  color:var(--msh-gold-hover) !important;
  font-family:var(--msh-text-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:6px 12px;
  border-radius:30px;
  margin:0 !important;
}
.ms-card-title .elementor-heading-title{
  color:var(--msh-heading) !important;
  font-family:var(--msh-heading-font) !important;
  font-size:21px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  margin:0 !important;
}
.ms-card-text, .ms-card-text p{
  color:var(--msh-text) !important;
  font-family:var(--msh-text-font) !important;
  font-size:15px !important;
  line-height:1.7 !important;
  margin:0 !important;
}
/* text link button at the bottom of the card */
.ms-card > .ms-card-link{ margin-top:auto !important; }
.ms-card-link .elementor-button{
  background:transparent !important;
  color:var(--msh-blue) !important;
  font-family:var(--msh-text-font) !important;
  font-size:15px !important;
  font-weight:600 !important;
  padding:8px 0 0 0 !important;
  border:0 !important;
  box-shadow:none !important;
}
.ms-card-link .elementor-button:hover{ color:var(--msh-gold-hover) !important; }
 
 
/* =====================================================
   6. BENEFITS + WHY TRAIN (Image Box widget)
   ===================================================== */
.ms-ibox{ height:100%; }
.ms-ibox > .elementor-widget-container{
  height:100%;
  background:var(--msh-card-bg) !important;
  border:1px solid var(--msh-border) !important;
  border-radius:var(--msh-radius) !important;
  box-shadow:var(--msh-shadow);
  overflow:hidden !important;
  transition:transform .3s ease, box-shadow .3s ease;
}
.ms-ibox:hover > .elementor-widget-container{
  transform:translateY(-6px);
  box-shadow:var(--msh-shadow-hover);
}
.ms-ibox .elementor-image-box-wrapper{ text-align:left !important; }
.ms-ibox .elementor-image-box-img{
  width:100% !important;
  margin:0 !important;
  overflow:hidden;
}
.ms-ibox .elementor-image-box-img img{
  width:100% !important;
  height:210px !important;
  object-fit:cover !important;
  border-radius:0 !important;
  display:block;
  transition:transform .5s ease;
}
.ms-ibox:hover .elementor-image-box-img img{ transform:scale(1.05); }
.ms-ibox .elementor-image-box-content{ padding:22px 24px 26px !important; }
.ms-ibox .elementor-image-box-title{
  color:var(--msh-heading) !important;
  font-family:var(--msh-heading-font) !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  margin:0 0 10px 0 !important;
  padding-left:14px;
  border-left:4px solid var(--msh-gold);
}
.ms-ibox .elementor-image-box-description{
  color:var(--msh-text) !important;
  font-family:var(--msh-text-font) !important;
  font-size:15px !important;
  line-height:1.7 !important;
  margin:0 !important;
}
 
 
/* =====================================================
   7. ACCREDITED BY
   ===================================================== */
.ms-accredit{ text-align:center !important; }
.ms-accredit img{
  width:100% !important;
  max-width:1000px !important;
  height:auto !important;
}
 
 
/* =====================================================
   8. CALL-TO-ACTION BANNER
   ===================================================== */
.ms-cta{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:28px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:90px var(--msh-side) !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(240,165,0,0.18), transparent 40%),
    linear-gradient(120deg, var(--msh-navy), var(--msh-blue)) !important;
}
.ms-cta > .elementor-element{ width:auto !important; margin:0 !important; }
.ms-cta > .ms-cta-title{ width:100% !important; }
.ms-cta-title .elementor-heading-title{
  color:#FFFFFF !important;
  font-family:var(--msh-heading-font) !important;
  font-size:var(--msh-title-size) !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  max-width:850px;
  margin:0 auto !important;
}
.ms-cta-title .elementor-heading-title span{ color:var(--msh-gold) !important; }
.ms-cta .ms-hero-btns{ justify-content:center !important; }
 
 
/* =====================================================
   9. TESTIMONIALS
   ===================================================== */
.ms-review{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  background:var(--msh-card-bg) !important;
  border:1px solid var(--msh-border) !important;
  border-top:4px solid var(--msh-gold) !important;
  border-radius:var(--msh-radius) !important;
  box-shadow:var(--msh-shadow);
  padding:32px 28px !important;
  height:100%;
  position:relative;
}
/* big quote mark */
.ms-review::before{
  content:"\201C";
  position:absolute;
  top:6px;
  right:24px;
  font-family:Georgia, serif;
  font-size:90px;
  line-height:1;
  color:rgba(11,74,159,0.10);
}
.ms-review > .elementor-element{ width:100% !important; margin:0 !important; }
.ms-review-stars .elementor-heading-title{
  color:var(--msh-gold) !important;
  font-size:20px !important;
  letter-spacing:3px;
  margin:0 !important;
}
.ms-review-text, .ms-review-text p{
  color:var(--msh-text) !important;
  font-family:var(--msh-text-font) !important;
  font-size:15px !important;
  line-height:1.8 !important;
  font-style:italic;
  margin:0 !important;
}
.ms-review > .ms-review-name{
  margin-top:auto !important;
  padding-top:16px !important;
  border-top:1px solid var(--msh-border);
}
.ms-review-name .elementor-heading-title{
  color:var(--msh-heading) !important;
  font-family:var(--msh-heading-font) !important;
  font-size:18px !important;
  font-weight:700 !important;
  margin:0 !important;
}
.ms-review-role .elementor-heading-title{
  color:var(--msh-blue) !important;
  font-family:var(--msh-text-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  margin:-10px 0 0 0 !important;
}
 
 
/* =====================================================
   10. TABLET (1024px and below)
   ===================================================== */
@media (max-width:1024px){
  :root{
    --msh-title-size:34px;
    --msh-section-space:80px;
    --hero-height:560px;
    --hero-title-size:44px;
  }
  .ms-grid-3{ grid-template-columns:repeat(2, 1fr) !important; }
  .ms-split{ gap:40px !important; }
}
 
/* =====================================================
   10. MOBILE (767px and below)
   ===================================================== */
@media (max-width:767px){
  :root{
    --msh-title-size:28px;
    --msh-section-space:64px;
    --msh-grid-gap:22px;
    --hero-height:auto;
    --hero-title-size:32px;
    --hero-text-size:16px;
    --hero-overlay:linear-gradient(180deg,
                     rgba(8,47,102,0.85),
                     rgba(8,47,102,0.92));
  }
  .ms-sec{ gap:36px !important; }
 
  /* hero */
  .ms-hero{
    padding-top:64px !important;
    padding-bottom:80px !important;   /* room for dots */
  }
  .ms-hero-content{ gap:20px !important; }
  .ms-hero-slider .elementor-swiper-button{ display:none !important; }
  .ms-hero-btns{
    flex-direction:column !important;
    width:100% !important;
  }
  .ms-hero-btns > .elementor-element,
  .ms-hero-btns .elementor-button{ width:100% !important; }
  .ms-hero-btns .elementor-button{ justify-content:center !important; }
 
  /* grids + splits stack */
  .ms-grid-3{ grid-template-columns:1fr !important; }
  .ms-split,
  .ms-split.ms-split-reverse{
    flex-direction:column !important;
    gap:32px !important;
  }
  .ms-split-media,
  .ms-split-text{ width:100% !important; flex:0 0 auto !important; }
 
  /* cards */
  .ms-card-img img,
  .ms-ibox .elementor-image-box-img img{ height:200px !important; }
 
  /* CTA */
  .ms-cta{ padding:64px 20px !important; }
}
 
 
 /* =====================================================
   MIND SHIFTERS NLP – HEADER
   Paste in: Elementor → Site Settings → Custom CSS
   Position: at the very TOP (above the footer code)
   -----------------------------------------------------
   HOW THIS CODE WORKS
   1. SETTINGS   – colours, sizes, spacing (edit here)
   2. HEADER ROW – logo | menu | buttons in one line
   3. LOGO
   4. MENU       – desktop links, gold underline, dropdown
   5. BUTTONS    – Enroll Now (filled) + Coaching (outline)
   6. MOBILE BUTTONS IN MENU – hidden on desktop
   7. TABLET & MOBILE – hamburger menu
   ===================================================== */
 
 
/* =====================================================
   1. SETTINGS
   ===================================================== */
:root{
  /* --- colours --- */
  --hdr-bg:#FFFFFF;                        /* header background        */
  --hdr-text:#222222;                      /* menu links               */
  --hdr-blue:#0B4A9F;                      /* hover, buttons, ☰ icon   */
  --hdr-gold:#F0A500;                      /* underline, button hover  */
  --hdr-shadow:0 2px 14px rgba(0,0,0,0.06);
 
  /* --- fonts & sizes --- */
  --hdr-font:'Poppins', sans-serif;
  --hdr-menu-size:17px;                    /* menu link size           */
  --hdr-btn-size:15px;                     /* button text size         */
  --hdr-logo-height:92px;                  /* logo on desktop          */
  --hdr-logo-height-tablet:68px;
  --hdr-logo-height-mobile:56px;
 
  /* --- spacing --- */
  --hdr-width:1200px;                      /* same as footer           */
  --hdr-padding-y:8px;                     /* space above/below row    */
  --hdr-link-padding:10px 18px;            /* space around each link   */
 
  /* (do not edit) keeps content inside 1200px */
  --hdr-side:max(20px, calc((100% - var(--hdr-width)) / 2));
}
 
 
/* =====================================================
   2. HEADER ROW – logo | menu | buttons
   ===================================================== */
.ms-header{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:30px !important;
  background:var(--hdr-bg) !important;
  box-shadow:var(--hdr-shadow);
  padding-top:var(--hdr-padding-y) !important;
  padding-bottom:var(--hdr-padding-y) !important;
  padding-left:var(--hdr-side) !important;
  padding-right:var(--hdr-side) !important;
  margin:0 !important;
  max-width:none !important;
  position:relative;
  z-index:999;
}
/* works even if the row is set to "Boxed" */
.ms-header > .e-con-inner{ display:contents !important; }
 
 
/* =====================================================
   3. LOGO
   ===================================================== */
.ms-logo{
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 !important;
}
.ms-logo,
.ms-logo .elementor-widget-container,
.ms-logo .hfe-site-logo-container,
.ms-logo .hfe-site-logo-set{
  text-align:left !important;
  justify-content:flex-start !important;
}
.ms-logo img{
  height:var(--hdr-logo-height) !important;
  width:auto !important;
  max-width:none !important;
  display:block;
}
 
 
/* =====================================================
   4. MENU (centre)
   ===================================================== */
.ms-menu-wrap{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
.ms-menu{
  width:auto !important;
  margin:0 !important;
}
.ms-menu a{
  font-family:var(--hdr-font) !important;
  font-size:var(--hdr-menu-size) !important;
  font-weight:500 !important;
  color:var(--hdr-text) !important;
  transition:color .3s ease;
}
.ms-menu a:hover,
.ms-menu .current-menu-item > a{
  color:var(--hdr-blue) !important;
}
 
/* desktop only */
@media (min-width:1025px){
  /* keep all links on ONE line */
  .ms-menu .hfe-nav-menu{
    flex-wrap:nowrap !important;
    justify-content:center !important;
  }
  .ms-menu .hfe-nav-menu > li{ white-space:nowrap; }
 
  /* ALIGN FIX: every top-level item (incl. "Services" with a dropdown)
     sits on the same centre line with the same spacing */
  .ms-menu .hfe-nav-menu{ align-items:center !important; }
  .ms-menu .hfe-nav-menu > li{
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
  }
  .ms-menu .hfe-nav-menu > li > .hfe-has-submenu-container{
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
  }
 
  .ms-menu .hfe-nav-menu > li > a,
  .ms-menu .hfe-nav-menu > li > .hfe-has-submenu-container > a{
    display:flex !important;
    align-items:center !important;
    line-height:1.4 !important;
    padding:var(--hdr-link-padding) !important;
    margin:0 !important;
    position:relative;
  }
  /* small dropdown arrow next to "Services" */
  .ms-menu .hfe-nav-menu > li > .hfe-has-submenu-container .sub-arrow,
  .ms-menu .hfe-nav-menu > li > .hfe-has-submenu-container .hfe-menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    padding:0 0 0 6px !important;
    margin:0 !important;
    line-height:1 !important;
    font-size:12px !important;
  }
  /* gold underline on hover / current page */
  .ms-menu .hfe-nav-menu > li > .hfe-has-submenu-container > a::after,
  .ms-menu .hfe-nav-menu > li > a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:2px;
    width:0;
    height:2px;
    background:var(--hdr-gold);
    transform:translateX(-50%);
    transition:width .3s ease;
  }
  .ms-menu .hfe-nav-menu > li > a:hover::after,
  .ms-menu .hfe-nav-menu > li > .hfe-has-submenu-container > a:hover::after,
  .ms-menu .hfe-nav-menu > li.current-menu-item > a::after,
  .ms-menu .hfe-nav-menu > li.current-menu-ancestor > .hfe-has-submenu-container > a::after{
    width:55%;
  }
  /* dropdown box (for sub-pages later) */
  .ms-menu .sub-menu{
    background:#FFFFFF !important;
    min-width:230px !important;
    border-top:3px solid var(--hdr-gold) !important;
    border-radius:0 0 6px 6px;
    box-shadow:0 12px 28px rgba(0,0,0,0.10) !important;
  }
  .ms-menu .sub-menu a{
    font-size:15px !important;
    padding:12px 20px !important;
  }
}
 
 
/* =====================================================
   5. BUTTONS (right)
   ===================================================== */
.ms-buttons-wrap{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:max-content !important;
  padding:0 !important;
  margin:0 !important;
}
.ms-buttons{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:14px !important;
}
.ms-buttons > .e-con-inner{ display:contents !important; }
.ms-buttons .elementor-widget,
.ms-buttons .elementor-widget-button,
.ms-buttons .elementor-button-wrapper{
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
 
/* shared button style */
.ms-btn-fill .elementor-button,
.ms-btn-outline .elementor-button{
  font-family:var(--hdr-font) !important;
  font-size:var(--hdr-btn-size) !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0.3px !important;
  padding:14px 24px !important;
  border-radius:6px !important;
  border:1.5px solid var(--hdr-blue) !important;
  box-shadow:none !important;
  white-space:nowrap !important;
  transition:all .3s ease;
}
.ms-buttons .elementor-button-content-wrapper{
  gap:8px;
  align-items:center;
}
 
/* Enroll Now – filled blue → gold on hover */
.ms-btn-fill .elementor-button{
  background:var(--hdr-blue) !important;
  color:#FFFFFF !important;
}
.ms-btn-fill .elementor-button:hover{
  background:var(--hdr-gold) !important;
  border-color:var(--hdr-gold) !important;
  color:#FFFFFF !important;
}
 
/* Get 1-1 Coaching – outline, uppercase → filled on hover */
.ms-btn-outline .elementor-button{
  background:transparent !important;
  color:var(--hdr-blue) !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
}
.ms-btn-outline .elementor-button:hover{
  background:var(--hdr-blue) !important;
  color:#FFFFFF !important;
}
 
 
/* =====================================================
   6. MOBILE BUTTONS INSIDE THE MENU
   (menu items with class ms-mobile-btn)
   Hidden on desktop – shown only in the ☰ dropdown
   ===================================================== */
li.ms-mobile-btn,
.ms-menu li.ms-mobile-btn{
  display:none !important;
}
 
 
/* =====================================================
   7. TABLET & MOBILE (1024px and below)
   ===================================================== */
@media (max-width:1024px){
 
  .ms-header{
    gap:10px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .ms-logo img{ height:var(--hdr-logo-height-tablet) !important; }
 
  /* menu area pushes ☰ to the right */
  .ms-menu-wrap{ justify-content:flex-end !important; }
 
  /* hide desktop buttons (they appear inside ☰ instead) */
  .ms-buttons-wrap{ display:none !important; }
 
  /* ☰ hamburger icon */
  .ms-menu .hfe-nav-menu__toggle,
  .ms-menu .hfe-nav-menu-icon,
  .ms-menu .hfe-nav-menu-icon i,
  .ms-menu .hfe-nav-menu-icon svg{
    color:var(--hdr-blue) !important;
    fill:var(--hdr-blue) !important;
    font-size:28px !important;
    background:transparent !important;
    border:none !important;
  }
 
  /* dropdown panel */
  .ms-menu nav{
    background:#FFFFFF !important;
    box-shadow:0 14px 28px rgba(0,0,0,0.10);
    padding-bottom:16px !important;
  }
  .ms-menu nav a{
    font-size:16px !important;
    padding:14px 20px !important;
    border-bottom:1px solid #F1F1F1;
  }
 
  /* show the 2 buttons inside the dropdown */
  .ms-menu li.ms-mobile-btn{
    display:block !important;
    padding:10px 20px 0 !important;
  }
  .ms-menu li.ms-mobile-btn > a{
    display:flex !important;
    justify-content:center !important;
    background:var(--hdr-blue) !important;
    color:#FFFFFF !important;
    border:1.5px solid var(--hdr-blue) !important;
    border-radius:6px !important;
    font-weight:600 !important;
  }
  .ms-menu li.ms-mobile-btn.ms-outline > a{
    background:transparent !important;
    color:var(--hdr-blue) !important;
    text-transform:uppercase;
    letter-spacing:1px;
  }
}
 
/* small phones */
@media (max-width:767px){
  .ms-header{
    padding-left:16px !important;
    padding-right:16px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  .ms-logo img{ height:var(--hdr-logo-height-mobile) !important; }
}
 
/* =====================================================
   MIND SHIFTERS NLP – FOOTER
   Paste in: Elementor → Site Settings → Custom CSS
   -----------------------------------------------------
   HOW THIS CODE WORKS
   1. SETTINGS  – all colours, sizes & spacing.
                  To change the design, edit ONLY here.
   2. ROWS      – background + 1200px width for both rows
   3. TOP ROW   – the 4 columns
   4. BOTTOM ROW– line, copyright (left), social (right)
   5. TABLET    – 2 columns
   6. MOBILE    – 1 column, everything centred
   ===================================================== */
 
 
/* =====================================================
   1. SETTINGS
   ===================================================== */
:root{
  /* --- colours --- */
  --msf-bg-start:#082F66;                 /* background – left side     */
  --msf-bg-end:#0B4A9F;                   /* background – right side    */
  --msf-heading:#FFFFFF;                  /* column titles              */
  --msf-text:#DCE4F0;                     /* links & normal text        */
  --msf-accent:#F0A500;                   /* gold: icons, lines, hover  */
  --msf-line:rgba(255,255,255,0.30);      /* divider line (0.30 = 30%)  */
  --msf-social-bg:rgba(255,255,255,0.10); /* social circle background   */
  --msf-logo-card:#FFFFFF;                /* card behind logo           */
 
  /* --- fonts & sizes --- */
  --msf-heading-font:'Montserrat', sans-serif;
  --msf-text-font:'Poppins', sans-serif;
  --msf-heading-size:20px;                /* "Quick Links" etc.         */
  --msf-text-size:16px;                   /* links & contact text       */
  --msf-link-gap:14px;                    /* space between links        */
  --msf-logo-height:90px;                 /* logo size                  */
  --msf-social-size:44px;                 /* social circle size         */
 
  /* --- layout & spacing --- */
  --msf-width:1200px;                     /* content width (= header)   */
  --msf-columns:1fr 1fr 1fr 1fr;          /* 4 equal columns            */
  --msf-gap:48px;                         /* space between columns      */
  --msf-top-space:80px;                   /* space above the columns    */
  --msf-middle-space:60px;                /* columns → divider line     */
  --msf-bottom-space:32px;                /* above & below copyright    */
 
  /* (do not edit) side space that keeps content at 1200px */
  --msf-side:max(20px, calc((100% - var(--msf-width)) / 2));
}
 
 
/* =====================================================
   2. BOTH ROWS – background + width
   ===================================================== */
.ms-footer-top,
.ms-footer-bottom{
  background:linear-gradient(90deg, var(--msf-bg-start), var(--msf-bg-end)) !important;
  padding-left:var(--msf-side) !important;
  padding-right:var(--msf-side) !important;
  margin:0 !important;
  max-width:none !important;
}
 
/* If a row is set to "Boxed", Elementor adds a hidden inner box.
   This makes that inner box invisible to the layout, so our
   columns / left-right alignment always work. */
.ms-footer-top > .e-con-inner,
.ms-footer-bottom > .e-con-inner{
  display:contents !important;
}
 
 
/* =====================================================
   3. TOP ROW – 4 columns
   ===================================================== */
.ms-footer-top{
  display:grid !important;
  grid-template-columns:var(--msf-columns) !important;
  column-gap:var(--msf-gap) !important;
  row-gap:44px !important;
  padding-top:var(--msf-top-space) !important;
  padding-bottom:var(--msf-middle-space) !important;
  border-top:4px solid var(--msf-accent);     /* gold line on top */
}
 
/* each column: items stacked from top */
.ms-fcol{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  gap:24px !important;                        /* space title → links */
}
.ms-fcol > .elementor-element{
  width:100% !important;
  margin:0 !important;
}
 
/* --- 3a. Logo (white card) --- */
.ms-flogo,
.ms-flogo .elementor-widget-container,
.ms-flogo .hfe-site-logo-container,
.ms-flogo .hfe-site-logo-set{
  text-align:left !important;
  justify-content:flex-start !important;
}
.ms-flogo img{
  height:var(--msf-logo-height) !important;
  width:auto !important;
  max-width:100% !important;
  background:var(--msf-logo-card);
  padding:10px 14px;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,0.18);
}
 
/* --- 3b. Tagline under logo --- */
.ms-ftext,
.ms-ftext p,
.ms-ftext .elementor-heading-title{
  color:var(--msf-text) !important;
  font-family:var(--msf-text-font) !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.6 !important;
  margin:0 !important;
  max-width:260px;
}
 
/* --- 3c. Column titles + small gold underline --- */
.ms-ftitle .elementor-heading-title{
  color:var(--msf-heading) !important;
  font-family:var(--msf-heading-font) !important;
  font-size:var(--msf-heading-size) !important;
  font-weight:700 !important;
  letter-spacing:0.5px;
  line-height:1.3 !important;
  margin:0 !important;
  padding-bottom:14px;
  position:relative;
}
.ms-ftitle .elementor-heading-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:32px;
  height:3px;
  border-radius:2px;
  background:var(--msf-accent);
}
 
/* --- 3d. Link columns (Text Editor, one link per line) --- */
.ms-flinks p{
  margin:0 0 var(--msf-link-gap) 0 !important;
  font-family:var(--msf-text-font) !important;
  font-size:var(--msf-text-size) !important;
  line-height:1.5 !important;
  color:var(--msf-text) !important;
}
.ms-flinks p:last-child{ margin-bottom:0 !important; }
.ms-flinks a{
  color:var(--msf-text) !important;
  text-decoration:none !important;
  display:inline-block;
  transition:color .3s ease, transform .3s ease;
}
.ms-flinks a:hover{
  color:var(--msf-accent) !important;
  transform:translateX(5px);                 /* small slide on hover */
}
 
/* --- 3e. Contact column (Icon List) --- */
.ms-fcontact .elementor-icon-list-item{
  padding:0 !important;
  margin:0 0 var(--msf-link-gap) 0 !important;
}
.ms-fcontact .elementor-icon-list-item:last-child{ margin-bottom:0 !important; }
.ms-fcontact .elementor-icon-list-item,
.ms-fcontact .elementor-icon-list-item > a{
  align-items:flex-start !important;          /* icon at top of text */
}
.ms-fcontact .elementor-icon-list-text{
  color:var(--msf-text) !important;
  font-family:var(--msf-text-font) !important;
  font-size:var(--msf-text-size) !important;
  line-height:1.5 !important;
  padding:0 !important;
  transition:color .3s ease;
}
.ms-fcontact a:hover .elementor-icon-list-text{ color:var(--msf-accent) !important; }
.ms-fcontact .elementor-icon-list-icon{
  width:20px !important;
  min-width:20px !important;
  margin:3px 12px 0 0 !important;
  padding:0 !important;
}
.ms-fcontact .elementor-icon-list-icon i{
  color:var(--msf-accent) !important;
  font-size:16px !important;
}
.ms-fcontact .elementor-icon-list-icon svg{
  fill:var(--msf-accent) !important;
  width:16px !important;
  height:16px !important;
}
/* Item 2 = 2nd phone number:
   icon hidden (space kept) so both numbers sit under one icon */
.ms-fcontact .elementor-icon-list-item:nth-child(1){ margin-bottom:4px !important; }
.ms-fcontact .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon{
  visibility:hidden !important;
}
 
 
/* =====================================================
   4. BOTTOM ROW – line + copyright (left) + social (right)
   ===================================================== */
.ms-footer-bottom{
  /* layer 1 = thin divider line on top, layer 2 = background */
  background:
    linear-gradient(var(--msf-line), var(--msf-line)) top center / min(var(--msf-width), calc(100% - 40px)) 1px no-repeat,
    linear-gradient(90deg, var(--msf-bg-start), var(--msf-bg-end)) !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;  /* push left & right apart */
  align-items:center !important;             /* same vertical line    */
  gap:20px !important;
  padding-top:var(--msf-bottom-space) !important;
  padding-bottom:var(--msf-bottom-space) !important;
}
 
/* left & right boxes */
.ms-fbottom-left,
.ms-fbottom-right{
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
}
.ms-fbottom-left{
  flex:1 1 auto !important;
  justify-content:flex-start !important;
}
.ms-fbottom-right{
  flex:0 0 auto !important;
  justify-content:flex-end !important;
  margin-left:auto !important;              /* stick to the right */
}
 
/* --- 4a. Copyright text --- */
.ms-fcopy,
.ms-fcopy p{
  color:var(--msf-text) !important;
  font-family:var(--msf-text-font) !important;
  font-size:15px !important;
  line-height:1.5 !important;
  margin:0 !important;
}
 
/* --- 4b. Social icons (round) --- */
.ms-fsocial{ width:auto !important; margin:0 !important; }
.ms-fsocial .elementor-social-icons-wrapper{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  gap:12px !important;
}
.ms-fsocial .elementor-grid-item{ margin:0 !important; }
.ms-fsocial .elementor-social-icon{
  --icon-size:17px !important;
  --icon-padding:0 !important;
  width:var(--msf-social-size) !important;
  height:var(--msf-social-size) !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--msf-social-bg) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  border-radius:50% !important;
  transition:all .3s ease;
}
.ms-fsocial .elementor-social-icon i{
  color:#FFFFFF !important;
  font-size:17px !important;
}
.ms-fsocial .elementor-social-icon svg{
  fill:#FFFFFF !important;
  width:17px !important;
  height:17px !important;
}
.ms-fsocial .elementor-social-icon:hover{
  background:var(--msf-accent) !important;
  border-color:var(--msf-accent) !important;
  transform:translateY(-3px);                /* small lift on hover */
}
 
 
/* =====================================================
   5. TABLET (1024px and below) – 2 columns
   ===================================================== */
@media (max-width:1024px){
  .ms-footer-top{
    --msf-top-space:60px;
    --msf-middle-space:44px;
    grid-template-columns:1fr 1fr !important;
    column-gap:30px !important;
  }
}
 
 
/* =====================================================
   6. MOBILE (767px and below) – 1 column, centred bottom
   ===================================================== */
@media (max-width:767px){
  .ms-footer-top{
    --msf-top-space:50px;
    --msf-middle-space:36px;
    --msf-logo-height:80px;
    grid-template-columns:1fr !important;
    row-gap:36px !important;
  }
  .ms-footer-bottom{
    flex-direction:column-reverse !important;  /* social on top, copyright below */
    gap:18px !important;
    padding-top:26px !important;
    padding-bottom:26px !important;
  }
  .ms-fbottom-left,
  .ms-fbottom-right{
    width:100% !important;
    justify-content:center !important;
    margin-left:0 !important;
    text-align:center;
  }
  .ms-fsocial .elementor-social-icons-wrapper{
    justify-content:center !important;
  }
}
 
 
/* =====================================================
   MIND SHIFTERS NLP – HOMEPAGE
   PART 1: SHARED SETTINGS + HERO SLIDER
   -----------------------------------------------------
   Paste in: Elementor → Site Settings → Custom CSS
   Position: at the very END (below the FOOTER code)
   -----------------------------------------------------
   Class names used in Elementor (Advanced → CSS Classes):
     ms-hero-wrap    → the Container that holds the Carousel
     ms-hero-slider  → the Carousel widget
     ms-hero         → each slide (Slide #1, #2, #3)
     ms-hero-content → the Container inside each slide
     ms-hero-title   → the Heading
     ms-hero-text    → the Text Editor
     ms-hero-btns    → the Container holding the 2 buttons
     ms-hbtn-gold    → "Enroll Now" button
     ms-hbtn-white   → "Contact Us" button
   ===================================================== */
 
 
/* =====================================================
   0. SHARED SETTINGS (used by every homepage section)
   ===================================================== */
:root{
  --msh-blue:#0B4A9F;
  --msh-navy:#082F66;
  --msh-gold:#F0A500;
  --msh-gold-hover:#D98E04;
  --msh-heading-font:'Montserrat', sans-serif;
  --msh-text-font:'Poppins', sans-serif;
  --msh-width:1200px;                /* same as header & footer */
  --msh-side:max(20px, calc((100% - var(--msh-width)) / 2));
}
 
 
/* =====================================================
   1. HERO SETTINGS – change the hero design here
   ===================================================== */
:root{
  --hero-height:640px;               /* height of the banner          */
  --hero-title-size:58px;            /* big heading size              */
  --hero-text-size:18px;             /* paragraph size                */
  --hero-content-width:820px;        /* max width of the text area    */
  /* blue tint over the photo: dark on the left, light on the right.
     Bigger number = darker (0 = none, 1 = solid) */
  --hero-overlay:linear-gradient(90deg,
                   rgba(8,47,102,0.92) 0%,
                   rgba(8,47,102,0.70) 50%,
                   rgba(8,47,102,0.25) 100%);
}
 
 
/* =====================================================
   2. OUTER BOX + CAROUSEL – remove all extra spacing
   ===================================================== */
.ms-hero-wrap{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  gap:0 !important;
}
.ms-hero-wrap > .e-con-inner{
  display:contents !important;
}
.ms-hero-wrap > .elementor-element,
.ms-hero-slider{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
/* if the carousel wraps each slide in an extra box, flatten it */
.ms-hero-slider .swiper-slide:not(.ms-hero){
  padding:0 !important;
  margin:0 !important;
}
 
 
/* =====================================================
   3. ONE SLIDE = photo + blue tint + text on the left
   ===================================================== */
.ms-hero-slider .ms-hero,
.ms-hero{
  position:relative !important;
  min-height:var(--hero-height) !important;
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding-top:90px !important;
  padding-bottom:90px !important;
  padding-left:var(--msh-side) !important;
  padding-right:var(--msh-side) !important;
  margin:0 !important;
  background-color:var(--msh-navy);
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
}
.ms-hero > .e-con-inner{
  display:contents !important;
}
 
/* the blue tint (sits on top of the photo) */
.ms-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:var(--hero-overlay) !important;
  opacity:1 !important;
  z-index:0 !important;
  pointer-events:none;
}
 
 
/* =====================================================
   4. TEXT AREA (sits above the tint)
   ===================================================== */
.ms-hero-content{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:var(--hero-content-width) !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:26px !important;
}
.ms-hero-content > .e-con-inner{
  display:contents !important;
}
.ms-hero-content > .elementor-element{
  width:100% !important;
  margin:0 !important;
}
 
/* heading: first part white, <span> part gold on its own line */
.ms-hero-title .elementor-heading-title{
  color:#FFFFFF !important;
  font-family:var(--msh-heading-font) !important;
  font-size:var(--hero-title-size) !important;
  font-weight:800 !important;
  line-height:1.12 !important;
  letter-spacing:-0.5px;
  margin:0 !important;
}
.ms-hero-title .elementor-heading-title span{
  display:block;
  color:var(--msh-gold) !important;
}
 
/* paragraph */
.ms-hero-text,
.ms-hero-text p{
  color:rgba(255,255,255,0.92) !important;
  font-family:var(--msh-text-font) !important;
  font-size:var(--hero-text-size) !important;
  line-height:1.75 !important;
  margin:0 !important;
  max-width:680px;
}
.ms-hero-text p + p{
  margin-top:12px !important;
}
 
 
/* =====================================================
   5. BUTTONS
   ===================================================== */
.ms-hero-btns{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:14px !important;
  width:auto !important;
  padding:0 !important;
  margin:6px 0 0 0 !important;
}
.ms-hero-btns > .e-con-inner{
  display:contents !important;
}
.ms-hero-btns > .elementor-element{
  width:auto !important;
  margin:0 !important;
}
 
.ms-hbtn-gold .elementor-button,
.ms-hbtn-white .elementor-button{
  font-family:var(--msh-text-font) !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0.3px !important;
  padding:17px 30px !important;
  border-radius:6px !important;
  border:2px solid transparent !important;
  box-shadow:none !important;
  transition:all .3s ease;
}
.ms-hero-btns .elementor-button-content-wrapper{
  gap:8px;
  align-items:center;
}
 
/* Enroll Now – gold */
.ms-hbtn-gold .elementor-button{
  background:var(--msh-gold) !important;
  border-color:var(--msh-gold) !important;
  color:var(--msh-navy) !important;
}
.ms-hbtn-gold .elementor-button:hover{
  background:var(--msh-gold-hover) !important;
  border-color:var(--msh-gold-hover) !important;
  color:#FFFFFF !important;
  transform:translateY(-2px);
}
 
/* Contact Us – white */
.ms-hbtn-white .elementor-button{
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  color:var(--msh-navy) !important;
}
.ms-hbtn-white .elementor-button:hover{
  background:transparent !important;
  border-color:#FFFFFF !important;
  color:#FFFFFF !important;
  transform:translateY(-2px);
}
 
 
/* =====================================================
   6. SLIDER ARROWS + DOTS
   ===================================================== */
.ms-hero-slider .elementor-swiper-button{
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,0.15) !important;
  color:#FFFFFF !important;
  font-size:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:5 !important;
  transition:background .3s ease;
}
.ms-hero-slider .elementor-swiper-button svg{
  fill:#FFFFFF !important;
  width:20px !important;
  height:20px !important;
}
.ms-hero-slider .elementor-swiper-button:hover{
  background:var(--msh-gold) !important;
}
.ms-hero-slider .elementor-swiper-button-prev{ left:20px !important; }
.ms-hero-slider .elementor-swiper-button-next{ right:20px !important; }
 
.ms-hero-slider .swiper-pagination{
  bottom:24px !important;
  z-index:5 !important;
}
.ms-hero-slider .swiper-pagination-bullet{
  width:10px !important;
  height:10px !important;
  background:#FFFFFF !important;
  opacity:.5 !important;
  transition:all .3s ease;
}
.ms-hero-slider .swiper-pagination-bullet-active{
  width:30px !important;
  border-radius:5px !important;
  background:var(--msh-gold) !important;
  opacity:1 !important;
}
 
 
/* =====================================================
   7. TABLET (1024px and below)
   ===================================================== */
@media (max-width:1024px){
  :root{
    --hero-height:560px;
    --hero-title-size:44px;
  }
  .ms-hero-slider .ms-hero,
  .ms-hero{
    padding-left:80px !important;   /* room for the arrows */
    padding-right:80px !important;
  }
}
 
 
/* =====================================================
   8. MOBILE (767px and below)
   ===================================================== */
@media (max-width:767px){
  :root{
    --hero-height:auto;
    --hero-title-size:32px;
    --hero-text-size:16px;
    /* text covers the whole photo on phones → even tint */
    --hero-overlay:linear-gradient(180deg,
                     rgba(8,47,102,0.85),
                     rgba(8,47,102,0.92));
  }
  .ms-hero-slider .ms-hero,
  .ms-hero{
    padding-top:64px !important;
    padding-bottom:80px !important;  /* room for the dots */
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .ms-hero-content{ gap:20px !important; }
 
  /* hide arrows on phones – people swipe instead */
  .ms-hero-slider .elementor-swiper-button{ display:none !important; }
 
  /* buttons stacked, full width */
  .ms-hero-btns{
    flex-direction:column !important;
    width:100% !important;
  }
  .ms-hero-btns > .elementor-element,
  .ms-hero-btns .elementor-button{
    width:100% !important;
  }
  .ms-hero-btns .elementor-button{
    justify-content:center !important;
  }
}
/* ================= END OF HERO ================= */
 
/* =====================================================
   MIND SHIFTERS NLP – HOMEPAGE
   PART 2: SHARED SECTION STYLES + SECTIONS 2, 3, 4
   -----------------------------------------------------
   Paste in: Elementor → Site Settings → Custom CSS
   Position: at the very END (below the HERO code)
   Needs the HERO code above it (it uses its colour settings)
   -----------------------------------------------------
   A. SHARED SETTINGS + PARTS (used by all later sections too)
   2. TRUSTED BY       – logo strip (Image Carousel widget)
   3. WHAT IS NLP      – video + text (Video widget)
   4. MEET THE FOUNDER – photo + bio (Image widget)
   5. TABLET & MOBILE
   ===================================================== */
 
 
/* =====================================================
   A. SHARED SETTINGS – edit here to change all sections
   ===================================================== */
:root{
  --msh-heading:#0E1E3A;              /* dark heading colour          */
  --msh-text:#4A5568;                 /* paragraph colour             */
  --msh-light-bg:#F5F7FA;             /* grey-blue section background */
  --msh-border:#E6EBF2;               /* thin lines & card borders    */
  --msh-title-size:40px;              /* section titles               */
  --msh-body-size:16px;               /* paragraphs                   */
  --msh-radius:14px;                  /* rounded corners              */
  --msh-shadow:0 10px 30px rgba(8,47,102,0.08);
  --msh-shadow-hover:0 18px 40px rgba(8,47,102,0.16);
  --msh-section-space:100px;          /* space above/below sections   */
}
 
/* hidden inner box of "Boxed" containers → ignore it */
.ms-sec > .e-con-inner,
.ms-sec-head > .e-con-inner,
.ms-split > .e-con-inner,
.ms-split-media > .e-con-inner,
.ms-split-text > .e-con-inner{
  display:contents !important;
}
 
/* ---- A1. Section wrapper (outer Container of every section) ---- */
.ms-sec{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:50px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-top:var(--msh-section-space) !important;
  padding-bottom:var(--msh-section-space) !important;
  padding-left:var(--msh-side) !important;
  padding-right:var(--msh-side) !important;
  background:#FFFFFF;
}
.ms-sec.ms-sec-alt{ background:var(--msh-light-bg) !important; }
.ms-sec > .elementor-element{ width:100% !important; margin:0 !important; }
 
/* ---- A2. Centred heading block ---- */
.ms-sec-head{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:16px !important;
  width:100% !important;
  max-width:780px !important;
  margin:0 auto !important;
  padding:0 !important;
}
.ms-sec-head > .elementor-element{ width:100% !important; margin:0 !important; }
 
/* small gold label, e.g. "ABOUT NLP" */
.ms-sec-tag .elementor-heading-title{
  color:var(--msh-gold) !important;
  font-family:var(--msh-text-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  margin:0 !important;
}
 
/* section title + small gold line under it */
.ms-sec-title .elementor-heading-title{
  color:var(--msh-heading) !important;
  font-family:var(--msh-heading-font) !important;
  font-size:var(--msh-title-size) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  margin:0 !important;
  padding-bottom:18px;
  position:relative;
}
.ms-sec-title .elementor-heading-title span{ color:var(--msh-blue) !important; }
.ms-sec-title .elementor-heading-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:60px;
  height:4px;
  border-radius:2px;
  background:var(--msh-gold);
}
/* left-aligned title (used in 2-column sections) */
.ms-head-left .elementor-heading-title{ text-align:left !important; }
.ms-head-left .elementor-heading-title::after{
  left:0;
  transform:none;
}
 
/* paragraphs */
.ms-sec-sub, .ms-sec-sub p,
.ms-body, .ms-body p{
  color:var(--msh-text) !important;
  font-family:var(--msh-text-font) !important;
  font-size:var(--msh-body-size) !important;
  line-height:1.8 !important;
  margin:0 !important;
}
.ms-body p + p{ margin-top:14px !important; }
.ms-body strong, .ms-sec-sub strong{ color:var(--msh-blue) !important; }
 
/* ---- A3. Buttons ---- */
.ms-btn .elementor-button,
.ms-btn-gold .elementor-button{
  font-family:var(--msh-text-font) !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1 !important;
  padding:16px 28px !important;
  border-radius:6px !important;
  border:2px solid transparent !important;
  box-shadow:none !important;
  transition:all .3s ease;
}
.ms-btn .elementor-button-content-wrapper,
.ms-btn-gold .elementor-button-content-wrapper{ gap:8px; align-items:center; }
 
/* blue */
.ms-btn .elementor-button{
  background:var(--msh-blue) !important;
  border-color:var(--msh-blue) !important;
  color:#FFFFFF !important;
}
.ms-btn .elementor-button:hover{
  background:var(--msh-gold) !important;
  border-color:var(--msh-gold) !important;
  transform:translateY(-2px);
}
/* gold */
.ms-btn-gold .elementor-button{
  background:var(--msh-gold) !important;
  border-color:var(--msh-gold) !important;
  color:var(--msh-navy) !important;
}
.ms-btn-gold .elementor-button:hover{
  background:var(--msh-gold-hover) !important;
  border-color:var(--msh-gold-hover) !important;
  color:#FFFFFF !important;
  transform:translateY(-2px);
}
 
/* ---- A4. Two columns: media | text ---- */
.ms-split{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:60px !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
}
.ms-split.ms-split-reverse{ flex-direction:row-reverse !important; }
.ms-split-media,
.ms-split-text{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.ms-split-media{
  display:flex !important;
  justify-content:center !important;
}
.ms-split-media > .elementor-element{ width:100% !important; margin:0 !important; }
.ms-split-text{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:22px !important;
}
.ms-split-text > .elementor-element{ width:100% !important; margin:0 !important; }
.ms-split-text > .elementor-widget-button{ width:auto !important; }
 
 
/* =====================================================
   2. TRUSTED BY – logo strip
   ===================================================== */
.ms-sec.ms-logos-sec{
  padding-top:60px !important;
  padding-bottom:60px !important;
  gap:30px !important;
  border-bottom:1px solid var(--msh-border);
}
.ms-logos-sec .ms-sec-title .elementor-heading-title{
  font-size:26px !important;
}
.ms-logos .swiper-slide{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:100px !important;
}
.ms-logos .swiper-slide-image,
.ms-logos img{
  max-height:70px !important;
  max-width:160px !important;
  width:auto !important;
  object-fit:contain !important;
  filter:grayscale(100%);
  opacity:.65;
  transition:all .3s ease;
}
.ms-logos img:hover{
  filter:none;
  opacity:1;
}
 
 
/* =====================================================
   3. WHAT IS NLP – video
   ===================================================== */
.ms-video,
.ms-video .elementor-wrapper,
.ms-video .elementor-custom-embed-image-overlay{
  border-radius:var(--msh-radius) !important;
  overflow:hidden !important;
}
.ms-video .elementor-wrapper{
  box-shadow:var(--msh-shadow-hover);
}
/* gold play button */
.ms-video .elementor-custom-embed-play i,
.ms-video .elementor-custom-embed-play svg{
  color:var(--msh-gold) !important;
  fill:var(--msh-gold) !important;
  opacity:1 !important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,0.35));
  transition:transform .3s ease;
}
.ms-video:hover .elementor-custom-embed-play i,
.ms-video:hover .elementor-custom-embed-play svg{
  transform:scale(1.1);
}
 
 
/* =====================================================
   4. MEET THE FOUNDER
   ===================================================== */
.ms-founder-img,
.ms-founder-img .elementor-widget-container{
  text-align:center !important;
}
.ms-founder-img img{
  width:100% !important;
  max-width:480px !important;
  height:auto !important;
  border-radius:var(--msh-radius) !important;
  border-bottom:6px solid var(--msh-gold) !important;
  box-shadow:var(--msh-shadow-hover);
}
.ms-founder-name .elementor-heading-title{
  color:var(--msh-blue) !important;
  font-family:var(--msh-heading-font) !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  margin:0 !important;
}
.ms-founder-role .elementor-heading-title{
  color:var(--msh-gold-hover) !important;
  font-family:var(--msh-text-font) !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:1px;
  text-transform:uppercase;
  margin:-12px 0 0 0 !important;
}
 
 
/* =====================================================
   5. TABLET (1024px and below)
   ===================================================== */
@media (max-width:1024px){
  :root{
    --msh-title-size:34px;
    --msh-section-space:80px;
  }
  .ms-split{ gap:40px !important; }
}
 
/* =====================================================
   5. MOBILE (767px and below)
   ===================================================== */
@media (max-width:767px){
  :root{
    --msh-title-size:28px;
    --msh-section-space:64px;
  }
  .ms-sec{ gap:36px !important; }
 
  /* 2 columns → stacked (media on top) */
  .ms-split,
  .ms-split.ms-split-reverse{
    flex-direction:column !important;
    gap:32px !important;
  }
  .ms-split-media,
  .ms-split-text{
    width:100% !important;
    flex:0 0 auto !important;
  }
 
  .ms-logos-sec .ms-sec-title .elementor-heading-title{ font-size:22px !important; }
  .ms-logos img{ max-height:55px !important; max-width:120px !important; }
  .ms-founder-name .elementor-heading-title{ font-size:26px !important; }
}
/* ============ END OF PART 2 ============ */
 
 
/* =====================================================
   MIND SHIFTERS NLP – MOBILE FIX PACK (Nov 2026)
   Keep this block at the VERY END of Site Settings CSS.
   -----------------------------------------------------
   A. Nothing may be wider than the screen
   B. Header – hide empty boxes, tidy height
   C. Hero slider – one clean slide, aligned buttons
   D. Images – never squeezed (founder photo etc.)
   E. Fonts – no "Times New Roman" fallback
   ===================================================== */
 
/* ---------- A. nothing wider than the screen ---------- */
html, body{ overflow-x:clip; }
img, video, iframe{ max-width:100%; }
 
@media (max-width:767px){
  .elementor .e-con,
  .elementor .e-con > .e-con-inner,
  .elementor .elementor-widget,
  .elementor .elementor-widget-container{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .elementor-widget-html > .elementor-widget-container{ overflow-x:clip; }
  /* long words / links never push the page wider */
  .elementor h1, .elementor h2, .elementor h3, .elementor p, .elementor li{
    overflow-wrap:break-word;
  }
}
 
/* ---------- B. HEADER ---------- */
/* empty containers in the header create the white gap –
   hidden on the live site (still visible in the editor so you can delete them) */
body:not(.elementor-editor-active) #masthead .e-con:not(:has(.elementor-widget)),
body:not(.elementor-editor-active) .ms-header .e-con:not(:has(.elementor-widget)){
  display:none !important;
}
@media (max-width:1024px){
  .ms-header{
    min-height:0 !important;
    height:auto !important;
    flex-wrap:nowrap !important;
  }
  .ms-header > .elementor-element,
  .ms-header > .e-con-inner > .elementor-element{ margin:0 !important; }
  .ms-logo{ flex:0 0 auto !important; }
  .ms-menu-wrap{ flex:0 0 auto !important; margin-left:auto !important; }
  /* full-width dropdown under the header, text never cut on the left */
  .ms-menu nav li > a{ padding-left:22px !important; padding-right:22px !important; }
}
 
/* ---------- C. HERO SLIDER ---------- */
@media (max-width:767px){
  .ms-hero-wrap,
  .ms-hero-slider,
  .ms-hero-slider .swiper,
  .ms-hero-slider .swiper-container,
  .ms-hero-slider .swiper-wrapper{
    max-width:100% !important;
  }
  .ms-hero-wrap,
  .ms-hero-slider,
  .ms-hero-slider .swiper,
  .ms-hero-slider .swiper-container{
    width:100% !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
  }
  .ms-hero-slider .swiper-slide{ margin-right:0 !important; }
 
  /* one slide = full screen width, same padding left and right */
  .ms-hero-slider .ms-hero,
  .ms-hero{
    width:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding:56px 20px 76px 20px !important;
    align-items:stretch !important;
  }
  .ms-hero-content{
    width:100% !important;
    max-width:100% !important;
    align-items:stretch !important;
  }
  .ms-hero-title .elementor-heading-title{ font-size:30px !important; line-height:1.18 !important; }
  .ms-hero-text, .ms-hero-text p{ font-size:15.5px !important; line-height:1.7 !important; }
 
  /* both buttons: same width, same line, centred text */
  .ms-hero-btns{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    gap:12px !important;
    margin:6px 0 0 0 !important;
    padding:0 !important;
  }
  .ms-hero-btns > .elementor-element,
  .ms-hero-btns .elementor-button-wrapper,
  .ms-hero-btns .elementor-button{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  .ms-hero-btns .elementor-button{
    justify-content:center !important;
    text-align:center !important;
    padding:15px 18px !important;
  }
}
 
/* ---------- D. IMAGES never squeezed ---------- */
@media (max-width:767px){
  .elementor-widget-image img{ height:auto !important; max-width:100% !important; }
 
  /* founder photo: full width, natural shape, face kept in view */
  .ms-founder-img,
  .ms-founder-img .elementor-widget-container{ width:100% !important; text-align:center !important; }
  .ms-founder-img img{
    width:100% !important;
    max-width:420px !important;
    height:auto !important;
    aspect-ratio:4 / 5;
    object-fit:cover !important;
    object-position:top center !important;
    margin:0 auto !important;
    display:block !important;
  }
  /* if the photo is a container BACKGROUND, give that container this class */
  .ms-founder-bg{
    min-height:420px !important;
    background-size:cover !important;
    background-position:top center !important;
  }
}
 
/* ---------- E. FONTS (fallback so headings never show Times) ---------- */
.elementor-heading-title{ font-family:'Montserrat', 'Poppins', Arial, sans-serif; }
body, .elementor-widget-text-editor{ font-family:'Poppins', Arial, sans-serif; }
/* ============ END OF MOBILE FIX PACK ============ *//* End custom CSS */