.invest-asean-nav-container_head {
  background-color: var(--ia-surface) !important;
  border-bottom: 1px solid var(--ia-border);
}

.invest-asean-nav-container_head .container_head_wrapper {
  gap: var(--ia-space-md);
  padding-inline: var(--ia-gutter);
}

#navigation {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media screen and (min-width: 1156px) {
  #titles {
    margin-top: var(--ia-space-xs) !important;
    margin-bottom: var(--ia-space-xs) !important;
  }

  #titles img {
    height: 64px;
  }
}

#main-nav {
  align-items: stretch;
  gap: var(--ia-space-2xs);
}

#main-nav > li {
  padding: 0 !important;
  align-items: stretch;
}

#main-nav > li::before {
  display: none !important;
}

#main-nav > li > a {
  display: flex;
  align-items: center;
  gap: var(--ia-space-2xs);
  padding: var(--ia-space-sm) var(--ia-space-sm) !important;
  font-family: var(--ia-font-sans);
  font-size: var(--ia-text-base);
  font-weight: var(--ia-weight-medium);
  line-height: var(--ia-leading-snug);
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--ia-content);
  text-align: left;
  text-decoration: none;
  border: 0;
  border-bottom: 3px solid transparent;
  transition: color var(--ia-motion-fast) var(--ia-ease),
              border-color var(--ia-motion-fast) var(--ia-ease),
              background-color var(--ia-motion-fast) var(--ia-ease);
}

#main-nav > li > a[href]:hover,
#main-nav > li > a[href]:focus-visible {
  color: var(--ia-content-link);
  background-color: var(--ia-blue-50);
  text-decoration: none !important;
}

#main-nav > li:hover > a,
#main-nav > li:focus-within > a {
  color: var(--ia-content-link);
  border-color: transparent !important;
  border-bottom-color: var(--ia-action) !important;
}

#main-nav > li.current-menu-item > a,
#main-nav > li.current-menu-ancestor > a,
#main-nav > li.current-menu-parent > a,
#main-nav > li.current_page_item > a,
#main-nav > li.current_page_ancestor > a {
  color: var(--ia-content-link);
  border-bottom-color: var(--ia-action) !important;
}

#main-nav > li > a:focus-visible {
  outline: 2px solid var(--ia-focus);
  outline-offset: -2px;
}

.nav > .menu-item-has-children > a::after,
#main-nav > .menu-item-has-children > a::after {
  content: "";
  position: static !important;
  inset: auto !important;
  flex: none;
  width: 0.5em;
  height: 0.5em;
  margin: -0.18em 0 0 0;
  padding: 0;
  border: 0;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transform-origin: center;
  opacity: 0.65;
  transition: transform var(--ia-motion-fast) var(--ia-ease),
              opacity var(--ia-motion-fast) var(--ia-ease);
}

#main-nav > .menu-item-has-children:hover > a::after,
#main-nav > .menu-item-has-children:focus-within > a::after {
  transform: rotate(-135deg);
  margin-top: 0.18em;
  opacity: 1;
}

#invest-asean-nav_search .searchform {
  height: 44px;
  gap: var(--ia-space-2xs);
  border: 1px solid var(--ia-border-strong);
  border-radius: var(--ia-radius-full);
  background-color: var(--ia-surface);
  color: var(--ia-content-muted);
  transition: border-color var(--ia-motion-fast) var(--ia-ease),
              box-shadow var(--ia-motion-fast) var(--ia-ease);
}

#invest-asean-nav_search .searchform:focus-within {
  border-color: var(--ia-focus);
  box-shadow: var(--ia-focus-ring);
}

#invest-asean-nav_search .searchform input {
  font-family: var(--ia-font-sans);
  font-size: var(--ia-text-sm);
  color: var(--ia-content);
  background: transparent;
}

.nav li.ia_mega > ul.sub-menu::before {
  border-radius: var(--ia-radius-lg) !important;
  box-shadow: var(--ia-shadow-lg);
  border: 1px solid var(--ia-border);
}

.nav li.ia_mega .ia_mega_list_wrap {
  padding: var(--ia-space-md) !important;
}

.nav li.ia_mega .ia_mega_list_wrap::after {
  background-color: var(--ia-border) !important;
}

.nav li.ia_mega ul.ia_mega_list {
  gap: var(--ia-space-3xs);
}

.nav li.ia_mega ul.ia_mega_list > li {
  border: 0 !important;
  border-radius: var(--ia-radius-md);
  background: transparent !important;
  overflow: hidden;
}

.nav li.ia_mega ul.ia_mega_list > li > a {
  display: flex;
  align-items: center;
  gap: var(--ia-space-xs);
  padding: var(--ia-space-xs) var(--ia-space-sm) !important;
  border: 0 !important;
  border-radius: var(--ia-radius-md);
  font-family: var(--ia-font-sans);
  font-size: var(--ia-text-base);
  font-weight: var(--ia-weight-regular);
  line-height: var(--ia-leading-snug);
  color: var(--ia-content) !important;
  text-decoration: none;
  transition: background-color var(--ia-motion-fast) var(--ia-ease),
              color var(--ia-motion-fast) var(--ia-ease);
}

