.elementor-692 .elementor-element.elementor-element-e82a68b{--display:flex;--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-0005454 *//* =====================================================
   GCB HEADER — FINAL LOCK (CTA buttons + clean border)
   - Top of hero: transparent blend
   - On scroll: glass blur + premium tint
   - Desktop: nav + CTA pill buttons
   - Mobile: burger + offcanvas (CSS only, JS toggle class)
===================================================== */

#gcb-navbar.gcb-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 99999;

  /* default: blend with hero */
  background: transparent;
  border-bottom: 0 !important;          /* remove annoying line */
  box-shadow: none;

  transition: background .25s ease, backdrop-filter .25s ease, box-shadow .25s ease;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Glass on scroll */
#gcb-navbar.gcb-header.gcb-scrolled{
  background: rgba(7, 18, 33, .74);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
}

/* Container alignment (match section about) */
#gcb-navbar .gcb-container{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 14px 24px !important;
}

#gcb-navbar .gcb-header-inner{
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

/* Brand / logo */
#gcb-navbar .gcb-brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

#gcb-navbar .gcb-header-logo{
  height: 52px;                 /* bigger sikit */
  width: auto;
  display: block;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.22));
}

/* Desktop nav */
#gcb-navbar .gcb-nav-desktop{
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

/* Normal links */
#gcb-navbar .gcb-nav-desktop > a:not(.gcb-btn){
  color: rgba(255,255,255,.86);
  text-decoration: none;
  font-weight: 650;
  letter-spacing: .15px;
  transition: color .18s ease, opacity .18s ease;
}
#gcb-navbar .gcb-nav-desktop > a:not(.gcb-btn):hover{
  color: #fff;
}

/* Force CTA group to look like premium buttons */
#gcb-navbar .gcb-nav-cta.gcb-btn{
  height: 44px;
  padding: 0 18px;
  border-radius: 999px;         /* pill */
  font-weight: 850;
  letter-spacing: .6px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

@media (hover:hover){
  #gcb-navbar .gcb-nav-cta.gcb-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(0,0,0,.22);
  }
}

/* View Product = outline CTA */
#gcb-navbar .gcb-btn-outline.gcb-nav-cta{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
}
#gcb-navbar .gcb-btn-outline.gcb-nav-cta:hover{
  background: rgba(197,160,89,.14);
  border-color: rgba(197,160,89,.55);
  color: #fff;
}

/* Enquire = gold CTA */
#gcb-navbar .gcb-btn-primary.gcb-nav-cta{
  background: #C5A059;
  color: #071423;
  border: 1px solid rgba(255,255,255,.12);
}
#gcb-navbar .gcb-btn-primary.gcb-nav-cta:hover{
  background: #D4AF37;
}

/* Burger (mobile only) */
#gcb-navbar .gcb-burger{
  display: none;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
}
#gcb-navbar .gcb-burger span{
  display: block;
  height: 2px;
  width: 20px;
  margin: 5px auto;
  background: rgba(255,255,255,.90);
  border-radius: 99px;
}

/* Backdrop + drawer base (mobile only enabled below) */
#gcb-navbar .gcb-backdrop{
  display: none;
}
#gcb-navbar .gcb-drawer{
  display: none;
}

/* =========================
   MOBILE/TABLET: Offcanvas
========================= */
@media (max-width: 1024px){
  #gcb-navbar .gcb-nav-desktop{ display: none; }
  #gcb-navbar .gcb-burger{ display: inline-flex; align-items:center; justify-content:center; }

  #gcb-navbar .gcb-container{ padding: 12px 18px !important; }
  #gcb-navbar .gcb-header-inner{ min-height: 72px; }
  #gcb-navbar .gcb-header-logo{ height: 44px; }

  /* Backdrop */
  #gcb-navbar .gcb-backdrop{
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    z-index: 99998;
  }

  /* Drawer */
  #gcb-navbar .gcb-drawer{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    height: 100dvh;
    width: min(360px, 88vw);
    transform: translateX(105%);
    transition: transform .28s ease;
    z-index: 99999;

    background: rgba(7, 18, 33, .86);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-left: 1px solid rgba(255,255,255,.10);
    box-shadow: -24px 0 60px rgba(0,0,0,.35);
    padding: 18px;
  }

  /* Open state controlled by JS: .gcb-open */
  #gcb-navbar.gcb-open .gcb-backdrop{
    opacity: 1;
    pointer-events: auto;
  }
  #gcb-navbar.gcb-open .gcb-drawer{
    transform: translateX(0);
  }

  /* Drawer header */
  #gcb-navbar .gcb-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.10);
    margin-bottom: 14px;
  }
  #gcb-navbar .gcb-drawer-title{
    color: rgba(255,255,255,.86);
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 12px;
  }
  #gcb-navbar .gcb-drawer-close{
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.9);
    cursor: pointer;
  }

  /* Drawer nav */
  #gcb-navbar .gcb-nav-mobile{
    display: grid;
    gap: 10px;
  }
  #gcb-navbar .gcb-nav-mobile a{
    color: rgba(255,255,255,.90);
    text-decoration: none;
    font-weight: 700;
    padding: 12px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
  }
  #gcb-navbar .gcb-nav-mobile a:hover{
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.12);
  }

  /* Buttons in drawer */
  #gcb-navbar .gcb-nav-mobile .gcb-btn{
    width: 100%;
    height: 48px;
    border-radius: 14px;
    justify-content: center;
    margin-top: 8px;
  }
}/* End custom CSS */