<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aaradhya Luxury Yatra</title>

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { overflow-x: hidden; }
body { padding-top: calc(var(--topbar-h) + var(--header-h)); overflow-x: hidden; }
html { scroll-padding-top: calc(var(--topbar-h) + var(--header-h) + 10px); scroll-behavior: smooth; }

.aly-header, .aly-topbar { font-family: 'DM Sans', sans-serif; }

.aly-container {
max-width: 1280px; margin: auto; padding: 0 20px;
height: 100%; display: flex; align-items: center; justify-content: space-between;
}

/* ===== TOPBAR ===== */
.aly-topbar {
height: var(--topbar-h); background: var(--charcoal); color: var(--white);
position: fixed; top: 0; left: 0; width: 100%; z-index: 1002; font-size: 13px;
}
.aly-left, .aly-right { display: flex; align-items: center; gap: 20px; min-width: 0; }
.aly-left { flex: 1; overflow: hidden; }
.aly-right { flex-shrink: 0; }

.aly-contact-item {
display: inline-flex; align-items: center; white-space: nowrap; padding: 4px 0;
}
.aly-contact-item i { color: var(--gold-light); margin-right: 6px; font-size: 12px; flex-shrink: 0; }
.aly-contact-item a {
color: var(--white); text-decoration: none; transition: color .3s; padding: 4px 0;
}
.aly-contact-item a:hover { color: var(--gold-light); }
.hide-on-tablet { display: inline-flex; }
.hide-on-mobile { display: inline-flex; }

/* ===== HEADER ===== */
.aly-header {
position: fixed; top: var(--topbar-h); left: 0; width: 100%; height: var(--header-h);
background: var(--white); z-index: 1001;
box-shadow: 0 2px 12px rgba(0,0,0,.06);
border-bottom: 1px solid var(--border);
transition: box-shadow .3s ease;
}
.aly-header.scrolled { box-shadow: 0 4px 28px rgba(0,0,0,.1); }

/* ===== LOGO ===== */
.aly-logo {
display: flex; align-items: center; flex-shrink: 0; min-width: 0;
}
.aly-logo a {
display: flex; align-items: center; gap: 11px;
text-decoration: none; min-width: 0;
}
.aly-logo img { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; flex-shrink: 0; }
.aly-logo-text {
font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700;
line-height: 1.15;
background: linear-gradient(135deg, var(--charcoal), var(--gold));
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ===== DESKTOP NAV ===== */
.aly-nav { display: flex; align-items: center; gap: 28px; }
.aly-nav > a, .aly-dropdown > a {
text-decoration: none; color: var(--charcoal); font-size: 15px; font-weight: 600;
position: relative; padding: 8px 0; transition: color .3s ease;
}
.aly-nav > a:hover, .aly-dropdown > a:hover { color: var(--gold); }
.aly-nav > a::after, .aly-dropdown > a::after {
content: ''; position: absolute; bottom: 0; left: 0;
width: 0; height: 2px; background: var(--gold-gradient); border-radius: 2px;
transition: width .3s ease;
}
.aly-nav > a:hover::after, .aly-dropdown > a:hover::after { width: 100%; }

/* ===== DESKTOP DROPDOWN ===== */
.aly-dropdown { position: relative; }
.aly-dropdown > a { display: flex; align-items: center; gap: 5px; cursor: pointer; }
.aly-dropdown > a .dd-arrow { font-size: 11px; transition: transform .3s ease; }
.aly-dropdown:hover > a .dd-arrow { transform: rotate(180deg); }

.aly-dropdown::after {
content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 10px;
}

.aly-dropdown-menu {
position: absolute; top: calc(100% + 8px); left: 50%;
transform: translateX(-50%) translateY(8px);
width: 340px; background: var(--white); border-radius: 14px; padding: 8px 0;
box-shadow: 0 20px 50px rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.04);
opacity: 0; visibility: hidden;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
z-index: 10;
}
.aly-dropdown-menu::before {
content: ''; position: absolute; top: -7px; left: 50%;
transform: translateX(-50%) rotate(45deg); width: 14px; height: 14px;
background: var(--white); box-shadow: -2px -2px 4px rgba(0,0,0,.03);
}
.aly-dropdown-menu a {
display: flex; align-items: center; gap: 12px; padding: 12px 20px;
font-size: 14.5px; font-weight: 500; color: var(--charcoal);
border-bottom: 1px solid var(--cream); transition: all .25s ease;
text-decoration: none; position: relative;
}
.aly-dropdown-menu a::after { display: none; }
.aly-dropdown-menu a:last-child { border-bottom: none; }
.aly-dropdown-menu a::before {
content: ''; width: 6px; height: 6px; min-width: 6px;
border-radius: 50%; background: var(--border); transition: background .25s ease;
}
.aly-dropdown-menu a:hover { background: var(--cream); color: var(--gold); padding-left: 24px; }
.aly-dropdown-menu a:hover::before { background: var(--gold); }
.aly-dropdown:hover > .aly-dropdown-menu {
opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}

