/* Modern Navbar Override - keeps original content intact */
		.header {
			background: #ffffff;
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);
			position: sticky;
			top: 0;
			z-index: 1030;
			border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		}
		
		/* Override old topbar styles - hide old topbar completely */
		.header .topbar {
			display: none !important;
		}
		
		/* Header Inner new styling */
		.header .header-inner {
			padding: 0.5rem 0;
			background: #ffffff;
		}
		
		.header .header-inner .container {
			max-width: 1400px;
			margin: 0 auto;
			padding: 0 2rem;
		}
		
		/* Logo styling */
		.header .logo img {
			max-height: 55px;
			width: auto;
			transition: transform 0.2s;
		}
		
		.header .logo img:hover {
			transform: scale(1.02);
		}
		
		/* Navigation Menu - Desktop */
		.header .main-menu .navigation .nav {
			display: flex;
			align-items: center;
			gap: 0.25rem;
			margin: 0;
			padding: 0;
			list-style: none;
			justify-content: flex-end;
		}
		
		.header .main-menu .navigation .nav > li {
			position: relative;
			list-style: none;
		}
		
		.header .main-menu .navigation .nav > li > a {
			font-weight: 600;
			font-size: 0.95rem;
			padding: 0.6rem 1.1rem;
			color: #1f2937;
			border-radius: 40px;
			transition: all 0.2s ease;
			display: flex;
			align-items: center;
			gap: 6px;
			text-decoration: none;
			font-family: 'Roboto', sans-serif;
		}
		
		.header .main-menu .navigation .nav > li > a i {
			font-size: 0.9rem;
			color: #2889E4;
			transition: transform 0.2s;
		}
		
		.header .main-menu .navigation .nav > li > a:hover {
			background: #f0f7ff;
			color: #2889E4;
		}
		
		.header .main-menu .navigation .nav > li > a:hover i {
			transform: translateX(3px);
			color: #2889E4;
		}
		
		/* Active page style */
		.header .main-menu .navigation .nav > li.active > a {
			background: #e8f1fe;
			color: #2889E4;
			font-weight: 700;
		}
		
		/* Contact button special with corporate color */
		.header .main-menu .navigation .nav > li:last-child > a {
			background: #2889E4;
			color: white !important;
			border-radius: 40px;
			padding: 0.55rem 1.4rem;
			font-weight: 600;
			margin-left: 0.5rem;
			box-shadow: 0 2px 6px rgba(40, 137, 228, 0.2);
		}
		
		.header .main-menu .navigation .nav > li:last-child > a:hover {
			background: #1a6bc0;
			transform: translateY(-2px);
			box-shadow: 0 8px 18px -6px rgba(40, 137, 228, 0.4);
		}
		
		.header .main-menu .navigation .nav > li:last-child > a i {
			color: white;
		}
		
		/* Dropdown Menu Styling */
		.header .main-menu .navigation .nav > li .dropdown {
			position: absolute;
			top: 45px;
			left: 0;
			background: #ffffff;
			min-width: 260px;
			border-radius: 16px;
			box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.12);
			padding: 0.6rem 0;
			list-style: none;
			opacity: 0;
			visibility: hidden;
			transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
			transform: translateY(12px);
			z-index: 1050;
			border: 1px solid rgba(0, 0, 0, 0.05);
		}
		
		.header .main-menu .navigation .nav > li:hover .dropdown {
			opacity: 1;
			visibility: visible;
			transform: translateY(4px);
		}
		
		.header .main-menu .navigation .nav > li .dropdown li {
			list-style: none;
		}
		
		.header .main-menu .navigation .nav > li .dropdown li a {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 0.65rem 1.5rem;
			font-size: 0.88rem;
			font-weight: 500;
			color: #2c3e66;
			text-decoration: none;
			transition: all 0.2s;
			font-family: 'Roboto', sans-serif;
		}
		
		.header .main-menu .navigation .nav > li .dropdown li a:before {
			content: "→";
			opacity: 0;
			transition: opacity 0.2s, transform 0.2s;
			color: #2889E4;
			font-weight: bold;
		}
		
		.header .main-menu .navigation .nav > li .dropdown li a:hover {
			background: #f8fafc;
			color: #2889E4;
			padding-left: 1.8rem;
		}
		
		.header .main-menu .navigation .nav > li .dropdown li a:hover:before {
			opacity: 1;
		}
		
		/* Mobile Navigation Styles */
		.mobile-toggle-btn {
			display: none;
			background: none;
			border: none;
			font-size: 1.6rem;
			cursor: pointer;
			color: #2889E4;
			width: 44px;
			height: 44px;
			border-radius: 30px;
			align-items: center;
			justify-content: center;
			transition: all 0.2s;
		}
		
		.mobile-toggle-btn:hover {
			background: #f0f7ff;
		}
		
		.mobile-nav-overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.5);
			backdrop-filter: blur(4px);
			z-index: 2000;
			visibility: hidden;
			opacity: 0;
			transition: all 0.3s;
		}
		
		.mobile-nav-drawer {
			position: fixed;
			top: 0;
			right: -100%;
			width: 85%;
			max-width: 340px;
			height: 100%;
			background: #ffffff;
			box-shadow: -5px 0 35px rgba(0, 0, 0, 0.15);
			z-index: 2100;
			transition: right 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
			display: flex;
			flex-direction: column;
			padding: 1.5rem 1.2rem;
			overflow-y: auto;
		}
		
		.mobile-nav-drawer.open {
			right: 0;
		}
		
		.mobile-nav-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #eef2ff;
			padding-bottom: 1rem;
			margin-bottom: 1.5rem;
		}
		
		.mobile-nav-header img {
			max-height: 48px;
		}
		
		.close-mobile {
			background: none;
			border: none;
			font-size: 1.8rem;
			cursor: pointer;
			color: #4b5563;
			transition: all 0.2s;
		}
		
		.close-mobile:hover {
			color: #2889E4;
			transform: rotate(90deg);
		}
		
		.mobile-nav-links {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
		.mobile-nav-links li {
			margin-bottom: 0.25rem;
		}
		
		.mobile-nav-links a {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 0.85rem 1rem;
			font-weight: 500;
			font-size: 1rem;
			color: #1f2937;
			text-decoration: none;
			border-radius: 14px;
			transition: all 0.2s;
			font-family: 'Roboto', sans-serif;
		}
		
		.mobile-nav-links a i {
			width: 26px;
			color: #2889E4;
			font-size: 1.1rem;
		}
		
		.mobile-nav-links a:active,
		.mobile-nav-links a:hover {
			background: #f0f7ff;
			color: #2889E4;
			transform: translateX(5px);
		}
		
		.mobile-dropdown {
			margin-left: 2rem;
			list-style: none;
			padding-left: 0.8rem;
			border-left: 2px solid #e2e8f0;
			margin-top: 0.3rem;
			margin-bottom: 0.5rem;
			display: none;
		}
		
		.mobile-dropdown.show {
			display: block;
			animation: slideDown 0.3s ease;
		}
		
		@keyframes slideDown {
			from {
				opacity: 0;
				transform: translateY(-10px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		
		.mobile-dropdown li a {
			padding: 0.6rem 0.8rem;
			font-size: 0.85rem;
			font-weight: 400;
			color: #4a5b7c;
		}
		
		.dropdown-toggle-mob {
			display: flex;
			justify-content: space-between;
			align-items: center;
			cursor: pointer;
			border-radius: 14px;
			padding: 0.2rem 0;
			transition: all 0.2s;
		}
		
		.dropdown-toggle-mob:hover {
			background: #f8fafc;
		}
		
		.dropdown-toggle-mob a {
			flex: 1;
			pointer-events: none;
		}
		
		.dropdown-toggle-mob i {
			margin-right: 1rem;
			color: #2889E4;
			transition: transform 0.3s;
		}
		
		/* Responsive Breakpoints - FIXED for all mobile and tablet sizes */
		@media (max-width: 991px) {
			/* Hide desktop menu on tablets and below */
			.header .main-menu .navigation .nav {
				display: none !important;
			}
			
			/* Show mobile toggle button */
			.mobile-toggle-btn {
				display: flex !important;
			}
			
			/* Adjust header layout for mobile */
			.header .header-inner .container {
				padding: 0 1rem;
			}
			
			.header .logo img {
				max-height: 48px;
			}
		}
		
		/* Extra small devices (phones) */
		@media (max-width: 576px) {
			.header .header-inner .container {
				padding: 0 0.8rem;
			}
			
			.header .logo img {
				max-height: 42px;
			}
			
			.mobile-nav-drawer {
				width: 85%;
				max-width: 300px;
			}
		}
		
		/* Small tablets (portrait) */
		@media (min-width: 577px) and (max-width: 768px) {
			.mobile-nav-drawer {
				max-width: 320px;
			}
		}
		
		/* Ensure original styles for rest of page remain untouched */
		body {
			overflow-x: hidden;
		}
		
		/* Fix any conflicts with old slicknav */
		.mobile-nav {
			display: none !important;
		}