.elementor-kit-4{--e-global-color-primary:#0B39C4;--e-global-color-secondary:#101418;--e-global-color-text:#5B646E;--e-global-color-accent:#F4F6F7;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Archivo";--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-4 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);}.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 *//* ============================================================
   LifeFit — global CSS
   Paste into: Elementor editor → ☰ menu → Site Settings → Custom CSS
   ============================================================ */

:root{
  --lf-ink:#141922;
  --lf-steel:#5A6472;
  --lf-line:#E6EAF0;
  --lf-paper:#FAFBFC;
  --lf-accent:#3B5BFD;
  --lf-accent-2:#0FA3A3;
  --lf-soft:#EEF2FF;
}

/* --- typography polish ------------------------------------ */
body{ -webkit-font-smoothing:antialiased; }
h1,h2{ letter-spacing:-0.03em; }
h3,h4{ letter-spacing:-0.02em; }

/* --- logo sizing ------------------------------------------
   Many themes force img{width:100%!important;height:auto!important}
   which blows the logo up to full size. This pins it back.
   Give your header logo widget the CSS class: lf-logo
------------------------------------------------------------ */
.lf-logo img,
.site-header .custom-logo{
  width:auto !important;
  height:36px !important;
  max-width:230px !important;
  object-fit:contain;
}
@media(max-width:1024px){
  .lf-logo img,
  .site-header .custom-logo{ height:30px !important; max-width:190px !important; }
}
@media(max-width:767px){
  .lf-logo img,
  .site-header .custom-logo{ height:24px !important; max-width:150px !important; }
}

/* --- buttons ---------------------------------------------- */
.elementor-button{
  transition:background-color .18s ease, color .18s ease,
             border-color .18s ease, transform .18s ease;
}
.elementor-button:hover{ transform:translateY(-1px); }
.elementor-button:focus-visible{
  outline:3px solid var(--lf-accent);
  outline-offset:3px;
}

/* --- cards: lift gently on hover -------------------------- */
.e-con[class*="elementor-element"]{
  transition:transform .22s ease, box-shadow .22s ease;
}

/* --- icon lists ------------------------------------------- */
.elementor-icon-list-item{ align-items:flex-start; }
.elementor-icon-list-icon{ padding-top:5px; }

/* --- forms ------------------------------------------------ */
.elementor-field-group .elementor-field{
  border-radius:10px !important;
  padding:13px 15px !important;
}
.elementor-field-group .elementor-field:focus{
  border-color:var(--lf-accent) !important;
  box-shadow:0 0 0 3px rgba(59,91,253,.14);
  outline:none;
}
.elementor-button[type="submit"]{ border-radius:999px !important; }

/* --- images never overflow their container ---------------- */
.elementor-widget-image img{ display:block; height:auto; }

/* --- mobile spacing safety net ---------------------------- */
@media(max-width:767px){
  .e-con-inner{ padding-left:0; padding-right:0; }
  h1{ line-height:1.12 !important; }
}

/* --- sticky mobile call bar --------------------------------
   Add this HTML once, in your Elementor FOOTER template,
   using an HTML widget:

   <nav class="lf-callbar">
     <a class="lf-call" href="tel:+919500031135">Call</a>
     <a class="lf-wa" href="https://wa.me/919500031135">WhatsApp</a>
   </nav>
------------------------------------------------------------ */
.lf-callbar{ display:none; }
@media(max-width:767px){
  body{ padding-bottom:64px; }
  .lf-callbar{
    display:grid; grid-template-columns:1fr 1fr;
    position:fixed; left:0; right:0; bottom:0; z-index:9999;
    box-shadow:0 -6px 24px rgba(20,25,34,.14);
  }
  .lf-callbar a{
    padding:17px 10px; text-align:center; text-decoration:none;
    font-weight:600; font-size:15.5px; color:#fff;
    font-family:Archivo, sans-serif;
  }
  .lf-callbar .lf-call{ background:var(--lf-ink); }
  .lf-callbar .lf-wa{ background:var(--lf-accent); }
}

/* --- respect reduced motion ------------------------------- */
@media(prefers-reduced-motion:reduce){
  *{ transition:none !important; animation:none !important; }
}/* End custom CSS */