.navigation.navigation-three-col.desktop {
	--surface-1: #006f95;
	position: static;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .dropdown-toggle .icon-toggle {
	transform-origin: center;
	transform: rotate(-90deg);
}

.navigation.navigation-three-col.desktop .dropdown-menu {
	position: absolute;
	right: 0;
	width: 100%;
	overflow: hidden;
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-1 {
    width: 100%;
    background-color: var(--surface-1);
    overflow: unset;
	padding: var(--space-10) 0;
	display: grid !important;
    grid-template-columns: calc(200px + (437 - 200) * ((100vw - 1025px) / (1440 - 1025))) 1fr;
	transition: height 600ms ease, opacity 300ms ease;
	height: 0;
	top: 135px;
}

@media (min-width: 1440px) {
	.navigation.navigation-three-col.desktop .dropdown-menu.level-1 {
		grid-template-columns: 437px 1fr;
	}
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-1::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 250px;
	background-image: url(/includes/public/assets/shared/backgrounds/bg-primary-nav.svg);
	background-position: bottom;
	background-size: cover;
	bottom: -250px;
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-1 > .items {
	position: relative;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu {
	top: 0;
	left: calc(201px + (234 - 201) * ((100vw - 1025px) / (1440 - 1025)));
	right: auto;
	width: 33%;
	min-width: 700px;
}

@media (min-width: 1440px) {
	.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu {
		left: 234px;
	}
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to bottom, #FFF 10%, rgb(0 0 0 / 0%) 0%);
    background-position: right;
    background-size: 1px 6px;
    background-repeat: repeat-y;
}

.navigation.navigation-three-col.desktop .dropdown-menu.open {
	opacity: 1;
	pointer-events: all;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu .nav-item {
	max-width: 50%;
}

.navigation.navigation-three-col.desktop .nav-item .dropdown-helper {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 300ms ease 200ms;
}

.navigation.navigation-three-col.desktop .level-1.nav-item > .dropdown-helper {
	height: 100% !important;
	top: 25px;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .dropdown-helper {
	transform: scaleX(0);
	transform-origin: right center;
}

.navigation.navigation-three-col.desktop .nav-item .dropdown-helper {
	opacity: 0.3;
}

.navigation.navigation-three-col.desktop .nav-item:not(.level-1) .dropdown-helper {
	right: 0;
	left: 0;
}

.navigation.navigation-three-col.desktop .nav-item .nav-item-control:hover + .dropdown-helper {
	transform: scaleY(1);
	transition: none;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .nav-item-control:hover + .dropdown-helper {
	transform: scaleX(1);
}

.navigation.navigation-three-col.desktop .nav-item .nav-item-control:hover {
	position: relative;
	z-index: 2;
}

/* Primary desktop navigation */
.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
	max-width: calc(200px + (235 - 200) * ((100vw - 1025px) / (1440 - 1025)));
}

@media (min-width: 1440px) {
	.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
		max-width: 235px;
	}
}

/* Secondary desktop navigation */
.navigation.navigation-three-col.desktop.secondary .dropdown-menu {
	min-width: 600px;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .nav-item {
	max-width: 50%;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .dropdown-menu {
	left: 50%;
	width: 50%;
}