.lang-selector {
    min-width: auto;
}

/* based on getc HP */
.header {
    border-top: 2px solid #1c4672;
}

.header-top {
    height: 92px;
    line-height: 92px;
}

.header-logo {
    width: 270px;
    height: auto;
}

.header-logo.-en {
    width: 340px;
}

.header-logo img {
    width: 100%;
    height: auto;
}

.header-lang, .header-search {
    font-size: 14px;
}

.header-lang {
    text-align: right;
    padding-left: 1% !important;
    padding-right: 1% !important;
}



.navbar {
    position: relative;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    padding: 0;
    --bs-gutter-x: 0;
}

.nav-menu {
    width: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

.nav-menu-item {
    display: table-cell;
    height: 58px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.nav-menu-item>a {
    display: block;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #d3d3d3;
    width: 100%;
    text-align: center;
    position: relative;
}

.nav-menu-item.is-home>a {
    border-left: 1px solid #d3d3d3;
}

.nav-menu-item.is-first>a {
    border-left: 1px solid #d3d3d3;
}

.nav-menu-item>a:hover {
    color: #999;
}

.nav-menu-item.has-submenu>a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    right: 11px;
    top: 2px;
    position: absolute;
    font-size: 13px;
}











.header .container-fluid {
    /* min-width: 600px; */
    width: 100%;
    background: #fff;
    padding: 0
}










.nav-menu {
    width: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

.nav-menu-item {
    display: table-cell;
    height: 58px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.nav-item>a {
    display: block;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #d3d3d3;
    width: 100%;
    text-align: center;
    position: relative;
}

.nav-menu-item>a:hover {
    color: #999;
}

.nav-item {
    display: table-cell;
    height: 58px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}


.nav-menu-item>a {
    display: block;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #d3d3d3;
    width: 100%;
    text-align: center;
    position: relative;
}

.nav-menu-item a.active {
    text-decoration: underline; /* Add your preferred styling for the underline */
    text-decoration-skip-ink: none; /* Prevents underlines from being skipped over descenders */
    padding-bottom: 4px; /* Adjust the padding to increase the space between text and underline */
    text-decoration-thickness: 5px;
    text-underline-offset: 10px;
    text-decoration-color: #1c4672;

}


/* The CSS below is using a common technique known as the "clearfix" hack.
 This hack is used to ensure that a container element
 (like .container or .hero-copy.-en) properly contains its floated children elements.
 */
.container:before, .hero-copy.-en:before, .container:after, .hero-copy.-en:after {
    content: "";
    display: table;
    width: 0;
    height: 0;
}

.container:after, .hero-copy.-en:after {
    clear: both;
}


/* end from getc HP */

.nav-menu-item a.active {
    text-decoration: underline;
    /* Add your preferred styling for the underline */
    text-decoration-skip-ink: none;
    /* Prevents underlines from being skipped over descenders */
    padding-bottom: 4px;
    /* Adjust the padding to increase the space between text and underline */
    text-decoration-thickness: 5px;
    text-underline-offset: 10px;
    text-decoration-color: #1c4672;

}

a.nav-link.disabled {
    pointer-events: none;
    cursor: default;
    color: rgb(183, 181, 181)
}

a.nav-link:hover {
    color: rgb(109, 146, 202);
}


a.navbar-brand.disabled {
    pointer-events: none;
    cursor: default;
}

.dropdown-menu {
    text-align: center;
    width: auto;
}

/* Adjust dropdown position */
.dropdown-menu.show {
    transform: translateX(-50%);
    left: 50%;
    right: auto;
}

.navbar-nav {
    padding: 0;
    /* Reset padding for the navbar-nav */
}

.navbar-nav .nav-item {
    margin: 0;
    /* Reset margin for navbar items */
}

.navbar-nav .nav-link {
    padding: 0.5rem 1rem;
    /* Adjust padding for navbar links if needed */
}