.elementor-49 .elementor-element.elementor-element-4b21d966{--display:flex;--position:fixed;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1;}.elementor-49 .elementor-element.elementor-element-4b21d966:not(.elementor-motion-effects-element-type-background), .elementor-49 .elementor-element.elementor-element-4b21d966 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}body:not(.rtl) .elementor-49 .elementor-element.elementor-element-4b21d966{left:0px;}body.rtl .elementor-49 .elementor-element.elementor-element-4b21d966{right:0px;}.elementor-49 .elementor-element.elementor-element-6987ad25{--display:flex;--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;}.elementor-49 .elementor-element.elementor-element-4b84cc4a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-49 .elementor-element.elementor-element-50c798ed{margin:0px 40px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-menu-toggle{margin:0 auto;background-color:#CFFF00;}.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:bold;}.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--main .elementor-item{color:#CFFF00;fill:#CFFF00;}.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-astglobalcolor8 );}.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--dropdown a, .elementor-49 .elementor-element.elementor-element-50c798ed .elementor-menu-toggle{color:var( --e-global-color-astglobalcolor8 );fill:var( --e-global-color-astglobalcolor8 );}.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--dropdown a:hover,
					.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--dropdown a.highlighted,
					.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-menu-toggle:hover{color:var( --e-global-color-astglobalcolor8 );}.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--dropdown a:hover,
					.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-49 .elementor-element.elementor-element-50c798ed .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-astglobalcolor8 );}.elementor-49 .elementor-element.elementor-element-50c798ed div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor8 );}.elementor-49 .elementor-element.elementor-element-50c798ed div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor8 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-49 .elementor-element.elementor-element-50c798ed{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:0;}}@media(min-width:768px){.elementor-49 .elementor-element.elementor-element-6987ad25{--width:33.3333%;}.elementor-49 .elementor-element.elementor-element-4b84cc4a{--width:66.6666%;}}/* Start custom CSS for nav-menu, class: .elementor-element-50c798ed *//* ===== Make the "Registration" menu item look like a green rounded button ===== */

/* Primary .elementor-49 .elementor-element.elementor-element-50c798eds (high specificity + fallback) */
nav .menu-item-225 > a,
.main-navigation .menu-item-225 > a,
.site-header .menu-item-225 > a,
.menu-item-225 > a,
.menu-item-225 a {
  display: inline-block !important;      /* ensure padding & radius apply */
  background-color: #CFFF00 !important;  /* green background */
  color: #000000 !important;             /* black text */
  padding: px px !important;          /* adjust space inside the "button" */
  border-radius: 25px !important;        /* rounded corners (25px) */
  text-decoration: none !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* Prevent parent <li> background or theme hover from overriding */
.menu-item-225 {
  background: transparent !important;
}

/* If the theme wraps the anchor text in a span (common), force that span color too */
.menu-item-225 a span,
.menu-item-225 a .menu-text {
  color: #000000 !important;
}

/* Hover / focus state */
nav .menu-item-225 > a:hover,
nav .menu-item-225 > a:focus,
.main-navigation .menu-item-225 > a:hover,
.main-navigation .menu-item-225 > a:focus,
.menu-item-225 > a:hover,
.menu-item-225 > a:focus {
  background-color: #07b85c !important;  /* slightly brighter green on hover */
  color: #000000 !important;
  text-decoration: none !important;
}

/* Mobile — make it full width / easier to tap (optional) */
@media (max-width: 768px) {
  nav .menu-item-225 > a,
  .main-navigation .menu-item-225 > a,
  .menu-item-225 > a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 12px 16px !important;
    border-radius: 6px !important; /* slightly less rounded on small screens (optional) */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b21d966 *//* ---------- Base header (fixed) ---------- */
#site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: transparent !important;
  transition: background-color 300ms ease, box-shadow 300ms ease, transform 300ms ease, padding 300ms ease;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  display: flex;
  align-items: center;        /* vertically center logo and menu */
  justify-content: space-between; /* logo left, menu right */
  padding: 10px 50px;         /* default top/bottom and left/right padding */
  box-sizing: border-box;
}

/* ---------- Active sticky look: white translucent bg + black links ---------- */
#site-header.header-active {
  background-color: rgba(255,255,255,0.90) !important; /* adjust transparency */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
  pointer-events: auto;
  transform: translateY(0) !important;

  /* 🔧 Adjust header height (white background) here */
  padding-top: 20px !important;    /* change this value to increase/decrease top padding */
  padding-bottom: 20px !important; /* change this value to increase/decrease bottom padding */
}

/* ---------- Align menu inline with logo ---------- */
#site-header nav,
#site-header .elementor-nav-menu {
  display: flex;
  align-items: center; /* vertically align with logo */
  gap: 30px;           /* spacing between menu items, adjust as needed */
}

/* Optional: if menu is floated right, this ensures it stays inline with logo */
#site-header .site-logo-wrap,
#site-header img.site-logo {
  display: inline-block;
  vertical-align: middle;
}

/* ---------- Logo Swap Transition (Fade between logos) ---------- */
#site-header .logo-white,
#site-header .logo-dark {
  max-height: 60px; /* adjust to your design */
  transition: opacity 0.5s ease, visibility 0.5s ease;
  position: relative; /* change from absolute to relative to align with menu */
  top: 0;             /* remove previous 50% translate */
  transform: none;
  display: inline-block;
  vertical-align: middle; /* ensures alignment with menu */
}

/* ---------- Logo visibility ---------- */
#site-header.at-top .logo-white {
  opacity: 1;
  visibility: visible;
}
#site-header.header-active .logo-dark {
  opacity: 1;
  visibility: visible;
}
#site-header.header-active .logo-white,
#site-header.header-hidden .logo-white,
#site-header.at-top .logo-dark,
#site-header.header-hidden .logo-dark {
  opacity: 0;
  visibility: hidden;
}

/* ---------- Small screens ---------- */
@media (max-width: 768px) {
  #site-header {
    flex-direction: row;     /* keep logo + menu inline */
    padding: 10px 20px;
  }
  #site-header nav,
  #site-header .elementor-nav-menu {
    gap: 15px;
  }
  #site-header .site-logo-wrap,
  #site-header img.site-logo {
    max-height: 40px;
  }
}

/* ---------- Align dark logo with menu ---------- */
#site-header .logo-dark {
  position: relative;     /* remove absolute positioning */
  top: 0;                 /* remove previous offset */
  transform: none;        /* remove translateY(-50%) */
  display: inline-block;  /* inline with menu items */
  vertical-align: middle; /* align with menu vertically */
  max-height: 60px;       /* adjust to match design */
}

/* Optional: small screens */
@media (max-width: 768px) {
  #site-header .logo-dark {
    max-height: 40px; /* adjust if needed */
  }
}/* End custom CSS */