/* Mega Menu CSS */
/* Basic submenu styles */
.sub-menu {
    position: absolute;
    padding: 10px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

/* Style for each column */
.sub-menu-column {
  width: auto !important;
  margin-right: 0px;
  background-color: white;
}

.sub-menu-wrapper {
  display: flex;
}

/* Adjustments to keep submenu within screen */
.menuMega > .elementor-widget-container > .hfe-nav-menu > .hfe-nav-menu__layout-horizontal > .hfe-nav-menu > .hfe-has-submenu:nth-child(3) .sub-menu-wrapper {
  margin-left: -900px !important;
}

.menuMega > .elementor-widget-container > .hfe-nav-menu > .hfe-nav-menu__layout-horizontal > .hfe-nav-menu > .hfe-has-submenu:nth-child(4) .sub-menu-wrapper {
  margin-left: -230px !important;
}


.sub-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw; /* Cover the entire screen width */
    padding-right: 20px; /* Padding on the right side */
    box-sizing: border-box; /* Ensure padding doesn't increase the width */
    z-index: 9999; /* Ensure it stays on top */
}

.sub-menu-column {
    display: inline-block;
    vertical-align: top;
    width: auto; /* Adjust based on your needs */
    padding: 0 10px; /* Add some padding between columns if needed */
}

.sub-menu-wrapper {
    display: flex;
    justify-content: space-between;
	padding-top:52px;
}


.sub-menu-column:not(:last-child) {
  border-right: 3px solid #c4c4c4;
}


.sub-menu-wrapper > div .sub-menu,
.sub-menu-wrapper > div {
  background-color: #014189 !important;
}

.sub-menu-wrapper > .sub-menu-column > .menu-item > .hfe-has-submenu-container > a.hfe-sub-menu-item, .sub-menu-wrapper > .sub-menu-column > .menu-item > a.hfe-sub-menu-item {
  color: #fff !important;
}

.sub-menu-wrapper > .sub-menu-column > .menu-item > .sub-menu {
  border: 5px solid white;
}

body .sub-menu-wrapper .sub-menu li, body .sub-menu-wrapper .sub-menu li a {
  background-color: #ededed !important;
  color: #014189 !important;
}


.sub-menu-wrapper .menu-item.current-menu-item > a.hfe-sub-menu-item,
.sub-menu-wrapper .menu-item:hover > a.hfe-sub-menu-item {
  color: black !important;
}

.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}


/*

.parent-has-child .parent-has-child .sub-menu {
  bottom: 0 !important;
  top: auto !important;
}

 */