/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 15 2025 | 10:24:48 */
.menu-redesign {
	.site-header .highlight-btn a {
		font-family: Inter;
		position: relative;
		border-radius: 100px;
		background: #0FA1D2 !important;
		height: 35px;
		line-height: 35px;
		display: block;
		padding: 0 39px;
		font-size: 16px;
		font-weight: 700;
		transition: all .3s ease 0s;
	}

	.site-header .highlight-btn a:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		right: -8px;
		top: 0;
		background: #008DBD;
		border-radius: 100px;
		z-index: -1;
	}	
}

@media (min-width: 1200px) {
	.menu-redesign {
		.site-header .highlight-btn a:before {
			display: none;
		}

		.site-header .secondary-navigation .menu-wrapper .highlight-btn.menu-item a {
			color: #fff !important;
			text-transform: uppercase;
		}

		.site-header .site-branding {
			background-size: contain;
			width: 211px;
			height: 52px;
		}

		.site-header .secondary-navigation .menu-wrapper .menu-item>a {
			text-transform: none;
			font-size: 15px;
			font-weight: 500;
		}

		#mega-menu-wrap-primary {
			padding-left: 84px;
			border-radius: 100px 0 0 100px;
			background: linear-gradient(90deg, #FFF -4.37%, #E3F6FF 38.4%);
		}

		#mega-menu-wrap-primary #mega-menu-primary {
			padding: 9px 0;
		}

		#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
			color: #292929;
			font-weight: 600;
			font-size: 16px;
			text-transform: none;
		}

		.site-header #site-navigation {
			margin-top: 12px;
		}

		.site-header #site-navigation:before,
		.site-header #site-navigation:after {
			display: none;
		}

		.site-header .empty-gray-bar {
			background: #E3F6FF;
			height: 44px;
			bottom: 20px;
		}

		.site-header .limit-width {
			padding-bottom: 20px;
		}

		#mega-menu-wrap-primary #mega-menu-primary>li>a.mega-menu-link:hover:before {
			display: none;
		}

		#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
			color: #f04d23 !important;
		}	

	}
}


@media only screen and (max-width: 481.98px) {
	.menu-redesign {
		.mega-menu-item-830 {
			display: none !important;
		}		
		
		#mega-menu-wrap-primary #mega-menu-primary {
			margin-top: 25px;
			padding-top: 20px;
		}
		
		.site-header .secondary-navigation .menu-wrapper .menu-item>a {
			color: #fff !important;
		}
		
		.site-header .secondary-navigation {
			display: block;
			right: 50px;
			top: -6px;
		}

		.site-header .secondary-navigation .menu-item {
			display: none;
		}

		.site-header .secondary-navigation .highlight-btn {
			display: block;
		}
		
		.site-header:not(.has-logo).has-title-and-tagline .site-branding {
			width: 121px;
			height: 30px;
			max-width: 100%;
			background-size: contain;
			margin-bottom: 0;
		}

		.site-header {
			background: #F2FBFF;
			align-items: center;
			justify-content: center;
			padding: 21px 20px 21px;
		}

		.site-header #site-navigation {
			margin-top: 0;
		}

		.site-header .limit-width {
			padding: 0;
		}

		.site-header #site-navigation #mega-menu-wrap-primary .mega-menu-toggle:after {
			display: none;
		}

		.site-header #site-navigation #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-right:after {
			display: none;
		}

		.site-header #site-navigation #mega-menu-wrap-primary .mega-menu-toggle:before {
			display: none;
		}

		.site-header #site-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right:before {
			display: none;
		}

		.site-header #site-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-animated {
			display: block;
		}

		.site-header #site-navigation #mega-menu-wrap-primary .mega-menu-toggle {
			background: none;
		}

		#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left,
		#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {
			display: none;
		}
        
        #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
        #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before, 
        #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
            background-color: #54565B;
        }
        
	}
}