/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#global-header .hs-menu-wrapper a {
  color: #fff !important;
  font-size: 14px;
  font-weight: 400;
}

.hs-menu-wrapper > ul > li {
  margin-left: 0px;
}

#global-header .hs-menu-wrapper > ul > li {
  margin-left: 60px;
}

/* Header flex layout */
#global-header .span7.widget-span {
  display: flex;
  justify-content: flex-end !important;
  align-items: center;
  width: 100% !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

#global-header .header-top-row-0-padding > .row-fluid {
  display: flex !important;
  align-items: center;
  width: 100% !important;
}

#global-header .header-top-row-0-padding > .row-fluid > .span4.widget-span,
#global-header .header-top-row-0-padding > .row-fluid > .span8.widget-span {
  flex: 0 0 auto !important;
  width: auto !important;
}

#global-header .span8.widget-span {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto !important;
}

/* CTA cell sizing */
#global-header .cell_1754115279023-vertical-alignment {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#global-header .cell_1754115279023-vertical-alignment .hs-cta-embed,
#global-header .cell_1754115279023-vertical-alignment iframe {
  width: 130px !important;
  height: 40px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* === HEADER MENU DROPDOWN STYLES (SCOPED) === */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0px 16px rgba(0, 39, 77, 0.15);
  padding: 0;            /* remove extra top/bottom padding */
  margin-top: 0;         /* flush under parent */
  min-width: 200px;
  transition: box-shadow 0.2s, background 0.2s;
  z-index: 1002;
}

#global-header .hs-menu-wrapper .hs-menu-children-wrapper li {
  padding: 0 !important; /* let the <a> control its own padding */
}

#global-header .hs-menu-wrapper .hs-menu-children-wrapper a {
  display: block;
  width: 100%;
  padding: 10px 15px;                     /* your spacing inside the box */
  margin: 10px 0;
  color: #00274D !important;
  font-weight: 500;
  border-radius: 0px;
  transition: background 0.15s, color 0.15s;
  text-shadow: none !important;
}

/* only on submenu links */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper a:hover {
  background-color: #EBF2F8 !important;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); /* subtle contrast */
}

/* main-menu underline */
#global-header .hs-menu-wrapper > ul > li > a {
  position: relative;
  text-decoration: none;
}
#global-header .hs-menu-wrapper > ul > li > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  height: 2px;
  background: #35BCB1;
  transition: width 0.2s cubic-bezier(.4,0,.2,1), left 0.2s cubic-bezier(.4,0,.2,1);
  transform: translateX(-50%);
  pointer-events: none;
}
#global-header .hs-menu-wrapper > ul > li > a:hover::after,
#global-header .hs-menu-wrapper > ul > li > a:focus::after {
  width: 100%;
  left: 50%;
}

/* submenu show/hide & hover-area */
#global-header .hs-menu-wrapper li.hs-item-has-children {
  position: relative;
}
#global-header .hs-menu-wrapper ul.hs-menu-children-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: -15px;
}
#global-header .hs-menu-wrapper > ul > li.hs-item-has-children {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 20px 0; /* extend hover area */
}
#global-header .hs-menu-wrapper > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper,
#global-header .hs-menu-wrapper > ul > li.hs-item-has-children:focus-within > ul.hs-menu-children-wrapper,
#global-header .hs-menu-wrapper .hs-menu-children-wrapper:hover {
  display: block !important;
}











/* 2-Column Submenu Layout for Items with Level-2 Children */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0;
}

/* Each submenu column (only if has sub-children) */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li.hs-item-has-children {
  flex: 1 1 0;
  min-width: 180px; /* tweak for width of column */
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: none;
  border-right: 1px solid #eee;
}

/* Remove right border from the last column */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li.hs-item-has-children:last-child {
  border-right: none;
}

/* Heading for each column (the parent link) */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li.hs-item-has-children > a {
  font-weight: 700;
  background: none;
  padding: 14px 16px 8px 16px;
  border-radius: 0;
  margin-bottom: 0;
  color: #00274D !important;
}

/* Nested submenu inside column */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  position: static;
  margin: 0;
  padding: 0;
}

/* The level-2 items under each heading */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li.hs-item-has-children > ul > li > a {
  font-weight: 500;
  padding: 7px 16px;
  color: #00274D !important;
  border-radius: 0 0 8px 8px;
  transition: background 0.15s, color 0.15s;
}

/* Single items (no further children) still stack as usual */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li:not(.hs-item-has-children) > a {
  padding: 12px 16px;
  font-weight: 500;
  color: #00274D !important;
}

/* Responsive fallback: On mobile, stack columns */
@media (max-width: 800px) {
  #global-header .hs-menu-wrapper .hs-menu-children-wrapper {
    flex-direction: column;
  }
  #global-header .hs-menu-wrapper .hs-menu-children-wrapper > li.hs-item-has-children {
    border-right: none;
    border-bottom: 1px solid #eee;
  }
}

/* Make mega menu columns for 2nd-level submenus */
#global-header .hs-menu-wrapper .hs-menu-children-wrapper {
  display: flex;       /* columns! */
  flex-wrap: nowrap;   /* do not wrap */
  gap: 32px;           /* space between columns */
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0px 16px rgba(0, 39, 77, 0.15);
  padding: 20px 24px;
  margin-top: 0;
  min-width: 480px;    /* wider! */
  z-index: 1002;
}

#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li {
  min-width: 200px; /* each column width */
}

#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li > a {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
  pointer-events: none;      /* heading only, not clickable */
  color: #00274D !important;
  background: none;
  text-shadow: none !important;
  cursor: default;
  padding: 0;
}

#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li > ul > li > a {
  color: #00274D !important;
  background: none;
  border-radius: 8px;
  padding: 10px 10px;
  display: block;
  margin: 0 0 4px 0;
  transition: background 0.15s;
  text-shadow: none;
}

#global-header .hs-menu-wrapper .hs-menu-children-wrapper > li > ul > li > a:hover {
  background: #EBF2F8 !important;
  text-shadow: 0 0 2px rgba(0,0,0,0.15);
}





*/