:root {
  --en-navigate-logo-width: 241px;
  --ar-navigate-logo-width: 304px;
  --vi-navigate-logo-width: 315px;
  --cn-navigate-logo-width: 245px;
  --jp-navigate-logo-width: 257px;
  --th-navigate-logo-width: 270px;
  --pt-navigate-logo-width: 241px;
  --id-navigate-logo-width: 232px;
  --es-navigate-logo-width: 261px;
  --mn-navigate-logo-width: 296px;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}
[data-fitter] .transparent {
  background: rgba(255, 255, 255, 0);
}

[data-theme="dark"] .transparent .navigate-wrapper {
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.8) 100%);
}
[data-theme="dark"] .transparent .navigate-menu-item-top-link,
[data-theme="dark"] .darkMode .navigate-menu-item-top-link {
  color: var(--ebc-text-primary_white);
}
[data-theme="dark"] .transparent .navigate-entry-link .nav-link {
  color: #fff;
}
[data-theme="dark"] .transparent .navigate-entry-link .nav-link svg,
[data-theme="dark"] .transparent .navigate-entry-link .nav-link img {
  filter: grayscale(100%) sepia(100%) saturate(0%) brightness(1000%);
}
[data-theme="dark"] .darkMode .secondary-default_medium,
[data-theme="dark"] .transparent .secondary-default_medium {
  color: var(--ebc-basecolor-white-100);
  border: 1px solid var(--ebc-basecolor-white-100);
}
[data-theme="dark"] .transparent .secondary-default_medium:hover {
  background: var(--ebc-basecolor-white-12);
}
[data-theme="dark"] .transparent .navigate-logo-img {
  display: none;
}
[data-theme="dark"] .transparent .navigate-logo-img-w {
  display: inline-block;
}
[data-theme="dark"] .darkMode .navigate-logo-img {
  display: none;
}
[data-theme="dark"] .darkMode .navigate-logo-img-w {
  display: inline-block;
}
[data-theme="dark"] .darkMode .language > div:first-child span,
[data-theme="dark"] .transparent .language > div:first-child span {
  color: rgba(255, 255, 255, 0.64);
}
[data-theme="dark"] .darkMode .language > div:first-child img,
[data-theme="dark"] .transparent .language > div:first-child img {
  filter: grayscale(100%) invert(100%) brightness(100%);
}
[data-theme="dark"] .darkMode .navigate-entry-link .nav-link {
  color: #fff;
}
[data-theme="dark"] .darkMode .sm-navigate-menu {
  color: #fff;
}
[data-theme="dark"] .transparent .sm-navigate-menu {
  color: #fff;
}
[data-theme="dark"] .darkMode .navigate-entry-link .nav-link:hover {
  color: var(--ebc-basecolor-active-500);
}
[data-theme="dark"] .darkMode #navigateHoverBg {
  background: rgba(0, 0, 0, 0.9);
}
[data-theme="dark"] .darkMode .navigate-menu-item-content-value > a {
  color: var(--ebc-text-primary_white);
}
[data-theme="dark"] .darkMode .navigate-menu-item-content {
  background: var(--ebc-basecolor-black-100);
}
[data-theme="dark"] .darkMode .langList {
  background: var(--ebc-basecolor-black-100);
  box-shadow: 0 5px 10px 0 var(--ebc-basecolor-black-12);
}
[data-theme="dark"] .darkMode .langList .lang {
  color: var(--ebc-text-primary_white);
}
#page-navigate .secondary-default_medium,
#page-navigate .primary-default_medium {
  font-size: 14px;
  height: 40px;
  padding: 0 16rem;
}
#page-navigate .primary-default_medium svg {
  width: 16px;
  height: 16px;
  transform: translateY(0.5px);
}
.primary-default_medium:hover {
  color: var(--ebc-text-primary_white);
}
#navigateHoverBg {
  position: fixed;
  z-index: -1;
  inset: 0;
  background: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(16px);
  transition: opacity 0.2s linear;
  opacity: 0;
}
.showNavigateHoverBg {
  z-index: 9999999 !important;
  opacity: 1 !important;
}
[data-fitter] .navigate-wrapper {
  position: fixed;
}
.navigate-wrapper {
  position: sticky;
  top: 0px;
  left: 0;
  z-index: 21474836391;
  /* height: 120rem; */
  width: 100%;
  /* max-width:1920px;
  margin-inline:auto; */
  /* font-size: 36rem; */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  transition: background 0.1s linear;
  /* border-bottom: 1px solid #B2AFAD; */
  /* height: 88rem; */
  /* height: 86rem; */
  /* box-shadow: 0 10rem 15rem -3rem rgb(0 0 0 / 0.1),
    0 4rem 6rem -4rem rgb(0 0 0 / 0.1); */
  /* box-shadow: 0rem 4rem 8rem 0rem rgba(0, 0, 0, 0.07); */
}
.navigate-wrapper.darkMode {
  background: #000 !important;
}
.navigate-wrapper.whiteBg {
  background: rgba(255, 255, 255, 1);
}
.navigate-box {
  /* display: flex; */
  margin: 0 auto;
  width: auto;
  padding: 0 64rem;
  /* max-width: 1600rem; */
  height: 80px;
  align-items: center;
  position: relative;
  /* justify-content: space-between; */
  /* align-items: flex-end; */
  /* gap: 40rem; */
}
.navigate-logo-img-w {
  display: none;
}
.navigate-logo-img {
  /* margin: 16rem 28rem; */
  width: auto;
  height: 40px;
}
@media screen and (min-width: 996px) {
  .navigate-logo {
    margin-right: 29px;
    min-width: fit-content;
  }
  .ar .navigate-logo {
    margin-left: 32px;
    margin-right: 0;
  }
  .en .navigate-logo,
  .hi .navigate-logo,
  .ru .navigate-logo,
  .ug .navigate-logo,
  .kr .navigate-logo {
    flex: 0 0 var(--en-navigate-logo-width);
  }
  .kr .navigate-logo-img,
  .hi .navigate-logo-img,
  .ru .navigate-logo-img,
  .ug .navigate-logo-img,
  .en .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--en-navigate-logo-width)
    );
  }
  .ar .navigate-logo {
    flex: 0 0 var(--ar-navigate-logo-width);
  }
  .ar .navigate-logo-img {
    margin-left: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--ar-navigate-logo-width)
    );
    margin-right: 0;
  }
  .vi .navigate-logo {
    flex: 0 0 var(--vi-navigate-logo-width);
  }
  .vi .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--vi-navigate-logo-width)
    );
  }
  .cn .navigate-logo {
    flex: 0 0 var(--cn-navigate-logo-width);
  }
  .cn .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--cn-navigate-logo-width)
    );
  }
  .jp .navigate-logo {
    flex: 0 0 var(--jp-navigate-logo-width);
  }
  .jp .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--jp-navigate-logo-width)
    );
  }
  .th .navigate-logo {
    flex: 0 0 var(--th-navigate-logo-width);
  }
  .th .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--th-navigate-logo-width)
    );
  }
  .pt .navigate-logo {
    flex: 0 0 var(--pt-navigate-logo-width);
  }
  .pt .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--pt-navigate-logo-width)
    );
  }
  .id .navigate-logo {
    flex: 0 0 var(--id-navigate-logo-width);
  }
  .id .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--id-navigate-logo-width)
    );
  }
  .es .navigate-logo {
    flex: 0 0 var(--es-navigate-logo-width);
  }
  .es .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--es-navigate-logo-width)
    );
  }
  .mn .navigate-logo {
    flex: 0 0 var(--mn-navigate-logo-width);
  }
  .mn .navigate-logo-img {
    margin-right: calc(
      (100vw - 1200rem) / 2 - 64rem - 32px - var(--mn-navigate-logo-width)
    );
  }
}

