.elementor-2543 .elementor-element.elementor-element-7711ae6{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2543 .elementor-element.elementor-element-7711ae6.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-2543 .elementor-element.elementor-element-998065a > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(243deg, var( --e-global-color-accent ) 0%, var( --e-global-color-accent ) 100%);}.elementor-2543 .elementor-element.elementor-element-998065a .header-1 .header-left .mean__menu-wrapper{text-align:left;}.elementor-2543 .elementor-element.elementor-element-998065a .header-main .main-menu ul li a{color:#FFFFFF !important;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2543 .elementor-element.elementor-element-998065a .header-main .main-menu ul li a:hover{color:var( --e-global-color-accent );}.elementor-2543 .elementor-element.elementor-element-998065a .header-main .main-menu ul li .submenu li a{color:var( --e-global-color-accent );}.elementor-2543 .elementor-element.elementor-element-998065a .header-main .main-menu ul li .submenu{background-color:var( --e-global-color-accent );}.elementor-2543 .elementor-element.elementor-element-998065a .header-right .theme-btn{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2543 .elementor-element.elementor-element-998065a .header-main .header__hamburger .sidebar__toggle{color:#FFFFFF !important;}.elementor-2543 .elementor-element.elementor-element-998065a .header-1{padding:9px 0px 9px 0px !important;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2543 .elementor-element.elementor-element-df8d267{--e-transform-scale:0.2;top:0px;}body:not(.rtl) .elementor-2543 .elementor-element.elementor-element-df8d267{left:0px;}body.rtl .elementor-2543 .elementor-element.elementor-element-df8d267{right:0px;}@media(max-width:767px){.elementor-2543 .elementor-element.elementor-element-df8d267{--e-transform-scale:0.3;top:-7px;}body:not(.rtl) .elementor-2543 .elementor-element.elementor-element-df8d267{left:-101px;}body.rtl .elementor-2543 .elementor-element.elementor-element-df8d267{right:-101px;}}/* Start custom CSS for xports-navbar-widget, class: .elementor-element-998065a *//* ============================================
   GLOBAL NAVBAR SPACING
============================================ */
.elementor-location-header .elementor-widget-html { margin: 0 !important; }
.elementor-location-header p { margin-top: 0; }
.elementor-header .elementor-widget-html { margin: 0 !important; }
.elementor-header p { margin-top: 0; }

/* ============================================
   FADE HEIGHT VARIABLE
============================================ */
html { --nav-fade-height: 122px; }  /* tune to your mobile header height */

/* ============================================
   MOBILE FADE + FIXED OPACITY FOR HEADER / LOGO
============================================ */
@media (max-width: 767px){

  /* Header sits on top, fully opaque (no sticky fade/filters) */
  .elementor-location-header,
  .elementor-header{
    position: sticky; /* switch to fixed if your template uses fixed */
    top: 0;
    z-index: 10002;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    isolation: isolate;           /* new stacking context so nothing blends over logo */
  }

  /* Elementor sometimes wraps header with sticky classes that reduce opacity */
  .elementor-sticky--effects,
  .elementor-sticky--active{
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  /* Ensure the logo itself can't be blended/dimmed */
  .elementor-location-header img,
  .elementor-header img{
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    filter: none !important;
    position: relative;
    z-index: 10003; /* above the fade for safety */
  }

  /* Black fade under the header, above page content */
  body::before{
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0;
    height: var(--nav-fade-height);
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0.92) 0%,
      rgba(0,0,0,0.65) 55%,
      rgba(0,0,0,0) 100%
    );
    pointer-events: none;
    z-index: 10001; /* below header, above content */
    will-change: opacity;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7711ae6 *//* ====== Burger Button ====== */
#gg-burger {
  position: fixed; top: 18px; right: 18px;
  width: 34px; height: 28px; cursor: pointer;
  z-index: 10001;
}
#gg-burger span {
  position: absolute; left: 0; width: 100%; height: 3px;
  background: #FF0000; border-radius: 2px; transition: .3s;
}
#gg-burger span:nth-child(1){ top: 0; }
#gg-burger span:nth-child(2){ top: 50%; transform: translateY(-50%); }
#gg-burger span:nth-child(3){ bottom: 0; }

body.gg-open #gg-burger span:nth-child(1){
  transform: translateY(12px) rotate(45deg);
  background: #fff;
}
body.gg-open #gg-burger span:nth-child(2){ opacity: 0; }
body.gg-open #gg-burger span:nth-child(3){
  transform: translateY(-12px) rotate(-45deg);
  background: #fff;
}

/* ====== Off-canvas Panel ====== */
#gg-menu {
  position: fixed; top: 0; right: 0;
  width: min(420px, 88vw); height: 100vh;
  background: radial-gradient(circle at top right, #111 0%, #0B0E13 80%);
  box-shadow: -20px 0 60px rgba(255,0,0,0.2);
  transform: translateX(100%);
  transition: transform .4s ease;
  z-index: 10000;
  padding: 100px 40px 40px;
  overflow-y: auto;
  border-left: 1px solid rgba(255,255,255,0.08);
  font-family: 'Orbitron', sans-serif;
}
body.gg-open #gg-menu { transform: translateX(0); }

/* ====== Backdrop ====== */
#gg-backdrop {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.55);
  opacity: 0; visibility: hidden;
  transition: opacity .3s ease;
  z-index: 9999;
}
body.gg-open #gg-backdrop { opacity: 1; visibility: visible; }

/* ====== Nav Menu Links ====== */
#gg-menu .elementor-nav-menu--main,
#gg-menu .your-nav-class {  /* fallback */
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-align: left;
}

#gg-menu .elementor-item {
  color: #fff;
  font-size: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.25s ease;
  position: relative;
}

#gg-menu .elementor-item:hover {
  color: #FF0000;
  text-shadow: 0 0 10px rgba(255,0,0,0.8);
  transform: translateX(6px);
}

/* optional underline accent on hover */
#gg-menu .elementor-item::after {
  content: "";
  position: absolute;
  bottom: -3px; left: 0;
  width: 0; height: 2px;
  background: #FF0000;
  transition: width 0.3s ease;
}
#gg-menu .elementor-item:hover::after {
  width: 100%;
}

/* ====== Small details ====== */
header, .elementor-location-header { position: relative; z-index: 20; }
body.gg-open { overflow: hidden; }

/* ────────────── */
/* GLOBAL OFFSET FIXES */
/* ────────────── */

/* 1️⃣ Force header to sit flush at top */
.elementor-location-header,
header.elementor-location-header {
  position: relative;
  top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  z-index: 0;
}

/* 2️⃣ Neutralize any top padding Elementor adds to body or html */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  scroll-padding-top: 0 !important;
}

/* 3️⃣ Remove automatic sticky header spacer (Elementor often creates this) */
.elementor-sticky--spacer {
  height: 0 !important;
  display: none !important;
}

/* 4️⃣ Remove gap below WordPress admin bar if you're logged in */
body.admin-bar .elementor-location-header,
body.admin-bar header.elementor-location-header {
  top: 0 !important;
}

/* 5️⃣ Pull the first section up if it was pushed down */
.elementor-location-header + .elementor-section,
.elementor-location-header + .e-con {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 6️⃣ Ensure burger/backdrop/menu are not creating layout flow space */
#gg-burger, #gg-menu, #gg-backdrop {
  position: fixed !important;
  top: 0;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999;
}/* End custom CSS */