.elementor-kit-2335{--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-2335 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){margin-block-end: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 *//* === FDTEC — FORCE WHITE HEADER RIBBON SITE-WIDE (hardened) === */

/* Catch all common header wrappers */
:root body .elementor-location-header,
:root body header.site-header,
:root body header[role="banner"],
:root body #masthead {
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 6px 24px rgba(0,0,0,.06) !important;
  position:relative !important;
  z-index:9999 !important;
  overflow:visible !important;
}

/* If any “transparent” class/inline style is applied, neutralize it */
:root body .elementor-location-header[class*="transparent"],
:root body header.site-header[class*="transparent"],
:root body .elementor-location-header[style*="transparent"],
:root body header.site-header[style*="transparent"] {
  background:#ffffff !important;
}

/* Sticky states must stay white too */
:root body .elementor-sticky--effects.elementor-location-header,
:root body .elementor-sticky--effects header.site-header {
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.10) !important;
}

/* Ensure inner containers never clip dropdowns */
:root body .elementor-location-header .elementor-section,
:root body .elementor-location-header .elementor-container,
:root body .elementor-location-header .elementor-widget {
  overflow:visible !important;
}

/* Menu colors on white ribbon */
:root body .elementor-location-header .elementor-nav-menu > li > a {
  color:#0B1220 !important;
  font-weight:700 !important;
}
:root body .elementor-location-header .elementor-nav-menu > li > a:hover {
  color:#2D6DF6 !important;
}

/* Dark dropdowns for contrast */
:root body .elementor-location-header .sub-menu {
  background:#0F172A !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  padding:8px 0 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.28) !important;
}
:root body .elementor-location-header .sub-menu a {
  color:#E5E7EB !important;
  font-weight:600 !important;
}
:root body .elementor-location-header .sub-menu a:hover {
  background:rgba(255,255,255,.06) !important;
}

/* Hide any '+' indicators between items */
:root body .elementor-location-header .sub-arrow,
:root body .elementor-location-header .menu-toggle,
:root body .elementor-location-header .elementor-item:after,
:root body .elementor-location-header .elementor-item::after {
  display:none !important; content:none !important;
}

/* Backstop: if a hero/section tries to overlap the header, prevent it */
:root body .elementor-location-header + .elementor,
:root body .elementor-location-header + main,
:root body .site-content {
  position:relative;
  z-index:1;
}
/* === FDTEC — Force White Header Ribbon Site-Wide === */

/* Base header (all templates/themes) */
.elementor-location-header,
header.site-header,
header[role="banner"]{
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 6px 24px rgba(0,0,0,.06);
  position:relative;
  z-index:9999;
  overflow:visible !important;
}

/* Kill any “transparent header” variants a theme/addon might inject */
.elementor-location-header.elementor-header--transparent,
.elementor-location-header.is-transparent,
header.site-header.is-transparent,
header.site-header.header-transparent{
  background:#ffffff !important;
}

/* Sticky state stays white too */
.elementor-sticky--effects.elementor-location-header,
.elementor-sticky--effects header.site-header{
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 28px rgba(0,0,0,.10);
}

/* Ensure inner containers don't clip dropdowns */
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-widget{ overflow:visible !important; }

/* Menu colors on the white ribbon */
.elementor-location-header .elementor-nav-menu > li > a{
  color:#0B1220 !important;
  font-weight:700;
}
.elementor-location-header .elementor-nav-menu > li > a:hover{
  color:#2D6DF6 !important;
}