.navigate-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  gap: 19rem;
  /* margin-right: 28rem; */
}
.ar .navigate-links {
  margin-right: 0;
  /* margin-left: 28rem; */
}

.navigate-menu-list {
  /* flex-grow: 1; */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 56rem;
  /* margin: 0rem 14rem; */
}
.sm-navigate-menu.icon-close {
  font-size: 18px;
}
.sm-navigate-menu {
  font-size: 24px;
  /* margin-left: 24px; */
  display: none;
  cursor: pointer;
}

@media (min-width: 1440px) and (max-width: 1650px) {
  .vi .navigate-menu-list,
  .mn .navigate-menu-list,
  .pt .navigate-menu-list,
  .es .navigate-menu-list {
    gap: 20px;
  }
}
@media (max-height: 850px) and (min-width: 996px) {
  .navigate-menu-list {
    gap: 35rem;
  }
}

.navigate-menu-item {
  flex-shrink: 0;
}
.navigate-menu-item-top {
  height: 100%;
  /* border-bottom: 2rem solid transparent; */
}

.navigate-menu-item-top-link {
  /* display: inline-flex; */
  /* align-items: center; */
  /* color: #5d2333; */
  color: var(--ebc-text-primary);
  /* text-align: center; */
  font-size: 14px;
  /* font-style: normal; */
  /* font-weight: 400; */
  /* line-height: 24rem; */
  /* padding: 32rem 8rem; */
  /* padding: 8rem; */
  /* transition: 0.12s all; */
}
/* .cn .navigate-menu-item-top-link,
.jp .navigate-menu-item-top-link,
.kr .navigate-menu-item-top-link {
  font-size: 16rem;
} */
/* .vi .navigate-menu-item-top-link,
.pt .navigate-menu-item-top-link,
.es .navigate-menu-item-top-link,
.th .navigate-menu-item-top-link,
.id .navigate-menu-item-top-link,
.ru .navigate-menu-item-top-link {
  font-size: 16rem;
} */
/* .navigate-menu-item:hover .navigate-menu-item-top-link { */
/* color: #a52933; */
/* font-weight: 700; */
/* } */
.navigate-menu-item:hover .navigate-menu-item-top {
  /* border-color: #a52933; */
}

