/*Search bar*/
		#ajaxsearchpro2_1 .asp_loader .asp_loader-inner.asp_simple-circle{
			width:24px;
			height:24px;
		}
		#ajaxsearchpro2_2 .asp_loader .asp_loader-inner.asp_simple-circle{
			width:24px;
			height:24px;
		}
		#ajaxsearchprores2_1.vertical, #ajaxsearchprores2_2.vertical, div.asp_r.asp_r_2.vertical{
			padding: 16px;
		}
		/* div.asp_m.ajaxsearchpro .probox .proinput {
			padding: 8px 16px;
		} */
		
		.navbar-inverse{
			position: relative;
			z-index: 103;
			padding: 26px 26px 40px;
			width: 100%;
			background-color: #1A21C7;
			border-width: 14px 14px 0px 14px;
			border-color: #fff;
			border-style: solid;
		}
        
        .navbar.front-page{
			position: absolute;
			z-index: 103;
			/* padding: 26px 26px 40px; */
			padding: 40px; 
			width: 100%;
		}
        
        .nav-holder{
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
		}
		#custom-25 li a{
			font-weight: 600;
			font-size: 16px;
			line-height: 1;
			color: #fff;
			font-family: 'Lato', sans-serif;
		}

		#custom-25 li.active{
			border-bottom: 2px solid #fff;
		}
		#custom-25 ul{
			gap: 10px;
		}
		.menu-knowledge a{
			padding: 8px;
			background-color: #1A21C7;
		}
		.flex-menu{
			display: flex;
			gap: 10px;
			align-items: center;
		}
		.flex-menu div .lang-switch{
			font-weight: 600;
			padding: .5em;
			font-size: 16px;
			line-height: 1;
			color: #fff;
			font-family: 'Lato', sans-serif;
			display: flex;
			gap: 6px;
			align-items: center;
			cursor: pointer;
			
		}
		.nav-holder a.lang-switch:hover{
			color: #fff;
			
		}
		.lang-switch-dropdown{
			background-color: #fff;
			width: 100%;
			position: absolute;
			padding: 0.5rem;
			display: none;
			
		}
		.lang-switch-dropdown.show{
			display: block;
			
		}
		.lang-switch-dropdown a{
			color: #000;
			
		}
		.menu-knowledge a{
			background-color: #1A21C7;
			color: #fff;
		}
		.menu-knowledge a:hover{
			background-color: transparent;
			color: #1A21C7;
		}
		#custom-25.navbar-inverse .menu-knowledge a{
			background-color: #fff;
			color: #1A21C7;
		}
		#custom-25.navbar-inverse .menu-knowledge a:hover{
			background-color: #1A21C7;
			color: #fff;
		}
		
		/* Search Overlay Styles */
		.search-overlay {
			display: none;
			position: fixed;
			z-index: 99999;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.8);
			backdrop-filter: blur(5px);
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
		}
		
		.search-overlay.show {
			display: flex;
			/* align-items: center; */
			justify-content: center;
			opacity: 1;
		}
		
		.search-overlay-content {
			position: relative;
			background-color: transparent;
			padding: 120px 40px 40px;
			border-radius: 10px;
			max-width: 700px;
			width: 90%;
			transform: translateY(-20px);
			transition: transform 0.3s ease-in-out;
		}
		
		.search-overlay.show .search-overlay-content {
			transform: translateY(0);
		}
		
		.search-close {
			position: absolute;
			top: 60px;
			right: 20px;
			color: #fff;
			font-size: 40px;
			font-weight: bold;
			cursor: pointer;
			line-height: 1;
			z-index: 10000;
		}
		
		.search-close:hover {
			color: #ccc;
		}
		
		.search-container {
			width: 100%;
		}
		
		/* Style the search form inside the overlay */
		.search-overlay .asp_w_container {
			background-color: transparent !important;
		}
		
		.search-overlay input[type="text"] {
			background-color: rgba(255, 255, 255, 0.9) !important;
			border: 2px solid #fff !important;
			border-radius: 8px !important;
			padding: 15px 20px !important;
			font-size: 18px !important;
			width: 100% !important;
		}
		
		.search-overlay input[type="text"]:focus {
			background-color: #fff !important;
			outline: none !important;
			box-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;
		}
		
		/* Mobile Menu Overlay Styles */
		.mobile-menu-overlay {
			display: none;
			position: fixed;
			z-index: 99999;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #E9F1FB;
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
		}
		
		.mobile-menu-overlay.show {
			display: block;
			opacity: 1;
		}
		
		.mobile-menu-content {
			border: 14px white solid;
			position: relative;
			width: 100%;
			height: 100%;
			padding: 80px 20px 40px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
			box-sizing: border-box;
		}
		
		.mobile-menu-close {
			position: absolute;
			top: 37px;
			right: 27px;
			color: #1A21C7;
			font-size: 40px;
			font-weight: bold;
			cursor: pointer;
			line-height: 1;
			z-index: 10000;
		}
		
		.mobile-menu-close:hover {
			color: #333;
		}
		
		.mobile-menu-items {
			width: 100%;
			max-width: 600px;
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			min-height: fit-content;
		}
		
		.mobile-nav-list {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			flex-direction: column;
			gap: 25px;
			align-items: center;
		}
		
		.mobile-nav-list li {
			width: 100%;
			text-align: center;
		}
		
		.mobile-nav-list li a {
			display: block;
			font-weight: 400;
			font-size: 18px;
			line-height: 32px;
			color: #1A21C7;
			font-family: 'Lato', sans-serif;
			text-decoration: none;
			padding: 16px;
			transition: all 0.3s ease;
		}
		.mobile-nav-list li.menu-knowledge a{
			padding: 9px 43px;
			color: #fff;	
		}
		.mobile-nav-list li.menu-knowledge a:hover{
			
			color: #1A21C7;	
		}
		
		
		.mobile-nav-list li.active a {
			border-bottom:2px solid #1A21C7;
			
		}
		
		/* Responsive adjustments for shorter screens */

		.brand-mob{
				display: none;
			}
		.brand-desk{
			display: block;
		}

		@media screen and (max-width: 744px){
			.mobile-menu-logo{
				display: none;
			}
			.mobile-menu-content{
				padding: 29px 39px;
			}
			.mobile-nav-list{
				gap: 8px;
			}
			.mobile-nav-list li a {
				font-size: 14px;
				line-height: 16px;		
			}
			.mobile-menu-close {
    			top: 12px;
    			right: 12px;
			}
			.brand-mob{
				display: block;
			}
			.brand-desk{
			display: none;
			}	
			.navbar{
				padding: 18px 18px 28px;
				border-width: 6px 6px 0px 6px;
			}
		}



		.nav-link{
			width: fit-content;
		}
		.mobile-nav-list li{
			display: flex;
			justify-content: center;
		}
			
		.mobile-menu{
			border: none;
			background-color: transparent;
			cursor: pointer;
			padding: 0;
			margin: 0;
			outline: none;
			box-shadow: none;
			display: none;
		}
		
		.mobile-menu-path{
			fill: #1A21C7;
		}
		.mobile-menu-fill{
			fill: #fff;
		}
		.inverted .mobile-menu-path{
			fill: #fff;
		}
		.inverted .mobile-menu-fill{
			fill: #1A21C7;
		}
	
		.mobile-menu-logo{
			margin-bottom: 80px;
		}

		@media screen and (max-width: 1280px){
			.mobile-menu{
				display: flex;
			}
			.navbar-nav.nav.menu{
				display: none;
			}
			.flex-menu{
				gap: 24px;
			}
			.mobile-menu:hover svg .mobile-menu-path, .mobile-menu-close:hover svg .mobile-menu-path{
				
				fill: #fff;
			}
			.mobile-menu:hover svg .mobile-menu-fill, .mobile-menu-close:hover svg .mobile-menu-fill{
				fill: #1A21C7;
			}	
			.mobile-menu.inverted:hover svg .mobile-menu-path{
				
				fill: #1A21C7;
			}
			.mobile-menu.inverted:hover svg .mobile-menu-fill{
				fill: #fff;
			}	
		
		}