.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-color-32c692f:#3B83FF;--e-global-color-933c88b:#000046;--e-global-color-fea2be2:#4996D5;--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-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);padding:0px 0px 0px 0px;}.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 *//* 🔧 Set your sticky header heights once */
:root{
  --offset-desktop: 110px;   /* adjust to your sticky header height on desktop */
  --offset-tablet:  96px;    /* optional */
  --offset-mobile:  150px;    /* adjust to your sticky header height on mobile */
}

/* 🧭 Smooth scrolling (optional, nice to have) */
html { scroll-behavior: smooth; }

/* 🎯 Apply an offset when the browser jumps to a section via #hash
   Works with your section CSS IDs; no extra padding/gaps needed */
section[id], .elementor-section[id], .e-con[id]{
  scroll-margin-top: var(--offset-desktop);
}

/* Tablet & Mobile overrides (match your Elementor breakpoints if customized) */
@media (max-width: 1024px){
  section[id], .elementor-section[id], .e-con[id]{ 
    scroll-margin-top: var(--offset-tablet);
  }
}
@media (max-width: 767px){
  section[id], .elementor-section[id], .e-con[id]{ 
    scroll-margin-top: var(--offset-mobile);
  }
}/* End custom CSS */