/* Dark dropdown for contrast */
.elementor-location-header .sub-menu{
  background:#0F172A !important;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:8px 0;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}
.elementor-location-header .sub-menu a{
  color:#E5E7EB !important;
  font-weight:600;
}
.elementor-location-header .sub-menu a:hover{ background:rgba(255,255,255,.06); }

/* Remove any “+”/indicator that sits between items */
.elementor-location-header .sub-arrow,
.elementor-location-header .menu-toggle,
.elementor-location-header .elementor-item:after,
.elementor-location-header .elementor-item::after{
  display:none !important; content:none !important;
}

/* If a page forces the header transparent via inline styles, override */
body .elementor-location-header[style*="background: transparent"],
body header.site-header[style*="background: transparent"]{
  background:#ffffff !important;
}
/* === FDTEC — Site-wide White Header Ribbon === */

/* 1) Make the Elementor header a white ribbon on every page */
.elementor-location-header,
header.site-header,
header[role="banner"]{
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 6px 24px rgba(0,0,0,.06);
  position:relative;
  z-index:9999;
  overflow:visible !important;
}

/* 2) Ensure inner containers never clip submenus */
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-widget{ overflow:visible !important; }

/* 3) Menu link colors on white ribbon */
.elementor-location-header .elementor-nav-menu > li > a{
  color:#0B1220 !important;           /* dark text on white */
  font-weight:700;
}
.elementor-location-header .elementor-nav-menu > li > a:hover{
  color:#2D6DF6 !important;           /* brand hover */
  opacity:1;
}

/* 4) Keep your dropdowns readable (dark flyout) */
.elementor-location-header .sub-menu{
  background:#0F172A !important;      /* dark dropdown */
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:8px 0;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}
.elementor-location-header .sub-menu a{
  color:#E5E7EB !important;
  font-weight:600;
}
.elementor-location-header .sub-menu a:hover{ background:rgba(255,255,255,.06); }

/* 5) Remove/neutralize any “+” toggle icons that sit between items */
.elementor-location-header .sub-arrow,
.elementor-location-header .menu-toggle,
.elementor-location-header .elementor-item:after,
.elementor-location-header .elementor-item::after{
  display:none !important; content:none !important;
}

/* 6) If you use a sticky header, keep it white too */
.elementor-sticky--effects.elementor-location-header{
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 28px rgba(0,0,0,.10);
}

/* 7) Make sure the hero/video never overlaps the ribbon */
body .site,
body .elementor{
  /* no change to layout; this just ensures stacking */
}
/* ===== FDTEC — HEADER NORMALIZE (sitewide) ===== */

/* Make ANY header bar white, sticky, and above content */
.elementor-location-header,
header.site-header, #masthead, .main-header {
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,.06);
  position: sticky !important;
  top: 0;
  z-index: 10060 !important;
}

/* Keep header row compact and vertically centered */
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
header.site-header .container,
#masthead .container {
  min-height: 64px;
  align-items: center;
}

/* Logo sizing (works whether your logo is an Elementor Image or theme logo) */
.elementor-location-header .elementor-widget-image img,
.elementor-location-header .custom-logo,
header.site-header .custom-logo {
  height:54px !important; /* adjust if needed */
  width:auto !important;
  object-fit:contain;
  display:block;
}

/* Nav colors on the white header */
.elementor-location-header .elementor-nav-menu--main a,
header.site-header .menu > li > a {
  color:#374151 !important;
  font-weight:600;
}
.elementor-location-header .elementor-nav-menu--main a:hover,
.elementor-location-header .elementor-item-active,
header.site-header .menu > li > a:hover {
  color:#111827 !important;
}

/* Dropdown must float over hero/video */
.elementor-nav-menu--dropdown,
.elementor-nav-menu__container {
  z-index:10070 !important;
  overflow:visible !important;
}