.navigate-menu-item .icon-navigate-down {
  transition: all 0.3s;
}
.navigate-menu-item:hover .icon-navigate-down {
  display: inline-block;
  transform: rotate(180deg);
}

.navigate-menu-item-content {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: var(--ebc-basecolor-white-100);
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s linear;

  box-shadow: 0 10rem 15rem -3rem rgb(0 0 0 / 0.045),
    0 4rem 6rem -4rem rgb(0 0 0 / 0.045);
  /* border-top: 1px solid rgba(178, 175, 173, 0.2); */
}
/* todo */
.navigate-menu-item:hover .navigate-menu-item-content {
  /* display: block; */
  /* visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease-in-out; */
}
.navigate-menu-item-content-selected .navigate-menu-item-content {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.1s linear;
  transition-delay: 0.02s;
}

.navigate-menu-item-content-selected .navigate-menu-item-top a {
  color: var(--ebc-basecolor-active-500) !important;
}
:root {
  --navigate-contentbox-left: 0;
  --navigate-contentbox-right: 0;
}
[lang="ar"] .navigate-menu-item-content-box {
  padding: 32rem var(--navigate-contentbox-right) 32rem 0;
}

.navigate-menu-item-content-box {
  padding: 32rem 0 32rem var(--navigate-contentbox-left);
  /* margin: 0 auto; */
  /* max-width: 1440rem; */
  box-sizing: border-box;
  /* padding: 37rem 100rem 40rem; */
  display: flex;
  align-items: baseline;
  gap: 24rem;
}

/* .mobile-lang-selector .navigate-menu-item-content-box {
  padding: 35rem 28rem;
} */
.navigate-menu-item-content-label {
  display: none;
  color: #5d2333;
  font-size: 40rem;
  font-style: normal;
  font-weight: 600;
  line-height: 44rem;
  width: 29.3%;
  max-width: 262rem;
}
.cn .navigate-menu-item-content-label {
  max-width: 290rem;
}
.kr .navigate-menu-item-content-label {
  max-width: 262rem;
}
.th .navigate-menu-item-content-label {
  max-width: 268rem;
}
.vi .navigate-menu-item-content-label {
  font-size: 38rem;
  max-width: 238rem;
}
.ar .navigate-menu-item-content-label,
.jp .navigate-menu-item-content-label {
  max-width: 244rem;
}
.id .navigate-menu-item-content-label {
  max-width: 273rem;
}
.navigate-menu-item-content-value {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  /* width: 33.2%; */
  /* max-width: calc(50% - 12.5rem); */
  /* flex-grow: 1; */
}

