.elementor-kit-5{--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-5 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 *//* ============================================================
   FFL THEME — one file. Paste into:
   Elementor Pro:  ☰ Site Settings ▸ Custom CSS
   Free Elementor: Appearance ▸ Customize ▸ Additional CSS
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@500;600;700;800&display=swap');

/* ---------- THEME TOKENS (edit these) ---------- */
:root{
  --bg:#fff;
  --bg-2:#151518;
  --card:#1a1a1e;
  --text:#f4f4f5;
  --muted:#9a9aa2;
  --orange:#f0500c;
  --orange-2:#ff6a2b;

  --heading:#f4f4f5;   /* heading colour */
  --accent:#f0500c;    /* highlighted words in headings */

  --font-display:'Sora', sans-serif;
  --font-body:'Inter', system-ui, sans-serif;
  --h1:clamp(38px,6vw,66px);
  --h2:clamp(26px,3.4vw,40px);
  --h3:clamp(20px,2.4vw,26px);
  --h4:18px;
  --p:16px;
}

/* ---------- BASE ---------- */
body{
  background-color:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:var(--p);
  line-height:1.55;
}

/* ---------- HEADINGS ---------- */
h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.01em;
  color:var(--heading);
}
h1{font-size:var(--h1);line-height:1.02}
h2{font-size:var(--h2)}
h3{font-size:var(--h3);font-weight:600}
h4{font-size:var(--h4);font-weight:600}
p,.elementor-widget-text-editor{font-size:var(--p)}

/* orange highlighted words: wrap text in <span class="accent">…</span> */
.accent,
.elementor-heading-title .accent{color:var(--accent)}

/* ---------- LINKS & FORM FIELDS ---------- */
a{color:var(--orange)}
a:hover{color:var(--orange-2)}
input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}

/* ---------- BUTTONS ---------- */
.elementor-button{
  background-color:var(--orange);
  color:#fff;
  font-family:var(--font-display);
  font-weight:600;
  font-size:14px;
  padding:14px 26px;
  border:none;
  border-radius:999px;
  transition:background-color .2s ease, transform .2s ease;
}
.elementor-button:hover{
  background-color:var(--orange-2);
  color:#fff;
  transform:translateY(-1px);
}

header .elementor-element-0e33ea4 {
    z-index: 9;
}
button:focus,
button:hover {
    background-color: unset!important;
}/* End custom CSS */