/* Dark dropdown styling for contrast */
.elementor-nav-menu .sub-menu {
  background:#0F172A !important;
  border:1px solid rgba(0,0,0,.08);
  padding:8px 0;
}
.elementor-nav-menu .sub-menu a {
  color:#E5E7EB !important;
  padding:10px 16px;
  display:block;
  font-weight:600;
}
.elementor-nav-menu .sub-menu a:hover { background:#2D6DF6; color:#fff !important; }

/* Hide any page-level fallback logo bars we previously added */
#fdtec-home-snapshot .logo-bar,
#fdtec-home-clean .logo-bar,
#fdtec-home .logo-bar { display:none !important; }

/* ===== FDTEC — HERO VIDEO FILL (works on existing home block) ===== */

#fdtec-home-snapshot .hero .hero-inner,
#fdtec-home-clean .hero .hero-inner,
#fdtec-home .hero .hero-inner {
  min-height:100vh;           /* full screen */
  position:relative;
  overflow:hidden;
}
#fdtec-home-snapshot .bg-video video,
#fdtec-home-clean .bg-video video,
#fdtec-home .bg-video video,
video#heroVideo {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block;
  background:#000;
  pointer-events:none !important; /* ensures menus remain clickable */
}
#fdtec-home-snapshot .overlay,
#fdtec-home-clean .overlay,
#fdtec-home .overlay {
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(11,15,26,.18),rgba(11,15,26,.74));
}
#fdtec-home-snapshot .content,
#fdtec-home-clean .content,
#fdtec-home .content { position:relative; z-index:2; }

@media (max-width:767px){
  /* Shorter hero on phones if you prefer */
  #fdtec-home-snapshot .hero .hero-inner,
  #fdtec-home-clean .hero .hero-inner,
  #fdtec-home .hero .hero-inner { min-height:70vh; }
}
/* ----- FDTEC Header (site-wide) ----- */

/* Header container: white bar, subtle shadow, above all content */
.elementor-location-header {
  position: sticky !important;   /* stays at top */
  top: 0;
  z-index: 10060 !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

/* Align logo + menu nicely */
.elementor-location-header .elementor-container,
.elementor-location-header .e-con {
  align-items: center !important;
  min-height: 70px; /* header height */
}

/* Logo size inside header */
.fdtec-header-logo img {
  height: 54px;        /* your original logo height */
  width: auto;
  display: block;
  object-fit: contain;
}

/* Menu colors on white header */
.elementor-nav-menu--main a {
  color: #374151;                /* slate-700 */
  font-weight: 600;
}
.elementor-nav-menu--main a:hover,
.elementor-nav-menu--main .elementor-item-active {
  color: #111827;                /* gray-900 */
}

/* Dropdown panel over content */
.elementor-nav-menu--dropdown,
.elementor-nav-menu__container {
  z-index: 10070 !important;
  overflow: visible !important;
}
.elementor-nav-menu .sub-menu {
  background: #0F172A;                         /* dark dropdown */
  border: 1px solid rgba(0,0,0,.08);
  padding: 8px 0;
}
.elementor-nav-menu .sub-menu a {
  color: #E5E7EB;
  padding: 10px 16px;
}
.elementor-nav-menu .sub-menu a:hover { background:#2D6DF6; color:#fff; }

/* If any page still has the old page-level logo bar, hide it */
#fdtec-home-snapshot .logo-bar,
#fdtec-home-clean .logo-bar,
#fdtec-home .logo-bar { display: none !important; }
/* Keep header & dropdown above everything */
.elementor-location-header,
.elementor-location-header .elementor-container,
.elementor-nav-menu--main,
.elementor-nav-menu__container,
.elementor-nav-menu--dropdown {
  z-index: 10050 !important;
  position: relative;
}

/* Allow submenus to overflow the header row */
.elementor-location-header,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container {
  overflow: visible !important;
}

/* Prevent hero video from “catching” hover/clicks */
#fdtec-home .bg-video,
#fdtec-home .bg-video video,
#fdtec-home-v3 .bg-video,
#fdtec-home-v3 .bg-video video {
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Standard submenu visibility & spacing (in case theme overrides) */
.elementor-nav-menu .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: none;
  background: #0F172A;
  border: 1px solid rgba(255,255,255,.12);
}
.elementor-nav-menu a,
.elementor-nav-menu .sub-menu a {
  color: #E8ECF2;
  font-weight: 600;
}
.elementor-nav-menu .sub-menu a:hover {
  color: #ffffff;
}/* End custom CSS */