body #header .invest-asean-nav-container_head {
  background-color: transparent !important;
  border-bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

body .container_head .container_head_wrapper #invest-asean-nav_search .searchform {
  border-bottom-color: rgba(255, 255, 255, 0.4);
  background-color: transparent;
}

body .container_head .container_head_wrapper #invest-asean-nav_search .searchform::before,
body .container_head .container_head_wrapper #invest-asean-nav_search .searchform input {
  color: var(--ia-content-inverse);
}

body .container_head .container_head_wrapper #invest-asean-nav_search .searchform input::placeholder {
  color: rgba(255, 255, 255, 0.72);
}

body .container_head .container_head_wrapper #invest-asean-nav_search .searchform:hover {
  border-bottom-color: rgba(255, 255, 255, 0.7);
}

body .container_head .container_head_wrapper #invest-asean-nav_search .searchform:focus-within {
  border-bottom-color: var(--ia-content-inverse);
  box-shadow: 0 1px 0 0 var(--ia-content-inverse);
}

body .container_head .container_head_wrapper #invest-asean-nav_search .searchform:focus-within::before {
  color: var(--ia-content-inverse);
}

@media screen and (min-width: 1156px) {
  body {
    --ia-header-h: 117px;
  }

  /* The admin bar is 32px of fixed chrome and WordPress pushes the document down
     by the same amount with html { margin-top }. The header moves with it; the mega
     panel and its overlay do not, because both are position:fixed and anchored to
     the viewport. Logged-in editors otherwise get a panel that opens 32px high.
     32px is exact above 782px, and this block only applies from 1156px up. */
  body.admin-bar {
    --ia-header-h: 149px;
  }

  body .container_head .container_head_wrapper #titles {
    margin-top: var(--ia-space-xs) !important;
    margin-bottom: var(--ia-space-xs) !important;
  }

  body #titles img {
    height: 43px !important;
    width: auto !important;
  }

  body .invest-asean-title-promotion .invest-asean-logo {
    --ia-emblem-text: calc(var(--ia-text-xs) * 1.25 * 3);
    --ia-emblem-box: calc(var(--ia-emblem-text) / 0.836);
    width: auto;
    height: var(--ia-emblem-box);
    margin-block: calc(var(--ia-emblem-box) * -0.0825);
    object-fit: contain;
  }

  body .invest-asean-nav-container_head .container_head_wrapper {
    padding-top: var(--ia-space-3xs);
    padding-bottom: var(--ia-space-3xs);
  }

  body #main-nav > li > a {
    padding-top: var(--ia-space-xs) !important;
    padding-bottom: var(--ia-space-xs) !important;
  }

  body #main-nav > li > a::before {
    bottom: 3px;
  }

  body #main-nav {
    --ia-nav-underline: var(--ia-content-inverse);
  }

  body #main-nav > li > a,
  body #main-nav > li > a[href]:hover,
  body #main-nav > li > a[href]:focus-visible,
  body #main-nav > li.current-menu-item > a,
  body #main-nav > li.current-menu-ancestor > a,
  body #main-nav > li.current-menu-parent > a,
  body #main-nav > li.current_page_item > a,
  body #main-nav > li.current_page_ancestor > a {
    color: var(--ia-content-inverse) !important;
  }

  body #main-nav > li > a[href]:hover,
  body #main-nav > li > a[href]:focus-visible {
    background-color: transparent !important;
  }

  body #main-nav > .menu-item-has-children > a::after {
    border-color: rgba(255, 255, 255, 0.85);
  }

  body #main-nav > li > a:focus-visible {
    outline-color: var(--ia-content-inverse);
  }
}

@media screen and (max-width: 1155px) {
  body .invest-asean-nav-container_head .invest-asean-title-promotion .invest-asean-logo,
  body .invest-asean-title-promotion .invest-asean-logo {
    --ia-emblem-box: calc(32px / 0.836);
    width: auto;
    height: var(--ia-emblem-box);
    margin-block: calc(var(--ia-emblem-box) * -0.0825);
    object-fit: contain;
  }

  body .invest-asean-nav-container_head .container_head_wrapper {
    padding-top: var(--ia-space-3xs);
    padding-bottom: var(--ia-space-3xs);
  }

  body .for-menu #navigation {
    top: 100%;
  }

  body #invest-asean-nav_search #navigation {
    align-items: center;
    padding-top: var(--ia-space-3xs) !important;
    padding-bottom: var(--ia-space-3xs) !important;
  }

  body #invest-asean-nav_search #navigation [role="search"] {
    margin-top: 0;
    margin-bottom: 0;
  }

  body .for-menu .show-menu.ribbon {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: var(--ia-content-inverse) !important;
  }

  body .for-menu .show-menu.ribbon:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.7);
  }

  body .for-menu .show-menu.ribbon i {
    color: inherit;
  }

  body #header input#showmenu:checked + .show-menu.ribbon {
    background-color: var(--ia-content-inverse) !important;
    border-color: var(--ia-content-inverse);
    color: var(--ia-surface-inverse) !important;
  }

  body #header input#showmenu:checked + .show-menu.ribbon i::before {
    content: "\f00d";
  }
}

@media screen and (max-width: 885px) {
  body #invest-asean-nav_search #navigation .searchOpen {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: var(--ia-content-inverse);
  }

  body #invest-asean-nav_search #navigation .searchOpen:hover,
  body #invest-asean-nav_search #navigation .searchOpen:focus-visible {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.7) !important;
  }
}

@media screen and (min-width: 1156px) {
  body .elementor-element-222103e,
  body .elementor-element-7d6b904,
  body .elementor-element-310ecd6,
  body .elementor-element-fd6ea72,
  body .elementor-element-569f963 {
    min-height: clamp(300px, 6rem + 16vw, 440px);
  }

  body .elementor-element-222103e > .e-con-inner > .e-con:has(h1),
  body .elementor-element-7d6b904 > .e-con-inner > .e-con:has(h1),
  body .elementor-element-310ecd6 > .e-con-inner > .e-con:has(h1),
  body .elementor-element-fd6ea72 > .e-con-inner > .e-con:has(h1),
  body .elementor-element-569f963 > .e-con-inner > .e-con:has(h1) {
    padding-top: var(--ia-space-2xl) !important;
  }
}