/* ===== DESKTOP ACTION BUTTONS ===== */
.aly-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

.aly-call {
color: var(--charcoal); text-decoration: none; font-weight: 600; font-size: 13.5px;
display: inline-flex; align-items: center; justify-content: center;
gap: 7px; padding: 10px 20px; min-height: 42px;
border-radius: 50px; border: 1.5px solid rgba(176,141,44,.3);
transition: all .3s ease; white-space: nowrap;
-webkit-tap-highlight-color: transparent;
}
.aly-call i { color: var(--gold); font-size: 13px; }
.aly-call:hover {
color: var(--gold); border-color: var(--gold);
background: rgba(176,141,44,.05);
box-shadow: 0 2px 12px rgba(176,141,44,.12);
}
.aly-call:active { transform: scale(.97); }

.aly-book-btn {
background: var(--gold-gradient); color: var(--white);
padding: 10px 24px; min-height: 42px;
border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 13.5px;
display: inline-flex; align-items: center; justify-content: center;
gap: 7px; transition: all .3s ease;
box-shadow: 0 4px 14px rgba(176,141,44,.22); white-space: nowrap;
-webkit-tap-highlight-color: transparent;
}
.aly-book-btn:hover {
transform: translateY(-2px); color: var(--white);
box-shadow: 0 8px 24px rgba(176,141,44,.32);
}
.aly-book-btn:active { transform: translateY(0) scale(.97); }

.mobile-book, .mobile-call { display: none; }

/* ===== MENU BUTTON ===== */
.menu-btn {
display: none; border: none; background: none; font-size: 22px;
color: var(--charcoal); cursor: pointer; border-radius: 10px;
width: 44px; height: 44px; align-items: center; justify-content: center;
flex-shrink: 0; transition: background .2s;
-webkit-tap-highlight-color: transparent;
}
.menu-btn:hover { background: rgba(176,141,44,.06); }
.menu-btn:active { background: rgba(176,141,44,.1); }

.menu-overlay {
position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 1000;
backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
opacity: 0; visibility: hidden;
transition: opacity .35s ease, visibility .35s ease;
}
.menu-overlay.active { opacity: 1; visibility: visible; }

/* =====================================================
RESPONSIVE — LAPTOP (≤1200px)
===================================================== */
@media (max-width: 1200px) {
.aly-nav { gap: 18px; }
.aly-logo-text { font-size: 1.12rem; }
.aly-dropdown-menu { width: 300px; }
.aly-call { padding: 9px 16px; font-size: 13px; min-height: 40px; }
.aly-book-btn { padding: 9px 18px; font-size: 13px; min-height: 40px; }
}

