.elementor-kit-6{--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-6 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){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* ==========================================================================
   Nikhil Ashtewale — Global Style Patch
   Paste this into: Elementor (☰ top-left icon) > Site Settings > Custom CSS
   (If you don't have that option, use: Appearance > Customize > Additional CSS)
   This targets Elementor's own built-in class names — not custom ones —
   so it will not silently fail like the earlier attempt.
   ========================================================================== */

/* ---- Font fallback (works even if the Custom Code font snippet isn't loading) ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@600;700;800&family=Bebas+Neue&display=swap');

.elementor-widget-heading .elementor-heading-title{
  font-family: 'Sora', sans-serif !important;
}
.elementor-widget-text-editor{
  font-family: 'Inter', sans-serif !important;
}

/* ---- Button hover ---- */
.elementor-widget-button .elementor-button{
  transition: all 0.25s ease !important;
}
.elementor-widget-button .elementor-button:hover{
  filter: brightness(1.12) !important;
  transform: translateY(-2px);
}

/* ---- Icon box hover (pillars, coaching cards) ---- */
.elementor-widget-icon-box{
  transition: background-color 0.3s ease, transform 0.3s ease !important;
  border-radius: 8px;
}
.elementor-widget-icon-box:hover{
  background-color: #2a2622 !important;
  transform: translateY(-4px);
}
.elementor-widget-icon-box .elementor-icon{
  transition: color 0.3s ease, transform 0.3s ease !important;
}
.elementor-widget-icon-box:hover .elementor-icon{
  color: #ff5a1f !important;
  transform: scale(1.1);
}

/* ---- Image hover (masterclass/ebook thumbnails) ---- */
.elementor-widget-image img{
  transition: transform 0.4s ease, filter 0.4s ease !important;
}
.elementor-widget-image img:hover{
  transform: scale(1.03);
  filter: brightness(1.08);
}

/* ---- Counter number color reinforcement ---- */
.elementor-widget-counter .elementor-counter-number,
.elementor-widget-counter .elementor-counter-number-wrapper{
  color: #ff5a1f !important;
  font-family: 'Bebas Neue', sans-serif !important;
}
.elementor-widget-counter .elementor-counter-title{
  color: #e4beb3 !important;
  font-family: 'Sora', sans-serif !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* ---- Accordion (FAQ) — default + hover/active state ---- */
.elementor-accordion .elementor-accordion-item{
  background-color: #211E1A !important;
  border: 1px solid #5b4038 !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  overflow: hidden;
}
.elementor-accordion .elementor-tab-title{
  background-color: #211E1A !important;
  color: #e8e1dc !important;
  font-family: 'Sora', sans-serif !important;
  transition: background-color 0.25s ease !important;
}
.elementor-accordion .elementor-tab-title a{
  color: #e8e1dc !important;
}
.elementor-accordion .elementor-tab-content{
  background-color: #211E1A !important;
  color: #e4beb3 !important;
}
.elementor-accordion .elementor-tab-title:hover,
.elementor-accordion .elementor-tab-title.elementor-active{
  background-color: #2a2622 !important;
}

/* ---- Simple fade-up entrance animation on scroll ---- */
@keyframes fadeUpIn{
  from{ opacity:0; transform: translateY(24px); }
  to{ opacity:1; transform: translateY(0); }
}
.elementor-section, .elementor-widget{
  animation: fadeUpIn 0.6s ease both;
}

/* ---- Section background safety net (in case a section's own bg didn't stick) ---- */
.elementor-section{
  background-color: #151310;
}/* End custom CSS */