#logo559104 img{max-height:180px!important;max-width:180px!important;}
			.search-popup-box{
				position: relative;
				display: flex !important;
				align-items: center;
				height: 100%;
			}
			.search-popup-box .icon {
				width: 42px;
				height: 42px;
				border-radius: 50%;
				color: #FFF;
				position: relative;
				cursor: pointer;
				display: inline-block;
				vertical-align: middle;
				-webkit-transition: color ease-in 300ms;
				transition: color ease-in 300ms;
				background-color: var(--accent-color);
				border: none;
			}
			.search-popup-box .icon:hover{
				color: #FFF;
			}
			.search-popup-box .popup-content{
				display: block;
				position: absolute;
				top: 100%;
				right: -15px;
				width: 360px;
				height: 60px;
				background-color: #ffffff;
				box-shadow:0px 0px 8px rgba(0, 0, 0, .1);
				border-radius: 5px;
				text-align: left;
				display:none;
				z-index:2;
			}
			.search-popup-box.popup-left .popup-content{
				inset-inline-end: auto;
				inset-inline-start: -15px;
			}		

			.search-popup-box .NormalTextBox{
				width: 300px;
				height: 60px;
				border: none;
				background: transparent;
				padding: 0px 30px 0px 30px;
			}
			.search-popup-box .searchInputContainer {
				display: block;
				margin:0;
				position: static;
			}
			.search-popup-box .searchInputContainer a.dnnSearchBoxClearText{
				height: 60px;
				margin: 0;
				left: 280px;
				top: 0;
				display:none;
			}
			.search-popup-box .searchInputContainer a.dnnSearchBoxClearText.dnnShow{
				display:block;
			}
			.search-popup-box a.search{
				position: absolute;
				width: 80px;
				height: 60px;
				right: 0;
				top: 0;
				color: #6c6d72;
			}
			.search-popup-box .icon::before,
			.search-popup-box a.search::before{
				content: "";
				width: 17px;
				height: 17px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin:-9px 0 0 -9px;
				border: 2px solid currentColor;
				border-radius: 50%;
			}
			.search-popup-box .icon::after,
			.search-popup-box a.search::after{
				content: "";
				width: 5px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: 8px 0 0 3px;
				border-bottom: 2px solid currentColor;
				-webkit-transform: rotate(48deg);
				transform: rotate(48deg);
				-webkit-transform-origin: right bottom;
				transform-origin: right bottom;
			}
			.search-popup-box .icon::before,
			.search-popup-box .icon::after{
				transition: all ease-in 200ms;
			}
			
			.search-popup-box .icon.active::before{
				width: 0px;
				height: 18px;
				border-radius: 0;
				border-width: 1px;
				margin: -8px 0 0 -1px;
				background-color: currentColor;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			.search-popup-box .icon.active::after{
				width: 18px;
				height: 0;
				margin: -0px 0 0 -9px;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				-webkit-transform-origin: center center;
				transform-origin: center center;
			}
			
			@media only screen and (max-width: 992px){
				.search-popup-box .icon{
					color:currentColor;
					background-color: transparent;
				}
				.search-popup-box .popup-content{
					width: 300px;
					max-width: 85vw;
				}
				.search-popup-box .searchInputContainer a.dnnSearchBoxClearText{
					left: auto;
					right: 80px;
				}
				.search-popup-box ul.searchSkinObjectPreview{
					width: auto;
				}
				.search-popup-box .NormalTextBox{
					font-size:13px
				}
			}
			
				.search-popup-box .icon {
					background-color: transparent;
					color: inherit;
					transition: none;
				}
				.search-popup-box .icon:hover{
					color: var(--accent-color);
				}#dng-megamenu654040 .primary_structure>li>a, 
	#dng-megamenu654040 .primary_structure>li>a:link, 
	#dng-megamenu654040 .primary_structure>li>a:active,
	#dng-megamenu654040 .primary_structure>li>a:visited{color:#272727;font-family:"Poppins";font-size:0.8125rem;;font-weight:400;}#dng-megamenu654040 .dnngo_slide_menu li, 
	#dng-megamenu654040 .dnngo_slide_menu li a{color:#3d2f2f;font-size:0.75rem;;font-weight:500;line-height:43px;}#dng-megamenu654040 .dnngo_menu_list .pane_space, 
	#dng-megamenu654040 .dnngo_menu_list a, 
	#dng-megamenu654040 .dnngo_menu_list a:link,
	#dng-megamenu654040 .dnngo_menu_list a:active, 
	#dng-megamenu654040 .dnngo_menu_list a:visited,
	#dng-megamenu654040 .dnngo_boxslide .pane_space, 
	#dng-megamenu654040 .dnngo_boxslide a, 
	#dng-megamenu654040 .dnngo_boxslide a:link,
	#dng-megamenu654040 .dnngo_boxslide a:active, 
	#dng-megamenu654040 .dnngo_boxslide a:visited{color:#3d2f2f;font-size:1rem;;line-height:35px;}#dng-megamenu654040 .dnngo_menu_list > li > a,
	#dng-megamenu654040 .dnngo_menu_list > li > a:link,
	#dng-megamenu654040 .dnngo_menu_list > li > a:active,
	#dng-megamenu654040 .dnngo_menu_list > li > a:visited,
	#dng-megamenu654040 .dnngo_menu_list .submenu_title a,
	#dng-megamenu654040 .dnngo_menu_list .submenu_title a:link,
	#dng-megamenu654040 .dnngo_menu_list .submenu_title a:active,
	#dng-megamenu654040 .dnngo_menu_list .submenu_title a:visited,
	#dng-megamenu654040 .dnngo_menu_list .submenu_title,
	#dng-megamenu654040 .dnngo_boxslide .submenu_title a,
	#dng-megamenu654040 .dnngo_boxslide .submenu_title a:link,
	#dng-megamenu654040 .dnngo_boxslide .submenu_title a:active,
	#dng-megamenu654040 .dnngo_boxslide .submenu_title a:visited,
	#dng-megamenu654040 .dnngo_boxslide .submenu_title{color:#3d2f2f;font-size:1rem;;font-weight:500;line-height:48px;}
	.dng-megamenu {
		margin: 0px;
		padding: 0px;
		clear: both;
	}
	
	.dng-megamenu .primary_structure {
		position: relative;
		clear: both;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
	}
	
	.dng-megamenu .header-split .primary_structure {
		z-index: 6;
	}
	
	.dng-megamenu .primary_structure>li {
		float: left;
		list-style: none;
		position: relative;
		margin: 0;
		/* z-index: 6; */
	}
	
	.dng-megamenu .primary_structure>li>a {
		display: inline-block;
		word-spacing: normal;
		line-height: 33px;
		-webkit-transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms;
		transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms;
		/* Safari and Chrome */
	}
	
	.dng-megamenu>ul>li>a>span {
		display: inline-block;
	}
	
	.dng-megamenu .primary_structure>li>a:hover,
	.dng-megamenu .primary_structure>li>a:focus,
	.dng-megamenu .primary_structure>li.menu_hover>a,
	.dng-megamenu .primary_structure>li.current>a {
		text-decoration: none;
	}
	
	.dng-megamenu .primary_structure span img,
	.dng-megamenu .primary_structure span i {
		margin-inline-end: 8px;
		width: 1.1em;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
	}
	
	.dng-megamenu .primary_structure>li>a,
	.dng-megamenu .primary_structure>li>a:link,
	.dng-megamenu .primary_structure>li>a:active,
	.dng-megamenu .primary_structure>li>a:visited {
		color: inherit;
	}
	
	.dng-megamenu .primary_structure>li.dir>a>span:after {
		content: "";
		height: 5px;
		width: 5px;
		overflow: hidden;
		margin: 0 0px 3px 0;
		margin-inline-start: 6px;
		display: inline-block;
		vertical-align: middle;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		/* IE 9 */
		-moz-transform: rotate(45deg);
		/* Firefox */
		-webkit-transform: rotate(45deg);
		/* Safari and Chrome */
		-o-transform: rotate(45deg);
		/* Opera */
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		border-bottom: 1px solid;
		border-right: 1px solid;
	}
	
	.dng-megamenu .primary_structure>li>a>span>i {
		color: inherit;
		font-size: 1.2em;
	}
	
	.dng-megamenu .primary_structure>li:hover>a,
	.dng-megamenu .primary_structure>li>a:focus,
	.dng-megamenu .primary_structure>li.current>a,
	.dng-megamenu .primary_structure>li.menu_hover>a {
		color: #2c5cda;
	}
	
	.dng-megamenu .label,
	.dng-megamenu .badge {
		padding: .19em .4em .2em;
		font-size: 70%;
		line-height: 1;
		display: inline-block;
		vertical-align: middle;
		margin: 0px 3px 2px;
	}
	
	.dnngo_gomenu+.menu-logo {
		display: none;
	}
	
	.menu-logo {
		list-style: none;
	}
		/*hoverstyle_3*/
		.dng-megamenu.hoverstyle_3 .primary_structure>li {
			margin-inline-start: 2px;
		}
		.dng-megamenu.hoverstyle_3 .primary_structure>li>a {
			background-color: transparent;
			border-radius: 0px 0px 0px 0px;
			position: relative;
		}
		.dng-megamenu.hoverstyle_3 .primary_structure>li:hover>a,
		.dng-megamenu.hoverstyle_3 .primary_structure>li>a:focus,
		.dng-megamenu.hoverstyle_3 .primary_structure>li.current>a,
		.dng-megamenu.hoverstyle_3 .primary_structure>li.menu_hover>a,
		.dng-megamenu.hoverstyle_3 .primary_structure>li>a.current {
			background-color: #2c5cda;
		}

		
	#dng-megamenu654040 .primary_structure>li>a{
		padding-top:5px; 
		padding-inline-end:3px;
		padding-bottom:5px;
		padding-inline-start:3px;
	  }
	@media only screen and (max-width: 1199px) {#dng-megamenu654040 .primary_structure>li>a{padding-inline-end:5px;padding-inline-start:5px;}}
		#dng-megamenu654040.hoverstyle_3 .primary_structure > li > a {
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
		}
		#dng-megamenu654040.hoverstyle_3 .primary_structure > li:hover > a,
		#dng-megamenu654040.hoverstyle_3 .primary_structure > li > a:focus,
		#dng-megamenu654040.hoverstyle_3 .primary_structure > li.current > a,
		#dng-megamenu654040.hoverstyle_3 .primary_structure > li.menu_hover > a,
		#dng-megamenu654040.hoverstyle_3 .primary_structure > li > a.current {
			background-color:var(--accent-color);
			color:#ffffff!important;
		}
		#dng-megamenu654040.hoverstyle_3 .primary_structure > li > a:after {
			color:var(--accent-color)!important;
		}
		
		#dng-megamenu654040 .dnngo_slide_menu,
		#dng-megamenu654040 .dnngo_slide_menu .dnngo_submenu{background-color:#fff;background-position:center top;}
	#dng-megamenu654040 .dnngo_slide_menu li:hover>a, 
	#dng-megamenu654040 .dnngo_slide_menu li>a:focus, 
	#dng-megamenu654040 .dnngo_slide_menu li.subcurrent>a, 
	#dng-megamenu654040 .dnngo_slide_menu li.menu_hover>a{
			color:var(--accent-color) ;
			}
		
	#dng-megamenu654040.dng-megamenu .dnngo_slide_menu >li>a >span::after,
	#dng-megamenu654040.dng-megamenu .dnngo_submenu li a > span::after{
			background-color: #f9e7e7;
		}
	
	#dng-megamenu654040.dng-megamenu .dnngo_menu_list>li>a >span::after,
	#dng-megamenu654040.dng-megamenu .submenu_title a > span::after{
		background-color: #f9e7e7;
	}
	
		#dng-megamenu654040 .dnngo_menu_list,
		#dng-megamenu654040 .dnngo_boxslide{background-color:rgba(255,255,255,1);}
	#dng-megamenu654040 .dnngo_menu_list li li.subcurrent > a,
	#dng-megamenu654040 .dnngo_menu_list li.subcurrent > a,
	#dng-megamenu654040 .dnngo_custommenu li.current > a{
		color:var(--accent-color);
		background-color:transparent;
	}
	#dng-megamenu654040 .dnngo_menu_list li a:hover,
	#dng-megamenu654040 .dnngo_menu_list li a:focus,
	#dng-megamenu654040 .dnngo_boxslide .submenu_title a:hover {
		color:var(--accent-color);
	}
	#dng-megamenu654040 .dnngo_menu_list li li a:hover,
	#dng-megamenu654040 .dnngo_menu_list li li a:focus,
	#dng-megamenu654040 .dnngo_custommenu .submenu li a:hover,
	#dng-megamenu654040 .dnngo_custommenu .submenu li a:focus{
		color:var(--accent-color);
	}
	
		#dng-megamenu654040 .mega-menu .boxslide > .line span,
		#dng-megamenu654040 .dnngo_menuslide > .line span{
			border-color:#e1e6f1;
		}
		#mobilemenu632843 .mobileclose,
		#mobilemenu632843 .gomenu > ul > li > a > span,
		#mobilemenu632843 .gomenu li .arrows{color:#0053a0;font-size:1.25rem;;font-weight:700;}#mobilemenu632843 ul ul a{color:#494e5c;font-size:1rem;;font-weight:600;}#mobilemenu632843 ul ul ul a{color:#494e5c;font-size:1rem;;font-weight:400;}

				#mobilemenu632843 a:hover span,
				#mobilemenu632843 li.current > a > span,
				#mobilemenu632843 li.active > a > span,
				#mobilemenu632843 li.subcurrent > a > span{
					color:  var(--accent-color)!important;
				}
				#mobilemenu632843 .gomenu > ul > li > ul::after{
					border-color:  var(--accent-color)!important;
				}


				#mobilemenu632843 .gomenu > ul > li > a >span::after{
				content:none 
			}#logo56345 img{max-height:130px!important;max-width:130px!important;}#headerrow-732182{background-color:#0053a0;}#headerrow-732182 .dngTextBox,
		#headerrow-732182 .header-content-wrap >*:not(.nav-bar),
		#headerrow-732182 .Normal,
		#headerrow-732182 .Normal > a,
		#headerrow-732182 .Normal > a:link,
		#headerrow-732182 .Normal > a:active,
		#headerrow-732182 .Normal > a:visited,
		#headerrow-732182 .dngTextBox a,
		#headerrow-732182 .dngTextBox a:link,
		#headerrow-732182 .dngTextBox a:active,
		#headerrow-732182 .dngTextBox a:visited{color:#ffffff;font-family:"Poppins";font-weight:400;}#headerrow-732182 .header-container-box,#headerrow-732182 .header-container-box .logo{height:69px}#headerrow-732182 .hoverstyle_8 .primary_structure > li > a{height:69px}
				:root{
					--header-top-height: 69px;
				}
			
			#headerrow-732182 .area-left{
				padding-inline-end:8px;
			}
			#headerrow-732182 .area-center{
				padding-inline-start:8px;
				padding-inline-end:8px;
			}
			#headerrow-732182 .area-right{
				padding-inline-start:8px;
			}
			#headerrow-732182 .area-left .header-content-wrap > div{
				margin-inline-end:25px;
			}
			#headerrow-732182 .area-center .header-content-wrap > div,
			#headerrow-732182 .area-right .header-content-wrap > div{
				margin-inline-start:25px;
			}
		
		#headerrow-732182:after{
			content:"";
			position:absolute;
			top: 0;
			left: -20px;
			bottom: 0;
			right: 0;
			z-index: -1;
			pointer-events:none; 
			-webkit-box-shadow: 10px 10px 10px -11px rgba(0,0,0,0.2);
			box-shadow: 10px 10px 10px -11px rgba(0,0,0,0.2);
			}
		
			.floating-active #headerrow-732182:after{
				content:none;
			}
			#headerrow-732182 .Normal > a:hover,
			#headerrow-732182 .dngTextBox a:hover,
			#headerrow-732182 .hover-accent:hover,
			#headerrow-732182 .Login a:hover,
			#headerrow-732182 .Login a.active{
				color:var(--accent-color)
			}
			#headerrow-732182 .Login .userProfile .userMessages,
			#headerrow-732182 .Login .userProperties ul.userMenu a span{
				background-color:var(--accent-color)
			}
				.floating-nav.floating-active #headerrow-732182 .header-container-box,
				.floating-nav.floating-active #headerrow-732182 .header-bg-box,
				.floating-nav.floating-active #headerrow-732182 .hoverstyle_8 .primary_structure > li > a {
					height:63px; 
				}
			
				:root{
					--floating-header-top-height: 63px;
				}
			#headerrow-547638{background-color:rgb(225, 238, 250);}#headerrow-547638 .dngTextBox,
		#headerrow-547638 .header-content-wrap >*:not(.nav-bar),
		#headerrow-547638 .Normal,
		#headerrow-547638 .Normal > a,
		#headerrow-547638 .Normal > a:link,
		#headerrow-547638 .Normal > a:active,
		#headerrow-547638 .Normal > a:visited,
		#headerrow-547638 .dngTextBox a,
		#headerrow-547638 .dngTextBox a:link,
		#headerrow-547638 .dngTextBox a:active,
		#headerrow-547638 .dngTextBox a:visited{color:#272727;}#headerrow-547638 .header-container-box,#headerrow-547638 .header-container-box .logo{height:60px}#headerrow-547638 .hoverstyle_8 .primary_structure > li > a{height:60px}#headerrow-547638 > .container,#megamenuWidthBox {width: auto!important;}#megamenuWidthBox{margin:0 30px;}
				:root{
					--header-center-height: 60px;
				}
			
			#headerrow-547638 .area-left{
				padding-inline-end:8px;
			}
			#headerrow-547638 .area-center{
				padding-inline-start:8px;
				padding-inline-end:8px;
			}
			#headerrow-547638 .area-right{
				padding-inline-start:8px;
			}
			#headerrow-547638 .area-left .header-content-wrap > div{
				margin-inline-end:20px;
			}
			#headerrow-547638 .area-center .header-content-wrap > div,
			#headerrow-547638 .area-right .header-content-wrap > div{
				margin-inline-start:20px;
			}
		
			 .floating-active #headerrow-547638:after{
			   content:"";
			   position:absolute;
			   top: 0;
			   left: -20px;
			   bottom: 0;
			   right: 0;
			   z-index: -1;
			   pointer-events:none; 
			   -webkit-box-shadow: 10px 10px 10px -11px rgba(0,0,0,0.2);
			   box-shadow: 10px 10px 10px -11px rgba(0,0,0,0.2);
			 }
			 .floating-active #headerrow-547638{background-color:#ffffff!important;
}#headerrow-547638 .Normal > a:hover,
			#headerrow-547638 .dngTextBox a:hover,
			#headerrow-547638 .hover-accent:hover,
			#headerrow-547638 .Login a:hover,
			#headerrow-547638 .Login a.active{
				color:var(--accent-color)
			}
			#headerrow-547638 .Login .userProfile .userMessages,
			#headerrow-547638 .Login .userProperties ul.userMenu a span{
				background-color:var(--accent-color)
			}
				.floating-nav.floating-active #headerrow-547638 .header-container-box,
				.floating-nav.floating-active #headerrow-547638 .header-bg-box,
				.floating-nav.floating-active #headerrow-547638 .hoverstyle_8 .primary_structure > li > a {
					height:55px; 
				}
			
				:root{
					--floating-header-center-height: 55px;
				}
			#mobileheader-831207{background-color:#0053a0;}
			div.mobile-header-replace{
				height:45px
			}
			#mobileheader-831207,#mobileheader-831207 .header-area{height:45px}
			#mobileheader-831207 .dng-mobilemenu.mobile_menu.mm-menu{
				top:45px
			}
			#mobileheader-831207 .header-area .logo img{max-height:37px}
			
				:root{
					--header-mobile-bottom-height: 45px;
				}
			#mobileheader-831207 .dngTextBox,
		#mobileheader-831207 .header-content-wrap >*:not(.nav-bar),
		#mobileheader-831207 .Normal,
		#mobileheader-831207 .Normal > a,
		#mobileheader-831207 .Normal > a:link,
		#mobileheader-831207 .Normal > a:active,
		#mobileheader-831207 .Normal > a:visited,
		#mobileheader-831207 .dngTextBox a,
		#mobileheader-831207 .dngTextBox a:link,
		#mobileheader-831207 .dngTextBox a:active,
		#mobileheader-831207 .dngTextBox a:visited{color:#ffffff;font-weight:300;font-size:NaNrem;}#mobileheader-831207 .header-content-wrap .Normal > a:hover,
				#mobileheader-831207 .header-content-wrap .dngTextBox a:hover,
				#mobileheader-831207 .Normal > a:hover,
				#mobileheader-831207 .dngTextBox a:hover,
				#mobileheader-831207 .hover-accent:hover,
				#mobileheader-831207 .search-popup-box .icon.active,
				#mobileheader-831207 .search-popup-box:hover .icon,
				#mobileheader-831207 .mobile-menu-icon:hover .fa-bars:before,
				#mobileheader-831207 .search-popup-box .submit:hover,
				#mobileheader-831207 .search-popup-box .popup-close:hover,
				#mobileheader-831207 .shop-cart-list .shop-list .remove:hover,
				#mobileheader-831207 .shop-cart-list .shop-list .price-info span,
				#mobileheader-831207 .shop-cart-list .shop-list .number-box .number-up:hover,
				#mobileheader-831207 .mobile-header .shop-cart-list .shop-list .number-box .number-down:hover,
				#mobileheader-831207 .search-popup-box .icon:hover{
					color:var(--accent-color);
				}#mobileheader-173560{background-color:rgba(255,255,255,1);}
			div.mobile-header-replace{
				height:109px
			}
			#mobileheader-173560,#mobileheader-173560 .header-area{height:64px}
			#mobileheader-173560 .dng-mobilemenu.mobile_menu.mm-menu{
				top:64px
			}
			#mobileheader-173560 .header-area .logo img{max-height:56px}
			
				:root{
					--header-mobile-height: 64px;
				}
			#mobileheader-173560 .dngTextBox,
		#mobileheader-173560 .header-content-wrap >*:not(.nav-bar),
		#mobileheader-173560 .Normal,
		#mobileheader-173560 .Normal > a,
		#mobileheader-173560 .Normal > a:link,
		#mobileheader-173560 .Normal > a:active,
		#mobileheader-173560 .Normal > a:visited,
		#mobileheader-173560 .dngTextBox a,
		#mobileheader-173560 .dngTextBox a:link,
		#mobileheader-173560 .dngTextBox a:active,
		#mobileheader-173560 .dngTextBox a:visited{color:#121722;}#mobileheader-173560 .header-content-wrap .Normal > a:hover,
				#mobileheader-173560 .header-content-wrap .dngTextBox a:hover,
				#mobileheader-173560 .Normal > a:hover,
				#mobileheader-173560 .dngTextBox a:hover,
				#mobileheader-173560 .hover-accent:hover,
				#mobileheader-173560 .search-popup-box .icon.active,
				#mobileheader-173560 .search-popup-box:hover .icon,
				#mobileheader-173560 .mobile-menu-icon:hover .fa-bars:before,
				#mobileheader-173560 .search-popup-box .submit:hover,
				#mobileheader-173560 .search-popup-box .popup-close:hover,
				#mobileheader-173560 .shop-cart-list .shop-list .remove:hover,
				#mobileheader-173560 .shop-cart-list .shop-list .price-info span,
				#mobileheader-173560 .shop-cart-list .shop-list .number-box .number-up:hover,
				#mobileheader-173560 .mobile-header .shop-cart-list .shop-list .number-box .number-down:hover,
				#mobileheader-173560 .search-popup-box .icon:hover{
					color:var(--accent-color);
				}