/* =====================================================
RESPONSIVE — TABLET (≤1024px)
===================================================== */
@media (max-width: 1024px) {
:root { --topbar-h: 40px; --header-h: 68px; }
body { padding-top: calc(var(--topbar-h) + var(--header-h)); }
.hide-on-tablet { display: none !important; }
.aly-actions { display: none; }
.menu-btn { display: flex; }

.aly-nav {
position: fixed;
top: calc(var(--topbar-h) + var(--header-h));
left: 0;
width: 300px;
height: calc(100dvh - var(--topbar-h) - var(--header-h));
height: calc(100vh - var(--topbar-h) - var(--header-h));
background: var(--white); flex-direction: column; align-items: stretch;
padding: 8px 0 30px; overflow-y: auto; -webkit-overflow-scrolling: touch;
box-shadow: 6px 0 30px rgba(0,0,0,.12);
transform: translateX(-100%);
transition: transform .4s cubic-bezier(.25,.46,.45,.94);
z-index: 1001; will-change: transform;
}
.aly-nav.active { transform: translateX(0); }

.aly-nav > a, .aly-dropdown > a {
width: 100%; padding: 15px 24px; font-size: 16px;
}
.aly-nav > a::after, .aly-dropdown > a::after { display: none; }

/* Mobile dropdown trigger */
.aly-dropdown > a {
justify-content: space-between;
-webkit-tap-highlight-color: transparent;
}
.aly-dropdown > a .dd-arrow {
font-size: 13px; color: #888;
transition: transform .3s ease;
}
.aly-dropdown.mobile-open > a .dd-arrow {
transform: rotate(180deg);
color: var(--gold);
}
.aly-dropdown.mobile-open > a {
color: var(--gold);
}

/* Mobile dropdown menu — hidden by default */
.aly-dropdown-menu {
position: static; width: 100%; transform: none;
opacity: 1; visibility: visible; box-shadow: none;
padding: 0; border-radius: 0; display: none;
}
.aly-dropdown-menu::before { display: none; }

/* Show when toggled */
.aly-dropdown.mobile-open .aly-dropdown-menu {
display: block !important;
}

/* Mobile dropdown items */
.aly-dropdown-menu a {
display: block; padding: 13px 24px 13px 38px;
font-size: 14.5px; font-weight: 500; color: #555;
border-bottom: none; border-radius: 0;
-webkit-tap-highlight-color: transparent;
}
.aly-dropdown-menu a::before { display: none; }
.aly-dropdown-menu a::after { display: none; }
.aly-dropdown-menu a:hover, .aly-dropdown-menu a:active {
background: var(--cream); color: var(--gold);
}

/* Mobile CTAs */
.mobile-book {
display: flex; width: calc(100% - 48px); margin: 24px 24px 0;
justify-content: center; align-items: center; gap: 10px;
padding: 15px 20px; min-height: 50px;
background: var(--gold-gradient); color: var(--white) !important;
border-radius: 50px; font-size: 16px; font-weight: 600;
text-decoration: none; box-shadow: 0 4px 16px rgba(176,141,44,.25);
-webkit-tap-highlight-color: transparent;
transition: transform .2s ease, box-shadow .2s ease;
}
.mobile-book:active { transform: scale(.97); box-shadow: 0 2px 8px rgba(176,141,44,.2); }

.mobile-call {
display: flex; width: calc(100% - 48px); margin: 12px 24px 0;
justify-content: center; align-items: center; gap: 10px;
padding: 15px 20px; min-height: 50px;
border-radius: 50px; font-size: 16px; font-weight: 600;
color: var(--charcoal); text-decoration: none;
border: 1.5px solid rgba(176,141,44,.3);
-webkit-tap-highlight-color: transparent;
transition: all .2s ease;
}
.mobile-call i { color: var(--gold); font-size: 16px; }
.mobile-call:active { background: rgba(176,141,44,.04); transform: scale(.97); }
}

/* =====================================================
RESPONSIVE — MOBILE (≤768px)
===================================================== */
@media (max-width: 768px) {
:root { --topbar-h: 36px; --header-h: 62px; }
body { padding-top: calc(var(--topbar-h) + var(--header-h)); }
html { scroll-padding-top: calc(var(--topbar-h) + var(--header-h) + 10px); }
.aly-topbar { font-size: 12px; }
.aly-left { gap: 14px; }
.aly-contact-item i { font-size: 11px; margin-right: 5px; }
.hide-on-mobile { display: none !important; }
.aly-right { display: none !important; }
.aly-container { padding: 0 14px; }
.aly-logo img { width: 40px; height: 40px; }
.aly-logo-text { font-size: .98rem; }
.aly-logo a { gap: 9px; }
.aly-nav {
top: calc(var(--topbar-h) + var(--header-h));
height: calc(100dvh - var(--topbar-h) - var(--header-h));
height: calc(100vh - var(--topbar-h) - var(--header-h));
width: 270px;
}
.aly-nav > a, .aly-dropdown > a { font-size: 15px; padding: 14px 20px; }
.aly-dropdown-menu a { font-size: 14px; padding: 12px 20px 12px 34px; }
.mobile-book {
width: calc(100% - 40px); margin: 20px 20px 0;
font-size: 15px; padding: 14px 18px; min-height: 48px;
}
.mobile-call {
width: calc(100% - 40px); margin: 10px 20px 0;
font-size: 15px; padding: 14px 18px; min-height: 48px;
}
}

