.elementor-kit-46{--e-global-color-primary:#F54900;--e-global-color-secondary:#3D4459;--e-global-color-text:#353535;--e-global-color-accent:#FF6800;--e-global-color-f898f31:#FFFEFE;--e-global-color-0d046a4:#E9E9E9;--e-global-color-c6c574f:#F9F9F9;--e-global-color-7ad78f4:#FFFFFFE6;--e-global-color-8630d9f:#7E222200;--e-global-color-b500f0a:#FFFFFF;--e-global-color-ced7e75:#6F7FAB;--e-global-color-5617876:#FFF8EB;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.2em;--e-global-typography-6ed476c-font-family:"Inter";--e-global-typography-6ed476c-font-size:20px;--e-global-typography-6ed476c-font-weight:400;--e-global-typography-9525bd0-font-family:"Inter";--e-global-typography-9525bd0-font-size:20px;--e-global-typography-9525bd0-font-weight:300;--e-global-typography-cdaaf6a-font-family:"Inter";--e-global-typography-cdaaf6a-font-size:16px;--e-global-typography-cdaaf6a-font-weight:300;--e-global-typography-cdaaf6a-font-style:normal;--e-global-typography-0009af8-font-family:"Inter";--e-global-typography-0009af8-font-size:14px;--e-global-typography-0009af8-font-weight:400;--e-global-typography-0009af8-font-style:normal;--e-global-typography-0009af8-letter-spacing:0px;--e-global-typography-ef2c50b-font-family:"Inter";--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-ef2c50b-font-weight:300;--e-global-typography-f8a9e51-font-family:"Inter";--e-global-typography-f8a9e51-font-size:35px;--e-global-typography-f8a9e51-font-weight:300;--e-global-typography-f8a9e51-line-height:1.2em;--e-global-typography-ccc280a-font-family:"Inter";--e-global-typography-ccc280a-font-size:80px;--e-global-typography-ccc280a-font-weight:300;--e-global-typography-ccc280a-line-height:1.2em;--e-global-typography-2c11d45-font-family:"Inter";--e-global-typography-2c11d45-font-size:50px;--e-global-typography-2c11d45-font-weight:500;--e-global-typography-2c11d45-line-height:1.2em;background-color:var( --e-global-color-f898f31 );}.elementor-kit-46 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:10px;--container-default-padding-bottom:0px;--container-default-padding-left:10px;}.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-kit-46{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;--e-global-typography-6ed476c-font-size:18px;--e-global-typography-9525bd0-font-size:18px;--e-global-typography-cdaaf6a-font-size:15px;--e-global-typography-0009af8-font-size:14px;--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-f8a9e51-font-size:25px;--e-global-typography-ccc280a-font-size:70px;--e-global-typography-2c11d45-font-size:45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-46{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:16px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;--e-global-typography-6ed476c-font-size:20px;--e-global-typography-9525bd0-font-size:18px;--e-global-typography-cdaaf6a-font-size:15px;--e-global-typography-0009af8-font-size:14px;--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-f8a9e51-font-size:25px;--e-global-typography-ccc280a-font-size:50px;--e-global-typography-2c11d45-font-size:35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   AEGIRA HEADER – FULL CSS (MEGA MENU + CONTAINERS)
   ========================== */

/* ===== BASE HEADER (tall state) ===== */
#tfs-header {
  position: relative;
  z-index: 999;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  padding-block: 24px;        /* top & bottom padding */
  min-height: 96px;           /* tall state */
  transition:
    padding 0.25s ease,
    min-height 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

/* Inner container from Elementor */
#tfs-header > .e-con-inner {
  align-items: center;
}

/* ===== LOGO – base state ===== */
#tfs-header .tfs-header-logo {
  display: flex;
  align-items: center;
}

/* Make the logo square-ish, not stretched */
#tfs-header .tfs-header-logo img {
  width: auto !important;
  height: auto !important;
  max-width: 72px;            /* tall state size */
  max-height: 72px;
  object-fit: contain;
  display: block;
  transition:
    max-width 0.25s ease,
    max-height 0.25s ease,
    transform 0.25s ease;
}

/* ===== MENU (Mega Menu widget) – desktop / general ===== */

/* Menu item spacing */
#tfs-header .tfs-header-menu .e-n-menu-heading {
  gap: 8px;
}

/* Clickable areas */
#tfs-header .tfs-header-menu .e-n-menu-title {
  padding-inline: 12px;
  padding-block: 6px;
}

/* Ensure menu text is visible on light dropdown (desktop) */
#tfs-header .tfs-header-menu .e-n-menu-title-text,
#tfs-header .tfs-header-menu .e-n-menu-title a {
  font-size: 15px;
  line-height: 1.4;
  color: #FFF8EB;
}

/* ===== CTA BUTTON (desktop only) ===== */
#tfs-header .tfs-header-cta .elementor-button {
  border-radius: 999px;
  padding-inline: 20px;
  padding-block: 10px;
  font-weight: 600;
}

/* ===== COMPACT HEADER (scrolling down) ===== */
#tfs-header.tfs-header-compact {
  padding-block: 8px;
  min-height: 60px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

/* Logo shrinks noticeably */
#tfs-header.tfs-header-compact .tfs-header-logo img {
  max-width: 44px;
  max-height: 44px;
}


/* =========================
   MOBILE MENU (FULL-WIDTH OVERLAY)
   ========================== */

@media (max-width: 767px) {
  /* Center the logo container (logo is order=2, menu/toggle order=1) */
  #tfs-header .tfs-header-logo {
    justify-content: center;
  }

  #tfs-header .tfs-header-logo .elementor-widget-image {
    margin-inline: auto;
  }

  /* Mobile dropdown as overlay BELOW the header
     Header min-height is 96px, so:
       - Start wrapper at top: 96px
       - Height: 100vh - 96px
     This keeps the header always visible. */
  #tfs-header .tfs-header-menu .e-n-menu-wrapper {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100vh - 96px);
    padding: 24px 24px 24px;
    box-shadow: none;
    border-radius: 0;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 998;
    background: #ffffff; /* white background */
  }

  /* Stack menu items vertically */
  #tfs-header .tfs-header-menu .e-n-menu-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  #tfs-header .tfs-header-menu .e-n-menu-item {
    width: 100%;
  }

  #tfs-header .tfs-header-menu .e-n-menu-title {
    width: 100%;
    padding-inline: 0;
  }

  /* Make mobile menu text DARK so it's visible on white */
  #tfs-header .tfs-header-menu .e-n-menu-title-text,
  #tfs-header .tfs-header-menu .e-n-menu-title a {
    color: #111827 !important;   /* dark text on white bg */
    font-size: 18px;
    font-weight: 500;
  }

  /* Mobile CTA inside menu
     Add CSS class "menu-cta" to the menu item */
  #tfs-header .tfs-header-menu .menu-cta .e-n-menu-title,
  #tfs-header .tfs-header-menu .menu-cta a {
    display: block;
    margin-top: 12px;
    padding: 10px 16px;
    border-radius: 999px;
    text-align: center;
    font-weight: 600;
    background-color: #0E305E;
    color: #ffffff !important; /* white text on dark CTA */
  }
}

/* =========================
   TOGGLE (hamburger / X) STYLING
   ========================== */

/* The Mega Menu toggle button in header */
#tfs-header .e-n-menu-toggle {
  padding: 6px;
  border-radius: 999px;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

/* When menu is open (Elementor sets aria-expanded="true") */
#tfs-header .e-n-menu-toggle[aria-expanded="true"] {
  background-color: rgba(255,255,255,0.12);
  transform: scale(1.05);
}/* End custom CSS */