/* =====================================================================
   FIXIN4U | ORDINARY MENUS | Revision 8 | 15 October 2026

   Desktop links stay simple at rest, with a slow shine and subtle 3D hover.
   More transparent navy glass, white submenu text and fine white dividers.
   Mega menus, header layout and DNNGo interaction scripts are unchanged.
   No extra HTML or JavaScript is needed. Requires CSS :has() support.
   ===================================================================== */

/* ---------------------------------------------------------------------
   01. Desktop dropdown panels
   One rounded panel; the solid background is the fallback for the glass effect.
   --------------------------------------------------------------------- */

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide:has(> .dnngo_slide_menu) {
    padding-top: 8px;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu .dnngo_submenu {
    box-sizing: border-box;
    width: 352px;
    max-width: calc(100vw - 32px);
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-top: 2px solid #e2231a;
    border-radius: 16px;
    background: linear-gradient(145deg, #00274f, #00223f);
    box-shadow: 0 22px 52px rgba(0, 27, 55, 0.22), 0 4px 14px rgba(0, 27, 55, 0.07), inset 0 1px 0 #ffffff;
    white-space: normal;
    text-align: start;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu {
    padding: 9px;
    margin: 0;
}

/* Nested panels remain unclipped; the theme still controls edge reversal. */

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu .dnngo_submenu {
    margin-top: -11px;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu .dnngo_submenu > ul {
    padding: 9px;
    margin: 0;
}

/* ---------------------------------------------------------------------
   02. Desktop submenu items
   Fine white separators on blue glass; a filled box appears on hover.
   --------------------------------------------------------------------- */

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li + li {
    margin-top: 3px;
    padding-top: 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.96);
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li > a {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 11px 15px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
    text-decoration: none !important;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li.dir > a {
    padding-inline-end: 38px;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li.dir > a::before {
    inset-inline-end: 16px;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li > a > span {
    min-width: 0;
    color: inherit;
    transform: none;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li > a > span::after {
    content: none !important;
    display: none !important;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li:is(.current, .subcurrent) > a {
    background: rgba(0, 39, 79, 0.40);
    color: #ffffff;
    box-shadow: inset 3px 0 0 #e2231a;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li.menu_hover > a,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li > a:is(:hover, :focus-visible) {
    background: #0053a0;
    color: #ffffff;
    box-shadow: inset 3px 0 0 #e2231a;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu a:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

/* ---------------------------------------------------------------------
   03. Subtle page dimming
   Uses the existing .menu_hover state; does not intercept page clicks.
   --------------------------------------------------------------------- */

@media (min-width: 993px) {
    .header-wrap:has(#dng-megamenu654040)::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: -1;
        background: rgba(0, 27, 55, 0.38);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 180ms ease, visibility 180ms ease;
    }

    .header-wrap:has(#dng-megamenu654040 .primary_structure > li.menu_hover:not(.mega-menu) > .dnngo_menuslide > .dnngo_slide_menu)::before {
        opacity: 1;
        visibility: visible;
    }
}

/* ---------------------------------------------------------------------
   04. Mobile navigation
   Retain the approved rounded cards, with clear spacing and separate tap targets.
   --------------------------------------------------------------------- */

#mobilemenu632843.mobilemenu-main {
    background-color: rgba(0, 27, 55, 0.44);
}

#mobilemenu632843.mobilemenu-main .m-menu {
    border-start-start-radius: 24px;
    border-end-start-radius: 24px;
    background: #ffffff;
    box-shadow: -12px 0 36px rgba(0, 39, 79, 0.15);
}

#mobilemenu632843 .gomenu {
    box-sizing: border-box;
    padding: max(78px, calc(env(safe-area-inset-top) + 66px)) 16px max(28px, env(safe-area-inset-bottom));
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bcd2e7 #edf4fa;
}

#mobilemenu632843 .gomenu > ul > li + li {
    margin-top: 10px;
}

#mobilemenu632843 .gomenu > ul > li > a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 48px;
    margin: 0;
    padding: 11px 13px;
    border: 1px solid #dce7f2;
    border-radius: 12px;
    background: #f4f8fc;
    color: #0053a0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: start;
    text-decoration: none !important;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

#mobilemenu632843 .gomenu > ul > li > a > span {
    min-width: 0;
    color: inherit !important;
    font-size: inherit;
    font-weight: inherit;
}

#mobilemenu632843 .gomenu > ul > li > a > span::after {
    content: none !important;
    display: none !important;
}

#mobilemenu632843 .gomenu > ul > li > a:is(:hover, :focus-visible),
#mobilemenu632843 .gomenu > ul > li:is(.current, .subcurrent, .active) > a {
    background: #0053a0;
    color: #ffffff;
    border-color: #0053a0;
}

#mobilemenu632843 .gomenu li.dir > a {
    margin-inline-end: 52px;
}

/* ---------------------------------------------------------------------
   05. Mobile submenu panels
   Stronger borders and type; long service names wrap without clipping.
   --------------------------------------------------------------------- */

#mobilemenu632843 .gomenu ul ul {
    box-sizing: border-box;
    margin: 8px 0 14px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-top: 3px solid #e2231a;
    border-radius: 16px;
    background: linear-gradient(145deg, #00274f, #00223f);
    box-shadow: 0 10px 26px rgba(0, 39, 79, 0.10), inset 0 1px 0 #ffffff;
}

#mobilemenu632843 .gomenu ul ul li + li {
    margin-top: 3px;
    padding-top: 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.98);
}

