.header {
	transition: all ease-in-out 0.5s;
}
.mainmenu ul.menu {
	display: flex;
	gap: 4rem;
}
.mainmenu ul.menu li {
	position: relative;
	padding: 1rem;
}
.mainmenu ul.menu li.menu-item-has-children {
	padding-right: 2rem;
}
.mainmenu ul.menu li.menu-item-has-children::after {
	content: "";
	position: absolute;
	right: -1rem;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/arrow-down.png");
	background-size: contain;
	width: 2rem;
	height: 2rem;
}
.mainmenu ul.menu li.menu-item-has-children:hover .sub-menu {
	display: block;
}

.mainmenu ul.menu li a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: 100%;
}
.sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	background: #071a2faf;
	min-width: 17rem;
	width: max-content;
	border: 1px solid #ffffff65;
	border-radius: 1rem;
}

.menu-footer ul.menu li {
	position: relative;
	padding: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #fff6;
	min-width: 20rem;
}
.menu-footer ul.menu li:last-child {
	border: none;
}
.menu-footer ul.menu li a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: 100%;
}

@media (max-width: 767px) {
	.mainmenu ul.menu li.menu-item-has-children {
		padding-right: 1rem;
		margin-bottom: 0;
	}
	.mainmenu ul.menu li {
		padding: 0.5rem 0.3rem 0.3rem 1rem;
	}
	.mainmenu ul.menu li.menu-item-has-children::after {
		content: unset;
	}
	.mainmenu ul.menu {
		gap: 0;
	}
	.header-mobile .mobile-menu {
		top: 0;
		left: 0;
		right: auto;
		bottom: auto;
		width: 100%;
		max-width: 100%;
		min-height: 100svh;
		background: #061f3e;
	}

	.header-mobile .mobile-menu .menu,
	.header-mobile .mobile-menu ul {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.header-mobile .main_menu_mobile > div > ul > li,
	.header-mobile .main_menu_mobile > ul > li {
		margin-bottom: 2.4rem;
		padding: 0;
	}

	.header-mobile .main_menu_mobile li {
		position: relative;
		padding: 0;
	}

	.header-mobile .main_menu_mobile a {
		display: block;
		width: 100%;
		color: #fff;
		text-decoration: none;
	}

	.header-mobile .main_menu_mobile > div > ul > li > a,
	.header-mobile .main_menu_mobile > ul > li > a {
		position: relative;
		padding: 0 2.8rem 1rem 0;
		font-size: 1.3rem;
		font-weight: 700;
		line-height: 1.35;
		text-transform: none;
	}

	.header-mobile .main_menu_mobile > div > ul > li.menu-item-has-children > a::after,
	.header-mobile .main_menu_mobile > ul > li.menu-item-has-children > a::after {
		content: "";
		position: absolute;
		right: 0;
		top: 0.2rem;
		width: 1.2rem;
		height: 1.2rem;
		border-right: 0.15rem solid #fff;
		border-bottom: 0.15rem solid #fff;
		transform: rotate(45deg);
		transition:
			transform 0.25s ease,
			top 0.25s ease;
	}

	.header-mobile .main_menu_mobile > div > ul > li.menu-item-has-children.is-open > a::after,
	.header-mobile .main_menu_mobile > ul > li.menu-item-has-children.is-open > a::after {
		top: 0.55rem;
		transform: rotate(-135deg);
	}

	.header-mobile .main_menu_mobile .sub-menu {
		position: static;
		display: none;
		width: 100%;
		min-width: 0;
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
		border-radius: 0;
	}

	.header-mobile .main_menu_mobile .sub-menu li {
		padding: 0;
		border-top: 1px solid rgba(56, 151, 214, 0.65);
	}

	.header-mobile .main_menu_mobile .sub-menu li + li {
		border-top: 0;
	}

	.header-mobile .main_menu_mobile .sub-menu a {
		padding: 0.55rem 0;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.35;
		text-transform: none;
		color: rgba(255, 255, 255, 0.92);
	}
}