.klw-dynamic-header {
	display: inline-flex;
	align-items: stretch;
	font-family: inherit;
}

.klw-dynamic-header__title-wrap {
	position: relative;
	display: inline-block;
	font-family: inherit;
}

.klw-dynamic-header__title-wrap--has-menu {
	padding: 0 1.25rem;
	cursor: default;
}

.klw-dynamic-header__title {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	font-family: inherit !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1.3;
	color: #ffffff !important;
}

.klw-dynamic-header__title-wrap--has-menu .klw-dynamic-header__title {
	cursor: pointer;
}

.klw-dynamic-header__chevron {
	display: block;
	width: 12px;
	height: 8px;
	flex-shrink: 0;
	transition: transform 0.25s ease;
}

.klw-dynamic-header__menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0.5rem 1.25rem 1rem;
	list-style: none;
	background-color: #00576a;
	border-radius: 0 0 12px 12px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition:
		opacity 0.25s ease,
		transform 0.25s ease,
		visibility 0.25s ease;
	pointer-events: none;
}

.klw-dynamic-header__title-wrap--has-menu:hover,
.klw-dynamic-header__title-wrap--has-menu:focus-within {
	background-color: #00576a;
	border-radius: 0 0 12px 12px;
}

.klw-dynamic-header__title-wrap--has-menu:hover .klw-dynamic-header__menu,
.klw-dynamic-header__title-wrap--has-menu:focus-within .klw-dynamic-header__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.klw-dynamic-header__title-wrap--has-menu:hover .klw-dynamic-header__chevron,
.klw-dynamic-header__title-wrap--has-menu:focus-within .klw-dynamic-header__chevron {
	transform: rotate(180deg);
}

.klw-dynamic-header__menu li {
	margin: 0;
	padding: 0;
}

.klw-dynamic-header__menu a {
	display: block;
	padding: 0.35rem 0;
	font-family: inherit !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.4;
	color: #99bac3 !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.klw-dynamic-header__menu a:hover,
.klw-dynamic-header__menu a:focus-visible {
	color: #ffffff !important;
	font-size: 18px !important;
}

.klw-dynamic-header__menu a.is-active {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 700 !important;
}

.klw-dynamic-header__menu a.is-active:hover,
.klw-dynamic-header__menu a.is-active:focus-visible {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 700 !important;
}