#mobilemenu632843 .gomenu ul ul li > a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 48px;
    margin: 0;
    padding: 11px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.5;
    text-align: start;
    text-decoration: none !important;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: background-color 160ms ease, color 160ms ease;
}

#mobilemenu632843 .gomenu ul ul li > a > span {
    min-width: 0;
    color: inherit !important;
    font-size: inherit;
    font-weight: inherit;
}

#mobilemenu632843 .gomenu ul ul li:is(.current, .subcurrent, .active) > a {
    background: rgba(0, 39, 79, 0.40);
    color: #ffffff;
    box-shadow: inset 3px 0 0 #e2231a;
}

#mobilemenu632843 .gomenu ul ul li > a:is(:hover, :focus-visible) {
    background: #0053a0;
    color: #ffffff;
    box-shadow: inset 3px 0 0 #e2231a;
}

#mobilemenu632843 .gomenu > ul > li > ul::after,
#mobilemenu632843 .gomenu ul ul li > a > span::after,
#mobilemenu632843 .gomenu ul ul ul li::before {
    content: none !important;
    display: none !important;
}

/* ---------------------------------------------------------------------
   06. Mobile controls
   The original buttons and event handlers are retained; targets remain separate.
   --------------------------------------------------------------------- */

#mobilemenu632843 .gomenu li .arrows {
    box-sizing: border-box;
    top: 2px;
    inset-inline-end: 0;
    width: 44px;
    height: 44px;
    margin: 0;
    border: 1px solid #dce7f2;
    border-radius: 12px;
    background: #ffffff;
    color: #0053a0;
    font-size: 16px;
    line-height: 42px;
}

