.site-header{font-family: var(--rx-font-inter);}
.site-header__container,
.main-nav__container{
  width: var(--rx-container);
  margin: 0 auto;
}
.site-header__topbar {
  background: var(--rx-primary);
}

.site-header__topbar .site-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}
.header-lang__box{display: flex;gap: 8px;}
.site-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.site-header__meta a {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: #ffffff;
}

.site-header__lang {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.31px;
  color: #ffffff;
}

.main-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 0;
  background: rgb(255 255 255 / 0.88);
  backdrop-filter: blur(16px);
  box-shadow: 0 12px 36px -26px rgb(15 22 33 / 0.28);
}

.main-nav__container {
  display: flex;
  align-items: center;
  min-height: 69px;
}

.main-nav__brand {
  flex: 0 0 auto;
  margin-right: 48px;
  color: var(--rx-primary);
  font-family: var(--rx-font-heading);
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1.44px;
}

.main-nav__toggle {
  border: 0;
  padding: 8px;
  color: var(--rx-primary);
}

.main-nav__toggle:focus {
  box-shadow: 0 0 0 3px rgb(72 148 163 / 0.35);
}

.main-nav__toggle .navbar-toggler-icon {
  filter: invert(16%) sepia(89%) saturate(2102%) hue-rotate(199deg) brightness(81%) contrast(106%);
}

.main-nav__collapse {
  flex: 1 1 auto;
  justify-content: flex-end;
}

.main-nav__panel-header,
.main-nav__panel-title {
  display: none;
}

.main-nav__list {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-right: 30px;
}

.main-nav__item {
  display: flex;
  position: relative;
}

.main-nav__item-wrap {
  display: flex;
  align-items: center;
}

.main-nav__link {
  position: relative;
  padding: 3px 0 1px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: rgb(0 0 0 / 0.85);
}

.main-nav__submenu-toggle {
  position: relative;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--rx-primary);
}

.main-nav__submenu-toggle::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

.main-nav__submenu-toggle[aria-expanded="true"]::before,
.main-nav__item--has-children:hover .main-nav__submenu-toggle::before,
.main-nav__item--has-children:focus-within .main-nav__submenu-toggle::before {
  transform: rotate(225deg);
  top: 10px;
}

.main-nav__submenu {
  padding: 14px 0;
  border: 1px solid rgb(0 59 130 / 0.12);
  border-radius: 12px;
  background: rgb(255 255 255 / 0.98);
  box-shadow: 0 20px 36px -24px rgb(15 22 33 / 0.32);
}

.main-nav__sublink {
  display: block;
  padding: 9px 18px;
  font-size: 14px;
  line-height: 20px;
  color: #364153;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.main-nav__sublink:hover,
.main-nav__sublink:focus-visible,
.main-nav__sublink.is-active {
  color: var(--rx-primary);
  background: rgb(0 59 130 / 0.05);
}

.main-nav__link.is-active,
.main-nav__link:hover,
.main-nav__link:focus-visible {
  color: var(--rx-primary);
}

.main-nav__link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -21px;
  left: 0;
  width: 0;
  height: 2px;
  border-radius: var(--rx-radius-pill);
  background: var(--rx-primary);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.main-nav__link.is-active::after,
.main-nav__link:hover::after,
.main-nav__link:focus-visible::after {
  width: 100%;
  opacity: 1;
}

.main-nav__social {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-left: 24px;
}

.main-nav__social-link,
.site-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 32px;
  border-radius: 4px;
  background: var(--rx-primary);
  color: #ffffff;
  font-family: var(--rx-font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 992px) {
  .main-nav__submenu.collapse {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	display: block;
	min-width: 220px;
	height: auto !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  }

  .main-nav__submenu.collapse::before {
	content: "";
	position: absolute;
	top: -10px;
	right: 0;
	left: 0;
	height: 10px;
  }

  .main-nav__item--has-children:hover > .main-nav__submenu,
  .main-nav__item--has-children:focus-within > .main-nav__submenu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
  }
}

@media (min-width: 1400px) {
  .site-header__container,
  .main-nav__container{width: min(100% - 96px, 1570px);}
}

@media (max-width: 991.98px) {
	.main-nav {
		background: #ffffff;
		backdrop-filter: none;
	}
	.main-nav__list{margin-right: 0;}
	.site-header__topbar {
		/* display: none; */
		padding: 10px 0;
	}
	.site-header__topbar .site-header__container{flex-wrap: wrap;gap:12px;}
	.main-nav__container {
		justify-content: space-between;
		min-height: 64px;
	}

	.main-nav__brand {
		margin-right: 0;
		font-size: 40px;
	}

	.main-nav__social {
		display: none;
	}

	.main-nav__panel {
		width: min(88vw, 340px);
		border-left: 1px solid rgb(255 255 255 / 0.1);
		background: linear-gradient(180deg, #1a4f95 0%, #0d2856 100%);
		color: #ffffff;
	}

	.main-nav__panel-header {
		display: flex;
		padding: 20px 20px 12px;
		border-bottom: 1px solid rgb(255 255 255 / 0.1);
	}

	.main-nav__panel-title {
		display: block;
		margin: 0;
		font-family: var(--rx-font-heading);
		font-size: 24px;
		font-weight: 700;
		color: #ffffff;
	}

	.main-nav__collapse {
		padding: 16px 20px 24px;
	}

	.main-nav__list {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.main-nav__link {
		flex: 1 1 auto;
		width: auto;
		padding: 12px 16px;
		border-radius: var(--rx-radius-sm);
		color: rgb(255 255 255 / 0.9);
	}

	.main-nav__item {
		display: block;
	}

	.main-nav__item-wrap {
		gap: 10px;
		padding: 0;
		border-radius: var(--rx-radius-sm);
		background: rgb(255 255 255 / 0.08);
	}

	.main-nav__submenu-toggle {
		width: 44px;
		height: 44px;
		margin-right: 4px;
		border-radius: 8px;
		color: #ffffff;
	}

	.main-nav__submenu-toggle::before {
		top: 14px;
		left: 14px;
	}

	.main-nav__submenu {
		margin-top: 8px;
		margin-left: 12px;
		padding: 6px 0;
		border-color: rgb(255 255 255 / 0.1);
		background: rgb(255 255 255 / 0.06);
		box-shadow: none;
	}

	.main-nav__submenu.collapse:not(.show) {
		display: none;
	}

	.main-nav__sublink {
		padding: 10px 16px;
		color: rgb(255 255 255 / 0.8);
		white-space: normal;
	}

	.main-nav__sublink:hover,
	.main-nav__sublink:focus-visible,
	.main-nav__sublink.is-active {
		color: #ffffff;
		background: rgb(255 255 255 / 0.08);
	}

	.main-nav__link.is-active::after,
	.main-nav__link:hover::after,
	.main-nav__link:focus-visible::after {
		display: none;
	}
}