Build the future ofdigital infrastructure

Products Hitee Mobility Hitee Fleets Hitee Agrotech Services Technology About Insights Partner With Us 🇬🇧 EN 🇬🇧 English 🇳🇵 नेपाली 🇬🇧 🇬🇧 English 🇳🇵 नेपाली Products Hitee Mobility Hitee Fleets Hitee Agrotech Services Technology About Insights Partner With Us .nav-link-dropdown { position: relative; display: inline-block; margin-left: 28px; } .nav-dropdown-trigger { background: transparent; border: none; padding: 0; font-family: inherit; font-size: 14px; font-weight: 400; color: var(--muted); cursor: pointer; transition: color 0.15s; } .nav-dropdown-trigger:hover, .nav-link-dropdown.open .nav-dropdown-trigger { color: var(--ink); } .nav-dropdown-trigger::after { content: ''; display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-3px); opacity: 0.5; transition: transform 0.2s; } .nav-link-dropdown.open .nav-dropdown-trigger::after { transform: rotate(-135deg) translateY(-1px); } .nav-dropdown-menu { opacity: 0; visibility: hidden; transform: translateY(6px); position: absolute; top: 100%; left: 0; min-width: 200px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 8px 0; box-shadow: var(--sh-lg); z-index: 1000; transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s; } .nav-link-dropdown.open .nav-dropdown-menu, .nav-link-dropdown:hover .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); } .nav-dropdown-menu a { display: block; padding: 10px 18px; white-space: nowrap; color: var(--ink); font-size: 15px; margin: 0; transition: background 0.15s, color 0.15s; } .nav-dropdown-menu a:hover { background: var(--mesh-1); color: var(--blue); } @media (max-width: 991px) { .nav-link-dropdown { display: none; } } (function () { var dropdown = document.getElementById('productsDropdown'); if (!dropdown) return; var trigger = dropdown.querySelector('.nav-dropdown-trigger'); // Toggle open/close on click trigger.addEventListener('click', function (e) { e.stopPropagation(); var isOpen = dropdown.classList.contains('open'); dropdown.classList.toggle('open', !isOpen); trigger.setAttribute('aria-expanded', String(!isOpen)); }); // Close when clicking outside document.addEventListener('click', function () { dropdown.classList.remove('open'); trigger.setAttribute('aria-expanded', 'false'); }); // Keep hover behaviour intact but close when leaving the whole drop