#mobilemenu632843 .gomenu ul ul li .arrows {
    top: 0;
    border-radius: 9px;
}

#mobilemenu632843 .gomenu li .arrows:is(:hover, .active) {
    border-color: #bcd2e7;
    background: #edf4fa;
    color: #e2231a;
}

#mobilemenu632843 .gomenu li .arrows i {
    inset: 0;
}

#mobilemenu632843 .mobileclose {
    box-sizing: border-box;
    top: max(18px, env(safe-area-inset-top));
    inset-inline-end: 18px;
    width: 44px;
    height: 44px;
    border: 1px solid #dce7f2;
    border-radius: 12px;
    background: #edf4fa;
    color: #0053a0;
}

#mobilemenu632843 .mobileclose::before,
#mobilemenu632843 .mobileclose::after {
    width: 20px;
    margin-left: -10px;
}

#mobilemenu632843 .mobileclose:hover {
    background: #fff0ef;
    color: #e2231a;
    border-color: #f2c6c3;
}

#mobilemenu632843 :is(a, button):focus-visible {
    outline: 2px solid #0053a0;
    outline-offset: 2px;
}

#mobilemenu632843 .gomenu ul ul :is(a, button):focus-visible {
    outline-color: #ffffff;
}

/* ---------------------------------------------------------------------
   07. Glass effect
   Blur is behind the panels and overlay, never on the text or icons.
   --------------------------------------------------------------------- */
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu .dnngo_submenu {
    background: linear-gradient(145deg, rgba(0, 39, 79, 0.72), rgba(0, 34, 63, 0.66));
    -webkit-backdrop-filter: blur(12px) saturate(115%);
    backdrop-filter: blur(12px) saturate(115%);
}