.nav li.ia_mega ul.ia_mega_list > li > a:hover,
.nav li.ia_mega ul.ia_mega_list > li > a:focus-visible,
.nav li.ia_mega ul.ia_mega_list > li.ia-active > a {
  background-color: var(--ia-blue-50) !important;
  color: var(--ia-content-link) !important;
  text-decoration: none !important;
}

.nav li.ia_mega ul.ia_mega_list > li > a:focus-visible {
  outline: 2px solid var(--ia-focus);
  outline-offset: -2px;
}

.nav li.ia_mega .ia_mega_icon {
  flex: none;
  opacity: 1;
}

.nav li.ia_mega span.ia_mega_icon.dashicons {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}

.nav li.ia_mega img.ia_mega_icon--img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.nav li.ia_mega .ia_mega_featured {
  padding: var(--ia-space-md) !important;
}

.nav li.ia_mega .ia_mega_featured img,
.nav li.ia_mega ul.ia_mega_list > li > .ia_mega_child_featured img {
  border-radius: var(--ia-radius-md);
}

@media screen and (min-width: 1156px) and (max-width: 1319px) {
  #invest-asean-nav_search .searchform {
    width: 150px !important;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1319px) {
  #main-nav > li > a {
    padding-left: var(--ia-space-xs) !important;
    padding-right: var(--ia-space-xs) !important;
  }
}

@media screen and (min-width: 1156px) and (max-width: 1239px) {
  #main-nav > li > a {
    padding-left: var(--ia-space-2xs) !important;
    padding-right: var(--ia-space-2xs) !important;
  }
}

@media screen and (max-width: 1155px) {
  .for-menu .show-menu.ribbon {
    height: 44px;
    width: auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: var(--ia-space-2xs);
    padding: 0 var(--ia-space-sm);
    border-radius: var(--ia-radius-full);
    font-family: var(--ia-font-sans);
    font-size: var(--ia-text-sm);
    font-weight: var(--ia-weight-medium);
    letter-spacing: var(--ia-tracking-wide);
    line-height: 1;
  }

  .for-menu .show-menu.ribbon i {
    flex: 0 0 auto;
    font-size: var(--ia-icon-sm);
    line-height: 1;
  }

  .for-menu .show-menu.ribbon span {
    line-height: 1;
  }

  .for-menu #navigation {
    position: fixed !important;
    top: var(--ia-menu-top, 121px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding-inline: 0 !important;
    padding-bottom: max(env(safe-area-inset-bottom), var(--ia-space-sm));
    overflow-x: hidden;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background-color: var(--ia-surface-inverse) !important;
    box-shadow: var(--ia-shadow-lg);
  }

  html:has(#showmenu:checked),
  html:has(#showmenu:checked) body {
    overflow: hidden;
  }

  .for-menu #main-nav {
    flex-direction: column;
    gap: 0;
    padding: var(--ia-space-2xs) 0;
  }

  .for-menu #main-nav > li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  .for-menu #main-nav > li:last-child {
    border-bottom: 0;
  }

  .for-menu #main-nav > li > a {
    width: 100%;
    min-height: 52px;
    padding: var(--ia-space-xs) 20px !important;
    color: var(--ia-content-inverse) !important;
    border-bottom: 0;
    border-left: 0;
  }

  .for-menu #main-nav > li > a[href]:hover,
  .for-menu #main-nav > li.current-menu-item > a,
  .for-menu #main-nav > li.current-menu-ancestor > a {
    background-color: rgba(255, 255, 255, 0.08);
    box-shadow: inset 3px 0 0 var(--ia-blue-300);
    color: var(--ia-content-inverse) !important;
  }

  #invest-asean-nav_search .searchform {
    width: 100%;
  }

  .for-menu #main-nav > .menu-item-has-children > a::after,
  .nav > .menu-item-has-children > a::after {
    display: none !important;
  }

  .for-menu #main-nav a .tmnf_mobile_dropdown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--ia-radius-full);
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -999em;
    overflow: hidden;
  }

  .for-menu #main-nav a .tmnf_mobile_dropdown::before {
    content: "";
    text-indent: 0;
    color: var(--ia-content-inverse);
    width: 0.55em;
    height: 0.55em;
    font-size: 16px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translate(-0.12em, -0.12em);
    opacity: 0.8;
    transition: transform var(--ia-motion-fast) var(--ia-ease);
  }
}

@media screen and (max-width: 885px) {
  #invest-asean-nav_search #navigation .searchOpen {
    width: 44px !important;
    height: 44px;
    margin: 0 !important;
    border: 1px solid var(--ia-border-strong) !important;
    border-radius: var(--ia-radius-full);
    color: var(--ia-content-link);
    background-color: var(--ia-surface);
    transition: background-color var(--ia-motion-fast) var(--ia-ease),
                border-color var(--ia-motion-fast) var(--ia-ease);
  }

  #invest-asean-nav_search #navigation .searchOpen:hover,
  #invest-asean-nav_search #navigation .searchOpen:focus-visible {
    background-color: var(--ia-blue-50);
    border-color: var(--ia-focus) !important;
  }

  #invest-asean-nav_search #navigation {
    align-items: center;
    gap: var(--ia-space-2xs);
    padding: var(--ia-space-2xs) 0 !important;
  }

  .invest-asean-nav-container_head .container_head_wrapper {
    min-height: 0;
    padding-block: var(--ia-space-2xs);
    padding-inline: 0;
  }

  .for-menu .show-menu.ribbon {
    margin: 0 !important;
  }
}