/* =====================================================
RESPONSIVE — SMALL MOBILE (≤480px)
===================================================== */
@media (max-width: 480px) {
:root { --topbar-h: 34px; --header-h: 58px; }
body { padding-top: calc(var(--topbar-h) + var(--header-h)); }
html { scroll-padding-top: calc(var(--topbar-h) + var(--header-h) + 8px); }
.aly-topbar { font-size: 11px; }
.aly-left { gap: 10px; }
.aly-contact-item i { font-size: 10px; margin-right: 4px; }
.aly-container { padding: 0 12px; }
.aly-logo img { width: 36px; height: 36px; }
.aly-logo-text { font-size: .88rem; }
.aly-logo a { gap: 8px; }
.aly-nav {
width: 100%;
top: calc(var(--topbar-h) + var(--header-h));
height: calc(100dvh - var(--topbar-h) - var(--header-h));
height: calc(100vh - var(--topbar-h) - var(--header-h));
}
.aly-nav > a, .aly-dropdown > a { font-size: 14.5px; padding: 13px 18px; }
.aly-dropdown-menu a { font-size: 13.5px; padding: 11px 18px 11px 30px; }
.mobile-book {
width: calc(100% - 36px); margin: 18px 18px 0;
font-size: 14.5px; padding: 13px 16px; min-height: 46px;
}
.mobile-call {
width: calc(100% - 36px); margin: 10px 18px 0;
font-size: 14.5px; padding: 13px 16px; min-height: 46px;
}
}

@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}
</style>
</head>
<body>

<div class="aly-topbar">
<div class="aly-container">
<div class="aly-left">
<span class="aly-contact-item">
<i class="fas fa-phone-alt"></i>
<a href="tel:+919411744415">+91 94117 44415</a>
</span>
<span class="aly-contact-item hide-on-mobile">
<i class="fas fa-envelope"></i>
<a href="mailto:info@aaradhyaluxuryyatra.in">info@aaradhyaluxuryyatra.in</a>
</span>
</div>
<div class="aly-right">
<span class="aly-contact-item hide-on-tablet">
<i class="fas fa-location-dot"></i>
Delhi – Dharchula NH-9, Kalika, Dharchula
</span>
</div>
</div>
</div>

<header class="aly-header" id="mainHeader">
<div class="aly-container">
<div class="aly-logo">
<a href="https://aaradhyaluxuryyatra.in/">
<img src="https://www.aaradhyaluxuryyatra.in/wp-content/uploads/2026/07/photo_6199242176441553095_y.jpg" alt="Aaradhya Luxury Yatra">
<span class="aly-logo-text">Aaradhya Luxury Yatra</span>
</a>
</div>

<nav class="aly-nav" id="mainMenu">
<a href="https://aaradhyaluxuryyatra.in/">Home</a>
<a href="https://aaradhyaluxuryyatra.in/about-us/">About</a>

<div class="aly-dropdown">
<a href="https://aaradhyaluxuryyatra.in/tour-packages/">
<span>Yatra Packages</span>
<i class="fas fa-angle-down dd-arrow"></i>
</a>
<div class="aly-dropdown-menu">
<a href="/kailash-mansarovar-yatra/">Kailash Mansarovar Yatra</a>
<a href="/adi-kailash-om-parvat-yatra/">Adi Kailash & Om Parvat Yatra</a>
<a href="/char-dham-yatra/">Char Dham Yatra</a>
<a href="/do-dham-yatra/">Do Dham Yatra</a>
<a href="/helicopter-yatra/">Helicopter Yatra</a>
<a href="/haridwar-rishikesh-tour-package/">Haridwar & Rishikesh Tour Package</a>
<a href="/nainital-kainchi-dham-tour-package/">Nainital & Kainchi Dham Tour Package</a>
</div>
</div>