#mobilemenu632843 .gomenu ul ul {
    background: linear-gradient(145deg, rgba(0, 39, 79, 0.72), rgba(0, 34, 63, 0.66));
    -webkit-backdrop-filter: blur(8px) saturate(110%);
    backdrop-filter: blur(8px) saturate(110%);
}

.header-wrap:has(#dng-megamenu654040)::before,
#mobilemenu632843.mobilemenu-main {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
}

/* ---------------------------------------------------------------------
   08. Reduced transparency
   Use solid panels when the visitor requests reduced transparency.
   --------------------------------------------------------------------- */
@media (prefers-reduced-transparency: reduce) {

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu .dnngo_submenu,
#mobilemenu632843 .gomenu ul ul {
    background: linear-gradient(145deg, #00274f, #00223f);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.header-wrap:has(#dng-megamenu654040)::before,
#mobilemenu632843.mobilemenu-main {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
}

/* ---------------------------------------------------------------------
   09. Desktop hover depth and shine
   A single 1100ms shine, gentle tilt and layered shadow; no continuous animation.
   --------------------------------------------------------------------- */

@keyframes fxnm-glass-sweep {
    0% {
        background-position: 150% 0;
        opacity: 0;
    }
    15%, 80% {
        opacity: 1;
    }
    100% {
        background-position: -50% 0;
        opacity: 0;
    }
}

@media (min-width: 993px) and (hover: hover) and (pointer: fine) {

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > a,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li > a {
    transform: none;
    transform-origin: 50% 50%;
    transition: transform 380ms cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 320ms ease, background-color 180ms ease, color 180ms ease;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)):hover > a {
    transform: perspective(700px) translateY(-2px) rotateX(6deg);
    box-shadow: 0 3px 0 rgba(0, 27, 55, 0.16), 0 10px 20px rgba(0, 27, 55, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li:hover > a {
    transform: perspective(700px) translateY(-1px) rotateX(4deg) rotateY(-1deg);
    background: #0053a0;
    color: #ffffff;
    box-shadow: 0 3px 0 rgba(0, 27, 55, 0.18), 0 9px 18px rgba(0, 39, 79, 0.16), inset 3px 0 0 #e2231a, inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)):hover > a::before,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li:hover > a::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    background-image: linear-gradient(112deg, transparent 38%, rgba(255, 255, 255, 0.06) 43%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.08) 57%, transparent 64%);
    background-repeat: no-repeat;
    background-size: 250% 100%;
    animation: fxnm-glass-sweep 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 both;
}
}

/* ---------------------------------------------------------------------
   10. Reduced motion
   Disable the hover sweep and menu transitions when reduced motion is requested.
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .header-wrap:has(#dng-megamenu654040)::before,
    #dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu a,
    #mobilemenu632843.mobilemenu-main,
    #mobilemenu632843 .m-menu,
    #mobilemenu632843 .gomenu li > a,
    #mobilemenu632843 .gomenu li .arrows {
        transition: none;
    }
}
@media (prefers-reduced-motion: reduce) {

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)):hover > a::before,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li:hover > a::after {
    content: none;
    animation: none;
}

#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > a,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)):hover > a,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li > a,
#dng-megamenu654040 .primary_structure > li:not(.mega-menu):not(:has(.dnngo_menu_list, .dnngo_boxslide, .dnngo_custommenu)) > .dnngo_menuslide > .dnngo_slide_menu li:hover > a {
    transform: none;
    transition: none;
}
}

/* ================= END: FIXIN4U ORDINARY SUBMENUS ===================== */