@charset "UTF-8";

/** THIS FILE IS AUTOMATICALLY GENERATED - DO NOT MAKE MANUAL EDITS! **/
/** Custom CSS should be added to Mega Menu > Menu Themes > Custom Styling **/

.mega-menu-last-modified-1789462772 { content: 'Tuesday 15th September 2026 08:59:32 UTC'; }

#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-indicator, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge, #mega-menu-wrap-max_mega_menu_1 button.mega-close, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard {
  transition: none;
  box-shadow: none;
  background: none;
  border: 0;
  bottom: auto;
  box-sizing: border-box;
  clip: auto;
  color: #666;
  display: block;
  float: none;
  font-family: inherit;
  font-size: 14px;
  height: auto;
  left: auto;
  line-height: 1.7;
  list-style-type: none;
  margin: 0;
  min-height: auto;
  max-height: none;
  min-width: auto;
  max-width: none;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
  pointer-events: auto;
  right: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  transform: none;
  top: auto;
  vertical-align: baseline;
  visibility: inherit;
  width: auto;
  word-wrap: break-word;
  white-space: normal;
  -webkit-tap-highlight-color: transparent;
}
#mega-menu-wrap-max_mega_menu_1:before, #mega-menu-wrap-max_mega_menu_1:after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1:before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1:after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu:before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu:after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row:before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row:after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column:before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column:after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link:before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link:after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-indicator:before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-indicator:after, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge:before, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge:after, #mega-menu-wrap-max_mega_menu_1 button.mega-close:before, #mega-menu-wrap-max_mega_menu_1 button.mega-close:after, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard:before, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard:after {
  display: none;
}
#mega-menu-wrap-max_mega_menu_1 {
  border-radius: 0px;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 {
    background-color: #222;
  }
}
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block a:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block button:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 a:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 span:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 input:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 li.mega-menu-item .mega-menu-link:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 form.mega-search-open:has(input[type=text]:focus), #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 + button.mega-close:focus, #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation #mega-menu-max_mega_menu_1 .mega-mobile-back > button:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-color: #109cde;
  outline-offset: -3px;
}
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus {
  outline-offset: 2px;
}
#mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
  background-color: #333;
  color: white;
  font-weight: normal;
  text-decoration: none;
  border-color: white;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
    color: white;
    background-color: #333;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
  text-align: left;
  padding: 0px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-description-group {
  vertical-align: middle;
  display: inline-block;
  transition: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-description-group .mega-menu-title, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-description-group .mega-menu-description {
  transition: none;
  line-height: 1.5;
  display: block;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-description-group .mega-menu-description {
  font-style: italic;
  font-size: 0.8em;
  text-transform: none;
  font-weight: normal;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link {
  cursor: pointer;
  display: inline;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
  display: flex;
  align-items: center;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link:before {
  flex: 0 0 auto;
  align-self: flex-start;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
  display: block;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link {
  display: table-cell;
  vertical-align: middle;
  line-height: initial;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
  display: block;
  margin: 0 0 6px 0;
  text-align: center;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below {
  display: inline-block;
  transition: none;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-icon-top > a.mega-menu-link {
    display: block;
    line-height: 40px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
    display: inline-block;
    margin: 0 6px 0 0;
    text-align: left;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
  float: right;
  margin: 0 0 0 6px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-animating > ul.mega-sub-menu {
  pointer-events: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu li.mega-disable-link > a.mega-menu-link {
  cursor: inherit;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
  cursor: pointer;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 p {
  margin-bottom: 10px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 input, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 img {
  max-width: 100%;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item > ul.mega-sub-menu {
  display: block;
  visibility: hidden;
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item > ul.mega-sub-menu {
    display: none;
    visibility: visible;
    opacity: 1;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
    display: block;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
    opacity: 0;
    transition: opacity 200ms ease-in, visibility 200ms ease-in;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
    transform: translate(0, 0);
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    transform: translate(0, 10px);
    transition: transform 200ms ease-in, visibility 200ms ease-in;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    transform: translate(0, 0);
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children > ul.mega-sub-menu {
  display: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children.mega-toggle-on > ul.mega-sub-menu {
  display: block;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
  visibility: visible;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
  visibility: inherit;
  opacity: 1;
  display: block;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-1-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 100%;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 50%;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 33.3333333333%;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 25%;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-5-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 20%;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-6-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 16.6666666667%;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a[class^="dashicons"]:before {
  font-family: dashicons;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a.mega-menu-link:before {
  display: inline-block;
  font: inherit;
  font-family: dashicons;
  position: static;
  margin: 0 6px 0 0px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  background: transparent;
  height: auto;
  width: auto;
  top: auto;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a.mega-material-symbol:before {
  content: attr(data-ms-icon);
  font-family: var(--wp--preset--font-family--material-symbols);
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-hide-text a.mega-menu-link:before {
  margin: 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-hide-text li.mega-menu-item a.mega-menu-link:before {
  margin: 0 6px 0 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
  border-radius: 0px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-align-bottom-right > ul.mega-sub-menu {
  right: 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link {
  border-radius: 0px;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu.mega-menu-item {
    position: static;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
  margin: 0 0px 0 0;
  display: inline-block;
  height: auto;
  vertical-align: middle;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-item-align-right {
  float: right;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-item-align-right {
    margin: 0 0 0 0px;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-item-align-float-left {
    float: left;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:focus {
    background-color: #333;
    color: white;
    font-weight: normal;
    text-decoration: none;
    border-color: white;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background-color: #333;
  color: white;
  font-weight: normal;
  text-decoration: none;
  border-color: white;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: white;
    background-color: #333;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  background-color: #333;
  color: white;
  font-weight: normal;
  text-decoration: none;
  border-color: white;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: white;
    background-color: #333;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  line-height: 40px;
  height: 40px;
  padding: 0px 10px;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: white;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0px;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  outline: none;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-multi-line > a.mega-menu-link {
    line-height: inherit;
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-multi-line > a.mega-menu-link br {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both;
    border: 0;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-item-align-right {
    float: none;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: white;
    font-size: 14px;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
  width: 100%;
  float: left;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
  float: left;
  min-height: 1px;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: calc(var(--span) / var(--columns) * 100%);
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: 100%;
    clear: both;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 15px;
  width: 100%;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
  z-index: 999;
  border-radius: 0px;
  background-color: #f1f1f1;
  border: 0;
  padding: 0px;
  position: absolute;
  width: 100%;
  max-width: none;
  left: 0;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard {
    width: calc(var(--span) / var(--columns) * 100%);
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {
  margin: 5px 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu {
  clear: both;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
  margin-left: 10px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
  margin-left: 10px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  color: #666;
  font-family: inherit;
  font-size: 14px;
  display: block;
  float: left;
  clear: none;
  padding: 15px;
  vertical-align: top;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard.mega-menu-clear, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear {
  clear: left;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
  color: #555;
  font-family: inherit;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  vertical-align: top;
  display: block;
  visibility: inherit;
  border: 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover {
  border-color: transparent;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #555;
  /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items */
  font-family: inherit;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  vertical-align: top;
  display: block;
  border: 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
  border-color: transparent;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:focus, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
  color: #555;
  /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items (Hover) */
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover > span.mega-title-below, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:focus > span.mega-title-below, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > span.mega-title-below, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > span.mega-title-below {
  text-decoration: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  color: #666;
  /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items */
  font-family: inherit;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  vertical-align: top;
  display: block;
  border: 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
  border-color: transparent;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
  display: flex;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
  color: #666;
  /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items (Hover) */
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    border: 0;
    padding: 10px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    width: 100%;
    clear: both;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #666;
  font-family: inherit;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  border: 0;
  padding: 0px;
  vertical-align: top;
  display: block;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
  color: #666;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
  z-index: 999;
  position: absolute;
  width: 250px;
  max-width: none;
  padding: 0px;
  border: 0;
  background-color: #f1f1f1;
  border-radius: 0px;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
    clear: both;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  display: block;
  background-color: #f1f1f1;
  color: #666;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  padding: 0px 10px;
  line-height: 35px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  background-color: #ddd;
  font-weight: normal;
  text-decoration: none;
  color: #666;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
    padding-left: 20px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu a.mega-menu-link {
    padding-left: 30px;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  display: inline-block;
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 0 6px;
  color: inherit;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  display: inline-block;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-family: dashicons;
  font-weight: normal;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  float: right;
  margin-left: auto;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
  content: "";
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    float: right;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
    content: "";
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile > a.mega-menu-link > span.mega-indicator {
    display: none;
  }
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator {
  display: none;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
    content: "";
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
    text-align: right;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator {
    float: left;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
    content: "";
    margin: 0 6px 0 0;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
    float: right;
    margin: 0 0 0 6px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    left: -100%;
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-hide-on-mobile, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-mobile {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-hide-on-desktop, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-desktop {
    display: none;
  }
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
  display: none;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle ~ button.mega-close {
  display: none;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    z-index: 1;
    background-color: #222;
    border-radius: 2px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    user-select: none;
    outline: none;
    white-space: nowrap;
    display: flex;
    position: relative;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle img {
    max-width: 100%;
    padding: 0;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-center, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right {
    display: flex;
    flex: 1;
    gap: 6px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block {
    display: flex;
    height: 100%;
    outline: 0;
    align-self: center;
    flex-shrink: 0;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-left {
    justify-content: flex-start;
    padding-left: 6px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-center {
    justify-content: center;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right {
    justify-content: flex-end;
    padding-right: 6px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: #222;
    padding: 0px;
    display: none;
    position: fixed;
    width: 300px;
    max-width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    top: 0;
    box-sizing: border-box;
    transition: left 200ms ease-in-out, right 200ms ease-in-out, visibility 200ms ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9999999999;
    overscroll-behavior: contain;
    visibility: hidden;
    display: flex;
    left: -300px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
    display: flex;
    visibility: visible;
    left: 0;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle ~ button.mega-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 0;
    z-index: 99999999999;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: left 200ms ease-in-out, right 200ms ease-in-out, visibility 200ms ease-in-out, opacity 200ms ease-out;
    right: auto;
    left: 0;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle ~ button.mega-close:before {
    display: flex;
    content: "";
    font-family: dashicons;
    font-weight: normal;
    color: white;
    font-size: 16px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open ~ button.mega-close {
    visibility: visible;
    opacity: 1;
    left: calc(min(100vw - 40px, 300px));
    right: auto;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open:after {
    position: fixed;
    width: 100%;
    height: 99999px;
    content: "";
    top: 0;
    left: 0;
    opacity: 0.5;
    background: black;
    cursor: pointer;
    z-index: 9999999998;
  }
}
html.mega-menu-max_mega_menu_1-off-canvas-open {
  overflow: hidden;
  height: auto;
}
html.mega-menu-max_mega_menu_1-off-canvas-open body {
  overflow: hidden;
  height: auto;
}
html.mega-menu-max_mega_menu_1-off-canvas-open #wpadminbar {
  z-index: 0;
}
.elementor-sticky__spacer #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, .elementor-sticky__spacer #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-sub-menu {
  visibility: inherit !important;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 {
  /*! 
                    * Hamburgers 
                    * @description Tasty CSS-animated hamburgers 
                    * @author Jonathan Suh @jonsuh 
                    * @site https://jonsuh.com/hamburgers 
                    * @link https://github.com/jonsuh/hamburgers 
                    */
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  transform: scale(0.8);
  align-self: center;
  outline: 0;
  background: none;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
  outline: 0;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  width: 40px;
  height: 4px;
  background-color: #ddd;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  content: "";
  display: block;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
  top: -10px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  bottom: -10px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
  top: 2px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  top: 20px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
/* ────────────────────────────────────────────────────────────────────────
   PMCerts – Max Mega Menu custom styling
   Paste this into: wp-admin → Mega Menu → Menu Themes → (the theme assigned
   to the "Header" location) → Custom Styling tab. Save.

   Rebuilt 2026-09-14 for the two-zone "Certification programs" / "Training
   only" layout (mega-menu-mockup-v3.html), built with Max Mega Menu's Grid
   Layout mode – NOT Standard Layout, which can only auto-column direct
   children and collapses anything nested deeper into a hover flyout.
   Structure: one row, two columns (span 12 / span 3 of 15 – an exact 4:1
   ratio, matching the mockup's flex:4 1 0 / flex:1 1 0). Verified against
   real live course data and Max Mega Menu's own real markup on the draft
   menu ("Menu 1 – Mega Draft") – not a guess.

   Editable later with no code: a future editor can open Appearance → Menus
   → the live menu → "Courses" → Mega Menu tab → Grid Layout, and drag items
   between the two columns, or resize spans, entirely through that visual
   editor. This stylesheet targets the two columns by an explicit class
   (pmc-mega-zone-exam / pmc-mega-zone-training, set once in the column's own
   settings) and the zone-label items by their fixed post ID, so reordering
   or adding a course inside either zone never breaks this CSS.

   Font note: column titles use PP Mondwest – Afi's explicit, informed
   decision (09-14) to run it live on the personal-use build BEFORE buying
   the commercial licence, to test marketing reception first. He was told
   plainly: this is outside the licence's terms, the EULA's own penalty
   clause is 2x the licence cost if the foundry catches it, and the fix
   (a $40 web licence covering all of Skillet's sites, per their FAQ on
   multi-domain coverage under one client) is cheap enough that skipping it
   saves little. He accepted that risk deliberately and asked to proceed.
   Fraunces stays as the documented DESIGN.md fallback if Mondwest fails to
   load.  Buy the commercial licence the moment reception looks good –
   see workspace/projects/pmcerts-website-update/change-log.md, 2026-09-14.
   Fonts are self-hosted on Afi's instruction – no external request to
   Google's (or Pangram Pangram's) servers from the live site. Hosted as
   real files (wp-content/uploads/pmc-fonts/), not inline base64 – a base64
   version was tried first and repeatedly failed to save through this
   Custom Styling field (335KB in one paste, likely a server-side size
   limit on the save request); real files keep this field small (~14KB)
   and are the more standard way to self-host a webfont regardless.
   ──────────────────────────────────────────────────────────────────────── */
/* Self-hosted fonts – Afi's preference: no external calls to Google's (or Pangram Pangram's)
   servers from the live site. Real files at wp-content/uploads/pmc-fonts/, uploaded directly
   to the server – not embedded inline, see the header note above for why. Both Fraunces and
   Geist are the real Google-served variable-font files, one file per family covering the
   whole weight range used here. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("https://pmcerts.com.my/wp-content/uploads/pmc-fonts/fraunces.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("https://pmcerts.com.my/wp-content/uploads/pmc-fonts/geist.woff2") format("woff2");
}
/* PP Mondwest – see the header comment above for the licensing decision. */
@font-face {
  font-family: "PP Mondwest";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://pmcerts.com.my/wp-content/uploads/pmc-fonts/mondwest.otf") format("opentype");
}
#mega-menu-wrap-menu-1 {
  background: transparent !important;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  position: relative;
}
/* top-level links: Courses, Financing Scheme (NEW), In-House Training, Virtual Class, Contact Us */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  background: transparent !important;
  color: #6b675f !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em;
  height: auto !important;
  line-height: 1.3 !important;
  padding: 8px 10px !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.16s ease, border-color 0.16s ease;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
  background: transparent !important;
  color: #17161c !important;
  border-bottom-color: #6840ff !important;
}
/* the mega panel itself – a contained card, centered under the whole nav, not full width */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
  left: 50% !important;
  width: min(58rem, 92vw) !important;
  max-width: none !important;
  transform: translateX(-50%);
  top: calc(100% + 10px) !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e0d8 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(23, 22, 28, 0.06), 0 10px 28px rgba(23, 22, 28, 0.05) !important;
  padding: 24px 24px 20px !important;
  z-index: 999;
}
/* the row: lays the two zones out side by side, like .pmc-mega__panel-in */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
}
/* the two zone columns – width ratio (12:3) already comes from the plugin's own --span/--columns
   calc(), so this only needs flex-direction and the divider on the narrower zone */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column.pmc-mega-zone-training {
  border-left: 1px solid #e2e0d8 !important;
  padding-left: 24px !important;
}
/* "Certification programs" zone: lay PMI / EXIN / PeopleCert / Scrum.org out as 4 columns –
   the zone label (first item, disabled-link) spans the full width above them */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column.pmc-mega-zone-exam > ul.mega-sub-menu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  column-gap: 20px !important;
  row-gap: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column.pmc-mega-zone-exam > ul.mega-sub-menu > li.mega-disable-link {
  grid-column: 1 / -1 !important;
}
/* zone labels – "Certification programs" / "Training only": plain muted text, not a link,
   targeted by their fixed post ID so this never breaks if items are reordered.
   The <li> itself carries a 15px left padding by default from the base plugin CSS (meant for
   ordinary flyout dropdown items) – zeroed here too, not just on the <a>, or the label sits 15px
   to the right of the column content below it. */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link.mega-menu-item-10346, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link.mega-menu-item-10347 {
  padding: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link.mega-menu-item-10346 > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link.mega-menu-item-10347 > a.mega-menu-link {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6b675f !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  cursor: default !important;
  pointer-events: none !important;
}
/* provider columns (PMI / EXIN / PeopleCert / Scrum.org / Non-Certification) – no horizontal
   padding here: in Grid Layout the providers ARE the grid cells, so the grid's own column-gap
   (20px, set below) already spaces them apart. Padding here was leftover from the old Standard
   Layout CSS and was quietly stealing 24px of width from every column, wrapping longer course
   titles ("PeopleCert Scrum Master I") onto two lines and inflating the whole panel's height. */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children {
  padding: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children > a.mega-menu-link {
  display: block !important;
  cursor: default !important;
  pointer-events: none;
}
/* gap before the course list: on a description item the description's own margin-bottom (12px,
   set below) is the spacer, so the link itself carries none – avoids doubling the gap */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children:not(.mega-has-description) > a.mega-menu-link {
  margin-bottom: 12px !important;
}
/* provider title – the item's own text when it has no description */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children:not(.mega-has-description) > a.mega-menu-link {
  font-family: "PP Mondwest", "Fraunces", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.008em;
  text-transform: none !important;
  color: #17161c !important;
}
/* provider title – when a Description is set, WordPress's native field (Screen Options →
   Description on the item, no code) – wraps title + description in one span group */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-title {
  display: block !important;
  font-family: "PP Mondwest", "Fraunces", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.008em;
  text-transform: none !important;
  color: #17161c !important;
  margin-bottom: 4px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-description {
  display: block !important;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6b675f !important;
  line-height: 1.4 !important;
  margin-bottom: 12px !important;
  max-width: 20ch;
}
/* footer bar – "See all courses" link only, a real editable menu item */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.pmc-mega-foot {
  border-top: 1px solid #e2e0d8 !important;
  margin-top: 0 !important;
  padding-top: 16px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot li.mega-menu-column > ul.mega-sub-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4em !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #17161c !important;
  text-transform: none !important;
  text-decoration: none !important;
  border: 1px solid #d2cfc5 !important;
  border-radius: 6px !important;
  padding: 0.4rem 0.7rem !important;
  margin: 0 !important;
  transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: none;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='3' width='2' height='1'/%3E%3Crect x='8' y='4' width='2' height='1'/%3E%3Crect x='9' y='5' width='2' height='1'/%3E%3Crect x='1' y='6' width='10' height='1'/%3E%3Crect x='1' y='7' width='10' height='1'/%3E%3Crect x='9' y='8' width='2' height='1'/%3E%3Crect x='8' y='9' width='2' height='1'/%3E%3Crect x='7' y='10' width='2' height='1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='3' width='2' height='1'/%3E%3Crect x='8' y='4' width='2' height='1'/%3E%3Crect x='9' y='5' width='2' height='1'/%3E%3Crect x='1' y='6' width='10' height='1'/%3E%3Crect x='1' y='7' width='10' height='1'/%3E%3Crect x='9' y='8' width='2' height='1'/%3E%3Crect x='8' y='9' width='2' height='1'/%3E%3Crect x='7' y='10' width='2' height='1'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link:hover {
  background: #17161c !important;
  color: #f6f6f4 !important;
  border-color: #17161c !important;
}
/* course links inside each provider */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item {
  padding: 0 !important;
  border-top: 1px solid #e2e0d8;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item:first-child {
  border-top: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #232220 !important;
  padding: 10px 0 !important;
  text-transform: none !important;
  line-height: 1.3;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link:hover {
  color: #6840ff !important;
  text-decoration: underline;
}
/* ===== Ported 2026-09-15 for the PMC Preview location (max_mega_menu_1) =====
   Same design as the menu-1 rules above, retargeted at this location's own wrap/menu
   IDs (each Mega Menu location gets its own #mega-menu-wrap-{location} / #mega-menu-{location}
   pair, so the menu-1 rules above never applied here - this location rendered unstyled
   until now). Also fixes the hover-gap bug found in the menu-1 version (top:calc(100% + 10px)
   left a real dead zone between the trigger and the panel); the menu-1 rules above are left
   exactly as they were, not touched by this pass. */
@media (min-width: 769px) {
  /* Center the nav links within their column (2026-09-15, Afi's request) - the <li> items are
   inline-block, which by default left-align inside the 65%-wide nav column, leaving the CTA
   button stranded far to the right with a big empty gap. Switching the <ul> to flex (instead of
   text-align:center, which would be inherited by the dropdown panels below and wrongly center
   THEIR text too) centers just the top-level items without touching anything nested inside. */
  /* top-level links: Courses, Financing Scheme (NEW), In-House Training, Virtual Class, Contact Us */
  /* the mega panel itself – a contained card, centered under the whole nav, not full width */
  /* the row: lays the two zones out side by side, like .pmc-mega__panel-in */
  /* the two zone columns – width ratio (12:3) already comes from the plugin's own --span/--columns
   calc(), so this only needs flex-direction and the divider on the narrower zone */
  /* "Certification programs" zone: lay PMI / EXIN / PeopleCert / Scrum.org out as 4 columns –
   the zone label (first item, disabled-link) spans the full width above them */
  /* zone labels – "Certification programs" / "Training only": plain muted text, not a link,
   targeted by their fixed post ID so this never breaks if items are reordered.
   The <li> itself carries a 15px left padding by default from the base plugin CSS (meant for
   ordinary flyout dropdown items) – zeroed here too, not just on the <a>, or the label sits 15px
   to the right of the column content below it. */
  /* provider columns (PMI / EXIN / PeopleCert / Scrum.org / Non-Certification) – no horizontal
   padding here: in Grid Layout the providers ARE the grid cells, so the grid's own column-gap
   (20px, set below) already spaces them apart. Padding here was leftover from the old Standard
   Layout CSS and was quietly stealing 24px of width from every column, wrapping longer course
   titles ("PeopleCert Scrum Master I") onto two lines and inflating the whole panel's height. */
  /* gap before the course list: on a description item the description's own margin-bottom (12px,
   set below) is the spacer, so the link itself carries none – avoids doubling the gap */
  /* provider title – the item's own text when it has no description */
  /* provider title – when a Description is set, WordPress's native field (Screen Options →
   Description on the item, no code) – wraps title + description in one span group */
  /* footer bar – "See all courses" link only, a real editable menu item */
  /* course links inside each provider */
  /* hover-gap fix: the panel above now sits flush (top:100%) instead of 10px below the
   trigger, so there is no dead zone between them for a slow diagonal mouse move to fall
   through and close the menu early. This invisible bridge restores the same 10px visual
   breathing room, as a transparent pseudo-element on the trigger <li> itself (so it is part
   of the trigger's own hoverable box, not a gap outside it) sized to match the panel's
   position and width. */
  /* Centering fix v2 (2026-09-15): v1 missed .elementor-widget-wrap, which turned out to be
   the OUTER wrapper around the widget's own element div (not nested inside it, the
   reverse of what was assumed) - it was still position:relative and stopped the
   containing-block search one level early. Also adds !important to the transform, since
   Max Mega Menu's own fade_up open-state CSS sets transform on .mega-toggle-on with enough
   priority to silently cancel the plain (non-important) translateX(-50%) that centers the
   panel, which is what actually caused the panel to overflow off-screen rather than the
   ancestor chain itself - confirmed by direct DOM measurement, not guessed. */
  /* Note (2026-09-15): the trigger-to-panel gap is now ~10px, caused by the CTA/logo
   columns being taller than the nav column (container height > trigger height), not by a
   hardcoded offset - top:100% is flush against the row container, same fix as before, just
   a smaller residual gap now. A pseudo-element bridge was tried but removed: since the
   panel had to escape the trigger <li> to reach the full-width row container for centering,
   a bridge on that same <li> ends up resolving against the same wide container too, landing
   on top of the panel instead of filling the gap above it - the two goals need different
   anchors, which a bridge on the trigger alone cannot give. Real fix is matching the row's
   column heights so the container's own bottom edge lines up with the trigger's. */
  #mega-menu-wrap-max_mega_menu_1 {
    background: transparent !important;
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    position: relative;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
    display: flex !important;
    justify-content: center !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    background: transparent !important;
    color: #6b675f !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: -0.005em;
    height: auto !important;
    line-height: 1.3 !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid transparent !important;
    transition: color 0.16s ease, border-color 0.16s ease;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    background: transparent !important;
    color: #17161c !important;
    border-bottom-color: #6840ff !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    left: 50% !important;
    width: min(58rem, 92vw) !important;
    max-width: none !important;
    transform: translateX(-50%);
    /* Vertical gap fix (2026-09-15): top:100% is measured from the header ROW (needed for
   horizontal centering - see the centering fix below), not from the visible nav trigger.
   The row is 45px tall (post-2026-09-15 CTA font fix) but the trigger text is only 35px (content_position:middle centers
   it), leaving a ~10px dead zone below the trigger before the row's own edge. Pulling the
   panel up by that same amount closes the gap without breaking the horizontal centering. */
    top: calc(100% - 5px) !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e0d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(23, 22, 28, 0.06), 0 10px 28px rgba(23, 22, 28, 0.05) !important;
    padding: 24px 24px 20px !important;
    z-index: 999;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
    display: flex !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column.pmc-mega-zone-training {
    border-left: 1px solid #e2e0d8 !important;
    padding-left: 24px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column.pmc-mega-zone-exam > ul.mega-sub-menu {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 20px !important;
    row-gap: 0 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column.pmc-mega-zone-exam > ul.mega-sub-menu > li.mega-disable-link {
    grid-column: 1 / -1 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link.mega-menu-item-10346, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link.mega-menu-item-10347 {
    padding: 0 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link.mega-menu-item-10346 > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link.mega-menu-item-10347 > a.mega-menu-link {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6b675f !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    cursor: default !important;
    pointer-events: none !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children {
    padding: 0 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children > a.mega-menu-link {
    display: block !important;
    cursor: default !important;
    pointer-events: none;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children:not(.mega-has-description) > a.mega-menu-link {
    margin-bottom: 12px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children:not(.mega-has-description) > a.mega-menu-link {
    font-family: "PP Mondwest", "Fraunces", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    letter-spacing: -0.008em;
    text-transform: none !important;
    color: #17161c !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-title {
    display: block !important;
    font-family: "PP Mondwest", "Fraunces", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    letter-spacing: -0.008em;
    text-transform: none !important;
    color: #17161c !important;
    margin-bottom: 4px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-description {
    display: block !important;
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-style: normal !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6b675f !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
    max-width: 20ch;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.pmc-mega-foot {
    border-top: 1px solid #e2e0d8 !important;
    margin-top: 0 !important;
    padding-top: 16px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot li.mega-menu-column > ul.mega-sub-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4em !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #17161c !important;
    text-transform: none !important;
    text-decoration: none !important;
    border: 1px solid #d2cfc5 !important;
    border-radius: 6px !important;
    padding: 0.4rem 0.7rem !important;
    margin: 0 !important;
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    flex: none;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='3' width='2' height='1'/%3E%3Crect x='8' y='4' width='2' height='1'/%3E%3Crect x='9' y='5' width='2' height='1'/%3E%3Crect x='1' y='6' width='10' height='1'/%3E%3Crect x='1' y='7' width='10' height='1'/%3E%3Crect x='9' y='8' width='2' height='1'/%3E%3Crect x='8' y='9' width='2' height='1'/%3E%3Crect x='7' y='10' width='2' height='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='3' width='2' height='1'/%3E%3Crect x='8' y='4' width='2' height='1'/%3E%3Crect x='9' y='5' width='2' height='1'/%3E%3Crect x='1' y='6' width='10' height='1'/%3E%3Crect x='1' y='7' width='10' height='1'/%3E%3Crect x='9' y='8' width='2' height='1'/%3E%3Crect x='8' y='9' width='2' height='1'/%3E%3Crect x='7' y='10' width='2' height='1'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link:hover {
    background: #17161c !important;
    color: #f6f6f4 !important;
    border-color: #17161c !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item {
    padding: 0 !important;
    border-top: 1px solid #e2e0d8;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item:first-child {
    border-top: none;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #232220 !important;
    padding: 10px 0 !important;
    text-transform: none !important;
    line-height: 1.3;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link:hover {
    color: #6840ff !important;
    text-decoration: underline;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu {
    position: relative;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: min(58rem, 92vw);
    height: 10px;
    z-index: 998;
  }
  #mega-menu-wrap-max_mega_menu_1, #mega-menu-max_mega_menu_1, .elementor-element-hdr02mega, .elementor-element-hdr02mega .elementor-widget-container, .elementor-element-hdr02navcol .elementor-widget-wrap, .elementor-element-hdr02navcol {
    position: static !important;
  }
  .elementor-element-hdr02sec > .elementor-container {
    position: relative !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    transform: translateX(-50%) !important;
  }
}
/* ===== Mobile brand styling (2026-09-15) =====
   Max Mega Menu's own mobile drawer/accordion (unstyled by the desktop block above, which is
   now scoped to min-width:769px) falls back to its plugin defaults: #222 background, #666 grey
   text, system-ui font. This block brings it on-brand: ink-strong drawer, Geist font, violet
   left-border on the open item (no lime as text - DESIGN.md: lime is fill-only, never text),
   paper background for the expanded course list with the same muted/ink-strong roles used
   everywhere else. Verified live: drawer, accordion expand, and course-list contrast all pass. */
@media (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1, .mega-menu-toggle, #mega-menu-max_mega_menu_1 {
    background: #17161C !important;
  }
  .mega-toggle-animated-inner, .mega-toggle-animated-inner::before, .mega-toggle-animated-inner::after {
    background-color: #F6F6F4 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: #F6F6F4 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(246, 246, 244, 0.12) !important;
    border-left: 3px solid transparent !important;
    transition: border-color 0.16s ease !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    border-left-color: #6840FF !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #FFFFFF !important;
    padding: 16px 20px 24px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-title {
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: #17161C !important;
    font-weight: 700 !important;
    font-size: 15px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-description {
    color: #6B675F !important;
    font-size: 13px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link {
    color: #232220 !important;
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    border-bottom: 1px solid #E2E0D8 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link:hover {
    color: #6840FF !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:visited {
    color: #F6F6F4 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link:visited {
    color: #232220 !important;
  }
}
#mega-menu-wrap-menu-1, #mega-menu-wrap-menu-1 #mega-menu-menu-1, #mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column, #mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 span.mega-indicator, #mega-menu-wrap-menu-1 #mega-menu-menu-1 span.mega-menu-badge, #mega-menu-wrap-menu-1 button.mega-close, #mega-menu-wrap-menu-1 button.mega-toggle-standard {
  transition: none;
  box-shadow: none;
  background: none;
  border: 0;
  bottom: auto;
  box-sizing: border-box;
  clip: auto;
  color: #666;
  display: block;
  float: none;
  font-family: inherit;
  font-size: 14px;
  height: auto;
  left: auto;
  line-height: 1.7;
  list-style-type: none;
  margin: 0;
  min-height: auto;
  max-height: none;
  min-width: auto;
  max-width: none;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
  pointer-events: auto;
  right: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  transform: none;
  top: auto;
  vertical-align: baseline;
  visibility: inherit;
  width: auto;
  word-wrap: break-word;
  white-space: normal;
  -webkit-tap-highlight-color: transparent;
}
#mega-menu-wrap-menu-1:before, #mega-menu-wrap-menu-1:after, #mega-menu-wrap-menu-1 #mega-menu-menu-1:before, #mega-menu-wrap-menu-1 #mega-menu-menu-1:after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu:before, #mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu:after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:before, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row:before, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row:after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column:before, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column:after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link:before, #mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link:after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 span.mega-indicator:before, #mega-menu-wrap-menu-1 #mega-menu-menu-1 span.mega-indicator:after, #mega-menu-wrap-menu-1 #mega-menu-menu-1 span.mega-menu-badge:before, #mega-menu-wrap-menu-1 #mega-menu-menu-1 span.mega-menu-badge:after, #mega-menu-wrap-menu-1 button.mega-close:before, #mega-menu-wrap-menu-1 button.mega-close:after, #mega-menu-wrap-menu-1 button.mega-toggle-standard:before, #mega-menu-wrap-menu-1 button.mega-toggle-standard:after {
  display: none;
}
#mega-menu-wrap-menu-1 {
  border-radius: 0px;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 {
    background-color: #222;
  }
}
#mega-menu-wrap-menu-1.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation .mega-toggle-block:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation .mega-toggle-block a:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation .mega-toggle-block button:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation #mega-menu-menu-1 a:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation #mega-menu-menu-1 span:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation #mega-menu-menu-1 input:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation #mega-menu-menu-1 li.mega-menu-item .mega-menu-link:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation #mega-menu-menu-1 form.mega-search-open:has(input[type=text]:focus), #mega-menu-wrap-menu-1.mega-keyboard-navigation #mega-menu-menu-1 + button.mega-close:focus, #mega-menu-wrap-menu-1.mega-keyboard-navigation #mega-menu-menu-1 .mega-mobile-back > button:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-color: #109cde;
  outline-offset: -3px;
}
#mega-menu-wrap-menu-1.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus {
  outline-offset: 2px;
}
#mega-menu-wrap-menu-1.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
  background-color: #333;
  color: white;
  font-weight: normal;
  text-decoration: none;
  border-color: white;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
    color: white;
    background-color: #333;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
  text-align: left;
  padding: 0px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-description-group {
  vertical-align: middle;
  display: inline-block;
  transition: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-description-group .mega-menu-title, #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-description-group .mega-menu-description {
  transition: none;
  line-height: 1.5;
  display: block;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-description-group .mega-menu-description {
  font-style: italic;
  font-size: 0.8em;
  text-transform: none;
  font-weight: normal;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link {
  cursor: pointer;
  display: inline;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
  display: flex;
  align-items: center;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link:before {
  flex: 0 0 auto;
  align-self: flex-start;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
  display: block;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-icon-top > a.mega-menu-link {
  display: table-cell;
  vertical-align: middle;
  line-height: initial;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
  display: block;
  margin: 0 0 6px 0;
  text-align: center;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below {
  display: inline-block;
  transition: none;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-icon-top > a.mega-menu-link {
    display: block;
    line-height: 40px;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
    display: inline-block;
    margin: 0 6px 0 0;
    text-align: left;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
  float: right;
  margin: 0 0 0 6px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-animating > ul.mega-sub-menu {
  pointer-events: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-disable-link > a.mega-menu-link {
  cursor: inherit;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
  cursor: pointer;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 p {
  margin-bottom: 10px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 input, #mega-menu-wrap-menu-1 #mega-menu-menu-1 img {
  max-width: 100%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu {
  display: block;
  visibility: hidden;
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu {
    display: none;
    visibility: visible;
    opacity: 1;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
    display: block;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
    opacity: 0;
    transition: opacity 200ms ease-in, visibility 200ms ease-in;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
    transform: translate(0, 0);
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    transform: translate(0, 10px);
    transition: transform 200ms ease-in, visibility 200ms ease-in;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    transform: translate(0, 0);
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children > ul.mega-sub-menu {
  display: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children.mega-toggle-on > ul.mega-sub-menu {
  display: block;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
  visibility: visible;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
  visibility: inherit;
  opacity: 1;
  display: block;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-1-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 100%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 50%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 33.3333333333%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 25%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-5-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 20%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-6-columns > ul.mega-sub-menu > li.mega-menu-item {
  float: left;
  width: 16.6666666667%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a[class^="dashicons"]:before {
  font-family: dashicons;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-menu-link:before {
  display: inline-block;
  font: inherit;
  font-family: dashicons;
  position: static;
  margin: 0 6px 0 0px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  background: transparent;
  height: auto;
  width: auto;
  top: auto;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-material-symbol:before {
  content: attr(data-ms-icon);
  font-family: var(--wp--preset--font-family--material-symbols);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-hide-text a.mega-menu-link:before {
  margin: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-hide-text li.mega-menu-item a.mega-menu-link:before {
  margin: 0 6px 0 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
  border-radius: 0px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-align-bottom-right > ul.mega-sub-menu {
  right: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link {
  border-radius: 0px;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-menu-item {
    position: static;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
  margin: 0 0px 0 0;
  display: inline-block;
  height: auto;
  vertical-align: middle;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-item-align-right {
  float: right;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-item-align-right {
    margin: 0 0 0 0px;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-item-align-float-left {
    float: left;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {
    background-color: #333;
    color: white;
    font-weight: normal;
    text-decoration: none;
    border-color: white;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background-color: #333;
  color: white;
  font-weight: normal;
  text-decoration: none;
  border-color: white;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: white;
    background-color: #333;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  background-color: #333;
  color: white;
  font-weight: normal;
  text-decoration: none;
  border-color: white;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: white;
    background-color: #333;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  line-height: 40px;
  height: 40px;
  padding: 0px 10px;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: white;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0px;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  outline: none;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-multi-line > a.mega-menu-link {
    line-height: inherit;
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-multi-line > a.mega-menu-link br {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both;
    border: 0;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-item-align-right {
    float: none;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    border: 0;
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: white;
    font-size: 14px;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
  width: 100%;
  float: left;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
  float: left;
  min-height: 1px;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: calc(var(--span) / var(--columns) * 100%);
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: 100%;
    clear: both;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 15px;
  width: 100%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
  z-index: 999;
  border-radius: 0px;
  background-color: #f1f1f1;
  border: 0;
  padding: 0px;
  position: absolute;
  width: 100%;
  max-width: none;
  left: 0;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard {
    width: calc(var(--span) / var(--columns) * 100%);
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {
  margin: 5px 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu {
  clear: both;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
  margin-left: 10px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
  margin-left: 10px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  color: #666;
  font-family: inherit;
  font-size: 14px;
  display: block;
  float: left;
  clear: none;
  padding: 15px;
  vertical-align: top;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard.mega-menu-clear, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear {
  clear: left;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
  color: #555;
  font-family: inherit;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  vertical-align: top;
  display: block;
  visibility: inherit;
  border: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover {
  border-color: transparent;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #555;
  /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items */
  font-family: inherit;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  vertical-align: top;
  display: block;
  border: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
  border-color: transparent;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:focus, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
  color: #555;
  /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items (Hover) */
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover > span.mega-title-below, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:focus > span.mega-title-below, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > span.mega-title-below, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > span.mega-title-below {
  text-decoration: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  color: #666;
  /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items */
  font-family: inherit;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  vertical-align: top;
  display: block;
  border: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
  border-color: transparent;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
  display: flex;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
  color: #666;
  /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items (Hover) */
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    border: 0;
    padding: 10px;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    width: 100%;
    clear: both;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #666;
  font-family: inherit;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  border: 0;
  padding: 0px;
  vertical-align: top;
  display: block;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
  color: #666;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
  z-index: 999;
  position: absolute;
  width: 250px;
  max-width: none;
  padding: 0px;
  border: 0;
  background-color: #f1f1f1;
  border-radius: 0px;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
    clear: both;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  display: block;
  background-color: #f1f1f1;
  color: #666;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  padding: 0px 10px;
  line-height: 35px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  background-color: #ddd;
  font-weight: normal;
  text-decoration: none;
  color: #666;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
    padding-left: 20px;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu a.mega-menu-link {
    padding-left: 30px;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  display: inline-block;
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 0 6px;
  color: inherit;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  display: inline-block;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-family: dashicons;
  font-weight: normal;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  float: right;
  margin-left: auto;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
  content: "";
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    float: right;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
    content: "";
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile > a.mega-menu-link > span.mega-indicator {
    display: none;
  }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator {
  display: none;
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
    content: "";
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
    text-align: right;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator {
    float: left;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
    content: "";
    margin: 0 6px 0 0;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
    float: right;
    margin: 0 0 0 6px;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    left: -100%;
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-hide-on-mobile, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-mobile {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-hide-on-desktop, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-desktop {
    display: none;
  }
}
#mega-menu-wrap-menu-1 .mega-menu-toggle {
  display: none;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle ~ button.mega-close {
  display: none;
}
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    z-index: 1;
    background-color: #222;
    border-radius: 2px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    user-select: none;
    outline: none;
    white-space: nowrap;
    display: flex;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle img {
    max-width: 100%;
    padding: 0;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-center, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right {
    display: flex;
    flex: 1;
    gap: 6px;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block {
    display: flex;
    height: 100%;
    outline: 0;
    align-self: center;
    flex-shrink: 0;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left {
    justify-content: flex-start;
    padding-left: 6px;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-center {
    justify-content: center;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right {
    justify-content: flex-end;
    padding-right: 6px;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: #222;
    padding: 0px;
    display: none;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
    display: flex;
    visibility: visible;
  }
}
.elementor-sticky__spacer #mega-menu-wrap-menu-1 #mega-menu-menu-1, .elementor-sticky__spacer #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-sub-menu {
  visibility: inherit !important;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 {
  /*! 
                    * Hamburgers 
                    * @description Tasty CSS-animated hamburgers 
                    * @author Jonathan Suh @jonsuh 
                    * @site https://jonsuh.com/hamburgers 
                    * @link https://github.com/jonsuh/hamburgers 
                    */
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  transform: scale(0.8);
  align-self: center;
  outline: 0;
  background: none;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
  outline: 0;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  width: 40px;
  height: 4px;
  background-color: #ddd;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  content: "";
  display: block;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
  top: -10px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  bottom: -10px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
  top: 2px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  top: 20px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
/* ────────────────────────────────────────────────────────────────────────
   PMCerts – Max Mega Menu custom styling
   Paste this into: wp-admin → Mega Menu → Menu Themes → (the theme assigned
   to the "Header" location) → Custom Styling tab. Save.

   Rebuilt 2026-09-14 for the two-zone "Certification programs" / "Training
   only" layout (mega-menu-mockup-v3.html), built with Max Mega Menu's Grid
   Layout mode – NOT Standard Layout, which can only auto-column direct
   children and collapses anything nested deeper into a hover flyout.
   Structure: one row, two columns (span 12 / span 3 of 15 – an exact 4:1
   ratio, matching the mockup's flex:4 1 0 / flex:1 1 0). Verified against
   real live course data and Max Mega Menu's own real markup on the draft
   menu ("Menu 1 – Mega Draft") – not a guess.

   Editable later with no code: a future editor can open Appearance → Menus
   → the live menu → "Courses" → Mega Menu tab → Grid Layout, and drag items
   between the two columns, or resize spans, entirely through that visual
   editor. This stylesheet targets the two columns by an explicit class
   (pmc-mega-zone-exam / pmc-mega-zone-training, set once in the column's own
   settings) and the zone-label items by their fixed post ID, so reordering
   or adding a course inside either zone never breaks this CSS.

   Font note: column titles use PP Mondwest – Afi's explicit, informed
   decision (09-14) to run it live on the personal-use build BEFORE buying
   the commercial licence, to test marketing reception first. He was told
   plainly: this is outside the licence's terms, the EULA's own penalty
   clause is 2x the licence cost if the foundry catches it, and the fix
   (a $40 web licence covering all of Skillet's sites, per their FAQ on
   multi-domain coverage under one client) is cheap enough that skipping it
   saves little. He accepted that risk deliberately and asked to proceed.
   Fraunces stays as the documented DESIGN.md fallback if Mondwest fails to
   load.  Buy the commercial licence the moment reception looks good –
   see workspace/projects/pmcerts-website-update/change-log.md, 2026-09-14.
   Fonts are self-hosted on Afi's instruction – no external request to
   Google's (or Pangram Pangram's) servers from the live site. Hosted as
   real files (wp-content/uploads/pmc-fonts/), not inline base64 – a base64
   version was tried first and repeatedly failed to save through this
   Custom Styling field (335KB in one paste, likely a server-side size
   limit on the save request); real files keep this field small (~14KB)
   and are the more standard way to self-host a webfont regardless.
   ──────────────────────────────────────────────────────────────────────── */
/* Self-hosted fonts – Afi's preference: no external calls to Google's (or Pangram Pangram's)
   servers from the live site. Real files at wp-content/uploads/pmc-fonts/, uploaded directly
   to the server – not embedded inline, see the header note above for why. Both Fraunces and
   Geist are the real Google-served variable-font files, one file per family covering the
   whole weight range used here. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("https://pmcerts.com.my/wp-content/uploads/pmc-fonts/fraunces.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("https://pmcerts.com.my/wp-content/uploads/pmc-fonts/geist.woff2") format("woff2");
}
/* PP Mondwest – see the header comment above for the licensing decision. */
@font-face {
  font-family: "PP Mondwest";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://pmcerts.com.my/wp-content/uploads/pmc-fonts/mondwest.otf") format("opentype");
}
#mega-menu-wrap-menu-1 {
  background: transparent !important;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  position: relative;
}
/* top-level links: Courses, Financing Scheme (NEW), In-House Training, Virtual Class, Contact Us */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  background: transparent !important;
  color: #6b675f !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em;
  height: auto !important;
  line-height: 1.3 !important;
  padding: 8px 10px !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.16s ease, border-color 0.16s ease;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
  background: transparent !important;
  color: #17161c !important;
  border-bottom-color: #6840ff !important;
}
/* the mega panel itself – a contained card, centered under the whole nav, not full width */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
  left: 50% !important;
  width: min(58rem, 92vw) !important;
  max-width: none !important;
  transform: translateX(-50%);
  top: calc(100% + 10px) !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e0d8 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(23, 22, 28, 0.06), 0 10px 28px rgba(23, 22, 28, 0.05) !important;
  padding: 24px 24px 20px !important;
  z-index: 999;
}
/* the row: lays the two zones out side by side, like .pmc-mega__panel-in */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
}
/* the two zone columns – width ratio (12:3) already comes from the plugin's own --span/--columns
   calc(), so this only needs flex-direction and the divider on the narrower zone */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column.pmc-mega-zone-training {
  border-left: 1px solid #e2e0d8 !important;
  padding-left: 24px !important;
}
/* "Certification programs" zone: lay PMI / EXIN / PeopleCert / Scrum.org out as 4 columns –
   the zone label (first item, disabled-link) spans the full width above them */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column.pmc-mega-zone-exam > ul.mega-sub-menu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  column-gap: 20px !important;
  row-gap: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column.pmc-mega-zone-exam > ul.mega-sub-menu > li.mega-disable-link {
  grid-column: 1 / -1 !important;
}
/* zone labels – "Certification programs" / "Training only": plain muted text, not a link,
   targeted by their fixed post ID so this never breaks if items are reordered.
   The <li> itself carries a 15px left padding by default from the base plugin CSS (meant for
   ordinary flyout dropdown items) – zeroed here too, not just on the <a>, or the label sits 15px
   to the right of the column content below it. */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link.mega-menu-item-10346, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link.mega-menu-item-10347 {
  padding: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link.mega-menu-item-10346 > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-disable-link.mega-menu-item-10347 > a.mega-menu-link {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6b675f !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  cursor: default !important;
  pointer-events: none !important;
}
/* provider columns (PMI / EXIN / PeopleCert / Scrum.org / Non-Certification) – no horizontal
   padding here: in Grid Layout the providers ARE the grid cells, so the grid's own column-gap
   (20px, set below) already spaces them apart. Padding here was leftover from the old Standard
   Layout CSS and was quietly stealing 24px of width from every column, wrapping longer course
   titles ("PeopleCert Scrum Master I") onto two lines and inflating the whole panel's height. */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children {
  padding: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children > a.mega-menu-link {
  display: block !important;
  cursor: default !important;
  pointer-events: none;
}
/* gap before the course list: on a description item the description's own margin-bottom (12px,
   set below) is the spacer, so the link itself carries none – avoids doubling the gap */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children:not(.mega-has-description) > a.mega-menu-link {
  margin-bottom: 12px !important;
}
/* provider title – the item's own text when it has no description */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children:not(.mega-has-description) > a.mega-menu-link {
  font-family: "PP Mondwest", "Fraunces", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.008em;
  text-transform: none !important;
  color: #17161c !important;
}
/* provider title – when a Description is set, WordPress's native field (Screen Options →
   Description on the item, no code) – wraps title + description in one span group */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-title {
  display: block !important;
  font-family: "PP Mondwest", "Fraunces", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.008em;
  text-transform: none !important;
  color: #17161c !important;
  margin-bottom: 4px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-description {
  display: block !important;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6b675f !important;
  line-height: 1.4 !important;
  margin-bottom: 12px !important;
  max-width: 20ch;
}
/* footer bar – "See all courses" link only, a real editable menu item */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.pmc-mega-foot {
  border-top: 1px solid #e2e0d8 !important;
  margin-top: 0 !important;
  padding-top: 16px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot li.mega-menu-column > ul.mega-sub-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4em !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #17161c !important;
  text-transform: none !important;
  text-decoration: none !important;
  border: 1px solid #d2cfc5 !important;
  border-radius: 6px !important;
  padding: 0.4rem 0.7rem !important;
  margin: 0 !important;
  transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: none;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='3' width='2' height='1'/%3E%3Crect x='8' y='4' width='2' height='1'/%3E%3Crect x='9' y='5' width='2' height='1'/%3E%3Crect x='1' y='6' width='10' height='1'/%3E%3Crect x='1' y='7' width='10' height='1'/%3E%3Crect x='9' y='8' width='2' height='1'/%3E%3Crect x='8' y='9' width='2' height='1'/%3E%3Crect x='7' y='10' width='2' height='1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='3' width='2' height='1'/%3E%3Crect x='8' y='4' width='2' height='1'/%3E%3Crect x='9' y='5' width='2' height='1'/%3E%3Crect x='1' y='6' width='10' height='1'/%3E%3Crect x='1' y='7' width='10' height='1'/%3E%3Crect x='9' y='8' width='2' height='1'/%3E%3Crect x='8' y='9' width='2' height='1'/%3E%3Crect x='7' y='10' width='2' height='1'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link:hover {
  background: #17161c !important;
  color: #f6f6f4 !important;
  border-color: #17161c !important;
}
/* course links inside each provider */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item {
  padding: 0 !important;
  border-top: 1px solid #e2e0d8;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item:first-child {
  border-top: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #232220 !important;
  padding: 10px 0 !important;
  text-transform: none !important;
  line-height: 1.3;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link:hover {
  color: #6840ff !important;
  text-decoration: underline;
}
/* ===== Ported 2026-09-15 for the PMC Preview location (max_mega_menu_1) =====
   Same design as the menu-1 rules above, retargeted at this location's own wrap/menu
   IDs (each Mega Menu location gets its own #mega-menu-wrap-{location} / #mega-menu-{location}
   pair, so the menu-1 rules above never applied here - this location rendered unstyled
   until now). Also fixes the hover-gap bug found in the menu-1 version (top:calc(100% + 10px)
   left a real dead zone between the trigger and the panel); the menu-1 rules above are left
   exactly as they were, not touched by this pass. */
@media (min-width: 769px) {
  /* Center the nav links within their column (2026-09-15, Afi's request) - the <li> items are
   inline-block, which by default left-align inside the 65%-wide nav column, leaving the CTA
   button stranded far to the right with a big empty gap. Switching the <ul> to flex (instead of
   text-align:center, which would be inherited by the dropdown panels below and wrongly center
   THEIR text too) centers just the top-level items without touching anything nested inside. */
  /* top-level links: Courses, Financing Scheme (NEW), In-House Training, Virtual Class, Contact Us */
  /* the mega panel itself – a contained card, centered under the whole nav, not full width */
  /* the row: lays the two zones out side by side, like .pmc-mega__panel-in */
  /* the two zone columns – width ratio (12:3) already comes from the plugin's own --span/--columns
   calc(), so this only needs flex-direction and the divider on the narrower zone */
  /* "Certification programs" zone: lay PMI / EXIN / PeopleCert / Scrum.org out as 4 columns –
   the zone label (first item, disabled-link) spans the full width above them */
  /* zone labels – "Certification programs" / "Training only": plain muted text, not a link,
   targeted by their fixed post ID so this never breaks if items are reordered.
   The <li> itself carries a 15px left padding by default from the base plugin CSS (meant for
   ordinary flyout dropdown items) – zeroed here too, not just on the <a>, or the label sits 15px
   to the right of the column content below it. */
  /* provider columns (PMI / EXIN / PeopleCert / Scrum.org / Non-Certification) – no horizontal
   padding here: in Grid Layout the providers ARE the grid cells, so the grid's own column-gap
   (20px, set below) already spaces them apart. Padding here was leftover from the old Standard
   Layout CSS and was quietly stealing 24px of width from every column, wrapping longer course
   titles ("PeopleCert Scrum Master I") onto two lines and inflating the whole panel's height. */
  /* gap before the course list: on a description item the description's own margin-bottom (12px,
   set below) is the spacer, so the link itself carries none – avoids doubling the gap */
  /* provider title – the item's own text when it has no description */
  /* provider title – when a Description is set, WordPress's native field (Screen Options →
   Description on the item, no code) – wraps title + description in one span group */
  /* footer bar – "See all courses" link only, a real editable menu item */
  /* course links inside each provider */
  /* hover-gap fix: the panel above now sits flush (top:100%) instead of 10px below the
   trigger, so there is no dead zone between them for a slow diagonal mouse move to fall
   through and close the menu early. This invisible bridge restores the same 10px visual
   breathing room, as a transparent pseudo-element on the trigger <li> itself (so it is part
   of the trigger's own hoverable box, not a gap outside it) sized to match the panel's
   position and width. */
  /* Centering fix v2 (2026-09-15): v1 missed .elementor-widget-wrap, which turned out to be
   the OUTER wrapper around the widget's own element div (not nested inside it, the
   reverse of what was assumed) - it was still position:relative and stopped the
   containing-block search one level early. Also adds !important to the transform, since
   Max Mega Menu's own fade_up open-state CSS sets transform on .mega-toggle-on with enough
   priority to silently cancel the plain (non-important) translateX(-50%) that centers the
   panel, which is what actually caused the panel to overflow off-screen rather than the
   ancestor chain itself - confirmed by direct DOM measurement, not guessed. */
  /* Note (2026-09-15): the trigger-to-panel gap is now ~10px, caused by the CTA/logo
   columns being taller than the nav column (container height > trigger height), not by a
   hardcoded offset - top:100% is flush against the row container, same fix as before, just
   a smaller residual gap now. A pseudo-element bridge was tried but removed: since the
   panel had to escape the trigger <li> to reach the full-width row container for centering,
   a bridge on that same <li> ends up resolving against the same wide container too, landing
   on top of the panel instead of filling the gap above it - the two goals need different
   anchors, which a bridge on the trigger alone cannot give. Real fix is matching the row's
   column heights so the container's own bottom edge lines up with the trigger's. */
  #mega-menu-wrap-max_mega_menu_1 {
    background: transparent !important;
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    position: relative;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
    display: flex !important;
    justify-content: center !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    background: transparent !important;
    color: #6b675f !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: -0.005em;
    height: auto !important;
    line-height: 1.3 !important;
    padding: 8px 10px !important;
    border-bottom: 2px solid transparent !important;
    transition: color 0.16s ease, border-color 0.16s ease;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    background: transparent !important;
    color: #17161c !important;
    border-bottom-color: #6840ff !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    left: 50% !important;
    width: min(58rem, 92vw) !important;
    max-width: none !important;
    transform: translateX(-50%);
    /* Vertical gap fix (2026-09-15): top:100% is measured from the header ROW (needed for
   horizontal centering - see the centering fix below), not from the visible nav trigger.
   The row is 45px tall (post-2026-09-15 CTA font fix) but the trigger text is only 35px (content_position:middle centers
   it), leaving a ~10px dead zone below the trigger before the row's own edge. Pulling the
   panel up by that same amount closes the gap without breaking the horizontal centering. */
    top: calc(100% - 5px) !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e0d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(23, 22, 28, 0.06), 0 10px 28px rgba(23, 22, 28, 0.05) !important;
    padding: 24px 24px 20px !important;
    z-index: 999;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
    display: flex !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column.pmc-mega-zone-training {
    border-left: 1px solid #e2e0d8 !important;
    padding-left: 24px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column.pmc-mega-zone-exam > ul.mega-sub-menu {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 20px !important;
    row-gap: 0 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column.pmc-mega-zone-exam > ul.mega-sub-menu > li.mega-disable-link {
    grid-column: 1 / -1 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link.mega-menu-item-10346, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link.mega-menu-item-10347 {
    padding: 0 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link.mega-menu-item-10346 > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-disable-link.mega-menu-item-10347 > a.mega-menu-link {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6b675f !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    cursor: default !important;
    pointer-events: none !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children {
    padding: 0 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children > a.mega-menu-link {
    display: block !important;
    cursor: default !important;
    pointer-events: none;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children:not(.mega-has-description) > a.mega-menu-link {
    margin-bottom: 12px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children:not(.mega-has-description) > a.mega-menu-link {
    font-family: "PP Mondwest", "Fraunces", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    letter-spacing: -0.008em;
    text-transform: none !important;
    color: #17161c !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-title {
    display: block !important;
    font-family: "PP Mondwest", "Fraunces", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    letter-spacing: -0.008em;
    text-transform: none !important;
    color: #17161c !important;
    margin-bottom: 4px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-description {
    display: block !important;
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-style: normal !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6b675f !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
    max-width: 20ch;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.pmc-mega-foot {
    border-top: 1px solid #e2e0d8 !important;
    margin-top: 0 !important;
    padding-top: 16px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot li.mega-menu-column > ul.mega-sub-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4em !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #17161c !important;
    text-transform: none !important;
    text-decoration: none !important;
    border: 1px solid #d2cfc5 !important;
    border-radius: 6px !important;
    padding: 0.4rem 0.7rem !important;
    margin: 0 !important;
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    flex: none;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='3' width='2' height='1'/%3E%3Crect x='8' y='4' width='2' height='1'/%3E%3Crect x='9' y='5' width='2' height='1'/%3E%3Crect x='1' y='6' width='10' height='1'/%3E%3Crect x='1' y='7' width='10' height='1'/%3E%3Crect x='9' y='8' width='2' height='1'/%3E%3Crect x='8' y='9' width='2' height='1'/%3E%3Crect x='7' y='10' width='2' height='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='7' y='3' width='2' height='1'/%3E%3Crect x='8' y='4' width='2' height='1'/%3E%3Crect x='9' y='5' width='2' height='1'/%3E%3Crect x='1' y='6' width='10' height='1'/%3E%3Crect x='1' y='7' width='10' height='1'/%3E%3Crect x='9' y='8' width='2' height='1'/%3E%3Crect x='8' y='9' width='2' height='1'/%3E%3Crect x='7' y='10' width='2' height='1'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row.pmc-mega-foot li.mega-menu-item > a.mega-menu-link:hover {
    background: #17161c !important;
    color: #f6f6f4 !important;
    border-color: #17161c !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item {
    padding: 0 !important;
    border-top: 1px solid #e2e0d8;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item:first-child {
    border-top: none;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #232220 !important;
    padding: 10px 0 !important;
    text-transform: none !important;
    line-height: 1.3;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link:hover {
    color: #6840ff !important;
    text-decoration: underline;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu {
    position: relative;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: min(58rem, 92vw);
    height: 10px;
    z-index: 998;
  }
  #mega-menu-wrap-max_mega_menu_1, #mega-menu-max_mega_menu_1, .elementor-element-hdr02mega, .elementor-element-hdr02mega .elementor-widget-container, .elementor-element-hdr02navcol .elementor-widget-wrap, .elementor-element-hdr02navcol {
    position: static !important;
  }
  .elementor-element-hdr02sec > .elementor-container {
    position: relative !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    transform: translateX(-50%) !important;
  }
}
/* ===== Mobile brand styling (2026-09-15) =====
   Max Mega Menu's own mobile drawer/accordion (unstyled by the desktop block above, which is
   now scoped to min-width:769px) falls back to its plugin defaults: #222 background, #666 grey
   text, system-ui font. This block brings it on-brand: ink-strong drawer, Geist font, violet
   left-border on the open item (no lime as text - DESIGN.md: lime is fill-only, never text),
   paper background for the expanded course list with the same muted/ink-strong roles used
   everywhere else. Verified live: drawer, accordion expand, and course-list contrast all pass. */
@media (max-width: 768px) {
  #mega-menu-wrap-max_mega_menu_1, .mega-menu-toggle, #mega-menu-max_mega_menu_1 {
    background: #17161C !important;
  }
  .mega-toggle-animated-inner, .mega-toggle-animated-inner::before, .mega-toggle-animated-inner::after {
    background-color: #F6F6F4 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: #F6F6F4 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(246, 246, 244, 0.12) !important;
    border-left: 3px solid transparent !important;
    transition: border-color 0.16s ease !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    border-left-color: #6840FF !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #FFFFFF !important;
    padding: 16px 20px 24px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-title {
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: #17161C !important;
    font-weight: 700 !important;
    font-size: 15px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-has-description .mega-menu-description {
    color: #6B675F !important;
    font-size: 13px !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link {
    color: #232220 !important;
    font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    border-bottom: 1px solid #E2E0D8 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link:hover {
    color: #6840FF !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:visited {
    color: #F6F6F4 !important;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-has-children li.mega-menu-item > a.mega-menu-link:visited {
    color: #232220 !important;
  }
}
.wp-block {}