.elementor-8 .elementor-element.elementor-element-c161557{--display:flex;--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;}.elementor-8 .elementor-element.elementor-element-c161557:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c161557 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-14da29e{--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-widget-site-logo .hfe-site-logo-container .hfe-site-logo-img{border-color:var( --e-global-color-primary );}.elementor-widget-site-logo .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-8 .elementor-element.elementor-element-21b5c15 .hfe-site-logo-container, .elementor-8 .elementor-element.elementor-element-21b5c15 .hfe-caption-width figcaption{text-align:center;}.elementor-8 .elementor-element.elementor-element-21b5c15 .hfe-site-logo .hfe-site-logo-container img{width:100%;}.elementor-8 .elementor-element.elementor-element-21b5c15 .hfe-site-logo img{max-width:100%;}.elementor-8 .elementor-element.elementor-element-21b5c15 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-8 .elementor-element.elementor-element-21b5c15 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-8 .elementor-element.elementor-element-0185dfa{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-8 .elementor-element.elementor-element-e0db20f{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-menu-toggle{margin:0 auto;}.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu .elementor-item{font-family:"Titillium Web", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;}.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main .elementor-item{color:#7A7A7A;fill:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main .elementor-item:focus{color:#7A7A7A;fill:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-e0db20f .e--pointer-framed .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-e0db20f .e--pointer-framed .elementor-item:after{border-color:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-8 .elementor-element.elementor-element-e0db20f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#7A7A7A00;}.elementor-8 .elementor-element.elementor-element-e0db20f .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-8 .elementor-element.elementor-element-e0db20f .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#7A7A7A00;}.elementor-8 .elementor-element.elementor-element-6781106{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--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-8 .elementor-element.elementor-element-6781106:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6781106 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-7bb3716{--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-8 .elementor-element.elementor-element-a817616 .hfe-site-logo-container, .elementor-8 .elementor-element.elementor-element-a817616 .hfe-caption-width figcaption{text-align:center;}.elementor-8 .elementor-element.elementor-element-a817616 .hfe-site-logo .hfe-site-logo-container img{width:100%;}.elementor-8 .elementor-element.elementor-element-a817616 .hfe-site-logo img{max-width:100%;}.elementor-8 .elementor-element.elementor-element-a817616 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-8 .elementor-element.elementor-element-a817616 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-8 .elementor-element.elementor-element-5f664b1{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{background-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-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover,
								.elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted,
								.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before,
								.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before,
								.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );}
							.elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-nav-menu__toggle,
						.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-nav-menu-icon{margin:0 auto;justify-content:center;}.elementor-8 .elementor-element.elementor-element-39ded39 li.menu-item a{justify-content:space-between;}.elementor-8 .elementor-element.elementor-element-39ded39 li.hfe-button-wrapper{text-align:space-between;}.elementor-8 .elementor-element.elementor-element-39ded39.hfe-menu-item-flex-end li.hfe-button-wrapper{text-align:right;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-flyout-wrapper .hfe-side{width:300px;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-flyout-open.left{left:-300px;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-flyout-open.right{right:-300px;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-flyout-content{padding:30px;background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item a.hfe-menu-item{padding-left:15px;padding-right:15px;}.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item a.hfe-sub-menu-item{padding-left:calc( 15px + 20px );padding-right:15px;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 40px );padding-right:15px;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 60px );padding-right:15px;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 80px );padding-right:15px;}.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item a.hfe-menu-item, .elementor-8 .elementor-element.elementor-element-39ded39 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-8 .elementor-element.elementor-element-39ded39 .sub-menu a.hfe-sub-menu-item,
						 .elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-8 .elementor-element.elementor-element-39ded39 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-39ded39.elementor-element{--align-self:flex-end;}.elementor-8 .elementor-element.elementor-element-39ded39 a.hfe-menu-item, .elementor-8 .elementor-element.elementor-element-39ded39 a.hfe-sub-menu-item{font-family:"Titillium Web", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;word-spacing:5px;}.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item a.hfe-menu-item, .elementor-8 .elementor-element.elementor-element-39ded39 .sub-menu a.hfe-sub-menu-item{color:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item a.hfe-menu-item:hover,
								.elementor-8 .elementor-element.elementor-element-39ded39 .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item a.hfe-menu-item.highlighted,
								.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item a.hfe-menu-item:focus{color:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-8 .elementor-element.elementor-element-39ded39 .menu-item.current-menu-ancestor a.hfe-menu-item{color:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-39ded39 .sub-menu,
								.elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown,
								.elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown-expandible,
								.elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-8 .elementor-element.elementor-element-39ded39 .sub-menu li.menu-item:not(:last-child),
						.elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-8 .elementor-element.elementor-element-39ded39 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-8 .elementor-element.elementor-element-39ded39 div.hfe-nav-menu-icon{color:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-39ded39 div.hfe-nav-menu-icon svg{fill:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-flyout-close{color:#7A7A7A;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-flyout-close svg{fill:#7A7A7A;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-6781106{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-c161557{--content-width:1250px;}.elementor-8 .elementor-element.elementor-element-14da29e{--width:16%;}.elementor-8 .elementor-element.elementor-element-0185dfa{--width:100%;}.elementor-8 .elementor-element.elementor-element-6781106{--content-width:1250px;}.elementor-8 .elementor-element.elementor-element-7bb3716{--width:16%;}.elementor-8 .elementor-element.elementor-element-5f664b1{--width:100%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-14da29e{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-21b5c15 .hfe-site-logo .hfe-site-logo-container img{width:42%;}.elementor-8 .elementor-element.elementor-element-6781106{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-7bb3716{--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;}.elementor-8 .elementor-element.elementor-element-a817616 .hfe-site-logo .hfe-site-logo-container img{width:80%;}.elementor-8 .elementor-element.elementor-element-a817616{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-39ded39 .hfe-flyout-wrapper .hfe-nav-menu > li.menu-item:first-child{margin-top:10px;}.elementor-8 .elementor-element.elementor-element-39ded39{width:100%;max-width:100%;z-index:999;}.elementor-8 .elementor-element.elementor-element-39ded39.elementor-element{--align-self:center;--order:99999 /* order end hack */;}}/* Start custom CSS for navigation-menu, class: .elementor-element-39ded39 *//* ---------- Flyout panel: background, size, shadow ---------- */
:root {
  --flyout-bg: #ffffff;        /* panel background color - change as needed */
  --flyout-width: 86vw;       /* width on small screens */
  --flyout-max-width: 420px;  /* max width */
  --flyout-padding: 22px;     /* inner padding */
}

/* Target the flyout side panel and its content */
.hfe-side.hfe-flyout-right,
.hfe-side.hfe-flyout-right .hfe-flyout-content,
#hfe-flyout-content-id-39ded39,
#hfe-flyout-content-id-39ded39 .hfe-flyout-content.push {
  background: var(--flyout-bg) !important;
  width: var(--flyout-width) !important;
  max-width: var(--flyout-max-width) !important;
  height: 100vh !important;
  box-shadow: -16px 0 40px rgba(0,0,0,0.12) !important;
  overflow: hidden !important;   /* hide overflow on panel, inner nav will scroll */
  border-radius: 0 0 0 0;        /* change if you want rounded corners */
}

/* Make the flyout content a vertical flex column so nav can fill available space */
.hfe-flyout-content.push {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
}

/* Nav fills the panel and becomes scrollable if content is tall */
.hfe-flyout-content.push nav {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: var(--flyout-padding) !important;
}

/* Menu list: stack vertically and stretch links */
.hfe-nav-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;            /* space between items */
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  min-height: 0;                  /* allow proper scrolling in flex */
}

/* Each menu item full width */
.hfe-nav-menu > li {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Links become block-level so the background visually contains them */
.hfe-nav-menu a.hfe-menu-item,
.hfe-nav-menu a {
  display: block !important;
  width: 100% !important;
  padding: 12px 14px !important;
  text-decoration: none !important;
  color: inherit !important;
  background: transparent !important; /* keep transparent so panel bg shows through */
  border-radius: 6px !important;      /* subtle pill on hover */
  transition: background .18s ease, transform .12s ease;
}

/* Hover / focus styles for touch + pointer feedback */
.hfe-nav-menu a.hfe-menu-item:hover,
.hfe-nav-menu a.hfe-menu-item:focus {
  background: rgba(0,0,0,0.04) !important;
  transform: translateX(-2px);
}

/* If you have nested submenus (ul.sub-menu), give them a visible background & position */
.hfe-nav-menu .sub-menu,
.hfe-nav-menu .dropdown,
.hfe-nav-menu ul.sub-menu {
  background: var(--flyout-bg) !important;
  padding: 8px 12px !important;
  margin-left: 8px !important;
  border-radius: 6px !important;
}

/* Make sure close button sits above content */
.hfe-flyout-close {
  z-index: 100050 !important;
}

/* Ensure the panel never gets clipped by transforms on ancestor elements */
.hfe-side.hfe-flyout-right {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}

/* Mobile tweak: ensure width and scrolling are reasonable */
@media (max-width: 480px) {
  :root { --flyout-width: 94vw; --flyout-padding: 16px; }
  .hfe-side.hfe-flyout-right,
  #hfe-flyout-content-id-39ded39 { max-width: none !important; width: var(--flyout-width) !important; }
}
/* ---------------------------
  Flyout: slower slide-in and fade
   --------------------------- */
.hfe-side.hfe-flyout-right,
#hfe-flyout-content-id-39ded39,
.hfe-flyout-content.push {
  /* smooth slower slide + fade */
  transition: transform 0.58s cubic-bezier(0.22, 0.9, 0.3, 1), 
              opacity 0.48s ease !important;
  will-change: transform, opacity;
}

/* Ensure initial hidden transform (if your flyout uses transform for show/hide) */
/* If your flyout plugin toggles classes instead, the transition still applies when class changes */
.hfe-side.hfe-flyout-right:not(.hfe-flyout-open) {
  transform: translateX(6px);
  opacity: 0;
}

/* When open, fully visible and in place */
.hfe-side.hfe-flyout-right.hfe-flyout-open,
#hfe-flyout-content-id-39ded39.hfe-flyout-open,
.hfe-side.hfe-flyout-right.hfe-flyout-show,
#hfe-flyout-content-id-39ded39.hfe-flyout-show {
  transform: translateX(0);
  opacity: 1;
}

/* ---------------------------
  Menu item color + remove hover effects
   --------------------------- */
/* Menu link color */
.hfe-nav-menu a.hfe-menu-item,
.hfe-nav-menu a {
  color: #7B7A7F !important;       /* item color as requested */
  transition: none !important;     /* disable transitions on links */
  -webkit-transition: none !important;
}

/* Remove background / transform / other hover visual changes */
.hfe-nav-menu a.hfe-menu-item:hover,
.hfe-nav-menu a.hfe-menu-item:focus,
.hfe-nav-menu a:hover,
.hfe-nav-menu a:focus {
  background: transparent !important;
  color: #7B7A7F !important;       /* keep same color on hover/focus */
  transform: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* Remove hover styles applied to <li> wrappers too, if any */
.hfe-nav-menu li:hover,
.hfe-nav-menu li:focus {
  background: transparent !important;
}

/* If you previously had subtle pill rounding on hover, ensure it doesn't appear */
.hfe-nav-menu a.hfe-menu-item {
  border-radius: 0 !important;
}

/* Keep the close button above everything (no change but ensure visibility) */
.hfe-flyout-close { z-index: 100050 !important; }
/* Add top spacing inside the flyout so items don't overlap the close button */
#hfe-flyout-content-id-39ded39 .hfe-flyout-content {
  padding-top: 60px !important;   /* adjust 60px to whatever feels right */
}

/* Make sure the nav menu itself also respects the spacing */
#hfe-flyout-content-id-39ded39 nav,
#hfe-flyout-content-id-39ded39 .hfe-nav-menu {
  margin-top: 20px !important;    /* optional extra spacing */
}

/* Ensure close button stays on top of everything */
#hfe-flyout-content-id-39ded39 .hfe-flyout-close {
  position: absolute !important;
  top: 10px !important;
  right: 20px !important;
  z-index: 999999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6781106 *//* Make header sticky */
.my-sticky-menu {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;

  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Hidden state (scrolling down) */
.my-sticky-menu.hide {
  transform: translateY(-100%);
  opacity: 0;
}

/* Visible state (scrolling up) */
.my-sticky-menu.show {
  transform: translateY(0);
  opacity: 1;
}
/* Ensure header does not clip dropdowns */
.my-sticky-menu,
.my-sticky-menu * {
  overflow: visible !important; /* allow children to overflow */
}

/* Make sub-menus positioned absolutely and on top */
.my-sticky-menu .sub-menu,
.my-sticky-menu .dropdown,
.my-sticky-menu ul.sub-menu,
.my-sticky-menu .menu .sub-menu {
  position: absolute !important;
  left: 0;
  top: 100%;
  z-index: 99999 !important;       /* ensure it's above everything */
  max-height: calc(100vh - var(--header-height, 60px)); /* keep dropdown inside viewport */
  overflow: auto;                  /* allow scrolling if very tall */
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  background: inherit;             /* inherit background or set explicit color */
}

/* For mega menus or panels that are full-width, let them span outside header */
.my-sticky-menu .mega-menu,
.my-sticky-menu .elementor-nav-menu--dropdown {
  position: absolute !important;
  left: 0 !important;
  right: auto;
  width: auto;
}

/* Mobile: make sure off-canvas panel or dropdowns are full height */
@media (max-width: 768px) {
  .my-sticky-menu .sub-menu,
  .my-sticky-menu .mobile-nav-panel .sub-menu {
    position: static;  /* if using off-canvas mobile panel, keep submenu inside it */
    max-height: none;
    overflow: visible;
  }
}/* End custom CSS */