<a href="https://aaradhyaluxuryyatra.in/destinations/">Destinations</a>
<a href="https://aaradhyaluxuryyatra.in/gallery/">Gallery</a>
<a href="https://aaradhyaluxuryyatra.in/contact-us/">Contact</a>

<a href="https://wa.me/919411744415" class="mobile-book" target="_blank" rel="noopener">
<i class="fab fa-whatsapp"></i> WhatsApp Us
</a>
<a href="tel:+919411744415" class="mobile-call">
<i class="fas fa-phone"></i> Call Now
</a>
</nav>

<div class="aly-actions">
<a href="tel:+919411744415" class="aly-call">
<i class="fas fa-phone"></i> Call Now
</a>
<a href="https://wa.me/919411744415" class="aly-book-btn" target="_blank" rel="noopener">
<i class="fab fa-whatsapp"></i> WhatsApp Us
</a>
</div>

var menuBtn = document.getElementById("menuBtn");
var menu = document.getElementById("mainMenu");
var overlay = document.getElementById("menuOverlay");
var header = document.getElementById("mainHeader");
var menuOpen = false;

function openMenu() {
menuOpen = true;
menu.classList.add("active");
overlay.classList.add("active");
menuBtn.innerHTML = '<i class="fas fa-times"></i>';
document.body.style.overflow = "hidden";
}

function closeMenu() {
menuOpen = false;
menu.classList.remove("active");
overlay.classList.remove("active");
menuBtn.innerHTML = '<i class="fas fa-bars"></i>';
document.body.style.overflow = "";

/* Reset mobile dropdown when closing */
var dd = document.querySelector(".aly-dropdown");
if (dd) dd.classList.remove("mobile-open");
}

menuBtn.addEventListener("click", function () {
menuOpen ? closeMenu() : openMenu();
});

overlay.addEventListener("click", closeMenu);

/* Close menu on nav link click — skip dropdown trigger */
menu.querySelectorAll("a").forEach(function (link) {
link.addEventListener("click", function () {
if (this.closest(".aly-dropdown")) {
return;
}
if (menuOpen) {
closeMenu();
}
});
});

/* Mobile dropdown toggle */
var dropdown = document.querySelector(".aly-dropdown > a");

if (dropdown) {
dropdown.addEventListener("click", function (e) {
if (window.innerWidth <= 1024) {
e.preventDefault();
var parent = this.parentElement;
parent.classList.toggle("mobile-open");
}
});
}

/* Scroll shadow */
var tick = false;
window.addEventListener("scroll", function () {
if (!tick) {
requestAnimationFrame(function () {
header.classList.toggle("scrolled", (window.pageYOffset || document.documentElement.scrollTop) > 10);
tick = false;
});
tick = true;
}
}, { passive: true });

/* Resize cleanup */
var rt;
window.addEventListener("resize", function () {
clearTimeout(rt);
rt = setTimeout(function () {
if (window.innerWidth > 1024 && menuOpen) closeMenu();
/* Reset dropdown state when crossing breakpoint */
if (window.innerWidth > 1024) {
var dd = document.querySelector(".aly-dropdown");
if (dd) dd.classList.remove("mobile-open");
}
}, 100);
});

/* Escape key */
document.addEventListener("keydown", function (e) {
if (e.key === "Escape" && menuOpen) {
closeMenu();
menuBtn.focus();
}
});

});
</script>
</body>
</html>

Contact Us

✨ CONTACT US

Get In Touch With Us

We are always ready to help you plan your spiritual journey.

Office Address

Aaradhya Luxury Yatra
Delhi–Dharchula NH-9
Near Government Inter College
Kalika, Dharchula
Pithoragarh, Uttarakhand – 262576

Send Your Inquiry

Business Hours

Monday – Saturday	09:00 AM – 07:00 PM
Sunday	Emergency Support Only

Quick Answers

How can I book a tour?

You can contact us directly through phone, WhatsApp, or by filling out the inquiry form above.

Do you arrange permits?

Yes, our team assists travelers with all required permits for various pilgrimage routes.

Do you provide transportation?

Yes, comfortable and luxury transportation is included in most of our packages.

Aaradhya Luxury Yatra | Footer