.navigate-menu-item-content-value-row {
  flex-direction: row;
  justify-content: space-between;
}

.navigate-menu-item-content-value-label {
  min-width: 240rem;
  color: #b2afad;
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: 1em;
  margin-bottom: 24rem;
  /* margin-bottom: 5rem; */
}
.navigate-menu-item-content-value > a {
  /* color: #232222; */
  /* color: #6a6967; */
  font-size: 16px;
  /* font-style: normal; */
  /* font-weight: 400; */
  /* line-height: 1em; */
  color: var(--ebc-text-primary);
  transition: color 0.3s;
  margin-bottom: 12rem;
  transform: translateY(-4px);
  opacity: 0;
  transition: transform, opacity;
  transition-duration: 200ms;
  transition-delay: calc(var(--ebc-flyin-number) * 30ms);
}
.navigate-menu-item-content-selected .navigate-menu-item-content-value a {
  transform: translateY(0);
  opacity: 1;
}
.navigate-menu-item-content-value > a:hover {
  color: var(--ebc-basecolor-active-500) !important;
}

.navigate-entry {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 24rem;
}
.navigate-entry .language {
  color: var(--ebc-text-secondary);
  position: relative;
}
.navigate-entry .language span {
  font-size: 14px;
}
.navigate-entry .language img {
  width: 16px;
  height: 16px;
  margin-left: 2rem;
}
#langSelector .navigate-menu-item-content-value {
  flex-wrap: nowrap;
  flex-direction: column;
}
/*:hover .langList{
  transform: scale(1);
} */
#langSelector.active .langList {
  transform: scale(1);
}
#langSelector.active .langList .lang {
  transform: translate(0);
  opacity: 1;
}
.ar .langList {
  /* padding:0 0 32rem 65rem; */
  right: unset;
  left: calc(50% - 70px);
}
.langList {
  position: absolute;
  top: 47px;
  right: calc(50% - 70px);
  /* border-radius: var(--ebc-corner-radius-rc08); */
  background: var(--ebc-basecolor-white-100);
  /* box-shadow: 0 5px 10px 0 var(--ebc-basecolor-black-12); */
  padding: 0 0 6rem;
  /* transform: scale(0); */
  transform-origin: top center;
  transform: scale(0);
  width: fit-content;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  border-bottom-left-radius: var(--ebc-corner-radius-rc08);
  border-bottom-right-radius: var(--ebc-corner-radius-rc08);
}
.langList .lang {
  color: var(--ebc-text-primary);
  min-width: 140px;
  height: 18px;
  box-sizing: content-box;
  padding: 6rem 0;
  text-align: center;
  display: inline-block;
  opacity: 0;
  transform: translateY(-4px);
  transition: transform, opacity;
  transition-duration: 200ms;
  transition-delay: calc(var(--ebc-lang-number) * 20ms);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
/* .ar .langList .lang {
  text-align: left;
} */
[data-theme="dark"] .darkMode.langList {
  background: var(--ebc-basecolor-black-100);
  box-shadow: 0 5px 10px 0 var(--ebc-basecolor-black-12);
}
[data-theme="dark"] .darkMode.langList .lang {
  color: var(--ebc-text-primary_white);
}
.langList .lang:hover {
  color: var(--ebc-basecolor-active-500) !important;
}
.langList .active {
  color: var(--ebc-basecolor-active-500) !important;
}
.navigate-entry-link {
  gap: 16rem;
}
.navigate-entry-link .nav-link {
  color: var(--ebc-basecolor-active-500);
  /* margin-right: 16rem; */
  min-width: auto;
}
.navigate-entry-link .nav-link:hover {
  color: var(--ebc-basecolor-active-400) !important;
}

.navigate-entry-link .primary-default_medium svg {
  margin-left: 4rem;
  width: 16rem;
  height: 16rem;
  filter: grayscale(100%) sepia(100%) saturate(0%) brightness(1000%);
  transform: translateY(-2px);
}
.navigate-entry-link .nav-link {
  font-size: 14px;
}
/* .navigate-entry-link .secondary-default_medium:hover{
  color:var(--ebc-text-primary_white)!important;
  background: var(--ebc-basecolor-active-400);

} */
/* .navigate-entry-link a{
  min-width: 104rem;
  margin-left: 16rem;
} */
.navigate-help {
  /* position: relative; */
  /* transform: translateY(3rem); */
  display: flex;
  align-items: baseline;
  gap: 16rem;
}

.navigate-help .navigate-menu-item-top-link {
  /* padding: 32rem 0; */
  padding: 8rem 0;
}
.navigate-help .icon-navigate-help,
.navigate-help .icon-navigate-channel,
.navigate-help .icon-navigate-language {
  font-weight: normal;
  font-size: 24rem;
  /* color: #9f734c; */
  color: #6a6967;
}
/* .es .navigate-help .icon-navigate-help,
.es .navigate-help .icon-navigate-channel,
.es .navigate-help .icon-navigate-language,
.pt .navigate-help .icon-navigate-help,
.pt .navigate-help .icon-navigate-channel,
.pt .navigate-help .icon-navigate-language,
.ru .navigate-help .icon-navigate-help,
.ru .navigate-help .icon-navigate-channel,
.ru .navigate-help .icon-navigate-language,
.th .navigate-help .icon-navigate-help,
.th .navigate-help .icon-navigate-channel,
.th .navigate-help .icon-navigate-language,
.id .navigate-help .icon-navigate-help,
.id .navigate-help .icon-navigate-channel,
.id .navigate-help .icon-navigate-language,
.vi .navigate-help .icon-navigate-help,
.vi .navigate-help .icon-navigate-channel,
.vi .navigate-help .icon-navigate-language {
  font-size: 26rem;
} */
.navigate-help-item:hover .icon-navigate-help,
.navigate-help-item:hover .icon-navigate-channel,
.navigate-menu-item:hover .icon-navigate-language {
  color: #a52933;
}

.navigate-help-item {
  position: relative;
}
.navigate-help-item:hover .navigate-help-item-content {
  display: block;
}
.navigate-help-item-content {
  display: none;
  position: absolute;
  z-index: 9999;
  padding-top: 10rem;
  transform: translateX(calc(-50% + 12rem));
}
.ar .navigate-help-item-content {
  transform: translateX(calc(50% - 12rem));
}
.navigate-help-item-content-arrow {
  height: 4rem;
  background-image: url(/ebc-static/image/navigate/arrow_drop_down.svg);
  background-repeat: no-repeat;
  background-size: 8rem 4rem;
  background-position: center;
}
.navigate-help-item-content-text {
  display: block;
  background-color: #ece8e2;
  padding: 10rem 25rem;
  color: #9f734c;
  text-align: center;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24rem;
  border-radius: 4rem;
  white-space: nowrap;
}
.navigate-help-item-content:hover .navigate-help-item-content-text {
  /* font-weight: 700; */
  color: #bf9978;
}

.l-w-14 {
  width: 14.3%;
}
.l-w-18 {
  width: 18.9%;
}
.l-w-23 {
  width: 23.9%;
}
.navigate-entry .navigate-menu-item-top-link {
  color: #9f734c;
  font-weight: 700;
  font-family: Gilroy;
  font-size: 16rem;
  line-height: 24rem;
}
.navigate-menu-item-top-link span {
  display: inline-block;
  transform: translateY(2px);
}
.current-link,
.current-lang {
  color: #a52933 !important;
  /* font-weight: 700 !important; */
}
.current-group .navigate-menu-item-top {
  /* border-color: #a52933 !important; */
}
.current-group .navigate-menu-item-top-link {
  color: #a52933 !important;
  /* font-weight: 700 !important; */
}

@media (max-width: 1500px) {
  .navigate-wrapper.moveDown {
    transform: translateY(-100%);
  }
  .navigate-wrapper.moveUp {
    transform: translateY(0);
  }
}
@media screen and (min-width: 1320px) and (max-width: 1500px) {
  .vi .navigate-box {
    padding: 0 20rem;
  }
}
@media screen and (min-width: 1320px) and (max-width: 1440px) {
  .navigate-box {
    padding: 0 20rem;
  }
  .navigate-menu-item-content-value > a,
  .navigate-menu-item-content-value-label {
    font-size: 14px;
  }
  .navigate-menu-item-top-link {
    font-size: 12px;
  }
  .navigate-entry-link .nav-link {
    font-size: 12px;
  }
  #page-navigate .secondary-default_medium,
  #page-navigate .primary-default_medium {
    font-size: 12px;
  }
  .navigate-entry .language span {
    font-size: 12px;
  }
  .navigate-menu-list {
    gap: 20px;
  }
  .langList {
    right: -20rem;
  }
}
@media screen and (min-width: 996px) and (max-width: 1320px) {
  .navigate-menu-item-top-link {
    font-size: 12px;
  }
  .navigate-menu-item-content-value > a,
  .navigate-menu-item-content-value-label {
    font-size: 14px;
  }
  .navigate-box {
    padding: 0 calc((100vw - 1200rem) / 2);
  }
  .navigate-entry-link .nav-link {
    font-size: 12px;
  }
  #page-navigate .secondary-default_medium,
  #page-navigate .primary-default_medium {
    font-size: 12px;
  }
  .navigate-entry .language span {
    font-size: 12px;
  }

  /* @media screen and (min-width: 996px) and (max-width: 1320px) {
{
    left:calc( (100vw - 1200rem) /2 + 24rem - 18px)
    
  } */
  .ar #linkBox .navigate-entry {
    margin-right: auto;
    margin-left: 0;
  }
  #linkBox .navigate-entry {
    margin-left: auto;
  }
  .navigate-menu-item-content-selected .navigate-menu-item-content {
    position: static;
  }
  .navigate-link-box-close #linkList {
    transform: translateX(110%) !important;
  }
  #linkBox #linkList {
    position: absolute;
    z-index: 9999999999;
    top: 80px;
    left: 0;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100 - 40px);
    background: #fff;
    overflow: hidden auto;
    transition: transform 0.3s linear;
  }
  .sm-navigate-menu {
    display: block;
  }
  .navigate-menu-list {
    width: 100%;
    flex-direction: column;
    flex-grow: 0;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px calc((100vw - 1200rem) / 2);
    box-sizing: border-box;
    gap: 0;
    margin: 0;
    overflow: auto;
    /* border-top: 0.5px solid #b2afad; */
  }
  .navigate-menu-list {
    gap: 8px;
  }
  .navigate-menu-item {
    width: 100%;
  }
  .navigate-menu-item-top {
    height: auto;
    /* margin-bottom: 9px; */
    border: none;
  }
  .navigate-menu-item-top-link {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
  }
  .navigate-menu-item-top-link span {
    transform: translateY(0);
  }
  .navigate-menu-item-content-selected .navigate-menu-item-content-value a {
    padding: 5px 16px;
  }
  .navigate-menu-item-content {
    display: none;
    position: relative;
    top: auto;
    left: auto;
    /* margin-bottom: 40px; */
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    border: none;
  }
  .navigate-menu-item-content-selected .navigate-menu-item-content {
    border-radius: var(--ebc-corner-radius-rc16);
    background: var(--ebc-neutral-bg_b);
  }
  /* [data-theme='dark'] .navigate-menu-item-content-selected .navigate-menu-item-content {
    background: var(--ebc-basecolor-white-08)
  } */
  .navigate-menu-item-content-box {
    max-width: none;
    padding: 0;
    flex-direction: column;
    padding: 16px;
  }
  .navigate-menu-item-content-label {
    display: none;
    /* font-size: 40px;
    width: 100%; */
  }
  .navigate-menu-item-content-value {
    max-width: none;
    width: 100%;
  }
  .navigate-menu-item-content-value-row {
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 996px) and (max-width: 1440px) {
  [data-theme="dark"] .darkMode #linkBox #linkList {
    background: #000;
  }
  [data-theme="dark"] .darkMode .navigate-logo .iconfont,
  [data-theme="dark"] .transparent .navigate-logo .iconfont {
    color: #fff;
  }
  [data-theme="dark"] .darkMode .navigate-links {
    background: #000;
  }
  [data-theme="dark"] .darkMode .navigate-menu-item-top-link img {
    filter: grayscale(100%) sepia(100%) saturate(0%) brightness(1000%);
  }
}
@media (max-width: 996px) {
  body {
    padding-top: 44px;
  }
  #page-navigate {
    position: fixed !important;
  }
  :root {
    scroll-behavior: auto;
  }
  .mobile {
    display: block;
  }
  .mobile .langWord span {
    font-size: 12px;
  }
  .pc {
    display: none;
  }
  .navigate-entry-link a + a::before {
    top: 8px;
  }
  .navigate-help-item {
    display: block;
  }
  .navigate-wrapper {
    height: 44px;
    border: none;
    transition: transform 0.2s;
  }
  .darkMode .navigate-menu-item-top-link {
    color: var(--ebc-text-primary_white) !important;
  }
  .darkMode .current-group .navigate-menu-item-top-link {
    color: #a52933 !important;
  }
  .navigate-menu-item-top-link {
    line-height: 24px;
    color: var(--ebc-text-primary) !important;
  }

  .navigate-menu-item-content-box {
    gap: 24px;
  }
  .navigate-menu-item-content-value {
    gap: 8px;
  }

  .navigate-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    /* max-height: 80vh;
    overflow-y: auto; */
    padding: 6px 32rem;
    max-width: 100vw;
    height: auto;
    box-sizing: border-box;
    margin: 0;
  }
  .navigate-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /* padding: 15px 24px; */
    /* border-bottom: 0.5px solid #b2afad; */
  }

  .navigate-logo-img {
    width: auto;
    height: 32px;
    margin: 0;
  }
  .navigate-menu-item-content-value > a,
  .navigate-menu-item-content-value-label {
    margin-bottom: 8px;
  }
  #langSelector {
    position: fixed;
    top: 8px;
    right: 56px;
  }
  .navigate-menu-item-content-value-label {
    font-size: 12px;
  }
  .navigate-menu-item-content-selected .navigate-menu-item-content-value a {
    padding: 5px 0;
    padding-left: 16px;

    font-size: 14px;
  }
  .ar .langList {
    left: 0;
  }
  .langList .lang {
    width: 300rem;
    height: 36rem;
    font-size: 28rem;
    line-height: 44rem;
    margin-bottom: 10rem;
  }
  [data-theme="dark"] .darkMode .navigate-logo .iconfont,
  [data-theme="dark"] .transparent .navigate-logo .iconfont {
    color: #fff;
  }
  .navigate-logo .language {
    margin: 0 16px 0 auto;
    opacity: 0;
    pointer-events: none;
  }
  .ar .navigate-logo .language {
    margin: 0 auto 0 16px;
  }
  .navigate-logo .showLanguage {
    opacity: 1;
    pointer-events: initial;
  }
  .ar .mobileLangList .lang {
    text-align: right;
  }
  .mobileLangList .lang {
    display: block;
    text-align: left;
    opacity: 1;
    transform: translate(0);
  }
  .mobileLangList {
    border-radius: 0;
    width: 100vw;
    position: fixed;
    top: 44px;
    left: 0;
    height: calc(var(--vh, 1vh) * 100 - 40px);
    box-sizing: border-box;
    overflow-y: auto;
    transform: translateX(110%);
    transition: transform 0.3s;
    padding: 16px;
    z-index: 99999999999;
  }
  .mobileLangList.showLanList {
    transform: translateX(0);
  }

  /* .navigate-logo .langList{
    display:none
  } */
  .navigate-logo .language .langWord {
    height: 28px;
    text-align: center;
    padding: 0 14px;
    border-radius: var(--ebc-corner-radius-full);
    background: var(--ebc-basecolor-black-04);
    color: var(--ebc-text-secondary);
  }
  [data-theme="dark"] .transparent .navigate-logo .language .langWord {
    background: var(--ebc-basecolor-white-08);
    color: var(--ebc-text-secondary_white);
  }
  .navigate-logo .iconfont {
    font-size: 24px;
    color: #000;
  }
  .navigate-logo .icon-close {
    font-size: 14px;
  }
  [data-theme="dark"] .darkMode .navigate-links {
    background: #000;
  }
  [data-theme="dark"] .darkMode .navigate-menu-item-top-link img {
    filter: grayscale(100%) sepia(100%) saturate(0%) brightness(1000%);
  }
  .navigate-menu-item-top-link img {
    filter: grayscale(100%) sepia(100%) saturate(0%) brightness(0);
  }
  .navigate-links {
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    /* height: calc(100dvh - 44rem); */
    height: calc(var(--vh, 1vh) * 100 - 40px);
    position: absolute;
    top: 40px;
    left: 0;
    overflow: hidden auto;
    gap: 0;
    background: #fff;
    transform: translateX(0%);
    transition: transform 0.3s linear;
  }
  .navigate-link-box-close {
    transform: translateX(110%);
  }
  .ar .navigate-links {
    margin: 0;
  }
  .navigate-link-box-close {
    /* display: none; */
  }
  .navigate-menu-list {
    width: 100%;
    flex-direction: column;
    flex-grow: 0;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px;
    box-sizing: border-box;
    gap: 0;
    margin: 0;
    overflow: auto;
    /* border-top: 0.5px solid #b2afad; */
  }
  .navigate-menu-list {
    gap: 8px;
  }
  .navigate-menu-item {
    width: 100%;
  }
  .navigate-menu-item-top {
    height: auto;
    /* margin-bottom: 9px; */
    border: none;
  }
  .navigate-menu-item-top-link {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
  }

  .navigate-menu-item-content {
    display: none;
    position: relative;
    top: auto;
    left: auto;
    /* margin-bottom: 40px; */
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    border: none;
  }
  .navigate-menu-item-content-selected .navigate-menu-item-content {
    border-radius: var(--ebc-corner-radius-rc16);
    background: var(--ebc-neutral-bg_b);
  }
  /* [data-theme='dark'] .navigate-menu-item-content-selected .navigate-menu-item-content {
    background: var(--ebc-basecolor-white-08)
  } */
  .navigate-menu-item-content-box {
    max-width: none;
    padding: 0;
    flex-direction: column;
    padding: 16px;
  }
  .navigate-menu-item-content-label {
    display: none;
    /* font-size: 40px;
    width: 100%; */
  }
  .navigate-menu-item-content-value {
    max-width: none;
    width: 100%;
  }
  .navigate-menu-item-content-value-row {
    flex-direction: column;
    justify-content: flex-start;
  }

  .navigate-entry {
    position: relative;
    padding: 0 24px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    /* background-color: #f9f6f2; */
    /* gap: 28px; */
    padding: 16px;
    box-sizing: border-box;
  }
  .navigate-entry .navigate-entry-link {
    width: 100%;
    flex-wrap: wrap;
    /* flex-direction: column; */
    gap: 16px;
  }
  .navigate-entry-link a {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
  }
  .navigate-entry-link .primary-default_medium svg {
    width: 20px;
    height: 20px;
  }
  .navigate-entry-link a:nth-child(3) {
    border: 0;
  }
  .navigate-entry-link a:nth-child(n + 2) {
    width: 45%;
    border: 0;
    text-align: center;
    line-height: 48px;
  }
  .navigate-menu-item-top .icon-navigate-down {
    display: inline-block;
    transform: rotate(0) !important;
  }
  .navigate-link-selected .icon-navigate-down {
    display: inline-block;
    transform: rotate(180deg) !important;
  }
  .mobile-lang-selector {
    position: absolute;
    left: 0;
    bottom: 87px;
    margin-bottom: 0;
    border-bottom: 0.5px solid #9f734c;
  }
  .navigate-help .navigate-menu-item-top-link {
    padding: 0;
  }
  .mobile-lang-selector .navigate-menu-item-content-box {
    gap: 0;
  }
  .mobile-lang-selector .navigate-menu-item-content-value {
    align-items: center;
    gap: 0;
  }
  .mobile-lang-selector .navigate-menu-item-content-value > a {
    line-height: 32px;
  }
  .mobile-lang-selector .navigate-menu-item-content-box {
    padding: 40px 24px;
  }
}

.css-e4pgre {
  display: none;
}