.header-23{
	--layout--page--header--max-width-container: 100%;
}

.header-23 .nav-body .legend-sm{
	display:none;
}

.header-23 .nav-item-link:hover {
    text-decoration:underline;
}

@media (min-width: 1024px) {
    .header-23 .nav-sub-items-wrapper:before {
        box-shadow: 0 30px 30px rgba(0, 0, 0, 0.05);
        /*transition: top .5s cubic-bezier(.4, 0, .6, 1);*/
    }
    
    .header-23 .nav-sub-items-wrapper{
    	transition: transform .3s cubic-bezier(.4, 0, .6, 1) 0.3s;
    	transform: scaleY(0);
    	transform-origin: center top;
    	display:block;
    	pointer-events:none;
    	
    }
    .header-23 .nav-sub-items-wrapper ul{
    	transition: opacity .3s ease-in-out;
    	opacity:0;
    }
    
    .header-23 li:hover > .nav-sub-items-wrapper{
    	transform: scaleY(1);
    	transition-delay:0s;
    	pointer-events:all;
    }
    .header-23 li:hover > .nav-sub-items-wrapper ul{
    	opacity:1;
    	transition-delay:0.3s;
    }
    
}

@media (max-width: 1023px) {
	.header-23{
		--header-23--nav-item--font-size: 10cqw;
		
		.nav-main{
			backdrop-filter: blur(20px);
			transform: translateX(-130%);
			display:flex;
			overflow-x:hidden;
			pointer-events: none;
			transition: 0.35s cubic-bezier(0.4, 0, 0.6, 1);
			
			.nav-header,
			.nav-body{
				transition: all .6s;
				transform: translateX(100%);
			}
		}
		
		&.nav-main-open .nav-main{
			transform: translateX(00%);
			pointer-events: all;
			
			.nav-header,
			.nav-body{
				transform: translateX(0%);
			}
		}
		
		.btn-primary{
			border:1px solid #00AEEF;
			color:#00AEEF;
			background-color:transparent;
			
			&:hover{
				border-color: #202B37;
				color: #202B37;
				background-color:transparent;
			}
		}
		
		.nav-item{
			line-height:1em;
		}
		.nav-item-link,
		.nav-sub-item-link{
			justify-content: center;
		}
		.nav-item-name,
		.nav-sub-item-name{
			flex-grow:unset;
		}
		
		.nav-body>.container {
		    gap: 0rem;
		}
		
		.nav-opened-hide{
			
		}
		&.nav-main-open .nav-opened-hide{
			opacity: 1;
		}
	}
}