header {
            background-color: #fff;
            padding: 10px 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 30px;
            background-color: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(5px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            position: sticky;
            top: 0;
            z-index: 100;
        }

        nav a {
            color: #333;
            text-decoration: none;
            padding: 10px 15px;
            font-size: 16px;
            font-weight: 600;
            transition: color 0.3s ease;
        }

        nav a:hover {
            color: #ff6f61;
        }

        .menu, .lang-switcher {
            display: flex;
            align-items: center;
            gap: 10px;
        }
nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 30px;
            background-color: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(5px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            position: sticky;
            top: 0;
            z-index: 100;
        }

        nav a {
            color: #333;
            text-decoration: none;
            padding: 10px 15px;
            font-size: 16px;
            font-weight: 600;
            transition: color 0.3s ease;
        }

        nav a:hover {
            color: #ff6f61;
        }
/* Second Navigation Bar */
        .sub-nav {
            background-color: #f8f9fa;
            padding: 1px;
            text-align: right;
        }

        .sub-nav a {
            color: #333;
            text-decoration: none;
            margin: 0 15px;
            font-size: 14px;
            font-weight: bold;
            transition: color 0.3s ease;
			
        }

        .sub-nav a:hover {
            color: #0056b3;
        }
@media (min-width: 768px) {
	.hamburger {
	display: none;
				}
	}
/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
	nav {
		flex-direction: row;
		justify-content: space-between;
		padding: 10px 20px;
	}

	.menu {
		display: none;
		flex-direction: column;
		width: 100%;
		text-align: left;
		padding: 10px 0;
	}

	.menu.active {
		display: flex;
	}

	.hamburger {
		display: block;
		font-size: 24px;
		cursor: pointer;
	}

	.hero-content h1 {
		font-size: 24px;
	}

	.hero-content p {
		font-size: 14px;
	}

	.hero-content .btn-primary {
		padding: 8px 16px;
		font-size: 14px;
	}

	.content-boxes, .services-grid {
		flex-direction: column;
		align-items: center;
	}
	

	footer div {
		flex-direction: column;
		text-align: center;
		padding: 10px;
	}
}