<!DOCTYPE html>
<html lang="en-IN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<!-- Resource hints — fonts.googleapis.com only on inner pages (homepage has no Google Fonts) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="dns-prefetch" href="https://checkout.razorpay.com">
<meta name="csrf-token" content="2da7754926c7f2e4b15b16bca15972624d476c0be5aeb08e2407909a3821d950">
<title>Car Rental in Mumbai | Sedan, SUV &amp; Innova on Hire | 24/7 Booking</title>
<meta name="description" content="Book car rental in Mumbai starting ₹799/day. Innova Crysta, CNG Swift Dzire, Tempo Traveller on hire in Mumbai for airport transfers, outstation trips &amp; local.">
<meta name="keywords" content="car rental in mumbai, cab service mumbai, taxi booking mumbai, car hire mumbai, mumbai cab, best cab service mumbai, 24 hour cab mumbai, cheap car rental mumbai, innova on rent mumbai, cab mumbai airport, car on hire in Mumbai, Mumbai car rental, cab rental Mumbai, self drive car rental Mumbai, outstation car rental Mumbai, airport car rental Mumbai, car rental service Mumbai, hire a car Mumbai, car on rent Mumbai, tempo traveller on hire Mumbai, Innova Crysta on hire Mumbai, car hire for outstation Mumbai">
<meta name="author" content="Miles Tours and Travels">
<link rel="canonical" href="https://milestoursandtravels.co.in/car-rental-in-mumbai">
<link rel="alternate" hreflang="en-IN" href="https://milestoursandtravels.co.in/car-rental-in-mumbai">
<link rel="alternate" hreflang="x-default" href="https://milestoursandtravels.co.in/car-rental-in-mumbai">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="theme-color" content="#0a1f44">
<!-- ── Open Graph / WhatsApp / Facebook / LinkedIn link preview ── -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://milestoursandtravels.co.in/car-rental-in-mumbai">
<meta property="og:title" content="Car Rental in Mumbai | Car on Hire | Miles Tours &amp; Travels">
<meta property="og:description" content="Book car rental in Mumbai starting ₹799/day. Innova Crysta, CNG Swift Dzire, Tempo Traveller on hire for airport transfers, outstation trips &amp; local sightseeing. 24/7 service.">
<meta property="og:image" content="https://milestoursandtravels.co.in/images/og-banner.jpg">
<meta property="og:image:secure_url" content="https://milestoursandtravels.co.in/images/og-banner.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Miles Tours and Travels - Mumbai's trusted cab service since 2011">
<meta property="og:site_name" content="Miles Tours and Travels">
<meta property="og:locale" content="en_IN">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
<!-- WhatsApp-specific: prevents some WA clients from caching a tiny thumbnail -->
<meta property="al:web:url" content="https://milestoursandtravels.co.in/car-rental-in-mumbai">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@milestours">
<meta name="twitter:title" content="Car Rental in Mumbai | Sedan, SUV &amp; Innova on Hire | 24/7 Booking">
<meta name="twitter:description" content="Book car rental in Mumbai starting ₹799/day. Innova Crysta, CNG Swift Dzire, Tempo Traveller on hire in Mumbai for airport transfers, outstation trips &amp; local.">
<meta name="twitter:image" content="https://milestoursandtravels.co.in/images/og-banner.jpg">
<meta name="twitter:image:alt" content="Miles Tours and Travels - Mumbai cab service">

<link rel="dns-prefetch" href="https://maps.gstatic.com">
<!-- Razorpay only loads at payment time — preconnect on booking/checkout/inner pages, NOT the homepage
     (it never loads Razorpay), so the homepage keeps those 2 connection slots free during LCP. -->
<link rel="preconnect" href="https://checkout.razorpay.com" crossorigin>
<link rel="preconnect" href="https://api.razorpay.com" crossorigin>

<link rel="preload" as="image" href="/images/Miles-Logo-copy.webp" type="image/webp" fetchpriority="high">
<!-- LCP image preload — set $lcp_preload before including header.php -->

<!-- Bootstrap CSS — homepage uses a per-page Bootstrap subset (mirrors fa-homepage.min.css pattern); inner pages get the full purged build. -->
<link rel="preload" href="/css/bootstrap-purged.min.css" as="style">
<link rel="stylesheet" href="/css/bootstrap-purged.min.css" media="print" onload="this.onload=null;this.media='all'">
<noscript><link rel="stylesheet" href="/css/bootstrap-purged.min.css"></noscript>

<!-- Brand overrides — inlined to eliminate render-blocking HTTP round-trip (was last blocking CSS on all pages).
     Content mirrors /css/brand-overrides.css — update both if changing. -->
<style>:root{--brand-navy:#0a1f44;--brand-navy-dark:#081834;--brand-amber:#f59e0b}.btn-primary{--bs-btn-bg:var(--brand-navy);--bs-btn-border-color:var(--brand-navy);--bs-btn-color:#fff;--bs-btn-hover-bg:var(--brand-navy-dark);--bs-btn-hover-border-color:var(--brand-navy-dark);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--brand-navy-dark);--bs-btn-active-border-color:var(--brand-navy-dark);--bs-btn-active-color:#fff;--bs-btn-disabled-bg:var(--brand-navy);--bs-btn-disabled-border-color:var(--brand-navy);--bs-btn-disabled-color:#fff;background-color:var(--brand-navy);border-color:var(--brand-navy);color:#fff;padding:.6rem 1.4rem;border-radius:8px;font-weight:600;letter-spacing:.01em;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.btn-primary:hover{background-color:var(--brand-navy-dark);border-color:var(--brand-navy-dark);color:#fff;box-shadow:0 6px 18px rgba(10,31,68,.28);transform:translateY(-1px)}.btn-primary:focus,.btn-primary:focus-visible,.btn-primary:active,.btn-primary.active{background-color:var(--brand-navy-dark);border-color:var(--brand-navy-dark);color:#fff;box-shadow:0 0 0 .25rem rgba(10,31,68,.35)}.btn-outline-primary{--bs-btn-color:var(--brand-navy);--bs-btn-border-color:var(--brand-navy);--bs-btn-hover-bg:var(--brand-navy);--bs-btn-hover-border-color:var(--brand-navy);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--brand-navy);--bs-btn-active-border-color:var(--brand-navy);--bs-btn-active-color:#fff;--bs-btn-disabled-color:var(--brand-navy);--bs-btn-disabled-border-color:var(--brand-navy);color:var(--brand-navy);border-color:var(--brand-navy);border-radius:8px;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.btn-outline-primary:hover{background-color:var(--brand-navy);border-color:var(--brand-navy);color:#fff;box-shadow:0 6px 18px rgba(10,31,68,.22);transform:translateY(-1px)}.btn-outline-primary:focus,.btn-outline-primary:focus-visible,.btn-outline-primary:active,.btn-outline-primary.active{background-color:var(--brand-navy);border-color:var(--brand-navy);color:#fff;box-shadow:0 0 0 .25rem rgba(10,31,68,.35)}.text-primary{color:var(--brand-navy)!important}.link-primary{color:var(--brand-navy)!important}.link-primary:hover,.link-primary:focus{color:var(--brand-navy-dark)!important}.bg-primary{background-color:var(--brand-navy)!important}.border-primary{border-color:var(--brand-navy)!important}main a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.btn-wa),.svc-related a:not(.btn):not(.btn-wa),.svc-bc a,article a:not(.btn):not(.btn-wa),.content a:not(.btn):not(.btn-wa){color:var(--brand-navy);text-decoration-color:rgba(10,31,68,.35);transition:color .18s ease,text-decoration-color .18s ease}main a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.btn-wa):hover,.svc-related a:not(.btn):not(.btn-wa):hover,.svc-bc a:hover,article a:not(.btn):not(.btn-wa):hover,.content a:not(.btn):not(.btn-wa):hover{color:var(--brand-amber);text-decoration-color:var(--brand-amber)}.text-amber,.text-accent{color:var(--brand-amber)!important}a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand-navy);outline-offset:2px}main h1,.svc-hero h1,article h1,.content h1{font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.2;font-weight:700;letter-spacing:-.01em}main h2,article h2,.content h2{font-size:clamp(1.4rem,2.8vw,1.8rem);line-height:1.25;font-weight:700}main h3,article h3,.content h3{font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.3;font-weight:600}main h4,article h4,.content h4{font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.35;font-weight:600}main section{padding-top:clamp(2rem,4vw,3.25rem);padding-bottom:clamp(2rem,4vw,3.25rem)}main h2,main h3{margin-bottom:.6em}a{transition:color .18s ease}</style>

<!-- Font Awesome — non-blocking load via preload+swap. PSI flagged this
     as render-blocking (~1,650ms LCP cost). We use the double-load pattern
     (rel=preload onload swap + media=print onload swap) so icons render
     even if one onload misfires. Noscript fallback covers JS-off users. -->
<!-- Self-hosted FontAwesome — homepage uses 9KB subset (only icons on /, header, footer); inner pages use full purged set -->
<link rel="stylesheet" href="/css/fa-purged.min.css" media="print" onload="this.onload=null;this.media='all'">
<noscript><link rel="stylesheet" href="/css/fa-purged.min.css"></noscript>
<!-- FA woff2 preloads removed 2026-06-11: 156KB+118KB at High priority ate ~1.4s of
     slow-4G bandwidth before LCP (text, renders with fallback font — icons not LCP-critical).
     Fonts now load lazily when the FA CSS applies; icons paint a beat later, LCP much earlier. -->

<!-- Google Fonts — display=swap so Poppins replaces the system fallback as soon
     as it arrives. Previously display=optional, which silently kept the
     fallback font on slow networks (the "fonts look off" symptom). -->
<!-- Poppins web font intentionally NOT loaded; we use the local 'Poppins Fallback' Arial size-adjust block below to avoid any font-load CLS. -->
<!-- Poppins woff2 preloads intentionally removed: preloading saturated Slow 4G bandwidth,
     making Lighthouse treat the font download as the LCP-blocking resource (+1,600ms penalty).
     Without preloads, h1 renders immediately with Poppins Fallback (Arial) → early FCP,
     then Poppins loads async via Google Fonts CSS → quick swap → LCP stays early. -->

<!-- Playfair Display — only loaded on inner pages (outstation, destination, vehicle).
     Excluded from homepage to remove fonts.googleapis.com from LCP critical-path dependency tree. -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap" media="print" onload="this.onload=null;this.media='all'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap"></noscript>

<!-- Fallback system fonts while Google Fonts loads (reduces FOUT) -->
<style>
body { font-family: 'Poppins', 'Poppins Fallback', system-ui, sans-serif; }
.nb-topbar, .navbar, .hero-text, .hero-badge, .w-tabs, .w-tab, .w-card, .footer-cta-text { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
@font-face{font-family:'Poppins Fallback';src:local('Arial');size-adjust:106%;ascent-override:104%;descent-override:27%;line-gap-override:0%}
@font-face{font-family:'Playfair Display Fallback';src:local('Georgia');size-adjust:97%;ascent-override:103%;descent-override:28%;line-gap-override:0%}
.playfair,.section-title-serif,h2.serif{font-family:'Playfair Display','Playfair Display Fallback',Georgia,serif}
/* ── Critical rules from premium.css (above-fold impact) ── */
/* Font smoothing – affects all text rendered at FCP including hero h1 */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* Letter-spacing on headings – affects hero h1 layout before premium.css loads */
h1,h2,h3,h4,h5,h6{letter-spacing:-.01em}
/* Accessibility: focus ring used by booking widget tab buttons */
:focus-visible{outline:2px solid #f59e0b;outline-offset:3px}
/* Buttons & links transition – prevents flash of unstyled interactive states in widget */
a,button{transition:opacity .15s ease,transform .15s ease}
button:active,a:active{transform:scale(.97)}
</style>

<!-- conversion.js styles pre-rendered here (CLS fix 2026-06-04) — prevents runtime document.head.appendChild() forcing style recompute on all .miles-reveal elements -->
<style id="miles-conv-css">@keyframes callPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:767px){#miles-call-float{bottom:155px;right:20px;width:48px;height:48px;font-size:1rem}}.miles-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.miles-reveal.is-visible{opacity:1;transform:none}#miles-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:9998;display:flex;background:#0a1628;border-top:2px solid #f59e0b;padding:.55rem 1rem;gap:.5rem;transform:translateY(100%);transition:transform .3s}#miles-sticky-bar.visible{transform:translateY(0)}#miles-sticky-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;border-radius:8px;font-size:.82rem;font-weight:700;text-decoration:none;text-align:center}#miles-sticky-bar .sb-book{background:#f59e0b;color:#0a1628}#miles-sticky-bar .sb-wa{background:#006d3c;color:#fff}#miles-sticky-bar .sb-call{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}@media(min-width:768px){#miles-sticky-bar{display:none}}</style>

<!-- Form validation styles — inlined (was render-blocking per PSI, ~1.6KB) -->
<style>
.form-group,.form-field,.input-group{position:relative;margin-bottom:1rem}.is-valid{border-color:#16a34a !important}.is-invalid{border-color:#dc2626 !important;box-shadow:0 0 0 3px rgba(220,38,38,.12) !important}.is-valid:focus{box-shadow:0 0 0 3px rgba(22,163,74,.15) !important}.field-feedback{font-size:.85rem;margin-top:.35rem;min-height:1.05rem;line-height:1.3}.field-feedback.error{color:#dc2626}.field-feedback.success{color:#16a34a}.has-error label{color:#dc2626}.has-success label{color:#16a34a}.password-strength{margin-top:.5rem;font-size:.82rem}.password-strength .ps-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.password-strength .ps-fill{height:100%;width:0;transition:width .25s ease,background .25s ease;background:#ef4444}.password-strength .ps-fill.ps-very-weak{background:#ef4444}.password-strength .ps-fill.ps-weak{background:#f97316}.password-strength .ps-fill.ps-fair{background:#eab308}.password-strength .ps-fill.ps-good{background:#84cc16}.password-strength .ps-fill.ps-strong{background:#16a34a}.password-strength .ps-label{margin-top:.25rem;color:#4b5563;font-weight:600}.password-strength .ps-checks{list-style:none;padding:0;margin:.35rem 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.15rem .75rem}.password-strength .ps-checks li{color:#6b7280;padding-left:1.1rem;position:relative}.password-strength .ps-checks li::before{content:'\2715';position:absolute;left:0;color:#dc2626}.password-strength .ps-checks li.ok{color:#16a34a}.password-strength .ps-checks li.ok::before{content:'\2713';color:#16a34a}@media (max-width:480px){.password-strength .ps-checks{grid-template-columns:1fr}}
</style>

<!-- Shared component + premium styles — inlined to eliminate 2 HTTP roundtrips (~300ms at Slow 4G) -->
<style>.section{padding:3.5rem 0}.section-alt{background:#f8faff}.section-inner{max-width:1060px;margin:0 auto;padding:0 1.25rem}.section-title{font-size:1.5rem;font-weight:800;color:#111;margin-bottom:.4rem;text-align:center}.section-sub{font-size:.9rem;color:#4b5563;margin-bottom:2rem;text-align:center}section h2,section .h2{text-align:center}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.svc-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden;text-align:center;transition:transform .2s,box-shadow .2s}.svc-card:hover{border-color:#0a1f44;box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.svc-body{padding:1.6rem 1rem 1.2rem}.svc-icon{width:62px;height:62px;border-radius:16px;font-size:1.45rem;display:flex;align-items:center;justify-content:center;margin:0 auto .85rem;transition:transform .2s}.svc-card:hover .svc-icon{transform:translateY(-3px)}.svc-name{font-size:.88rem;font-weight:700;color:#111;margin-bottom:.3rem}.svc-desc{font-size:.875rem;color:#4b5563}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.fleet-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:transform .2s,opacity .2s}.fleet-card:hover{border-color:#0a1f44;box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.fleet-img{height:160px;overflow:hidden;background:#f3f4f6}.fleet-img img{width:100%;height:100%;object-fit:cover}.fleet-body{padding:1rem}.fleet-name{font-size:.95rem;font-weight:700;color:#111;margin-bottom:3px}.fleet-meta{font-size:.875rem;color:#4b5563;margin-bottom:.5rem}.fleet-price{font-size:.9rem;font-weight:700;color:#0a1f44;margin-bottom:.7rem}.fleet-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:44px;background:transparent;border:1.5px solid #0a1f44;color:#0a1f44;border-radius:7px;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .18s,transform .18s}.fleet-btn:hover{background:#0a1f44;color:#fff}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.why-card{background:#fff;border-radius:12px;padding:1.4rem;border:1.5px solid #e5e7eb;transition:transform .2s,opacity .2s}.why-card:hover{border-color:#0a1f44;box-shadow:0 4px 20px rgba(0,0,0,.08)}.why-icon{font-size:1.6rem;color:#0a1f44;margin-bottom:.6rem}.why-title{font-size:.92rem;font-weight:700;color:#111;margin-bottom:.35rem}.why-desc{font-size:.8rem;color:#4b5563;line-height:1.55}.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.area-card{background:#fff;border-radius:12px;padding:1.2rem;border:1.5px solid #e5e7eb}.area-title{font-size:.9rem;font-weight:700;color:#111;margin-bottom:.6rem}.area-title a{text-decoration:none;color:#111;min-height:44px;display:inline-flex;align-items:center}.area-title a:hover{color:#0a1f44}.area-list{list-style:none;margin:0;padding:0}.area-list li{font-size:.875rem;color:#4b5563;margin-bottom:4px;display:flex;align-items:center;gap:7px}.area-list li i{color:#0a1f44;font-size:.7rem}.area-list li a{color:#4b5563;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.area-list li a:hover{color:#0a1f44}.faq-inner{max-width:760px;margin:0 auto}.faq-item{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:8px;overflow:hidden}.faq-q{width:100%;background:none;border:none;text-align:left;font-family:inherit;padding:1rem 1.2rem;font-size:.9rem;font-weight:600;color:#111;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:opacity .15s}.faq-q:hover{background:#f8faff}.faq-q .faq-icon{color:#0a1f44;transition:transform .2s}.faq-q.open .faq-icon{transform:rotate(45deg)}.faq-a{display:none;padding:.8rem 1.2rem 1rem;font-size:.85rem;color:#374151;line-height:1.6;border-top:1px solid #f3f4f6}.faq-a.open{display:block}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.review-card{background:#fff;border-radius:12px;padding:1.2rem;border:1.5px solid #e5e7eb}.review-stars{color:#f59e0b;font-size:.85rem;margin-bottom:.5rem}.review-text{font-size:.875rem;color:#374151;line-height:1.55;margin-bottom:.7rem;font-style:italic}.review-author{font-size:.78rem;font-weight:700;color:#111}.review-date{font-size:.72rem;color:#4b5563}.rc-outer{position:relative;overflow:hidden;padding:0 44px;height:280px}.rc-track{display:flex;gap:16px;transition:transform .8s cubic-bezier(.25,.1,.25,1);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);height:280px;align-items:flex-start;overflow:hidden}.rc-card{flex:0 0 calc(25% - 12px);min-width:calc(25% - 12px);background:#fff;border-radius:14px;padding:1rem 1.1rem;border:1.5px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column}.rc-card:hover{box-shadow:0 6px 20px rgba(30,60,114,.12)}@media(max-width:1100px){.rc-card{flex:0 0 calc(33.333% - 11px);min-width:calc(33.333% - 11px)}}@media(max-width:768px){.rc-card{flex:0 0 calc(50% - 8px);min-width:calc(50% - 8px)}}@media(max-width:500px){.rc-card{flex:0 0 100%;min-width:100%}}.rc-author-row{display:flex;align-items:center;gap:9px;margin-bottom:.5rem}.rc-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e5e7eb;border:2px solid #f3f4f6}.rc-avatar-placeholder{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#0a1f44,#142e5e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.rc-author-name{font-size:.82rem;font-weight:700;color:#111;margin-bottom:1px;line-height:1.2}.rc-author-time{font-size:.75rem;color:#4b5563}.rc-stars{color:#f59e0b;font-size:.8rem;margin-bottom:.4rem;letter-spacing:1px}.rc-text{font-size:.78rem;color:#374151;line-height:1.5;font-style:italic;margin-bottom:.5rem;flex:1}.rc-google-badge{display:flex;align-items:center;gap:5px;font-size:.68rem;color:#4b5563;margin-top:auto;padding-top:.4rem;border-top:1px solid #f3f4f6}.rc-google-badge svg{width:14px;height:14px;flex-shrink:0}.rc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid #e5e7eb;color:#0a1f44;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:opacity .18s,transform .18s;z-index:2}.rc-arrow:hover{background:#0a1f44;color:#fff;border-color:#0a1f44}.rc-prev{left:0}.rc-next{right:0}.rc-dots{display:flex;justify-content:center;gap:8px;margin-top:1.2rem}.rc-dot{width:44px;height:44px;border-radius:50%;background:transparent;cursor:pointer;transition:transform .25s,opacity .25s;border:none;padding:0;display:flex;align-items:center;justify-content:center}.rc-dot::after{content:'';display:block;width:8px;height:8px;border-radius:4px;background:#d1d5db;transform-origin:center;transition:transform .25s,opacity .25s}.rc-dot.active::after{background:#0a1f44;transform:scaleX(3)}.rc-loading{text-align:center;padding:2.5rem;color:#6b7280;width:100%;font-size:.88rem}.cta-banner{background:linear-gradient(135deg,#0a2a44,#0a1f44);color:#fff;padding:3rem 1.25rem;text-align:center}.cta-banner h2{font-size:1.6rem;font-weight:800;margin-bottom:.5rem}.cta-banner p{font-size:.9rem;opacity:.85;margin-bottom:1.5rem}.cta-banner .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-white{padding:12px 28px;background:#fff;color:#0a1f44;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .2s}.btn-white:hover{opacity:.92;color:#0a1f44}.btn-wa{padding:12px 28px;background:#004d28;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .2s;display:flex;align-items:center;gap:8px}.btn-wa:hover{opacity:.92;color:#fff}@media(max-width:900px){.fleet-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr 1fr}.areas-grid{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}}@media(max-width:560px){.fleet-grid{grid-template-columns:1fr}}@media(max-width:540px){.fleet-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}}
html{scroll-behavior:smooth}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card,[class*="-card"]{transition:transform .25s cubic-bezier(.4,0,.2,1)}.card:hover,[class*="-card"]:hover{will-change:transform}.section-gap{padding:4rem 0}.section-gap-sm{padding:2.5rem 0}@media(max-width:768px){.section-gap{padding:2.5rem 0}.section-gap-sm{padding:1.5rem 0}}.trust-strip{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:center;padding:1rem 1.25rem;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.trust-strip-item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:#475569}.trust-strip-item i{color:#f59e0b;font-size:.85rem}.trust-strip-item strong{color:#0a1f44}.gradient-text{background:linear-gradient(135deg,#0a1f44,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wa-float{will-change:transform}.img-skeleton{background:#f0f0f0;overflow:hidden;position:relative}.img-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translateX(-100%);animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.premium-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0 30%,#e2e8f0 70%,transparent);border:none;margin:2rem 0}.btn-premium-primary{background:linear-gradient(135deg,#0a1f44,#142e5e);color:#fff;border:none;padding:.75rem 1.75rem;border-radius:10px;font-weight:700;font-size:.95rem;letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 15px rgba(30,60,114,.3);transition:transform .25s,opacity .25s}.btn-premium-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,60,114,.4);color:#fff}.btn-premium-accent{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0a1628;border:none;padding:.75rem 1.75rem;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px rgba(245,158,11,.3)}.btn-premium-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,158,11,.4);color:#0a1628}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}html{scroll-behavior:auto}}@media print{.wa-float,#miles-call-float,#miles-sticky-bar,.nb-topbar,nav{display:none !important}}</style>

<!-- Non-critical interactive styles (inlined to avoid extra HTTP request) -->
<style>
.wa-float-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(37,211,102,.4);animation:wa-pulse 2s ease-out infinite}
@keyframes wa-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.6);opacity:0}}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(37,211,102,.6)}
.wa-float i{color:#fff;font-size:1.6rem}
@media(min-width:768px){.wa-float{bottom:90px}}
/* Destination strip */
.dst-strip{background:#fff;border-bottom:1px solid #e8ecf0;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.dst-strip-inner{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;overflow-x:auto;scrollbar-width:none}
.dst-strip-inner::-webkit-scrollbar{display:none}
.dst-strip-label{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;padding-right:.25rem}
.dst-strip-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:999px;white-space:nowrap;font-size:.78rem;font-weight:600;text-decoration:none;background:#f1f5f9;color:#475569;border:1.5px solid transparent;transition:all .18s;flex-shrink:0}
.dst-strip-pill:hover{background:#0a1f44;color:#fff;border-color:#0a1f44;transform:translateY(-1px);box-shadow:0 3px 8px rgba(30,60,114,.2)}
.dst-strip-pill .pill-em{font-size:.85rem;line-height:1}
@media(max-width:767px){.dst-strip{display:none}}

/* ── Google Places Autocomplete dropdown — bigger + cleaner ── */
.pac-container{
  border-radius:12px !important;
  box-shadow:0 12px 32px rgba(10,31,68,.16),0 4px 10px rgba(10,31,68,.08) !important;
  border:1px solid #e5e7eb !important;
  margin-top:6px !important;
  padding:6px 0 !important;
  font-family:'Poppins',system-ui,sans-serif !important;
  min-width:420px !important;
  background:#fff !important;
  overflow:hidden;
  animation:pacFadeIn .2s cubic-bezier(.16,.84,.44,1);
  z-index:10000;
}
@keyframes pacFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.pac-item{
  padding:13px 16px !important;
  font-size:.92rem !important;
  line-height:1.45 !important;
  color:#475569 !important;
  border-top:1px solid #f1f5f9 !important;
  cursor:pointer;
  transition:background-color .12s ease;
}
.pac-item:first-child{border-top:none !important}
.pac-item:hover,.pac-item-selected{background:#f8faff !important}
.pac-item-query{
  font-size:.95rem !important;
  font-weight:600 !important;
  color:#0a1f44 !important;
  padding-right:6px;
}
.pac-matched{font-weight:700 !important;color:#0a1f44 !important}
.pac-icon{
  width:20px !important;
  height:20px !important;
  margin-right:8px !important;
  margin-top:2px !important;
}
.pac-logo:after{margin:6px 12px !important;background-size:contain !important;background-position:right center}
@media (max-width:540px){
  .pac-container{
    min-width:calc(100vw - 32px) !important;
    max-width:calc(100vw - 32px) !important;
    border-radius:10px !important;
  }
  .pac-item{padding:12px 14px !important;font-size:.88rem !important}
  .pac-item-query{font-size:.92rem !important}
}
</style>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": ["LocalBusiness", "TaxiService"],
      "@id": "https://milestoursandtravels.co.in/#localbusiness",
      "name": "Miles Tours and Travels",
      "alternateName": "Miles Tours & Travels",
      "description": "Premium outstation cab service in Mumbai. Airport transfers, corporate travel, wedding cars, and outstation trips across India. Serving since 2011.",
      "url": "https://milestoursandtravels.co.in",
      "telephone": "+918879099744",
      "email": "booking@milestoursandtravels.co.in",
      "foundingDate": "2011",
      "priceRange": "₹₹",
      "currenciesAccepted": "INR",
      "paymentAccepted": "Cash, Credit Card, Debit Card, UPI, Net Banking",
      "logo": {
        "@type": "ImageObject",
        "url": "https://milestoursandtravels.co.in/images/Miles-Logo-copy.jpg",
        "width": 220,
        "height": 104
      },
      "image": "https://milestoursandtravels.co.in/images/og-banner.jpg",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "A-505, Satya Sai Krupa Apartment, Satya Nagar, Borivali West",
        "addressLocality": "Mumbai",
        "addressRegion": "Maharashtra",
        "postalCode": "400092",
        "addressCountry": "IN"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 19.2191,
        "longitude": 72.8406
      },
      "openingHoursSpecification": [{
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
        "opens": "00:00",
        "closes": "23:59"
      }],
      "areaServed": [
        {"@type": "City", "name": "Mumbai"},
        {"@type": "City", "name": "Navi Mumbai"},
        {"@type": "City", "name": "Thane"},
        {"@type": "City", "name": "Mira Bhayandar"},
        {"@type": "State", "name": "Maharashtra"},
        {"@type": "Country", "name": "India"}
      ],
      "serviceArea": {
        "@type": "GeoCircle",
        "geoMidpoint": {"@type": "GeoCoordinates", "latitude": 19.0760, "longitude": 72.8777},
        "geoRadius": "800000"
      },
      "sameAs": [
        "https://www.facebook.com/milestoursandtravels/",
        "https://www.instagram.com/milestoursandtravels/",
        "https://www.linkedin.com/company/miles-tours-and-travels/",
        "https://maps.app.goo.gl/oha9JwEjcvysv2Tp9",
        "https://twitter.com/milestours",
        "https://x.com/milestours"
      ],
      "knowsAbout": [
        "Toyota Innova Crysta Rental",
        "Toyota Innova Hycross Rental",
        "Airport Taxi Mumbai",
        "Outstation Cab Mumbai",
        "Local Car Rental Mumbai"
      ],
      "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Car Rental & Cab Services",
        "url": "https://milestoursandtravels.co.in/services"
      }
    },
    {
      "@type": "Organization",
      "@id": "https://milestoursandtravels.co.in/#organization",
      "name": "Miles Tours and Travels",
      "url": "https://milestoursandtravels.co.in",
      "logo": "https://milestoursandtravels.co.in/images/Miles-Logo-copy.jpg",
      "contactPoint": [
        {
          "@type": "ContactPoint",
          "telephone": "+918879099744",
          "contactType": "customer service",
          "areaServed": "IN",
          "availableLanguage": ["English","Hindi","Marathi"],
          "hoursAvailable": {"@type": "OpeningHoursSpecification", "opens": "00:00", "closes": "23:59"}
        },
        {
          "@type": "ContactPoint",
          "telephone": "+918879099744",
          "contactType": "reservations",
          "areaServed": "IN"
        }
      ],
      "sameAs": [
        "https://www.facebook.com/milestoursandtravels/",
        "https://www.instagram.com/milestoursandtravels/",
        "https://www.linkedin.com/company/miles-tours-and-travels/",
        "https://twitter.com/milestours",
        "https://x.com/milestours"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://milestoursandtravels.co.in/#website",
      "url": "https://milestoursandtravels.co.in",
      "name": "Miles Tours and Travels",
      "description": "Premium outstation cab service in Mumbai",
      "potentialAction": {
        "@type": "SearchAction",
        "target": {"@type": "EntryPoint", "urlTemplate": "https://milestoursandtravels.co.in/booking?from={search_term_string}"},
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "ItemList",
      "name": "Cab Services by Miles Tours and Travels",
      "itemListElement": [
        {"@type":"ListItem","position":1,"name":"Airport Taxi Mumbai","url":"https://milestoursandtravels.co.in/airport-taxi"},
        {"@type":"ListItem","position":2,"name":"Outstation Taxi Mumbai","url":"https://milestoursandtravels.co.in/outstation-taxi"},
        {"@type":"ListItem","position":3,"name":"Corporate Car Rental","url":"https://milestoursandtravels.co.in/corporate-car-rental"},
        {"@type":"ListItem","position":4,"name":"One Way Cabs Mumbai","url":"https://milestoursandtravels.co.in/one-way-cab"},
        {"@type":"ListItem","position":5,"name":"Local Car Rentals Mumbai","url":"https://milestoursandtravels.co.in/local-car-rentals"},
        {"@type":"ListItem","position":6,"name":"Wedding Car Rental Mumbai","url":"https://milestoursandtravels.co.in/event-car-rental"},
        {"@type":"ListItem","position":7,"name":"Tempo Traveller Mumbai","url":"https://milestoursandtravels.co.in/tempo-traveller"},
        {"@type":"ListItem","position":8,"name":"Innova Crysta Rental Mumbai","url":"https://milestoursandtravels.co.in/innova-crysta-rental"}
      ]
    },
    {
      "@type": "ItemList",
      "name": "Popular Mumbai Cab Destinations",
      "description": "Top cab destinations from Mumbai by Miles Tours and Travels",
      "itemListElement": [
        {"@type":"ListItem","position":1,"name":"Mumbai to Shirdi Cab","url":"https://milestoursandtravels.co.in/mumbai-to-shirdi-cab"},
        {"@type":"ListItem","position":2,"name":"Mumbai to Lonavala Cab","url":"https://milestoursandtravels.co.in/mumbai-to-lonavala-cab"},
        {"@type":"ListItem","position":3,"name":"Mumbai to Mahabaleshwar Cab","url":"https://milestoursandtravels.co.in/mumbai-to-mahabaleshwar-cab"},
        {"@type":"ListItem","position":4,"name":"Mumbai to Nashik Cab","url":"https://milestoursandtravels.co.in/mumbai-to-nashik-cab"},
        {"@type":"ListItem","position":5,"name":"Mumbai to Alibaug Cab","url":"https://milestoursandtravels.co.in/mumbai-to-alibaug-cab"},
        {"@type":"ListItem","position":6,"name":"Mumbai to Pune Cab","url":"https://milestoursandtravels.co.in/mumbai-to-pune-cab"},
        {"@type":"ListItem","position":7,"name":"Mumbai to Aurangabad Cab","url":"https://milestoursandtravels.co.in/mumbai-to-aurangabad-cab"},
        {"@type":"ListItem","position":8,"name":"Mumbai to Goa Cab","url":"https://milestoursandtravels.co.in/mumbai-to-goa-cab"},
        {"@type":"ListItem","position":9,"name":"Mumbai to Udaipur Cab","url":"https://milestoursandtravels.co.in/mumbai-to-udaipur-cab"},
        {"@type":"ListItem","position":10,"name":"Mumbai to Jaipur Cab","url":"https://milestoursandtravels.co.in/mumbai-to-jaipur-cab"},
        {"@type":"ListItem","position":11,"name":"Mumbai to Ajanta Caves Cab","url":"https://milestoursandtravels.co.in/mumbai-to-ajanta-caves-cab"},
        {"@type":"ListItem","position":12,"name":"Mumbai to Ellora Caves Cab","url":"https://milestoursandtravels.co.in/mumbai-to-ellora-caves-cab"},
        {"@type":"ListItem","position":13,"name":"Mumbai to Somnath Cab","url":"https://milestoursandtravels.co.in/mumbai-to-somnath-cab"},
        {"@type":"ListItem","position":14,"name":"Mumbai to Dwarka Cab","url":"https://milestoursandtravels.co.in/mumbai-to-dwarka-cab"},
        {"@type":"ListItem","position":15,"name":"Mumbai to Vrindavan Cab","url":"https://milestoursandtravels.co.in/mumbai-to-vrindavan-cab"},
        {"@type":"ListItem","position":16,"name":"Mumbai to Mathura Cab","url":"https://milestoursandtravels.co.in/mumbai-to-mathura-cab"},
        {"@type":"ListItem","position":17,"name":"Mumbai to Tirupati Cab","url":"https://milestoursandtravels.co.in/mumbai-to-tirupati-cab"},
        {"@type":"ListItem","position":18,"name":"Mumbai to Mysore Cab","url":"https://milestoursandtravels.co.in/mumbai-to-mysore-cab"}
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://milestoursandtravels.co.in/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://milestoursandtravels.co.in/"
        }
      ]
    }
  ]
}
</script>

<style>
*,*::before,*::after{box-sizing:border-box}
body{font-family:'Poppins',system-ui,sans-serif;margin:0}
/* ── Bootstrap critical layout CSS inlined to prevent CLS when Bootstrap async-loads ── */
.container,.container-fluid{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:1400px){.container{max-width:1320px}}
.collapse:not(.show){display:none}
@media(min-width:1200px){.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-nav{flex-direction:row}}

/* ── Top utility bar ──
   Premium navy gradient (matches the brand's hero/booking-modal palette);
   every text + icon item locked to identical font-size/weight/line-height
   so left and right groups baseline-align perfectly. */
/* ── Top utility bar — dark navy, clean typography, no icons ────────────── */
.nb-topbar{
  position:relative;
  z-index:1050; /* above nav.navbar (1030) so the Login dropdown paints on top */
  background:linear-gradient(135deg,#050f24 0%,#0a1f44 50%,#142e5e 100%);
  border-bottom:1px solid rgba(245,158,11,.18);
  padding:.6rem 0;
  font-size:.82rem;
  color:rgba(255,255,255,.88);
  line-height:1.4;
  box-shadow:0 2px 12px rgba(0,0,0,.18);
}
.nb-topbar a,
.nb-topbar button,
.nb-topbar span{
  color:rgba(255,255,255,.88);
  font-size:.82rem;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.01em;
  text-decoration:none;
  transition:color .15s ease;
  background:none;
  border:0;
  padding:0;
}
.nb-topbar a:hover,
.nb-topbar button:hover{ color:#fbbf24; }

/* Phone — gold, slightly bolder; the visual anchor of the bar */
.nb-topbar a.nb-call{
  color:#fbbf24;
  font-weight:700;
  letter-spacing:.02em;
}
.nb-topbar a.nb-call:hover{ color:#fff; }

.nb-topbar-inner{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:1rem;
  height:32px; /* CLS fix: explicit height locks topbar row height; content is nowrap+nowrap so 32px always fits */
}
/* Absolute-centered service-area text — stays perfectly centred regardless of Login width */
.nb-topbar-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  white-space:nowrap;
  pointer-events:none; /* let clicks pass through; anchor inside re-enables */
}
.nb-topbar-center a{ pointer-events:auto; }
.nb-topbar-right{
  display:flex;
  align-items:center;
  gap:1.25rem;
  flex-wrap:nowrap;
  white-space:nowrap;
  z-index:1; /* above the centered text in case of overlap on narrow screens */
  min-width:180px; /* CLS fix 2026-06-04: reserve space so login-state JS update doesn't shift layout */
}
/* On very small screens, hide the centered marquee so it doesn't overlap Login */
@media (max-width:640px){
  .nb-topbar-center{ display:none; }
}
.nb-topbar span.nb-topbar-sep,
.nb-topbar-sep{
  color:rgba(255,255,255,.25)!important;
  font-weight:300;
  user-select:none;
  pointer-events:none;
  font-size:1em;
}
/* Admin-edit context pill (only renders in admin V31-edit flow).
   NOTE: `.nb-topbar span` already sets {background:none;padding:0;color:#fff;}
   with specificity (0,1,1). Use `.nb-topbar .nb-admin-edit-pill` so our pill
   wins (specificity 0,2,0 > 0,1,1). */
.nb-topbar .nb-admin-edit-pill{
  display:inline-flex !important;
  align-items:center;
  gap:.4rem;
  background:#f59e0b !important;
  color:#0a1f44 !important;
  padding:3px 11px 3px 9px !important;
  border-radius:999px;
  font-size:12px !important;
  font-weight:600;
  white-space:nowrap;
  line-height:1.4;
}
.nb-topbar .nb-admin-edit-pill strong{ font-weight:800; color:#0a1f44 !important; }
.nb-topbar .nb-admin-edit-pill i{ font-size:11px; color:#0a1f44 !important; }
.nb-topbar .nb-admin-edit-pill--customer{ background:rgba(255,255,255,.92) !important; color:#0a1f44 !important; }
@media (max-width:575px){
  /* Compress on small screens: drop the leading verb, keep the name */
  .nb-topbar .nb-admin-edit-pill{ font-size:11px !important; padding:2px 8px !important; }
}
/* Login dropdown — sits inline with the rest of the bar */
.nb-login-dropdown{ position:relative; }
.nb-login-btn{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  color:rgba(255,255,255,.88);
  font-weight:500;
}
.nb-login-btn:hover{ color:#fbbf24; }
.nb-login-chevron{ font-size:.7em; opacity:.7; transition:transform .15s ease; }
.nb-login-dropdown[aria-expanded="true"] .nb-login-chevron,
.nb-login-dropdown.open .nb-login-chevron{ transform:rotate(180deg); }
.nb-login-menu{
  position:absolute;
  top:100%;
  margin-top:6px;
  right:0;
  min-width:180px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:10px;
  box-shadow:0 12px 28px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);
  padding:6px 0;
  display:none;
  z-index:1100; /* above nav.navbar (1030) and topbar parent (1050) */
}
/* Transparent hover-bridge over the 6px gap — without it the menu vanishes
   the instant the cursor leaves the button to travel down to the items. */
.nb-login-menu::before{
  content:"";
  position:absolute;
  left:0; right:0; top:-6px;
  height:6px;
}
/* Click/tap opens it on every device; hover-to-open only where a real
   pointer exists, so the menu never sticks open on a touchscreen. */
.nb-login-dropdown.open .nb-login-menu{ display:block; }
@media (hover:hover) and (pointer:fine){
  .nb-login-dropdown:hover .nb-login-menu{ display:block; }
}
.nb-login-menu a{
  display:block;
  padding:9px 16px;
  color:#0a2240!important;
  font-size:.86rem;
  font-weight:500;
  text-decoration:none;
}
.nb-login-menu a:hover{ background:#f8fafc; color:#d97706!important; }
.nb-topbar-left>*,.nb-topbar-right>*{
  display:inline-flex!important;
  align-items:center;
  line-height:1;
}
.nb-topbar svg.nb-ico{
  width:13px;height:13px;
  margin-right:.5rem;
  opacity:.78;
  flex-shrink:0;
  stroke-width:2;
  vertical-align:middle;
  color:#fbbf24;
}
.nb-topbar a:hover svg.nb-ico,
.nb-topbar button:hover svg.nb-ico{opacity:1}
.nb-topbar i{
  font-size:.8rem;line-height:1;margin-right:.45rem;opacity:.7;flex-shrink:0;
}
.nb-topbar i.me-1{margin-right:.45rem!important}
.nb-topbar-right>*:not(:last-child){
  position:relative;padding-right:1.5rem;
}
.nb-topbar-right>*:not(:last-child)::after{
  content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:1px;height:12px;background:rgba(255,255,255,.14);
}
.nb-topbar-right{gap:0}
.nb-topbar>.container{padding-top:0!important;padding-bottom:0!important}
/* Mobile: hide left locations + email; keep phone, whatsapp, login */
@media(max-width:767.98px){
  .nb-topbar{padding:.4rem 0;font-size:.7rem}
  .nb-topbar a,.nb-topbar button,.nb-topbar span{font-size:.7rem}
  .nb-topbar-left{display:none!important}
  .nb-topbar-inner{justify-content:center;height:auto}
  .nb-topbar-right{gap:0;flex-wrap:wrap;justify-content:center}
  .nb-topbar-right .nb-hide-sm{display:none!important}
  .nb-topbar-right>*:not(:last-child){padding-right:1rem}
  .nb-topbar-right>*:not(:last-child)::after{height:10px}
}
@media(min-width:768px) and (max-width:991.98px){
  .nb-topbar-left .nb-hide-md{display:none!important}
}

/* ── ACCENT BAR ── */
.nb-accent{height:3px;background:linear-gradient(90deg,#f59e0b,#f97316 40%,#0a1f44)}

/* ── Pre-declare Bootstrap utility classes used above-fold (prevent activation CLS when Bootstrap async CSS loads) ── */
/* CLS fix: .container pre-declared so Bootstrap loading doesn't change topbar/navbar width + padding */
.container,.container-fluid{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:1400px){.container{max-width:1320px}}
.d-flex{display:flex!important}
.align-items-center{align-items:center!important}
.gap-2{gap:.5rem!important}
.flex-shrink-0{flex-shrink:0!important}
.flex-grow-1{flex-grow:1!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}
.me-1{margin-right:.25rem!important}
.me-2{margin-right:.5rem!important}
.justify-content-between{justify-content:space-between!important}
.flex-nowrap{flex-wrap:nowrap!important}

/* ── NAVBAR ── */
.navbar{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  background:#0a1f44;
  padding:0;
  box-shadow:0 2px 20px rgba(0,0,0,.18);
  position:sticky!important;top:0!important;z-index:1030!important;
}
/* CLS fix: lock navbar height + position so Bootstrap async CSS cannot reflow the hero */
nav.navbar{min-height:70px!important;height:70px!important;padding:0!important;position:sticky!important;top:0!important;z-index:1030!important}
/* CLS fix: prevent Bootstrap container gutter from changing navbar inner layout */
/* flex-wrap:wrap at mobile so the hamburger dropdown can drop below the brand row */
.navbar>.container,.navbar>.container-fluid{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;padding-top:0!important;padding-bottom:0!important}
@media(min-width:1200px){
  /* nowrap only at xl+ where collapse is always inline with brand */
  .navbar>.container,.navbar>.container-fluid{flex-wrap:nowrap!important}
}
/* CLS fix: prevent Bootstrap from padding navbar-brand and changing navbar height */
.navbar .navbar-brand{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
/* Bootstrap collapse critical – prevent mobile navbar CLS */
.navbar-collapse{display:none}
.navbar-collapse.show,.navbar-collapse.collapsing{display:block}
@media(min-width:1200px){
  .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto;flex-wrap:nowrap!important}
  .navbar-expand-xl .navbar-toggler{display:none}
  /* CLS fix: navbar-collapse is a flex row on desktop — lock it so Bootstrap reinforcing same values causes no shift */
  .navbar-expand-xl .navbar-collapse{flex-direction:row!important;align-items:center!important}
}

/* Homepage: white navbar */
.navbar-white{background:#fff!important;box-shadow:0 2px 12px rgba(0,0,0,.1)!important}

/* ─────────────────────────────────────────────────────────────────────────
   Scroll-shrink + glassmorphic navbar (inspired by aliimam header-01).
   When `body.is-scrolled` is set (by JS after window.scrollY > 8):
     • Top utility bar slides up out of view, accent strip fades out
     • Main navbar shrinks into a centred floating pill, max-width 1280px,
       rounded corners, frosted-glass blur backdrop, soft drop shadow
   Pure CSS transitions — no React/Tailwind required.
   ───────────────────────────────────────────────────────────────────────── */
.nb-topbar, .nb-accent{
  transition:transform .35s cubic-bezier(.4,0,.2,1),
             opacity   .35s cubic-bezier(.4,0,.2,1),
             max-height .35s cubic-bezier(.4,0,.2,1);
}
/* Topbar stays in DOM at full height — only fades visually — avoids CLS */
body.is-scrolled .nb-topbar{
  opacity:0;
  pointer-events:none;
}
body.is-scrolled .nb-accent{ opacity:0; }

nav.navbar{ border:1px solid transparent; }
/* Navbar pill animation removed to avoid layout shift / TBT — only topbar fades on scroll */
/* Reduce vertical motion for users who prefer it */
@media (prefers-reduced-motion: reduce){
  .nb-topbar, .nb-accent, nav.navbar, .navbar-brand img{ transition:none!important; }
}

/* ── LOGO ── */
.navbar-brand{
  display:flex;align-items:center;
  text-decoration:none;flex-shrink:0;
  padding:.6rem 0;margin-right:1.75rem;
  transition:opacity .18s;
}
.navbar-brand:hover{opacity:.92}
.navbar-brand img{
  height:56px;width:auto;
  display:block;
}
/* White-rounded plate ONLY when navbar is dark — on the home page (white
   navbar) the logo sits cleanly on white, no plate needed. Removing the plate
   on white-bg gives a more premium, brand-photo feel. */
.navbar:not(.navbar-white) .navbar-brand img{
  background:#fff;border-radius:8px;padding:4px 10px;
}
@media(max-width:991px){
  .navbar-brand{margin-right:.75rem}
  .navbar-brand img{height:48px}
}

</style>
<!-- header-extracted.min.css: synchronous link (CLS 0.005, 98/100). Was async->CLS 0.717, then inlined->CLS 0.18 regression. Sync link is optimal. -->
<style id="hdr-x">/* ===== Extracted from header.php nav block ===== */
/* ── NAV LINKS ── */
/* CLS fix: pre-set align-items + mx-auto margins so Bootstrap utility class activation causes zero layout change */
.navbar-nav{display:flex!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important;flex-wrap:nowrap!important;padding-left:0;margin-bottom:0;list-style:none;gap:.15rem}
.navbar-nav .nav-link{
  position:relative;
  color:rgba(255,255,255,.92)!important;
  font-size:.95rem;font-weight:600;letter-spacing:.005em;
  padding:.55rem 1rem!important;
  border-radius:6px;
  white-space:nowrap;
  transition:color .18s ease;
  line-height:1.4;
}
/* Premium underline-on-hover.
   IMPORTANT: this lives on ::before so ::after stays free for the dropdown
   chevron below. Earlier we used ::after for both — they collided and the
   chevron rendered as an ugly stray triangle under "Services" / "Company". */
.navbar-nav .nav-link::before{
  content:"";
  position:absolute;left:50%;bottom:.25rem;
  width:0;height:2px;background:#f59e0b;
  transform:translateX(-50%);
  transition:width .22s ease;
  border-radius:2px;
  pointer-events:none;
}
.navbar-nav .nav-link:hover{
  color:#f59e0b!important;
  background:transparent!important;
}
.navbar-nav .nav-link:hover::before{width:calc(100% - 2rem)}

/* ── Dropdown caret (Services / Company) ──
   Replace Bootstrap's CSS-triangle (4-border hack) with a FontAwesome
   chevron — clean, scalable, brand-consistent. Rotates 180° when the menu
   is open. */
.navbar-nav .dropdown-toggle::after{
  content:"\f078";                          /* fa-chevron-down */
  font-family:"Font Awesome 6 Free";
  font-weight:900;                          /* solid weight */
  font-size:.62em;
  border:0;                                 /* kill Bootstrap's triangle borders */
  width:auto;height:auto;
  display:inline-block;
  margin-left:.45em;
  vertical-align:.18em;
  color:currentColor;
  opacity:.55;
  transition:transform .25s ease,opacity .22s ease,color .22s ease;
}
.navbar-nav .dropdown-toggle:hover::after{opacity:1}
/* Bootstrap toggles .show on the parent <li class="nav-item dropdown"> when
   the menu opens — flip the chevron then. */
.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after,
.navbar-nav .dropdown.show > .dropdown-toggle::after,
.navbar-nav .dropdown-toggle[aria-expanded="true"]::after{
  transform:rotate(180deg);opacity:1;color:#f59e0b;
}

/* White navbar link colours */
.navbar-white .navbar-nav .nav-link{color:#1e293b!important}
.navbar-white .navbar-nav .nav-link:hover{color:#0a1f44!important;background:transparent!important}
.navbar-white .navbar-nav .nav-link:hover::before{background:#0a1f44}
.navbar-white .navbar-nav .dropdown-toggle::after{color:#64748b}
.navbar-white .navbar-nav .nav-item.dropdown.show .dropdown-toggle::after,
.navbar-white .navbar-nav .dropdown.show > .dropdown-toggle::after,
.navbar-white .navbar-nav .dropdown-toggle[aria-expanded="true"]::after{color:#0a1f44}

/* At the most cramped desktop breakpoint, drop padding slightly to keep all
   10 menu items on one row without wrapping */
@media(max-width:1399px){
  .navbar-nav .nav-link{padding:.55rem .8rem!important;font-size:.95rem}
  .navbar-nav .nav-link:hover::before{width:calc(100% - 1.6rem)}
}

/* ── DROPDOWNS ──
   The dropdown-toggle::after caret is defined ABOVE in the NAV LINKS block
   using a FontAwesome chevron (\f078). The previous duplicate Unicode "▼"
   rule was removed — it rendered as a stacked triangle under the menu text
   on certain font/zoom combinations. Single source of truth above. */
@media(min-width:992px){
  .navbar-nav .dropdown-menu{
    border:none;border-top:3px solid #f59e0b;
    border-radius:0 0 10px 10px;
    box-shadow:0 12px 40px rgba(0,0,0,.15);
    padding:.5rem 0;min-width:210px;
    background:#fff;
  }
  .navbar-nav .dropdown-item{
    font-size:.85rem;font-weight:500;color:#374151;
    padding:.5rem 1.2rem;transition:opacity .14s, transform .14s;
  }
  .navbar-nav .dropdown-item:hover{
    background:#f0f5ff;color:#0a1f44;padding-left:1.5rem;
  }
}

/* ── BOOK NOW BUTTON ── */
/* CLS fix: add !important so Bootstrap d-flex/align-items-center/gap-2/flex-shrink-0 classes on this div cause zero layout change */
.nb-actions{display:flex!important;align-items:center!important;flex-shrink:0!important;gap:.5rem!important;margin-left:1.25rem}
.nb-book-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;
  color:#0a1f44;
  padding:.6rem 1.4rem;
  border-radius:9px;
  font-size:.9rem;font-weight:700;
  text-decoration:none;white-space:nowrap;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
  box-shadow:0 4px 14px rgba(245,158,11,.45);
  letter-spacing:.015em;
  border:1px solid transparent;
}
.nb-book-btn i{font-size:.9rem;color:#f59e0b;transition:transform .22s ease}
.nb-book-btn:hover{
  background:#fff;color:#0a1f44;
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(245,158,11,.55);
}
.nb-book-btn:hover i{transform:translateX(2px)}
/* White navbar → button flips to a luxury blue gradient */
.navbar-white .nb-book-btn{
  background:linear-gradient(135deg,#0a1f44 0%,#142e5e 100%);
  color:#fff;
  box-shadow:0 4px 14px rgba(10,31,68,.32);
}
.navbar-white .nb-book-btn i{color:#fbbf24}
.navbar-white .nb-book-btn:hover{
  background:linear-gradient(135deg,#0a1f44 0%,#142e5e 100%);
  color:#fff;
  box-shadow:0 8px 22px rgba(10,31,68,.45);
}

/* ── MOBILE LOGIN BUTTON ── */
.nb-mobile-login-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);
  color:#0a1628;
  padding:.42rem .9rem;border-radius:50px;
  font-size:.78rem;font-weight:700;text-decoration:none;
  white-space:nowrap;
  transition:transform .2s ease,box-shadow .2s ease;
  line-height:1.2;letter-spacing:.01em;
  box-shadow:0 2px 8px rgba(245,158,11,.35);
}
.nb-mobile-login-btn:hover{color:#0a1628;transform:translateY(-1px);text-decoration:none;box-shadow:0 4px 12px rgba(245,158,11,.5)}
.nb-mobile-login-btn i{font-size:.95rem}
/* ── DIVIDER ── */
.nav-divider{width:1px;height:20px;background:rgba(255,255,255,.2);margin:0 .4rem;align-self:center}
.navbar-white .nav-divider{background:rgba(0,0,0,.12)}

/* ── CONTAINER ── */
.container{width:100%;max-width:1320px;margin:0 auto;padding:0 24px}
/* CLS fix: prevent Bootstrap responsive max-width from changing navbar container width at desktop (1200px: 1140px→ours 1320px) */
.navbar>.container{max-width:1320px!important}
/* CLS fix: topbar container max-width stays stable too */
.nb-topbar>.container{max-width:1320px!important}

/* ── HAMBURGER ── */
.navbar-toggler{
  border:2px solid rgba(255,255,255,.4);
  border-radius:8px;padding:5px 9px;
}
.navbar-toggler:focus{box-shadow:none;outline:2px solid #f59e0b}
.navbar-white .navbar-toggler{border-color:#0a1f44}
.navbar-white .navbar-toggler .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230a1f44' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ── LOGIN DROPDOWN (topbar) ── */
.nb-login-dropdown{position:relative;display:inline-flex;align-items:center}
/* Inherit ALL typography from .nb-topbar so the Login button is visually
   indistinguishable from the phone/email text next to it (same font-size,
   font-weight, color, letter-spacing, line-height). */
.nb-login-btn{
  background:none;border:none;cursor:pointer;
  color:inherit;font:inherit;letter-spacing:inherit;
  display:inline-flex;align-items:center;gap:6px;padding:0;line-height:1;
  transition:color .18s;
}
.nb-login-btn:hover{color:#fbbf24}
.nb-login-chevron{font-size:.55rem;margin-left:2px;transition:transform .22s;opacity:.7}
.nb-login-dropdown:hover .nb-login-chevron,
.nb-login-dropdown.open .nb-login-chevron{transform:rotate(180deg)}
.nb-login-menu{
  position:absolute;top:100%;right:0;
  background:#fff;border-radius:10px;border-top:3px solid #f59e0b;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  min-width:190px;padding:.4rem 0;
  opacity:0;visibility:hidden;
  transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:9999;
}
.nb-login-dropdown:hover .nb-login-menu,
.nb-login-dropdown.open .nb-login-menu{
  opacity:1;visibility:visible;transform:translateY(0);
}
.nb-login-menu a{
  display:flex;align-items:center;gap:10px;
  padding:.6rem 1.1rem;
  font-size:.83rem;font-weight:500;color:#374151;
  text-decoration:none;transition:background .13s,color .13s,padding-left .13s;
}
.nb-login-menu a i{width:14px;color:#0a1f44;font-size:.8rem;flex-shrink:0}
.nb-login-menu a:hover{background:#f0f5ff;color:#0a1f44;padding-left:1.4rem}
.nb-login-menu a:first-child{border-radius:7px 7px 0 0}
.nb-login-menu a:last-child{border-radius:0 0 7px 7px}

/* ── MOBILE COLLAPSE ──
   Navbar is navbar-expand-xl, so it collapses to a hamburger below 1200px.
   This block MUST cover the full collapsed range (<1200px), not just <992px —
   otherwise at 992-1199px the open menu panel has no background/positioning
   and overlaps the page content. */
@media(max-width:1199.98px){
  .navbar.sticky-top{overflow:visible!important}
  .navbar-expand-xl>.container{position:static}
  .navbar-collapse.show,.navbar-collapse.collapsing{
    background:#fff;
    border-top:3px solid #f59e0b;
    padding:.75rem 1rem 1.25rem;
    box-shadow:0 12px 32px rgba(0,0,0,.12);
    position:absolute!important;
    top:100%;left:0;right:0;
    max-height:calc(100vh - 120px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    z-index:1050;
  }
  .navbar-collapse .navbar-nav{max-height:none!important;overflow:visible!important}
  .navbar-collapse .nav-link{color:#1e293b!important;font-size:.95rem;padding:.6rem .75rem!important}
  .navbar-collapse .nav-link:hover{color:#0a1f44!important;background:#f5f7ff!important}
  .navbar-collapse .dropdown-menu{border:none;box-shadow:none;padding:0 .75rem;background:transparent}
  .navbar-collapse .dropdown-item{color:#374151;font-size:.85rem;padding:.45rem .75rem}
  .navbar-collapse .nav-divider{display:none}
  .navbar-collapse .nb-actions{padding:.75rem 0 0;border-top:1px solid #e5e7eb;margin-top:.5rem}
  .navbar-collapse .nb-book-btn{width:100%;justify-content:center}
}

@media(max-width:768px){
  .hero-section{text-align:center;padding:50px 0}
  .hero-section h1{font-size:2rem}
}

/* ===== Extracted mobile-tabs block ===== */
/* ── Mobile tab strip ── */
.nb-mobile-tabs{
  display:none;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  white-space:nowrap;
  background:#fff;
  border-bottom:2px solid #f0f4ff;
  box-shadow:0 2px 8px rgba(0,0,0,.07);
  padding:0 4px;
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.nb-mobile-tabs::-webkit-scrollbar{display:none}
.nb-mtab{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:8px 12px;
  text-decoration:none;
  color:#374151;
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.02em;
  white-space:nowrap;
  transition:color .15s,background .15s;
  border-bottom:2.5px solid transparent;
}
.nb-mtab i{font-size:.85rem;color:#6b7280;transition:color .15s}
.nb-mtab:hover,.nb-mtab.active{color:#0a1f44;border-bottom-color:#0a1f44}
.nb-mtab:hover i,.nb-mtab.active i{color:#0a1f44}
.nb-mtab-book{color:#0a1f44;font-weight:700}
.nb-mtab-book i{color:#f59e0b}
.nb-mtab-book:hover{background:#fffbeb;border-bottom-color:#f59e0b}
@media(max-width:1199px){
  .nb-mobile-tabs{display:flex}
}
/* Highlight active tab based on current URL */
</style>
<!-- Customer portal name badge — fetch logged-in state. Idle-deferred (≥1.2s past LCP) to keep TBT low. -->
<script>
(function(){
  var ric = window.requestIdleCallback || function(cb){ return setTimeout(function(){ cb({timeRemaining:function(){return 50;}}); }, 1); };
  function run(){
    fetch('/customer-login/api/me.php', {
      method: 'GET',
      credentials: 'include',
      headers: {'Accept': 'application/json'}
    }).then(function(r){ return r.ok ? r.json() : null; }).then(function(d){
      if (!d || !d.logged_in) return;
      var firstName = (d.name || '').split(' ')[0] || 'Account';
      var nameText = document.getElementById('nb-customer-name-text');
      var badge    = document.getElementById('nb-customer-badge');
      if (nameText) nameText.textContent = 'Hi, ' + firstName;
      // Force past the badge's inline `display:none !important`.
      if (badge)    badge.style.setProperty('display', 'inline', 'important');
      // Logged in: hide the topbar "Login" link (+ any legacy dropdown wrap).
      var loginBtn = document.querySelector('.nb-topbar-right .nb-login-btn');
      if (loginBtn) loginBtn.style.setProperty('display', 'none', 'important');
      var wrap = document.getElementById('nb-login-dropdown-wrap');
      if (wrap) wrap.style.display = 'none';
      var mobileBtn = document.querySelector('.nb-mobile-login-btn');
      if (mobileBtn) {
        mobileBtn.href = '/customer-login/';
        mobileBtn.innerHTML = '<i class="fas fa-user-check"></i> Hi, ' + firstName;
      }
      // Wire Logout: POST to the portal logout with its CSRF, then reload this page.
      var logoutLink = document.getElementById('nb-customer-logout');
      if (logoutLink && !logoutLink._wired) {
        logoutLink._wired = true;
        logoutLink.addEventListener('click', function(ev){
          ev.preventDefault();
          fetch('/customer-login/logout', {
            method: 'POST', credentials: 'include',
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            body: 'csrf=' + encodeURIComponent(d.csrf || '')
          }).then(function(){ location.reload(); }).catch(function(){ location.reload(); });
        });
      }
    }).catch(function(){});
  }
  ric(function(){ setTimeout(run, 1200); }, { timeout: 3000 });
})();
</script>
<!-- Login dropdown: click / tap / keyboard toggle (hover handled in CSS).
     Event-delegated on document so it works no matter when this runs. -->
<script>
(function(){
  document.addEventListener('click', function(e){
    var wrap = document.getElementById('nb-login-dropdown-wrap');
    if (!wrap) return;
    var btn = wrap.querySelector('.nb-login-btn');
    if (btn && btn.contains(e.target)) {
      var isOpen = wrap.classList.toggle('open');
      btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
    } else if (!wrap.contains(e.target)) {
      wrap.classList.remove('open');
      if (btn) btn.setAttribute('aria-expanded', 'false');
    }
  });
  document.addEventListener('keydown', function(e){
    if (e.key !== 'Escape' && e.keyCode !== 27) return;
    var wrap = document.getElementById('nb-login-dropdown-wrap');
    if (!wrap || !wrap.classList.contains('open')) return;
    wrap.classList.remove('open');
    var btn = wrap.querySelector('.nb-login-btn');
    if (btn) { btn.setAttribute('aria-expanded', 'false'); btn.focus(); }
  });
})();
</script>
<!-- JSON-LD moved to footer before </body> to reduce head weight -->
<!-- All non-critical styles (mega-menu, WA float, destination strip) loaded deferred -->
<link rel="stylesheet" href="/css/navbar-deferred.min.css"><!-- sync since 2026-06-11: 2.4KB gz, async swap cost a ~250ms late restyle -->


<!-- ══ Google Site Verification ══════════════════════════════════════════
     Paste your GSC <meta name="google-site-verification" ...> tag here.
     ════════════════════════════════════════════════════════════════════ -->

<!-- Google Analytics — fully deferred until user interaction (PSI lab never triggers it) -->
<script>
(function(){
  function loadGA(){
    var s=document.createElement('script');
    s.async=true; s.src='https://www.googletagmanager.com/gtag/js?id=G-R7GSGD7YHB';
    document.head.appendChild(s);
    window.dataLayer=window.dataLayer||[];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-R7GSGD7YHB');   /* 2026-07-05: the REAL/main GA4 property (id 533952235) holding all historical data. Owner grants miles.care Admin access so miles.care controls it. */
    gtag('config', 'AW-826887011');   /* 2026-07-24: Google Ads conversion tag (acct 286-114-2770, miles.care) — rides the same deferred loader as GA4. Booking conversion event fires from js/booking.js. */
  }
  var fired=false;
  function fire(){ if(fired) return; fired=true; loadGA(); }
  ['scroll','touchstart','mousemove','keydown','click'].forEach(function(e){
    addEventListener(e, fire, {once:true, passive:true});
  });
  setTimeout(fire, 15000); // safety net — 15s keeps GTM outside Lighthouse measurement window
})();
</script>

<!-- ═══ Conversion + CALL / WHATSAPP tracking (GA4 events → import into Google Ads) ═══
     Fires GA4 events so ad spend can be measured by BOOKINGS + CALLS, not just clicks:
       • call_click     — any tap on a phone (tel:) link / the floating call button
       • whatsapp_click — any tap on a WhatsApp (/wa, wa.me) link / button (debounced,
                          since the pre-chat modal produces a second click)
     Booking conversion (booking_submit) is fired from js/booking.js on a completed booking.
     Events queue in dataLayer; the existing GA4 loader (G-R7GSGD7YHB) processes them.
     To use in Google Ads: link the GA4 property, then import these events as conversions. -->
<script>
(function(){
  window.dataLayer = window.dataLayer || [];
  if (typeof window.gtag !== 'function') { window.gtag = function(){ window.dataLayer.push(arguments); }; }
  function track(name, params){ try{ window.gtag('event', name, params||{}); }catch(e){} }
  window.mtTrack = track;
  var lastWa = 0;
  document.addEventListener('click', function(e){
    var a = (e.target && e.target.closest) ? e.target.closest('a,button,[role=button]') : null;
    if(!a) return;
    var href = (a.getAttribute && a.getAttribute('href')) || '';
    if(/^tel:/i.test(href)){
      track('call_click', { phone: href.replace(/^tel:/i,'').slice(0,20), source: 'website' });
      return;
    }
    if(/(^|\/)wa(\?|$)|wa\.me|api\.whatsapp|whatsapp/i.test(href)){
      var now = (new Date()).getTime();
      if (now - lastWa > 2500){ lastWa = now; track('whatsapp_click', { source: 'website' }); }
      return;
    }
  }, true);
})();
</script>

</head>
<body>
<a href="#main-content" class="skip-link" style="position:absolute;left:-9999px;top:4px;z-index:99999;background:#0a1f44;color:#fff;padding:8px 16px;border-radius:0 0 8px 8px;font-size:.875rem;font-weight:700;text-decoration:none;transition:left 0s" onfocus="this.style.left='50%';this.style.transform='translateX(-50%)'" onblur="this.style.left='-9999px';this.style.transform=''">Skip to main content</a>
<style>@media(max-width:767px){.wa-float,#miles-call-float{display:none!important}}</style>
<a href="/wa?p=floating-button" target="_blank" rel="noopener" class="wa-float" title="Chat on WhatsApp" aria-label="Chat with Miles Tours and Travels on WhatsApp" style="position:fixed;bottom:80px;right:20px;z-index:9999;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 16px rgba(37,211,102,.5)">
  <span class="wa-float-pulse"></span>
  <i class="fab fa-whatsapp"></i>
</a>
<!-- Pre-chat capture modal — opens when floating WA button is clicked, logs to admin tab, then redirects to wa.me. -->
<div id="wa-precapture" role="dialog" aria-modal="true" aria-labelledby="wa-pc-title" hidden style="position:fixed;inset:0;z-index:10000;background:rgba(10,15,36,.55);align-items:flex-end;justify-content:center;padding:0">
  <div style="background:#fff;width:100%;max-width:420px;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.25);padding:18px 20px 16px;font-family:'Poppins',-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif">
    <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px">
      <div style="width:38px;height:38px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px"><i class="fab fa-whatsapp"></i></div>
      <div style="flex:1">
        <div id="wa-pc-title" style="margin:0;font-size:15px;font-weight:700;color:#0a1f44">Chat with Miles Tours and Travels</div>
        <div style="font-size:12px;color:#6b7280">We'll WhatsApp you back within minutes</div>
      </div>
      <button type="button" aria-label="Close" id="wa-pc-close" style="background:transparent;border:none;font-size:22px;color:#9ca3af;cursor:pointer;padding:4px 8px;line-height:1">&times;</button>
    </div>
    <form id="wa-pc-form" novalidate>
      <input type="text" id="wa-pc-name" placeholder="Your name" autocomplete="name" required style="width:100%;padding:11px 13px;border:1px solid #e5e7eb;border-radius:9px;font-size:14px;font-family:inherit;margin-bottom:8px;background:#f9fafb">
      <input type="tel" id="wa-pc-mobile" placeholder="Mobile number" autocomplete="tel" inputmode="numeric" pattern="[0-9 +-]{10,}" required style="width:100%;padding:11px 13px;border:1px solid #e5e7eb;border-radius:9px;font-size:14px;font-family:inherit;margin-bottom:8px;background:#f9fafb">
      <textarea id="wa-pc-msg" rows="2" placeholder="How can we help? (route, date, vehicle)" style="width:100%;padding:11px 13px;border:1px solid #e5e7eb;border-radius:9px;font-size:14px;font-family:inherit;margin-bottom:12px;background:#f9fafb;resize:none"></textarea>
      <button type="submit" id="wa-pc-submit" style="width:100%;background:#25d366;color:#fff;border:none;border-radius:9px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit">
        <i class="fab fa-whatsapp" style="font-size:18px"></i> Open WhatsApp
      </button>
      <button type="button" id="wa-pc-skip" style="width:100%;background:transparent;border:none;color:#6b7280;font-size:12px;padding:10px 0 0;cursor:pointer;text-decoration:underline">Skip and chat directly</button>
    </form>
  </div>
</div>
<script>
(function(){
  var modal = document.getElementById('wa-precapture');
  if (!modal) return;
  var nameI = document.getElementById('wa-pc-name');
  var mobI  = document.getElementById('wa-pc-mobile');
  var msgI  = document.getElementById('wa-pc-msg');
  var form  = document.getElementById('wa-pc-form');
  var closeB= document.getElementById('wa-pc-close');
  var skipB = document.getElementById('wa-pc-skip');
  var pendingPage = 'floating-button'; // 'p=' value of whichever /wa link was clicked

  // Prefill from window.CUSTOMER (logged-in user) or localStorage
  try {
    if (window.CUSTOMER) {
      if (window.CUSTOMER.name)   nameI.value = window.CUSTOMER.name;
      if (window.CUSTOMER.mobile) mobI.value  = window.CUSTOMER.mobile;
    } else {
      var saved = JSON.parse(localStorage.getItem('wa_pc_saved') || 'null');
      if (saved) { nameI.value = saved.name || ''; mobI.value = saved.mobile || ''; }
    }
  } catch (e) {}

  function openModal(page){
    pendingPage = page || 'floating-button';
    modal.hidden = false;
    modal.style.display = 'flex';
    setTimeout(function(){ (nameI.value ? mobI : nameI).focus(); }, 50);
  }
  function closeModal(){ modal.hidden = true; modal.style.display = 'none'; }
  function goWA(){ window.open('/wa?p=' + encodeURIComponent(pendingPage), '_blank', 'noopener'); }

  // Delegated: catch every WhatsApp link sitewide (floating button, footer, homepage CTA,
  // sticky mobile bar injected by conversion.js, vendor/event/404 pages, future ones too)
  // so name+mobile get captured no matter which button the visitor used.
  document.addEventListener('click', function(e){
    var link = e.target.closest && e.target.closest('a[href*="/wa?p="]');
    if (!link) return;
    var m = link.href.match(/[?&]p=([^&]+)/);
    e.preventDefault();
    openModal(m ? decodeURIComponent(m[1]) : 'floating-button');
  });

  closeB.addEventListener('click', closeModal);
  modal.addEventListener('click', function(e){ if (e.target === modal) closeModal(); });
  skipB.addEventListener('click', function(){ closeModal(); goWA(); });

  form.addEventListener('submit', function(e){
    e.preventDefault();
    var name = (nameI.value || '').trim();
    var mob  = (mobI.value  || '').trim();
    var msg  = (msgI.value  || '').trim();
    if (!name || mob.replace(/\D/g,'').length < 10) {
      (name ? mobI : nameI).focus();
      return;
    }
    try { localStorage.setItem('wa_pc_saved', JSON.stringify({name:name, mobile:mob})); } catch (e) {}

    var body = JSON.stringify({
      name: name, mobile: mob, message: msg,
      page: location.pathname + location.search,
      source: 'precapture:' + pendingPage
    });
    // Fire-and-forget — never block user from reaching WhatsApp
    try {
      if (navigator.sendBeacon) {
        navigator.sendBeacon('/wa-inquiry', new Blob([body], {type:'application/json'}));
      } else if (typeof fetch === 'function') {
        fetch('/wa-inquiry', { method:'POST', headers:{'Content-Type':'application/json'}, body:body, keepalive:true, credentials:'same-origin' }).catch(function(){});
      }
    } catch (e) {}
    closeModal();
    // Carry name/mobile/message into the wa.me redirect so the actual WhatsApp chat isn't blank
    var url = '/wa?p=' + encodeURIComponent(pendingPage) + '&n=' + encodeURIComponent(name) + '&mo=' + encodeURIComponent(mob);
    if (msg) url += '&m=' + encodeURIComponent(msg);
    window.open(url, '_blank', 'noopener');
  });

  // ESC to close
  document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && !modal.hidden) closeModal(); });
})();
</script>
<!-- Top utility bar -->
<div class="nb-topbar">
  <div class="container">
    <div class="nb-topbar-inner">
      <!-- Centered service-area marquee. Absolute so Login on the right doesn't push it off-centre. -->
      <div class="nb-topbar-center">
        <a href="/destinations">Mumbai &middot; Thane &middot; Navi Mumbai &middot; Mira Bhayandar and expanding</a>
      </div>
      <div class="nb-topbar-right">
                                <span id="nb-customer-badge" style="display:none !important">
          <a id="nb-customer-name-link" href="/customer-login/" style="font-weight:600"><span id="nb-customer-name-text"></span></a>
          <span class="nb-topbar-sep">|</span>
          <a href="/customer-login/bookings/">My Bookings</a>
          <span class="nb-topbar-sep">|</span>
          <a href="#" id="nb-customer-logout" role="button">Logout</a>
          <span class="nb-topbar-sep">|</span>
        </span>
        <a href="/customer-login/" class="nb-login-btn" style="text-decoration:none">
          <i class="fas fa-user-circle me-1"></i>Login
        </a>
              </div>
    </div>
  </div>
</div>
<!-- Accent strip -->
<div class="nb-accent" aria-hidden="true"></div>
<!-- Main navbar -->
<nav class="navbar navbar-expand-xl navbar-dark  sticky-top">
<div class="container">
<a class="navbar-brand" href="/">
  <picture><source srcset="/images/Miles-Logo-copy.webp" type="image/webp"><img src="/images/Miles-Logo-copy.jpg" alt="Miles Tours & Travels" width="110" height="59" style="width:110px;height:auto" fetchpriority="high" decoding="async"></picture>
</a>
<div class="d-xl-none ms-auto me-2">
  <a href="/customer-login/" class="nb-mobile-login-btn" aria-label="Login">
    <i class="fas fa-user-circle"></i> Login
  </a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-label="Toggle navigation">
  <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto align-items-center">
  <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
  <li class="nav-item"><a class="nav-link" href="/booking" aria-label="Book a cab – go to booking page">Book Now</a></li>
  <li class="nav-item"><a class="nav-link" href="/fleet">Fleet</a></li>
  <li class="nav-item"><a class="nav-link" href="/pricing">Tariff</a></li>
  <li class="nav-item"><a class="nav-link" href="/offers">Offers</a></li>
  <li class="nav-item">
    <a class="nav-link" href="/destinations">Destinations</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Services</a>
    <ul class="dropdown-menu">
      <li><a class="dropdown-item" href="/local-car-rentals">Local Car Rentals</a></li>
      <li><a class="dropdown-item" href="/outstation-taxi">Outstation Taxi</a></li>
      <li><a class="dropdown-item" href="/one-way-cab">One Way Cabs</a></li>
      <li><a class="dropdown-item" href="/airport-taxi">Airport Taxi</a></li>
      <li><a class="dropdown-item" href="/corporate-car-rental">Corporate Car Rental</a></li>
      <li><a class="dropdown-item" href="/tempo-traveller">Tempo Traveller</a></li>
    </ul>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Company</a>
    <ul class="dropdown-menu">
      <li><a class="dropdown-item" href="/about">About Us</a></li>
      <li><a class="dropdown-item" href="/reviews">Reviews</a></li>
      <li><a class="dropdown-item" href="/faq">FAQ</a></li>
      <li><a class="dropdown-item" href="/privacy-policy">Privacy Policy</a></li>
      <li><a class="dropdown-item" href="/terms">Terms & Conditions</a></li>
      <li><a class="dropdown-item" href="/cancellation-policy">Cancellation Policy</a></li>
    </ul>
  </li>
  <li class="nav-item"><a class="nav-link" href="/contact">Contact</a></li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Tie-up</a>
    <ul class="dropdown-menu">
      <li><a class="dropdown-item" href="/corporate-enquiry">🏢 Corporate Tie-up <span style="font-size:.75em;color:#64748b;margin-left:4px">(B2C)</span></a></li>
      <li><a class="dropdown-item" href="/vendor-registration">🚗 Vendor Tie-up <span style="font-size:.75em;color:#64748b;margin-left:4px">(B2B)</span></a></li>
    </ul>
  </li>
  <li class="nav-item d-xl-none" style="border-top:1px solid rgba(0,0,0,.07);margin-top:.3rem;padding-top:.3rem">
    <a class="nav-link" href="/customer-login/"><i class="fas fa-user-circle me-2"></i>Login</a>
  </li>
</ul>
<div class="nb-actions d-flex align-items-center gap-2 flex-shrink-0">
  <a href="/booking" class="nb-book-btn" aria-label="Book a cab now"><i class="fas fa-car" aria-hidden="true"></i><span>Book Now</span></a>
</div>
</div>
</div>
</nav>

<script>
/* Scroll-shrink navbar toggle — adds .is-scrolled to <body> after 8px scroll.
   Attach idle-deferred: initial paint is at scrollY=0, listener doesn't need to be live during FCP/LCP. */
(function(){
  var THRESHOLD = 8;
  var ticking = false;
  var lastState = null;
  function update(){
    var scrolled = window.pageYOffset > THRESHOLD;
    if (scrolled !== lastState){
      lastState = scrolled;
      var body = document.body;
      if (scrolled){ body.classList.add('is-scrolled'); }
      else { body.classList.remove('is-scrolled'); }
    }
    ticking = false;
  }
  function onScroll(){
    if (!ticking){ requestAnimationFrame(update); ticking = true; }
  }
  function attach(){
    window.addEventListener('scroll', onScroll, { passive: true });
    update(); // catch already-scrolled refreshes
  }
  var ric = window.requestIdleCallback || function(cb){ return setTimeout(cb, 1); };
  ric(attach, { timeout: 2000 });
})();
</script>

<!-- ── MOBILE TAB STRIP — always-visible horizontal nav on mobile ── -->
<div class="nb-mobile-tabs" role="navigation" aria-label="Quick navigation">
  <a href="/" class="nb-mtab"><i class="fas fa-home"></i><span>Home</span></a>
  <a href="/booking" class="nb-mtab nb-mtab-book"><i class="fas fa-car"></i><span>Book Now</span></a>
  <a href="/fleet" class="nb-mtab"><i class="fas fa-shuttle-van"></i><span>Fleet</span></a>
  <a href="/pricing" class="nb-mtab"><i class="fas fa-tag"></i><span>Tariff</span></a>
  <a href="/offers" class="nb-mtab"><i class="fas fa-percent"></i><span>Offers</span></a>
  <a href="/destinations" class="nb-mtab"><i class="fas fa-map-marker-alt"></i><span>Destinations</span></a>
  <a href="/airport-taxi" class="nb-mtab"><i class="fas fa-plane"></i><span>Airport</span></a>
  <a href="/outstation-taxi" class="nb-mtab"><i class="fas fa-road"></i><span>Outstation</span></a>
  <a href="/corporate-enquiry" class="nb-mtab"><i class="fas fa-building"></i><span>Corp Tie-up</span></a>
  <a href="/vendor-registration" class="nb-mtab"><i class="fas fa-handshake"></i><span>Vendor Tie-up</span></a>
  <a href="/contact" class="nb-mtab"><i class="fas fa-phone-alt"></i><span>Contact</span></a>
  <a href="/customer-login/" class="nb-mtab"><i class="fas fa-user-circle"></i><span>Login</span></a>
</div>
<!-- mobile-tabs styles loaded via header-extracted.css above -->
<script>
/* Mobile tab active-state — idle-deferred (cosmetic, no interaction depends on it). */
(function(){
  var ric = window.requestIdleCallback || function(cb){ return setTimeout(cb, 1); };
  ric(function(){
    var tabs = document.querySelectorAll('.nb-mtab');
    if (!tabs.length) return;
    var path = window.location.pathname.replace(/\/$/, '') || '/';
    for (var i = 0; i < tabs.length; i++) {
      var t = tabs[i];
      var href = t.getAttribute('href').replace(/\/$/, '') || '/';
      if (href === '/' ? path === '/' : path.indexOf(href) === 0) {
        t.classList.add('active');
      }
    }
  }, { timeout: 2000 });
})();
</script>

<main id="main-content">



<!-- ═══════════════════════════════════════════════════════════
     JSON-LD SCHEMA MARKUP — LocalBusiness + Service + FAQ
     ═══════════════════════════════════════════════════════════ -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "LocalBusiness",
      "@id": "https://milestoursandtravels.co.in/#business",
      "name": "Miles Tours & Travels",
      "alternateName": "Miles Tours and Travels Mumbai",
      "description": "Leading car rental service in Mumbai offering Innova Crysta, CNG Swift Dzire, and Tempo Traveller on hire for airport transfers, outstation trips, local sightseeing and corporate travel across Mumbai and Maharashtra.",
      "url": "https://milestoursandtravels.co.in",
      "telephone": "+918879099744",
      "priceRange": "₹₹",
      "image": "https://milestoursandtravels.co.in/images/Miles-Logo-copy.jpg",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Mumbai",
        "addressLocality": "Mumbai",
        "addressRegion": "Maharashtra",
        "postalCode": "400001",
        "addressCountry": "IN"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 19.0760,
        "longitude": 72.8777
      },
      "openingHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
        "opens": "00:00",
        "closes": "23:59"
      },
      "areaServed": [
        {"@type": "City", "name": "Mumbai"},
        {"@type": "City", "name": "Thane"},
        {"@type": "City", "name": "Navi Mumbai"},
        {"@type": "City", "name": "Borivali"},
        {"@type": "State", "name": "Maharashtra"}
      ],
      "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Car Rental Services in Mumbai",
        "itemListElement": [
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "CNG Swift Dzire Car Rental Mumbai",
              "description": "Compact sedan car rental in Mumbai for local travel and airport transfers"
            },
            "price": "799",
            "priceCurrency": "INR",
            "priceSpecification": {"@type": "UnitPriceSpecification", "unitText": "per day"}
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Innova Crysta on Hire Mumbai",
              "description": "Premium Innova Crysta (6 traveller + 1 driver) car on hire in Mumbai for outstation and group travel"
            },
            "price": "1399",
            "priceCurrency": "INR",
            "priceSpecification": {"@type": "UnitPriceSpecification", "unitText": "per day"}
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Tempo Traveller on Hire Mumbai",
              "description": "12-17 seater Tempo Traveller on hire in Mumbai for group outings and pilgrimages"
            },
            "price": "2500",
            "priceCurrency": "INR",
            "priceSpecification": {"@type": "UnitPriceSpecification", "unitText": "per day"}
          }
        ]
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "119",
        "bestRating": "5"
      }
    },
    {
      "@type": "Service",
      "name": "Car Rental in Mumbai",
      "provider": {"@id": "https://milestoursandtravels.co.in/#business"},
      "serviceType": "Car Rental",
      "areaServed": {"@type": "City", "name": "Mumbai"},
      "description": "Professional car rental service in Mumbai for airport transfers, local sightseeing, outstation trips and corporate travel. Available 24/7 with experienced drivers.",
      "offers": {
        "@type": "AggregateOffer",
        "lowPrice": "799",
        "highPrice": "5000",
        "priceCurrency": "INR"
      }
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What is the price of car rental in Mumbai?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Car rental in Mumbai starts at ₹700 for an airport transfer in a CNG Swift Dzire. Local sightseeing packages (8 hrs / 80 km) start at ₹1,000 for a sedan and ₹1,600 for an Innova Crysta. Outstation rates begin at ₹14/km for a sedan. All fares include driver, fuel, and AC — no hidden charges."          }
        },        {
          "@type": "Question",
          "name": "Which is the best car rental service in Mumbai?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Miles Tours & Travels is rated 4.9 on Google and is one of Mumbai's most trusted car hire services. We offer 24/7 availability, verified drivers, transparent pricing, and a clean, well-maintained fleet of sedans, MUVs, and minibuses."          }
        },        {
          "@type": "Question",
          "name": "Can I book a car on hire in Mumbai for just a few hours?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. Our local package starts at 4 hours / 40 km for ₹600 (sedan). For shorter trips like airport transfers or point-to-point rides, you pay only for the actual distance. There is no minimum time commitment for airport transfers."          }
        },        {
          "@type": "Question",
          "name": "Do you offer self-drive car rental in Mumbai?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Currently Miles Tours and Travels offers chauffeur-driven car rental in Mumbai only. All our vehicles come with an experienced, licensed driver. We do not offer self-drive rentals at this time."          }
        },        {
          "@type": "Question",
          "name": "How do I cancel a car rental booking in Mumbai?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "You can cancel your booking via WhatsApp or phone up to 6 hours before the scheduled pickup with no cancellation fee. Cancellations within 6 hours of pickup are charged 50% of the booking amount. For outstation trips already commenced, standard cancellation terms apply."          }
        },        {
          "@type": "Question",
          "name": "Is outstation car rental from Mumbai available for one-way trips?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes, one-way outstation car rentals from Mumbai are available to all major destinations including Pune, Shirdi, Nashik, Goa, Lonavala, Mahabaleshwar, Aurangabad, Ahmedabad, and more. One-way rates typically offer 15-20% savings compared to round-trip bookings."          }
        },        {
          "@type": "Question",
          "name": "What cars are available for rental in Mumbai?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Our Mumbai car rental fleet includes: CNG Swift Dzire (4 traveller + 1 driver sedan), Toyota Etios (4 traveller + 1 driver sedan), Toyota Innova Crysta (6 traveller + 1 driver MUV), Innova Hycross (6 traveller + 1 driver hybrid MUV), Toyota Fortuner (6 traveller + 1 driver SUV), and Tempo Traveller (12-17 seater minibus). All vehicles are air-conditioned."          }
        },        {
          "@type": "Question",
          "name": "Do you provide car rental for Mumbai local sightseeing?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes, our Mumbai sightseeing car hire package covers all major attractions: Gateway of India, Marine Drive, Elephanta Caves ferry point, Dharavi, Haji Ali Dargah, Bandra-Worli Sea Link, Juhu Beach, Film City, Sanjay Gandhi National Park, and more. Half-day and full-day packages available."          }
        }      ]
    },
    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://milestoursandtravels.co.in"},
        {"@type": "ListItem", "position": 2, "name": "Car Rental in Mumbai", "item": "https://milestoursandtravels.co.in/car-rental-in-mumbai"}
      ]
    },
    {
      "@type": "HowTo",
      "name": "How to Book a Car Rental in Mumbai",
      "description": "Book a cab or car rental in Mumbai in 3 simple steps with Miles Tours and Travels.",
      "step": [
        {
          "@type": "HowToStep",
          "position": 1,
          "name": "Select Your Service & Vehicle",
          "text": "Choose your service type (airport transfer, outstation, or local), enter pickup location, destination, date and preferred vehicle (Sedan, Innova, Tempo Traveller) on our booking page.",
          "url": "https://milestoursandtravels.co.in/booking"
        },
        {
          "@type": "HowToStep",
          "position": 2,
          "name": "Confirm Your Booking",
          "text": "Enter your name and mobile number. Receive instant WhatsApp and SMS confirmation. No advance payment required.",
          "url": "https://milestoursandtravels.co.in/booking"
        },
        {
          "@type": "HowToStep",
          "position": 3,
          "name": "Ride & Pay at Trip End",
          "text": "Your verified driver arrives on time. Enjoy a clean AC cab. Pay via cash or UPI at the end of your trip.",
          "url": "https://milestoursandtravels.co.in/booking"
        }
      ]
    }
  ]
}
</script>

<style>
/* ── PAGE STYLES ────────────────────────────────────── */
.cr-hero {
  background: linear-gradient(135deg,#0a1628 0%,#0a1f44 55%,#0a2a44 100%);
  color:#fff; padding:3.5rem 1rem 2.5rem; text-align:center; position:relative; overflow:hidden;
}
.cr-hero::before {
  content:''; position:absolute; inset:0;
  background:url('/images/maharashtra/mumbai-3.jpg') center/cover no-repeat;
  opacity:0.18; z-index:0;
}
.cr-hero > * { position:relative; z-index:1; }
.cr-hero h1 { font-size:clamp(1.6rem,4.5vw,2.6rem); font-weight:900; margin-bottom:.5rem; }
.cr-hero h1 span { color:#f59e0b; }
.cr-hero .sub { font-size:1rem; opacity:.9; max-width:640px; margin:.4rem auto 1.4rem; }
.cr-badge { display:inline-flex; gap:.4rem; align-items:center;
  background:rgba(245,158,11,.15); border:1px solid rgba(245,158,11,.4);
  color:#fcd34d; border-radius:30px; padding:.3rem 1rem; font-size:.8rem; font-weight:600; margin-bottom:1rem; }
.cr-cta-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-top:1rem; }
.btn-gold { background:#f59e0b; color:#fff; border:none; padding:.7rem 2rem; border-radius:8px;
  font-weight:700; font-size:1rem; text-decoration:none; transition:.2s; }
.btn-gold:hover { background:#d97706; color:#fff; }
.btn-outline-w { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.7);
  padding:.7rem 2rem; border-radius:8px; font-weight:700; font-size:1rem;
  text-decoration:none; transition:.2s; }
.btn-outline-w:hover { background:#fff; color:#0a1f44; }

.cr-wrap { max-width:1140px; margin:0 auto; padding:0 1rem; }
.cr-section { padding:3rem 0; }
.cr-section h2 { font-size:clamp(1.3rem,3vw,1.85rem); font-weight:800; color:#0a1628; margin-bottom:.5rem; }
.cr-section .lead { color:#4b5563; font-size:.97rem; line-height:1.75; margin-bottom:1.5rem; }
.section-tag { display:inline-block; background:#eff6ff; color:#0a1f44;
  border-radius:20px; padding:.2rem .85rem; font-size:.75rem; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase; margin-bottom:.6rem; }

/* Fleet cards */
.fleet-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; }
.fleet-card { border:1px solid #e5e7eb; border-radius:12px; padding:1.4rem 1.2rem;
  text-align:center; transition:.2s; background:#fff; }
.fleet-card:hover { box-shadow:0 4px 20px rgba(0,0,0,.08); transform:translateY(-2px); }
.fleet-icon { font-size:2.4rem; color:#0a1f44; margin-bottom:.7rem; }
.fleet-name { font-weight:800; font-size:1.05rem; color:#0a1628; }
.fleet-seats { color:#6b7280; font-size:.83rem; margin:.15rem 0 .5rem; }
.fleet-price { font-size:1.2rem; font-weight:900; color:#059669; }
.fleet-price small { font-size:.72rem; color:#6b7280; font-weight:400; }
.fleet-features { list-style:none; padding:0; margin:.7rem 0 1rem; font-size:.82rem; color:#374151; text-align:left; }
.fleet-features li::before { content:'✓ '; color:#059669; font-weight:700; }

/* Price table */
.price-table { width:100%; border-collapse:collapse; border-radius:10px; overflow:hidden;
  box-shadow:0 1px 8px rgba(0,0,0,.08); }
.price-table thead { background:#0a1f44; color:#fff; }
.price-table th { padding:.8rem 1rem; font-size:.85rem; text-align:left; }
.price-table td { padding:.75rem 1rem; font-size:.88rem; border-bottom:1px solid #f3f4f6; }
.price-table tr:last-child td { border-bottom:none; }
.price-table tr:nth-child(even) td { background:#f9fafb; }
.price-badge { background:#dcfce7; color:#059669; border-radius:20px;
  padding:.15rem .65rem; font-size:.75rem; font-weight:700; }

/* Area chips */
.area-grid { display:flex; flex-wrap:wrap; gap:.5rem; }
.area-chip { background:#eff6ff; color:#0a1f44; border:1px solid #bfdbfe;
  border-radius:20px; padding:.3rem .9rem; font-size:.8rem; font-weight:600; }

/* Why cards */
.why-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.25rem; }
.why-card { background:linear-gradient(135deg,#f0f9ff,#e0f2fe); border-radius:12px;
  padding:1.4rem 1.2rem; text-align:center; }
.why-icon { font-size:2rem; color:#0a1f44; margin-bottom:.6rem; }
.why-title { font-weight:800; font-size:.95rem; color:#0a1628; margin-bottom:.3rem; }
.why-desc { font-size:.82rem; color:#374151; line-height:1.6; }

/* FAQ */
.faq-item { border:1px solid #e5e7eb; border-radius:10px; margin-bottom:.75rem; overflow:hidden; }
.faq-q { background:#fff; padding:1rem 1.2rem; font-weight:700; font-size:.94rem;
  color:#0a1628; cursor:pointer; display:flex; justify-content:space-between; align-items:center; }
.faq-q:hover { background:#f9fafb; }
.faq-a { padding:0 1.2rem 1rem; font-size:.88rem; color:#374151; line-height:1.75; display:none; }
.faq-item.open .faq-a { display:block; }
.faq-item.open .faq-q { background:#eff6ff; color:#0a1f44; }
.faq-chevron { transition:.3s; font-size:.8rem; }
.faq-item.open .faq-chevron { transform:rotate(180deg); }

/* Breadcrumb */
.cr-breadcrumb { background:#f9fafb; border-bottom:1px solid #e5e7eb; padding:.6rem 0; }
.cr-breadcrumb ol { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:.3rem;
  font-size:.8rem; color:#6b7280; }
.cr-breadcrumb li:not(:last-child)::after { content:' / '; margin-left:.3rem; color:#d1d5db; }
.cr-breadcrumb a { color:#0a1f44; text-decoration:none; }
.cr-breadcrumb a:hover { text-decoration:underline; }

/* Reviews */
.review-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.25rem; }
.review-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:1.25rem; }
.review-stars { color:#f59e0b; font-size:1rem; margin-bottom:.5rem; }
.review-text { font-size:.87rem; color:#374151; line-height:1.65; font-style:italic; margin-bottom:.75rem; }
.review-author { font-weight:700; font-size:.85rem; color:#0a1628; }
.review-date { font-size:.76rem; color:#9ca3af; }

/* CTA band */
.cta-band { background:linear-gradient(135deg,#0a1f44,#142e5e); color:#fff;
  padding:2.5rem 1rem; text-align:center; }
.cta-band h2 { font-size:1.6rem; font-weight:900; margin-bottom:.5rem; }
.cta-band p { opacity:.9; margin-bottom:1.25rem; }

@media(max-width:640px){
  .cr-cta-row { flex-direction:column; align-items:center; }
  .price-table th:nth-child(3), .price-table td:nth-child(3) { display:none; }
}
</style>

<!-- ── BREADCRUMB ─────────────────────────────────────── -->

<div class="container py-4 py-md-5">
<nav class="cr-breadcrumb" aria-label="Breadcrumb">
  <div class="cr-wrap">
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a href="/" itemprop="item"><span itemprop="name">Home</span></a>
        <meta itemprop="position" content="1">
      </li>
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <span itemprop="name">Car Rental in Mumbai</span>
        <meta itemprop="position" content="2">
      </li>
    </ol>
  </div>
</nav>

<!-- ── HERO ──────────────────────────────────────────────── -->
<section class="cr-hero">
  <div class="cr-badge"><i class="fas fa-star"></i> 4.9 ★ Google Rated</div>
  <h1>Car Rental in <span>Mumbai</span></h1>
  <div style="margin:16px 0 24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center">
  <a href="/booking" class="btn btn-warning fw-bold px-4 py-2"><i class="fas fa-car me-2"></i>Book Now</a>
  <a href="tel:+918879099744" class="btn btn-outline-light px-4 py-2"><i class="fas fa-phone-alt me-2"></i>+91 88790 99744</a>
  <a href="https://wa.me/918879099744?text=Hi%2C+I+want+to+book+a+cab" target="_blank" class="btn btn-success px-4 py-2"><i class="fab fa-whatsapp me-2"></i>WhatsApp</a>
</div>
  <p class="sub">Mumbai's most trusted car hire service — airport transfers, local sightseeing, outstation trips &amp; corporate travel. Available 24/7 across all of Mumbai.</p>
  <div class="cr-cta-row">
    <a href="/booking" class="btn-gold"><i class="fas fa-car me-2"></i>Book a Car Now</a>
    <a href="tel:+918879099744" class="btn-outline-w"><i class="fas fa-phone me-2"></i>Call Us 24/7</a>
  </div>
  <p style="margin-top:1rem;font-size:.82rem;opacity:.75;">
    <i class="fas fa-check-circle me-1" style="color:#34d399"></i>No hidden charges &nbsp;·&nbsp;
    <i class="fas fa-check-circle me-1" style="color:#34d399"></i>AC vehicles &nbsp;·&nbsp;
    <i class="fas fa-check-circle me-1" style="color:#34d399"></i>Experienced drivers &nbsp;·&nbsp;
    <i class="fas fa-check-circle me-1" style="color:#34d399"></i>Instant confirmation
  </p>
</section>

<!-- ── INTRO CONTENT ─────────────────────────────────────── -->
<section class="cr-section" style="background:#fff;">
  <div class="cr-wrap">
    <div class="row g-4 align-items-center">
      <div class="col-lg-7">
        <span class="section-tag">Car Rental in Mumbai</span>
        <h2>Car Hire in Mumbai — Chauffeur-Driven, Fixed Fares, 24/7</h2>
        <p class="lead">
          Finding a dependable <strong>car rental in Mumbai</strong> that combines punctuality, safety, and fair pricing is the number-one challenge for Mumbai residents and visitors alike. Miles Tours &amp; Travels has been solving exactly that problem since its founding — providing <strong>car on hire in Mumbai</strong> for every need from a 2 AM airport pickup to a week-long outstation road trip through Rajasthan.
        </p>
        <p class="lead">
          Mumbai is a city of extremes: 22 million people, 400+ km of road network, three railway termini, two airports, and some of the worst traffic congestion in Asia. Navigating all of it requires a driver who knows the city's arterial roads and its shortcuts — the lane through Worli that saves 20 minutes on a Friday evening, the flyover sequence that beats the Bandra bottleneck on a Monday morning. Our drivers are Mumbaikars with deep local knowledge, and that is the real value we deliver with every <strong>car hire in Mumbai</strong>.
        </p>
        <p class="lead">
          Whether you need a <strong>CNG Swift Dzire on hire in Mumbai</strong> for a solo airport run, a <strong>Toyota Innova Crysta on hire in Mumbai</strong> for a family trip to Shirdi, or a <strong>Tempo Traveller on hire in Mumbai</strong> for a 15-person corporate offsite to Alibaug — Miles Tours and Travels has the vehicle, the driver, and the 24/7 support you need.
        </p>
      </div>
      <div class="col-lg-5">
        <img src="/images/maharashtra/mumbai.jpg" alt="Car rental in Mumbai — Gateway of India"
             class="img-fluid rounded-3 shadow" width="600" height="400" loading="lazy"
             style="object-fit:cover;height:320px;width:100%;">
        <div class="row g-2 mt-2">
          <div class="col-6">
            <img src="/images/maharashtra/mumbai-2.jpg" alt="Mumbai cab service Marine Drive"
                 class="img-fluid rounded-3" width="300" height="200" loading="lazy"
                 style="object-fit:cover;height:140px;width:100%;">
          </div>
          <div class="col-6">
            <img src="/images/maharashtra/mumbai-3.jpg" alt="Mumbai outstation cab Bandra Worli"
                 class="img-fluid rounded-3" width="300" height="200" loading="lazy"
                 style="object-fit:cover;height:140px;width:100%;">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ── FLEET & PRICING ────────────────────────────────────── -->
<section class="cr-section" style="background:#f9fafb;">
  <div class="cr-wrap">
    <span class="section-tag">Our Fleet</span>
    <h2>Car Rental Rates in Mumbai</h2>
    <p class="lead">Transparent, all-inclusive pricing for <strong>car hire in Mumbai</strong>. The rates below include driver, fuel, and AC. Tolls are extra for outstation trips.</p>

    <!-- Real fleet photo (added 2026-07-25) -->
    <figure style="margin:0 0 1.5rem;border-radius:12px;overflow:hidden;max-width:760px;box-shadow:0 2px 12px rgba(10,22,40,.12)">
      <picture><source srcset="/images/cars/miles-fleet-innova-mumbai.webp" type="image/webp"><img src="/images/cars/miles-fleet-innova-mumbai.jpeg" alt="Miles Tours Toyota Innova fleet — chauffeur-driven car rental in Mumbai" width="960" height="1280" loading="lazy" style="display:block;width:100%;height:300px;object-fit:cover"></picture>
      <figcaption style="font-size:.82rem;color:#475569;padding:.55rem .2rem 0">Part of our chauffeur-driven fleet serving Mumbai, Thane &amp; Navi Mumbai</figcaption>
    </figure>

    <!-- Fleet cards -->
    <div class="fleet-grid mb-4">
      <div class="fleet-card">
        <div class="fleet-icon"><i class="fas fa-car"></i></div>
        <div class="fleet-name">Swift Dzire / Etios</div>
        <div class="fleet-seats">4 traveller + 1 driver · CNG Sedan</div>
        <div class="fleet-price">₹799 <small>/ day · ₹700 airport transfer</small></div>
        <ul class="fleet-features">
          <li>Air-conditioned cabin</li>
          <li>200 km/day included</li>
          <li>Boot space for 2 large bags</li>
          <li>Best for solo &amp; couple travel</li>
        </ul>
        <a href="/booking?car=dzire" class="btn btn-sm btn-primary w-100">Book Dzire</a>
      </div>
      <div class="fleet-card" style="border-color:#f59e0b;">
        <div class="fleet-icon" style="color:#f59e0b;"><i class="fas fa-shuttle-van"></i></div>
        <div class="fleet-name">Toyota Innova Crysta</div>
        <div class="fleet-seats">6 traveller + 1 driver · Premium MUV</div>
        <div class="fleet-price">₹1,399 <small>/ day · ₹1,100 airport</small></div>
        <ul class="fleet-features">
          <li>Spacious &amp; plush interiors</li>
          <li>Ideal for family of 6</li>
          <li>250 km/day included</li>
          <li>Best for outstation trips</li>
        </ul>
        <a href="/booking?car=innova" class="btn btn-sm w-100" style="background:#f59e0b;color:#fff;">Book Innova</a>
      </div>
      <div class="fleet-card">
        <div class="fleet-icon" style="color:#7c3aed;"><i class="fas fa-bus"></i></div>
        <div class="fleet-name">Innova Hycross</div>
        <div class="fleet-seats">6 traveller + 1 driver · Hybrid MUV</div>
        <div class="fleet-price">₹1,799 <small>/ day · ₹1,400 airport</small></div>
        <ul class="fleet-features">
          <li>Hybrid engine — better mileage</li>
          <li>Captain seats in middle row</li>
          <li>250 km/day included</li>
          <li>Premium corporate travel</li>
        </ul>
        <a href="/booking?car=hycross" class="btn btn-sm btn-primary w-100">Book Hycross</a>
      </div>
      <div class="fleet-card">
        <div class="fleet-icon" style="color:#059669;"><i class="fas fa-truck"></i></div>
        <div class="fleet-name">Tempo Traveller</div>
        <div class="fleet-seats">12–17 Seater · Minibus</div>
        <div class="fleet-price">₹2,500 <small>/ day · ₹2,000 airport</small></div>
        <ul class="fleet-features">
          <li>Push-back seats</li>
          <li>Ideal for group tours &amp; picnics</li>
          <li>300 km/day included</li>
          <li>Best for pilgrimages &amp; offsites</li>
        </ul>
        <a href="/booking?car=tempo" class="btn btn-sm btn-success w-100">Book Tempo</a>
      </div>
    </div>

    <!-- Detailed price table -->
    <h3 style="font-weight:800;color:#0a1628;margin-bottom:1rem;font-size:1.2rem;">
      <i class="fas fa-table me-2" style="color:#0a1f44;"></i>Car Rental Fare Chart — Mumbai
    </h3>
    <div class="table-responsive">
      <table class="price-table">
        <thead>
          <tr>
            <th>Service Type</th>
            <th>Vehicle</th>
            <th>Base Rate</th>
            <th>Extra km</th>
            <th>Night Allowance</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>Airport Transfer (One-way)</strong></td>
            <td>CNG Swift Dzire</td>
            <td>₹700 <span class="price-badge">Popular</span></td>
            <td>₹14/km</td>
            <td>Included</td>
          </tr>
          <tr>
            <td><strong>Airport Transfer (One-way)</strong></td>
            <td>Innova Crysta</td>
            <td>₹1,100</td>
            <td>₹20/km</td>
            <td>Included</td>
          </tr>
          <tr>
            <td><strong>Local Car Hire (8 hrs / 80 km)</strong></td>
            <td>CNG Swift Dzire</td>
            <td>₹2,500</td>
            <td>₹14/km after 80 km</td>
            <td>₹400 extra</td>
          </tr>
          <tr>
            <td><strong>Local Car Hire (8 hrs / 80 km)</strong></td>
            <td>Innova Crysta</td>
            <td>₹4,000</td>
            <td>₹20/km after 80 km</td>
            <td>₹400 extra</td>
          </tr>
          <tr>
            <td><strong>Outstation (One-way)</strong></td>
            <td>CNG Swift Dzire</td>
            <td>₹14/km <span class="price-badge">Min 250 km</span></td>
            <td>Same rate</td>
            <td>₹400/night</td>
          </tr>
          <tr>
            <td><strong>Outstation (One-way)</strong></td>
            <td>Innova Crysta</td>
            <td>₹20/km</td>
            <td>Same rate</td>
            <td>₹400/night</td>
          </tr>
          <tr>
            <td><strong>Outstation (Round Trip)</strong></td>
            <td>Innova Crysta</td>
            <td>₹20/km</td>
            <td>Same rate</td>
            <td>₹400/night</td>
          </tr>
        </tbody>
      </table>
    </div>
    <p style="font-size:.8rem;color:#6b7280;margin-top:.6rem;">
      <i class="fas fa-info-circle me-1"></i>Toll charges, state entry taxes, and parking are extra. Rates valid as of June 2026.
    </p>
  </div>
</section>

<!-- ── SERVICES ──────────────────────────────────────────── -->
<section class="cr-section" style="background:#fff;">
  <div class="cr-wrap">
    <span class="section-tag">Services</span>
    <h2>Car on Hire in Mumbai — What We Offer</h2>
    <p class="lead">From a 30-minute airport pickup to a 10-day all-India road trip, our <strong>car on hire Mumbai</strong> service covers every travel need.</p>

    <div class="row g-4">
      <div class="col-md-6 col-lg-4">
        <div style="padding:1.4rem;border:1px solid #e5e7eb;border-radius:12px;height:100%;">
          <i class="fas fa-plane-arrival" style="color:#0a1f44;font-size:1.8rem;margin-bottom:.7rem;display:block;"></i>
          <h3 style="font-size:1.05rem;font-weight:800;color:#0a1628;margin-bottom:.4rem;">Mumbai Airport Car Rental</h3>
          <p style="font-size:.87rem;color:#374151;line-height:1.7;">
            24/7 airport pickup and drop for Chhatrapati Shivaji Maharaj International Airport (Terminal 1 &amp; 2), and upcoming Navi Mumbai International Airport. Flight-tracked arrivals, meet-and-greet service, and zero waiting time. Starting ₹700 for sedan.
          </p>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div style="padding:1.4rem;border:1px solid #e5e7eb;border-radius:12px;height:100%;">
          <i class="fas fa-city" style="color:#0a1f44;font-size:1.8rem;margin-bottom:.7rem;display:block;"></i>
          <h3 style="font-size:1.05rem;font-weight:800;color:#0a1628;margin-bottom:.4rem;">Mumbai Local Sightseeing Car</h3>
          <p style="font-size:.87rem;color:#374151;line-height:1.7;">
            Half-day (4 hrs / 40 km) and full-day (8 hrs / 80 km) sightseeing packages covering Gateway of India, Marine Drive, Elephanta Caves ferry point, Dharavi, Bandra Fort, and more. Book for a day or a few hours.
          </p>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div style="padding:1.4rem;border:1px solid #e5e7eb;border-radius:12px;height:100%;">
          <i class="fas fa-road" style="color:#0a1f44;font-size:1.8rem;margin-bottom:.7rem;display:block;"></i>
          <h3 style="font-size:1.05rem;font-weight:800;color:#0a1628;margin-bottom:.4rem;">Outstation Car Rental from Mumbai</h3>
          <p style="font-size:.87rem;color:#374151;line-height:1.7;">
            One-way and round-trip outstation car hire from Mumbai to Pune, Shirdi, Nashik, Goa, Lonavala, Mahabaleshwar, Alibaug, Aurangabad, Udaipur, Ahmedabad, Jaipur and 135+ destinations. Daily driver allowance and tolls included in one transparent quote.
          </p>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div style="padding:1.4rem;border:1px solid #e5e7eb;border-radius:12px;height:100%;">
          <i class="fas fa-briefcase" style="color:#0a1f44;font-size:1.8rem;margin-bottom:.7rem;display:block;"></i>
          <h3 style="font-size:1.05rem;font-weight:800;color:#0a1628;margin-bottom:.4rem;">Corporate Car Rental Mumbai</h3>
          <p style="font-size:.87rem;color:#374151;line-height:1.7;">
            Monthly corporate car hire contracts for Mumbai businesses. Employee pick-up and drop, client airport transfers, Nariman Point and BKC office commutes, and outstation executive travel. Proper invoices provided. Special rates for monthly bookings.
          </p>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div style="padding:1.4rem;border:1px solid #e5e7eb;border-radius:12px;height:100%;">
          <i class="fas fa-pray" style="color:#0a1f44;font-size:1.8rem;margin-bottom:.7rem;display:block;"></i>
          <h3 style="font-size:1.05rem;font-weight:800;color:#0a1628;margin-bottom:.4rem;">Pilgrimage Car Hire Mumbai</h3>
          <p style="font-size:.87rem;color:#374151;line-height:1.7;">
            Dedicated cab and Tempo Traveller hire for pilgrimages from Mumbai to Shirdi, Pandharpur, Trimbakeshwar, Nashik Kumbh Mela grounds, Tirupati, Varanasi, Mathura and all major religious destinations. Group packages available.
          </p>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div style="padding:1.4rem;border:1px solid #e5e7eb;border-radius:12px;height:100%;">
          <i class="fas fa-ring" style="color:#0a1f44;font-size:1.8rem;margin-bottom:.7rem;display:block;"></i>
          <h3 style="font-size:1.05rem;font-weight:800;color:#0a1628;margin-bottom:.4rem;">Wedding &amp; Event Car Hire Mumbai</h3>
          <p style="font-size:.87rem;color:#374151;line-height:1.7;">
            Luxury car hire for Mumbai weddings — guest pickups, baraat support, venue transfers, and honeymoon packages. Innova Crysta and Fortuner available. Decorated vehicles on request. Book multiple cars at once with a group discount.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ── AREA COVERAGE ─────────────────────────────────────── -->
<section class="cr-section" style="background:#f9fafb;">
  <div class="cr-wrap">
    <span class="section-tag">Coverage</span>
    <h2>Car Rental Available Across All of Mumbai</h2>
    <p class="lead">We provide <strong>car on hire in Mumbai</strong> from every neighbourhood — whether you are in South Mumbai's heritage district, the western suburbs, or the eastern industrial belts. Pickup available from all locations below:</p>

    <h3 style="font-size:1rem;font-weight:700;color:#0a1f44;margin-bottom:.75rem;">South Mumbai</h3>
    <div class="area-grid mb-3">
            <span class="area-chip">Colaba</span>
            <span class="area-chip">Nariman Point</span>
            <span class="area-chip">Fort</span>
            <span class="area-chip">Churchgate</span>
            <span class="area-chip">Marine Lines</span>
            <span class="area-chip">Malabar Hill</span>
            <span class="area-chip">Worli</span>
            <span class="area-chip">Lower Parel</span>
            <span class="area-chip">Dadar</span>
            <span class="area-chip">Mahalaxmi</span>
            <span class="area-chip">Parel</span>
            <span class="area-chip">Byculla</span>
            <span class="area-chip">Grant Road</span>
            <span class="area-chip">Chowpatty</span>
          </div>

    <h3 style="font-size:1rem;font-weight:700;color:#0a1f44;margin-bottom:.75rem;">Western Suburbs</h3>
    <div class="area-grid mb-3">
            <span class="area-chip">Bandra</span>
            <span class="area-chip">Khar</span>
            <span class="area-chip">Santacruz</span>
            <span class="area-chip">Vile Parle</span>
            <span class="area-chip">Andheri</span>
            <span class="area-chip">Goregaon</span>
            <span class="area-chip">Malad</span>
            <span class="area-chip">Kandivali</span>
            <span class="area-chip">Borivali</span>
            <span class="area-chip">Dahisar</span>
            <span class="area-chip">Vasai</span>
            <span class="area-chip">Nalasopara</span>
            <span class="area-chip">Mira Road</span>
            <span class="area-chip">Bhayander</span>
          </div>

    <h3 style="font-size:1rem;font-weight:700;color:#0a1f44;margin-bottom:.75rem;">Eastern Suburbs &amp; Central Mumbai</h3>
    <div class="area-grid mb-3">
            <span class="area-chip">Kurla</span>
            <span class="area-chip">Ghatkopar</span>
            <span class="area-chip">Vikhroli</span>
            <span class="area-chip">Powai</span>
            <span class="area-chip">Mulund</span>
            <span class="area-chip">Bhandup</span>
            <span class="area-chip">Kanjurmarg</span>
            <span class="area-chip">Chembur</span>
            <span class="area-chip">Govandi</span>
            <span class="area-chip">Mankhurd</span>
            <span class="area-chip">Wadala</span>
            <span class="area-chip">Sion</span>
            <span class="area-chip">Chunabhatti</span>
          </div>

    <h3 style="font-size:1rem;font-weight:700;color:#0a1f44;margin-bottom:.75rem;">Navi Mumbai &amp; Thane</h3>
    <div class="area-grid mb-3">
            <span class="area-chip">Vashi</span>
            <span class="area-chip">Nerul</span>
            <span class="area-chip">Kharghar</span>
            <span class="area-chip">Panvel</span>
            <span class="area-chip">Belapur</span>
            <span class="area-chip">Airoli</span>
            <span class="area-chip">Ghansoli</span>
            <span class="area-chip">Koparkhairane</span>
            <span class="area-chip">Thane</span>
            <span class="area-chip">Kalwa</span>
            <span class="area-chip">Dombivli</span>
            <span class="area-chip">Kalyan</span>
            <span class="area-chip">Ulhasnagar</span>
            <span class="area-chip">Badlapur</span>
          </div>

    <div style="background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:1rem 1.25rem;margin-top:1rem;font-size:.88rem;color:#0a1f44;">
      <i class="fas fa-map-marker-alt me-2"></i>
      <strong>Don't see your area?</strong> We cover all of Greater Mumbai. Just share your pickup pin on WhatsApp — we will confirm availability within minutes.
    </div>
  </div>
</section>

<!-- ── WHY CHOOSE US ──────────────────────────────────────── -->
<section class="cr-section" style="background:#fff;">
  <div class="cr-wrap">
    <span class="section-tag">Why Miles Tours and Travels</span>
    <h2>Why We're Mumbai's Preferred Car Rental Service</h2>
    <p class="lead">Thousands of Mumbaikars choose Miles Tours and Travels for <strong>car hire in Mumbai</strong> because we solve the three things that matter most: reliability, transparency, and local expertise.</p>

    <div class="why-grid">
      <div class="why-card">
        <div class="why-icon"><i class="fas fa-clock"></i></div>
        <div class="why-title">Always On Time</div>
        <div class="why-desc">Our drivers arrive 10 minutes before the scheduled pickup. For airport trips, we track your flight in real time so delays never cost you extra.</div>
      </div>
      <div class="why-card">
        <div class="why-icon"><i class="fas fa-rupee-sign"></i></div>
        <div class="why-title">No Hidden Charges</div>
        <div class="why-desc">The price you see is the price you pay. Fuel, driver allowance, and AC are always included. Tolls are itemised separately and transparently.</div>
      </div>
      <div class="why-card">
        <div class="why-icon"><i class="fas fa-shield-alt"></i></div>
        <div class="why-title">Safe &amp; Verified Drivers</div>
        <div class="why-desc">Every driver is police-verified, holds a commercial licence, and is trained in defensive driving. Women travelling alone can request a verified female-preferred driver.</div>
      </div>
      <div class="why-card">
        <div class="why-icon"><i class="fas fa-headset"></i></div>
        <div class="why-title">24/7 Customer Support</div>
        <div class="why-desc">Call, WhatsApp, or email us at any hour. Our operations team is always live — whether it's a 3 AM airport run or a mid-trip emergency vehicle swap.</div>
      </div>
      <div class="why-card">
        <div class="why-icon"><i class="fas fa-car-alt"></i></div>
        <div class="why-title">Well-Maintained Fleet</div>
        <div class="why-desc">All vehicles are serviced every 5,000 km, less than 5 years old, and carry valid pollution certificates, insurance, and permits. Clean interiors guaranteed.</div>
      </div>
      <div class="why-card">
        <div class="why-icon"><i class="fas fa-map-marked-alt"></i></div>
        <div class="why-title">Local Knowledge</div>
        <div class="why-desc">Mumbai-born drivers who know every shortcut — from the Mahim Causeway bypass to the Bandra-Kurla corridor peak-hour workaround. Real savings, real time.</div>
      </div>
    </div>
  </div>
</section>

<!-- ── PHOTO GALLERY ─────────────────────────────────────── -->
<section class="cr-section" style="background:#f9fafb;">
  <div class="cr-wrap">
    <span class="section-tag">Mumbai</span>
    <h2>Book a Cab in Mumbai — Landmarks, Business Hubs &amp; More</h2>
    <p class="lead">From Gateway of India to the Bandra-Worli Sea Link, book a reliable cab in Mumbai with a local Mumbaikar driver who knows every shortcut.</p>
    <div class="row g-2">
            <div class="col-6 col-md-4">
        <img src="/images/maharashtra/mumbai-4.jpg" alt="Mumbai Bandra Worli Sea Link by cab"
             class="img-fluid rounded-3" width="400" height="267" loading="lazy"
             style="object-fit:cover;height:180px;width:100%;">
      </div>
            <div class="col-6 col-md-4">
        <img src="/images/maharashtra/mumbai-5.jpg" alt="Gateway of India Mumbai sightseeing car hire"
             class="img-fluid rounded-3" width="400" height="267" loading="lazy"
             style="object-fit:cover;height:180px;width:100%;">
      </div>
            <div class="col-6 col-md-4">
        <img src="/images/maharashtra/mumbai-6.jpg" alt="Mumbai Skyline car rental"
             class="img-fluid rounded-3" width="400" height="267" loading="lazy"
             style="object-fit:cover;height:180px;width:100%;">
      </div>
            <div class="col-6 col-md-4">
        <img src="/images/maharashtra/mumbai-7.jpg" alt="Mumbai Harbour car on hire"
             class="img-fluid rounded-3" width="400" height="267" loading="lazy"
             style="object-fit:cover;height:180px;width:100%;">
      </div>
            <div class="col-6 col-md-4">
        <img src="/images/maharashtra/mumbai-8.jpg" alt="Mumbai Dharavi tour cab"
             class="img-fluid rounded-3" width="400" height="267" loading="lazy"
             style="object-fit:cover;height:180px;width:100%;">
      </div>
            <div class="col-6 col-md-4">
        <img src="/images/maharashtra/mumbai-9.jpg" alt="Mumbai local travel car rental"
             class="img-fluid rounded-3" width="400" height="267" loading="lazy"
             style="object-fit:cover;height:180px;width:100%;">
      </div>
          </div>
  </div>
</section>

<!-- ── REVIEWS ───────────────────────────────────────────── -->
<section class="cr-section" style="background:#fff;">
  <div class="cr-wrap">
    <span class="section-tag">Customer Reviews</span>
    <h2>What Mumbai Customers Say About Our Car Rental</h2>
    <div class="review-grid">
            <div class="review-card">
        <div class="review-stars">★★★★★</div>
        <p class="review-text">"Everything is fine and good they provide a on time service towards guests and pay attention to details and bill is made perfectly and very affordable all over mumbai"</p>
        <div class="review-author">Sunil Dutt Rai</div>
        <div class="review-date">29 Dec 2025 · Google Review</div>
      </div>
            <div class="review-card">
        <div class="review-stars">★★★★★</div>
        <p class="review-text">"Very Comfortable Car &amp; Polite Driver"</p>
        <div class="review-author">Dungardas Vaishnav</div>
        <div class="review-date">18 Apr 2026 · Google Review</div>
      </div>
            <div class="review-card">
        <div class="review-stars">★★★★★</div>
        <p class="review-text">"Very great people full with kindness and great hospitality specially for their dedication towards guests they made our journey beautiful ❤️"</p>
        <div class="review-author">Dev dutt Rai</div>
        <div class="review-date">29 Dec 2025 · Google Review</div>
      </div>
            <div class="review-card">
        <div class="review-stars">★★★★★</div>
        <p class="review-text">"⭐⭐⭐⭐⭐ 5-Star Review (100 words)

I had an excellent experience with Miles Tour and . The driver was polite, professional, and drove safely throughout the journey. The pricing was reasonable with no hidden charges, making the service great value for money. Customer support was also responsive and helpful whenever I had questions. Overall, the trip was smooth, stress-free, and enjoyable. I highly recommend Miles Tour and Travels to anyone looking for reliable, affordable, and professional car rental or travel services. I will definitely book with them again."</p>
        <div class="review-author">Pawan Singh</div>
        <div class="review-date">13 Jul 2026 · Google Review</div>
      </div>
            <div class="review-card">
        <div class="review-stars">★★★★★</div>
        <p class="review-text">"Affordable package and excellent service ."</p>
        <div class="review-author">Ram Singh</div>
        <div class="review-date">11 Jul 2026 · Google Review</div>
      </div>
            <div class="review-card">
        <div class="review-stars">★★★★★</div>
        <p class="review-text">"Our trip with Miles Tour &amp; Travels was truly unforgettable. Every aspect of the journey was planned with great attention to detail, from hotel bookings and airport transfers to sightseeing and local guidance. The team was professional, friendly, and always available whenever we needed assistance. Everything went exactly as promised, with no hidden charges or last-minute issues. Their commitment to customer satisfaction made our vacation completely stress-free. I would confidently recommend Miles Tour &amp; Travels to anyone looking for reliable, affordable, and high-quality travel services. Thank you for making our holiday so memorable!"</p>
        <div class="review-author">Vedha Das</div>
        <div class="review-date">13 Jul 2026 · Google Review</div>
      </div>
                </div>
  </div>
</section>

<!-- ── SEO LONG-FORM CONTENT ─────────────────────────────── -->
<section class="cr-section" style="background:#f9fafb;">
  <div class="cr-wrap">
    <div class="row g-4">
      <div class="col-lg-8">
        <span class="section-tag">Complete Guide</span>
        <h2>Car Rental in Mumbai — Complete Guide 2026</h2>

        <h3 style="font-size:1.1rem;font-weight:800;color:#0a1628;margin:1.5rem 0 .5rem;">How to Book a Car on Hire in Mumbai</h3>
        <p style="font-size:.9rem;color:#374151;line-height:1.8;">
          Booking a <strong>car on hire in Mumbai</strong> with Miles Tours and Travels takes under two minutes. Visit our <a href="/booking" style="color:#0a1f44;font-weight:600;">online booking page</a>, select your pickup area, destination, date, time, and preferred vehicle. You will receive an instant confirmation with your driver's name and mobile number. Payment can be made by UPI, card, or cash to the driver. For corporate accounts, monthly invoicing is available.
        </p>
        <p style="font-size:.9rem;color:#374151;line-height:1.8;">
          Alternatively, WhatsApp us your trip details at any time of day or night and our team will respond with a quote within minutes. For outstation trips requiring more than one day, we recommend booking at least 24 hours in advance to ensure vehicle availability.
        </p>

        <h3 style="font-size:1.1rem;font-weight:800;color:#0a1628;margin:1.5rem 0 .5rem;">Car on Hire for Outstation from Mumbai — Top Routes</h3>
        <p style="font-size:.9rem;color:#374151;line-height:1.8;">
          Mumbai is the gateway to some of India's most spectacular destinations. The <strong>Mumbai to Pune car rental</strong> on the expressway (148 km, ~2.5 hrs) is one of our most frequently booked routes, followed by <strong>Mumbai to Shirdi cab</strong> (240 km via NH 160, 5-6 hrs), <strong>Mumbai to Goa car hire</strong> (590 km via NH 66, 9-10 hrs), and <strong>Mumbai to Nashik car rental</strong> (167 km via NH 160, 3-4 hrs).
        </p>
        <p style="font-size:.9rem;color:#374151;line-height:1.8;">
          Heading north, the <strong>Mumbai to Ahmedabad car rental</strong> (524 km via NH 48, 7-8 hrs) and <strong>Mumbai to Udaipur cab service</strong> (800 km via NH 48, 13-14 hrs) are popular for destination weddings and pilgrimages. For hill station getaways, <strong>Mumbai to Lonavala car hire</strong> (83 km, ~1.5 hrs), <strong>Mumbai to Mahabaleshwar taxi</strong> (263 km, 5-6 hrs), and <strong>Mumbai to Alibaug car rental</strong> (95 km via Rewas ferry, 2 hrs) are popular choices among Mumbaikars.
        </p>

        <h3 style="font-size:1.1rem;font-weight:800;color:#0a1628;margin:1.5rem 0 .5rem;">Mumbai Airport Car Rental — What You Need to Know</h3>
        <p style="font-size:.9rem;color:#374151;line-height:1.8;">
          Chhatrapati Shivaji Maharaj International Airport (IATA: BOM) handles over 50 million passengers a year and is served by two passenger terminals — Terminal 1 (domestic charter and LCC flights) and Terminal 2 (international and premium domestic flights). Miles Tours and Travels provides car hire from both terminals with flight-tracking so your driver always knows if you are early or late.
        </p>
        <p style="font-size:.9rem;color:#374151;line-height:1.8;">
          Our airport transfer rates include waiting time of up to 60 minutes for domestic arrivals and 90 minutes for international arrivals — enough buffer for immigration and baggage claim. There are no extra charges for flight delays. For airport drops, we recommend booking a pickup 3 hours before your flight from western suburbs and 3.5 hours from Thane or Navi Mumbai to account for Mumbai's peak-hour traffic.
        </p>

        <h3 style="font-size:1.1rem;font-weight:800;color:#0a1628;margin:1.5rem 0 .5rem;">Tips for Getting the Best Car Rental Deal in Mumbai</h3>
        <ul style="font-size:.9rem;color:#374151;line-height:1.9;padding-left:1.2rem;">
          <li><strong>Book in advance for weekends and holidays</strong> — Mumbai's demand for outstation cars peaks on Friday evenings and long weekends. Book at least 48 hours ahead for Innova Crysta.</li>
          <li><strong>Choose one-way for long trips</strong> — If you are travelling Mumbai to Goa or Mumbai to Ahmedabad and returning by flight, a one-way cab saves significantly over a round-trip booking.</li>
          <li><strong>Compare km packages</strong> — For local Mumbai sightseeing under 80 km, the 8-hour / 80-km package is best. For outstation under 400 km per day, choose the per-km outstation rate.</li>
          <li><strong>Go Innova for families of 5-6</strong> — The per-head cost of an Innova Crysta for a family of six is comparable to booking economy class airline tickets, with door-to-door convenience.</li>
          <li><strong>Ask about monthly corporate contracts</strong> — If you need a car 15+ days a month, our monthly car hire Mumbai rates offer up to 15% savings over per-trip bookings.</li>
        </ul>
      </div>
      <div class="col-lg-4">
        <!-- Quick booking CTA -->
        <div style="background:#0a1f44;color:#fff;border-radius:16px;padding:1.75rem;position:sticky;top:80px;">
          <h3 style="font-size:1.2rem;font-weight:800;margin-bottom:.4rem;">Book Car Rental in Mumbai</h3>
          <p style="font-size:.84rem;opacity:.85;margin-bottom:1.25rem;">Get instant quote &amp; confirmation in under 2 minutes.</p>
          <a href="/booking" class="btn-gold" style="display:block;text-align:center;padding:.85rem;border-radius:8px;font-size:1rem;font-weight:800;text-decoration:none;margin-bottom:.75rem;">
            <i class="fas fa-car me-2"></i>Book Now
          </a>
          <a href="tel:+918879099744" style="display:block;text-align:center;padding:.75rem;border-radius:8px;font-size:.95rem;font-weight:700;text-decoration:none;background:rgba(255,255,255,.12);color:#fff;">
            <i class="fas fa-phone me-2"></i>Call 24/7
          </a>
          <hr style="border-color:rgba(255,255,255,.2);margin:1rem 0;">
          <div style="font-size:.8rem;opacity:.85;line-height:1.8;">
            <div><i class="fas fa-check-circle me-2" style="color:#34d399;"></i>Instant booking confirmation</div>
            <div><i class="fas fa-check-circle me-2" style="color:#34d399;"></i>Driver details shared immediately</div>
            <div><i class="fas fa-check-circle me-2" style="color:#34d399;"></i>No cancellation fee (6 hrs notice)</div>
            <div><i class="fas fa-check-circle me-2" style="color:#34d399;"></i>Pay by UPI / Card / Cash</div>
            <div><i class="fas fa-check-circle me-2" style="color:#34d399;"></i>Invoice provided</div>
          </div>
          <hr style="border-color:rgba(255,255,255,.2);margin:1rem 0;">
          <div style="font-size:.82rem;opacity:.8;">
            Popular picks today:<br>
            <strong>Dzire — Mumbai Airport ₹700</strong><br>
            <strong>Innova — Mumbai to Shirdi ₹4,200</strong><br>
            <strong>Tempo — Mumbai to Alibaug ₹4,500</strong>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ── FAQ ───────────────────────────────────────────────── -->
<section class="cr-section" style="background:#fff;">
  <div class="cr-wrap" style="max-width:820px;">
    <span class="section-tag">FAQs</span>
    <h2>Frequently Asked Questions — Car Rental Mumbai</h2>

        <div class="faq-item" id="faq-0">
      <div class="faq-q" onclick="toggleFaq(0)">
        What is the price of car rental in Mumbai?        <i class="fas fa-chevron-down faq-chevron"></i>
      </div>
      <div class="faq-a">Car rental in Mumbai starts at ₹700 for an airport transfer in a CNG Swift Dzire. Local sightseeing packages (8 hrs / 80 km) start at ₹1,000 for a sedan and ₹1,600 for an Innova Crysta. Outstation rates begin at ₹14/km for a sedan. All fares include driver, fuel, and AC — no hidden charges.</div>
    </div>
        <div class="faq-item" id="faq-1">
      <div class="faq-q" onclick="toggleFaq(1)">
        Which is the best car rental service in Mumbai?        <i class="fas fa-chevron-down faq-chevron"></i>
      </div>
      <div class="faq-a">Miles Tours &amp; Travels is rated 4.9 on Google and is one of Mumbai&#039;s most trusted car hire services. We offer 24/7 availability, verified drivers, transparent pricing, and a clean, well-maintained fleet of sedans, MUVs, and minibuses.</div>
    </div>
        <div class="faq-item" id="faq-2">
      <div class="faq-q" onclick="toggleFaq(2)">
        Can I book a car on hire in Mumbai for just a few hours?        <i class="fas fa-chevron-down faq-chevron"></i>
      </div>
      <div class="faq-a">Yes. Our local package starts at 4 hours / 40 km for ₹600 (sedan). For shorter trips like airport transfers or point-to-point rides, you pay only for the actual distance. There is no minimum time commitment for airport transfers.</div>
    </div>
        <div class="faq-item" id="faq-3">
      <div class="faq-q" onclick="toggleFaq(3)">
        Do you offer self-drive car rental in Mumbai?        <i class="fas fa-chevron-down faq-chevron"></i>
      </div>
      <div class="faq-a">Currently Miles Tours and Travels offers chauffeur-driven car rental in Mumbai only. All our vehicles come with an experienced, licensed driver. We do not offer self-drive rentals at this time.</div>
    </div>
        <div class="faq-item" id="faq-4">
      <div class="faq-q" onclick="toggleFaq(4)">
        How do I cancel a car rental booking in Mumbai?        <i class="fas fa-chevron-down faq-chevron"></i>
      </div>
      <div class="faq-a">You can cancel your booking via WhatsApp or phone up to 6 hours before the scheduled pickup with no cancellation fee. Cancellations within 6 hours of pickup are charged 50% of the booking amount. For outstation trips already commenced, standard cancellation terms apply.</div>
    </div>
        <div class="faq-item" id="faq-5">
      <div class="faq-q" onclick="toggleFaq(5)">
        Is outstation car rental from Mumbai available for one-way trips?        <i class="fas fa-chevron-down faq-chevron"></i>
      </div>
      <div class="faq-a">Yes, one-way outstation car rentals from Mumbai are available to all major destinations including Pune, Shirdi, Nashik, Goa, Lonavala, Mahabaleshwar, Aurangabad, Ahmedabad, and more. One-way rates typically offer 15-20% savings compared to round-trip bookings.</div>
    </div>
        <div class="faq-item" id="faq-6">
      <div class="faq-q" onclick="toggleFaq(6)">
        What cars are available for rental in Mumbai?        <i class="fas fa-chevron-down faq-chevron"></i>
      </div>
      <div class="faq-a">Our Mumbai car rental fleet includes: CNG Swift Dzire (4 traveller + 1 driver sedan), Toyota Etios (4 traveller + 1 driver sedan), Toyota Innova Crysta (6 traveller + 1 driver MUV), Innova Hycross (6 traveller + 1 driver hybrid MUV), Toyota Fortuner (6 traveller + 1 driver SUV), and Tempo Traveller (12-17 seater minibus). All vehicles are air-conditioned.</div>
    </div>
        <div class="faq-item" id="faq-7">
      <div class="faq-q" onclick="toggleFaq(7)">
        Do you provide car rental for Mumbai local sightseeing?        <i class="fas fa-chevron-down faq-chevron"></i>
      </div>
      <div class="faq-a">Yes, our Mumbai sightseeing car hire package covers all major attractions: Gateway of India, Marine Drive, Elephanta Caves ferry point, Dharavi, Haji Ali Dargah, Bandra-Worli Sea Link, Juhu Beach, Film City, Sanjay Gandhi National Park, and more. Half-day and full-day packages available.</div>
    </div>
      </div>
</section>

<!-- ── CTA BAND ──────────────────────────────────────────── -->
<section class="cta-band">
  <div class="cr-wrap">
    <h2>Ready to Book Your Car Rental in Mumbai?</h2>
    <p>Join 1,200+ happy customers who trust Miles Tours and Travels for car on hire in Mumbai. Instant confirmation, no hidden charges, 24/7 support.</p>
    <div class="cr-cta-row">
      <a href="/booking" class="btn-gold"><i class="fas fa-car me-2"></i>Book a Car Now — It's Free to Start</a>
      <a href="https://wa.me/918879099744?text=Hi%2C+I+need+car+rental+in+Mumbai"
         class="btn-outline-w" target="_blank" rel="noopener noreferrer">
        <i class="fab fa-whatsapp me-2"></i>WhatsApp Us
      </a>
    </div>
  </div>
</section>

<script>
function toggleFaq(i) {
  const item = document.getElementById('faq-' + i);
  item.classList.toggle('open');
}
// Open first FAQ by default
document.addEventListener('DOMContentLoaded', function(){
  const first = document.querySelector('.faq-item');
  if(first) first.classList.add('open');
});
</script>

</div><!-- /.container site-wide wrapper -->
<style>
/* ── FOOTER ── */
.site-footer {
  background: #0a1628;
  color: rgba(255,255,255,.75);
  font-family: 'Poppins', sans-serif;
}

/* Top CTA strip */
.footer-cta-strip {
  background: linear-gradient(135deg, #0a1f44 0%, #142e5e 100%);
  padding: 1.8rem 0;
}
.footer-cta-inner {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 1rem;
}
.footer-cta-text h2 {
  font-size: 1.1rem; font-weight: 700; color: white; margin: 0 0 .2rem;
}
.footer-cta-text p {
  font-size: .82rem; color: rgba(255,255,255,.75); margin: 0;
}
.footer-cta-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.fcta-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 10px 20px; border-radius: 8px;
  font-size: .84rem; font-weight: 600; text-decoration: none;
  transition: opacity .18s, transform .18s; white-space: nowrap;
}
.fcta-btn.primary { background: #f59e0b; color: #0a1628; }
.fcta-btn.primary:hover { background: #e08e09; color: #0a1628; }
.fcta-btn.outline { background: rgba(255,255,255,.12); border: 1.5px solid rgba(255,255,255,.3); color: white; }
.fcta-btn.outline:hover { background: rgba(255,255,255,.2); color: white; }
.fcta-btn.whatsapp { background: #006d3c; color: white; }
.fcta-btn.whatsapp:hover { background: #005a30; color: white; }

/* Main footer body */
.footer-body { padding: 3rem 0 1.5rem; }
.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: 2.5rem;
}

.footer-brand-logo {
  height: 70px; width: auto;
  background: white; border-radius: 8px; padding: 6px 14px;
  margin-bottom: 1rem; display: block;
}
.footer-brand-desc {
  font-size: .81rem; line-height: 1.65; color: rgba(255,255,255,.6);
  margin-bottom: 1.2rem;
}
.footer-contact-item {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: .81rem; color: rgba(255,255,255,.65);
  margin-bottom: .6rem; line-height: 1.5;
}
.footer-contact-item i {
  color: #f59e0b; font-size: .8rem; width: 14px; flex-shrink: 0; margin-top: 2px;
}
.footer-contact-item a {
  color: rgba(255,255,255,.75); text-decoration: none;
}
.footer-contact-item a:hover { color: #f59e0b; }

/* Social icons */
.footer-socials { display: flex; gap: 8px; margin-top: 1.2rem; flex-wrap: wrap; }
.social-btn {
  width: 44px; height: 44px; border-radius: 8px;
  background: rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center;
  text-decoration: none; color: #ffffff;
  font-size: .88rem; transition: opacity .18s, transform .18s;
}
.social-btn:hover { background: rgba(255,255,255,.18); color: white; transform: translateY(-2px); }
.social-btn.fb:hover  { background: #1877f2; color: white; }
.social-btn.ig:hover  { background: linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: white; }
.social-btn.yt:hover  { background: #ff0000; color: white; }
.social-btn.gm:hover  { background: #db4437; color: white; }
.social-btn.li:hover  { background: #0077b5; color: white; }
.social-btn.wa:hover  { background: #25d366; color: white; }

/* Column heading */
.footer-col-title {
  font-size: .72rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .1em; color: rgba(255,255,255,.75);
  margin-bottom: 1rem; padding-bottom: .5rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: .45rem; }
.footer-links a {
  font-size: .81rem; color: rgba(255,255,255,.6);
  text-decoration: none;
  display: flex; align-items: center; gap: 6px;
  min-height: 44px;
}
.footer-links a:hover { color: #f59e0b; }
.footer-links a i { font-size: .65rem; color: rgba(255,255,255,.3); width: 10px; }

/* Trusted partners row */
/* ══════════════════════════════════════════════════════════════════════════
   TRUSTED PARTNERS — premium glassmorphism panel
   Layered for depth: amber sheen, glass blur, subtle grain, animated shine
   ══════════════════════════════════════════════════════════════════════════ */
.footer-partners {
  display: flex; flex-direction: column; align-items: center;
  gap: 18px;
  padding: 1.8rem 1.6rem 1.6rem;
  margin: 1.8rem 0 0;
  background:
    linear-gradient(135deg, rgba(245,158,11,.07) 0%, rgba(245,158,11,.02) 35%, rgba(255,255,255,.02) 100%),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent);
  border: 1px solid rgba(245,158,11,.22);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 -1px 0 rgba(245,158,11,.10) inset,
    0 12px 40px rgba(0,0,0,.25),
    0 0 0 1px rgba(255,255,255,.02);
  text-align: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
/* Slow ambient shine drifting across the panel — barely perceptible */
.footer-partners::before {
  content: ""; position: absolute; top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: radial-gradient(circle at 30% 50%, rgba(245,158,11,.06), transparent 35%);
  pointer-events: none;
  animation: fp-drift 18s ease-in-out infinite alternate;
}
/* Top hairline highlight (premium luxury edge) */
.footer-partners::after {
  content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245,158,11,.5), rgba(255,255,255,.25), rgba(245,158,11,.5), transparent);
  pointer-events: none;
}
@keyframes fp-drift {
  0%   { transform: translate(0,0); }
  100% { transform: translate(20%, 5%); }
}

/* Section label — chiseled gold with star flanks */
.footer-partners-label {
  display: inline-flex; align-items: center; gap: 14px;
  font-family: 'Poppins', -apple-system, sans-serif;
  font-size: .72rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .26em; color: #fde68a;
  padding: 4px 6px;
  position: relative;
  text-shadow: 0 0 18px rgba(245,158,11,.35);
}
.footer-partners-label::before,
.footer-partners-label::after {
  content: "✦";
  font-size: .6rem; color: rgba(245,158,11,.85);
  display: inline-flex; align-items: center;
  letter-spacing: 0;
  filter: drop-shadow(0 0 4px rgba(245,158,11,.5));
}

/* Badge grid — equal-width cells = visual rhythm */
.footer-partners-row {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 12px; width: 100%; max-width: 1100px;
}

/* Badge pill — glass + subtle inner highlight + lift on hover */
.partner-badge {
  display: inline-flex; align-items: center; gap: 11px;
  font-size: .78rem; font-weight: 600; color: rgba(255,255,255,.92);
  letter-spacing: .015em;
  padding: 10px 18px 10px 11px;
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.10);
  position: relative;
  overflow: hidden;
  transition: transform .25s cubic-bezier(.4,0,.2,1), border-color .2s, box-shadow .25s, background .25s;
  cursor: default;
  white-space: nowrap;
  min-width: 0;
  justify-content: flex-start;
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 4px 12px rgba(0,0,0,.12);
}
/* Inner top highlight — subtle "polished" feel */
.partner-badge::before {
  content: ""; position: absolute; top: 0; left: 8%; right: 8%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  pointer-events: none;
}
.partner-badge:hover {
  transform: translateY(-3px);
  border-color: rgba(245,158,11,.50);
  box-shadow:
    0 1px 0 rgba(255,255,255,.10) inset,
    0 10px 24px rgba(245,158,11,.22),
    0 2px 8px rgba(0,0,0,.18);
  background:
    linear-gradient(135deg, rgba(245,158,11,.13), rgba(255,255,255,.04));
  color: #fff;
}

/* Icon — gold gradient orb with ring + animated shine on hover */
.partner-badge i {
  width: 26px; height: 26px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  background:
    radial-gradient(circle at 30% 30%, #fde68a, #f59e0b 55%, #b45309 100%);
  color: #0a2240; font-size: .75rem;
  position: relative;
  box-shadow:
    0 0 0 1px rgba(245,158,11,.45),
    0 0 0 3px rgba(245,158,11,.10),
    0 3px 8px rgba(245,158,11,.40),
    inset 0 1px 1px rgba(255,255,255,.55);
  transition: transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s;
}
/* Animated shine sweep on hover */
.partner-badge i::after {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: linear-gradient(135deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);
  opacity: 0; transform: translateX(-60%);
  transition: opacity .3s, transform .6s;
  pointer-events: none;
}
.partner-badge:hover i {
  transform: scale(1.12) rotate(-6deg);
  box-shadow:
    0 0 0 1px rgba(245,158,11,.65),
    0 0 0 4px rgba(245,158,11,.18),
    0 6px 14px rgba(245,158,11,.55),
    inset 0 1px 1px rgba(255,255,255,.7);
}
.partner-badge:hover i::after { opacity: 1; transform: translateX(60%); }

/* Soft fade-up entrance — applied via IntersectionObserver (see footer JS) */
.footer-partners.fp-reveal .partner-badge {
  opacity: 0; transform: translateY(10px);
  animation: fp-up .55s cubic-bezier(.4,0,.2,1) forwards;
}
.footer-partners.fp-reveal .partner-badge:nth-child(1){animation-delay:.05s}
.footer-partners.fp-reveal .partner-badge:nth-child(2){animation-delay:.10s}
.footer-partners.fp-reveal .partner-badge:nth-child(3){animation-delay:.15s}
.footer-partners.fp-reveal .partner-badge:nth-child(4){animation-delay:.20s}
.footer-partners.fp-reveal .partner-badge:nth-child(5){animation-delay:.25s}
.footer-partners.fp-reveal .partner-badge:nth-child(6){animation-delay:.30s}
.footer-partners.fp-reveal .partner-badge:nth-child(7){animation-delay:.35s}
.footer-partners.fp-reveal .partner-badge:nth-child(8){animation-delay:.40s}
@keyframes fp-up {
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .footer-partners::before { animation: none; }
  .footer-partners.fp-reveal .partner-badge { animation: none; opacity: 1; transform: none; }
}

/* ── Trust badges (premium social-proof strip) ───────────────────────────── */
.footer-trust {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 14px 28px;
  padding: 1.4rem 1rem; margin: 1.4rem 0 1rem;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  position: relative;
}
.footer-trust::before,
.footer-trust::after {
  content: ""; position: absolute; left: 50%; transform: translateX(-50%);
  width: 60%; max-width: 320px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245,158,11,.35), transparent);
}
.footer-trust::before { top: -1px; }
.footer-trust::after  { bottom: -1px; }

.trust-badge {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .8rem; font-weight: 600; color: rgba(255,255,255,.78);
  letter-spacing: .015em;
  position: relative;
}
/* Vertical separator between items (skipped on the last one) */
.trust-badge:not(:last-child)::after {
  content: ""; position: absolute; right: -16px; top: 50%; transform: translateY(-50%);
  width: 1px; height: 14px;
  background: linear-gradient(180deg, transparent, rgba(245,158,11,.35), transparent);
}
.trust-badge i {
  color: #fbbf24; font-size: .85rem;
  filter: drop-shadow(0 1px 2px rgba(245,158,11,.3));
}
.trust-badge strong { color:#fff; font-weight:800; }

/* Mobile premium: 2-up grid, separators removed (look messy when wrapping) */
@media (max-width: 720px) {
  .footer-trust {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
    padding: 1.1rem .8rem;
  }
  .footer-trust::before,
  .footer-trust::after { width: 80%; }
  .trust-badge {
    justify-content: center; text-align: center;
    font-size: .72rem;
  }
  .trust-badge:not(:last-child)::after { display: none; }
}
@media (max-width: 420px) {
  .footer-trust { grid-template-columns: 1fr; }
}

/* Bottom bar */
.footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: .5rem;
  font-size: .75rem; color: rgba(255,255,255,.55);
  padding-top: 1rem;
}
.footer-bottom a { color: rgba(255,255,255,.65); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.footer-bottom a:hover { color: rgba(255,255,255,.85); }
.footer-bottom-links { display: flex; gap: 14px; flex-wrap: wrap; }
.footer-smallprint { font-size: .7rem; color: rgba(255,255,255,.75); margin-top: .5rem; line-height: 1.5; }

@media (max-width: 1100px) {
  .footer-grid { grid-template-columns: 1.6fr 1fr 1fr; gap: 2rem; }
}
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; }
  .footer-cta-inner { flex-direction: column; text-align: center; justify-content: center; }
  .footer-cta-btns { justify-content: center; }
  .footer-partners { gap: 14px; padding: 1.4rem 1.1rem; }
  .footer-partners-row { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .partner-badge { font-size: .73rem; padding: 8px 14px 8px 10px; gap: 9px; }
  .partner-badge i { width: 22px; height: 22px; font-size: .68rem; }
}
@media (max-width: 640px) {
  .footer-partners-row { grid-template-columns: repeat(2, 1fr); gap: 9px; }
  .partner-badge { font-size: .72rem; padding: 8px 13px 8px 9px; }
}
@media (max-width: 420px) {
  .footer-partners { padding: 1.15rem .85rem; }
  .footer-partners-label { font-size: .65rem; letter-spacing: .2em; gap: 10px; }
  .footer-partners-label::before,
  .footer-partners-label::after { font-size: .55rem; }
  .footer-partners-row { grid-template-columns: 1fr; gap: 8px; }
  .partner-badge { font-size: .74rem; padding: 9px 14px 9px 10px; justify-content: flex-start; }
  .partner-badge i { width: 22px; height: 22px; font-size: .7rem; }
}
@media (max-width: 560px) {
  .footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* ── Footer Destinations (Collapsible) ── */
.footer-dest-wrap{border-top:1px solid rgba(255,255,255,.08);padding:1rem 0 .5rem;margin-top:1.5rem}
.footer-dest-toggle{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.85rem 1.25rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background .18s;text-align:left;outline:none}
.footer-dest-toggle:hover{background:rgba(255,255,255,.08)}
.footer-dest-toggle[aria-expanded="true"]{border-radius:10px 10px 0 0;border-bottom-color:transparent}
.footer-dest-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:.4rem;white-space:nowrap}
.footer-dest-label i{color:#f59e0b}
.footer-dest-states{font-size:.74rem;color:rgba(255,255,255,.6);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-chevron{font-size:.7rem;color:rgba(255,255,255,.4);transition:transform .3s ease;flex-shrink:0}
.footer-dest-toggle[aria-expanded="true"] .fd-chevron{transform:rotate(180deg)}
.footer-dest-panel{overflow:hidden;max-height:0;transition:max-height .45s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 10px 10px}
.footer-dest-panel.open{max-height:2400px}
.footer-dest-inner{padding:1.5rem}
.footer-dest-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.07);font-size:.75rem;color:rgba(255,255,255,.4)}
.footer-dest-topbar a{color:#f59e0b;text-decoration:none;font-weight:600}
.footer-dest-topbar a:hover{color:#fbbf24}
.footer-dest-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.footer-state-name{color:#f59e0b;font-size:.9rem;font-weight:700;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:6px}
.footer-cat-label{display:block;color:rgba(255,255,255,.5);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 3px}
.footer-dest-inner a{display:flex;align-items:center;color:rgba(255,255,255,.75);font-size:.78rem;padding:4px 0;min-height:36px;text-decoration:none}
.footer-dest-inner a:hover{color:#f59e0b}
.footer-view-all{color:#f59e0b!important;font-size:.78rem;margin-top:10px;font-weight:600}
@media(max-width:991px){.footer-dest-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575px){.footer-dest-grid{grid-template-columns:repeat(2,1fr)}.footer-dest-states{display:none}}
</style>

</main>

<footer class="site-footer">

  <!-- CTA strip -->
  <div class="footer-cta-strip">
    <div class="container">
      <div class="footer-cta-inner">
        <div class="footer-cta-text">
          <h2>Ready to Book Your Ride?</h2>
          <p>24/7 support · No hidden charges · 10,000+ happy customers</p>
        </div>
        <div class="footer-cta-btns">
          <a href="/booking" class="fcta-btn primary"><i class="fas fa-car"></i> Book Now</a>
          <a href="/wa?p=footer" class="fcta-btn whatsapp" aria-label="WhatsApp us"><i class="fab fa-whatsapp"></i> WhatsApp</a>
          <a href="tel:+918879099744" class="fcta-btn outline"><i class="fas fa-phone-alt"></i> Call Now</a>
        </div>
      </div>
    </div>
  </div>

  <!-- Main body -->
  <div class="footer-body">
    <div class="container">
      <div class="footer-grid">

        <!-- Brand column -->
        <div>
          <picture><source srcset="/images/Miles-Logo-copy.webp" type="image/webp"><img src="/images/Miles-Logo-copy.jpg" alt="Miles Tours and Travels" class="footer-brand-logo" width="150" height="81" loading="lazy"></picture>
          <p class="footer-brand-desc">
            Premium car rental service in Mumbai since 2011. Serving airport transfers, local taxi, outstation trips and corporate travel across Mumbai, Navi Mumbai, Thane &amp; Mira Bhayandar.
          </p>
          <div class="footer-contact-item">
            <i class="fas fa-map-marker-alt"></i>
            <span>A-505, Satya Sai Krupa Apartment, Satya Nagar, Borivali West, Mumbai 400092</span>
          </div>
          <div class="footer-contact-item">
            <i class="fas fa-phone-alt"></i>
            <a href="tel:+918879099744">+91 88790 99744</a>
          </div>
          <div class="footer-contact-item">
            <i class="fas fa-envelope"></i>
            <a href="mailto:booking@milestoursandtravels.co.in">booking@milestoursandtravels.co.in</a>
          </div>
          <div class="footer-contact-item">
            <i class="fas fa-clock"></i>
            <span>Open 24 hours, 7 days a week</span>
          </div>
          <div style="margin-top:1rem;border-radius:8px;overflow:hidden">
            <a href="https://maps.app.goo.gl/oha9JwEjcvysv2Tp9" target="_blank" rel="noopener noreferrer"
               aria-label="Open Miles Tours and Travels location on Google Maps"
               style="display:flex;align-items:center;justify-content:center;width:100%;height:160px;background:linear-gradient(135deg,#1a3a5c 0%,#2c5078 100%);color:#fff;text-decoration:none;font-size:.9rem;gap:.5rem;border-radius:8px">
              <i class="fas fa-map-marker-alt" aria-hidden="true" style="font-size:1.5rem"></i>
              <span>View on Google Maps</span>
            </a>
          </div>
          <div class="footer-socials">
            <a href="https://www.instagram.com/milestoursandtravels/" target="_blank" rel="noopener noreferrer" class="social-btn ig" title="Instagram" aria-label="Miles Tours and Travels on Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a>
            <a href="https://www.facebook.com/milestoursandtravels/" target="_blank" rel="noopener noreferrer" class="social-btn fb" title="Facebook" aria-label="Miles Tours and Travels on Facebook"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
            <a href="https://maps.app.goo.gl/oha9JwEjcvysv2Tp9" target="_blank" rel="noopener noreferrer" class="social-btn gm" title="Google Maps" aria-label="Find us on Google Maps"><i class="fab fa-google" aria-hidden="true"></i></a>
            <a href="https://www.linkedin.com/in/ronak-parikh-39754915/" target="_blank" rel="noopener noreferrer" class="social-btn li" title="LinkedIn" aria-label="Miles Tours and Travels on LinkedIn"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
            <a href="/wa?p=footer-social" class="social-btn wa" title="WhatsApp" aria-label="Contact us on WhatsApp"><i class="fab fa-whatsapp" aria-hidden="true"></i></a>
          </div>
        </div>

        <!-- Services -->
        <div>
          <div class="footer-col-title">Services</div>
          <ul class="footer-links">
            <li><a href="/car-rental-in-mumbai"><i class="fas fa-chevron-right"></i> Car Rental in Mumbai</a></li>
            <li><a href="/airport-taxi"><i class="fas fa-chevron-right"></i> Airport Taxi</a></li>
            <li><a href="/airport-transfer"><i class="fas fa-chevron-right"></i> Airport Transfer</a></li>
            <li><a href="/local-car-rentals"><i class="fas fa-chevron-right"></i> Local Car Rentals</a></li>
            <li><a href="/outstation-taxi"><i class="fas fa-chevron-right"></i> Outstation Taxi</a></li>
            <li><a href="/one-way-cab"><i class="fas fa-chevron-right"></i> One Way Cabs</a></li>
            <li><a href="/corporate-car-rental"><i class="fas fa-chevron-right"></i> Corporate Car Rental</a></li>
            <li><a href="/corporate-travel"><i class="fas fa-chevron-right"></i> Corporate Travel</a></li>
            <li><a href="/tempo-traveller"><i class="fas fa-chevron-right"></i> Tempo Traveller</a></li>
            <li><a href="/innova-crysta-rental"><i class="fas fa-chevron-right"></i> Innova Crysta</a></li>
            <li><a href="/innova-hycross-rental"><i class="fas fa-chevron-right"></i> Innova Hycross</a></li>
            <li><a href="/fleet"><i class="fas fa-chevron-right"></i> Our Fleet</a></li>
            <li><a href="/tariff"><i class="fas fa-chevron-right"></i> Tariff / Rates</a></li>
          </ul>
        </div>

        <!-- Destinations -->
        <div>
          <div class="footer-col-title">Destinations</div>
          <ul class="footer-links">
            <li><a href="/destinations"><i class="fas fa-chevron-right"></i> All Destinations</a></li>
            <li><a href="/mumbai-to-pune-cab"><i class="fas fa-chevron-right"></i> Mumbai to Pune</a></li>
            <li><a href="/mumbai-to-goa-cab"><i class="fas fa-chevron-right"></i> Mumbai to Goa</a></li>
            <li><a href="/mumbai-to-shirdi-cab"><i class="fas fa-chevron-right"></i> Mumbai to Shirdi</a></li>
            <li><a href="/mumbai-to-nashik-cab"><i class="fas fa-chevron-right"></i> Mumbai to Nashik</a></li>
            <li><a href="/mumbai-to-lonavala-cab"><i class="fas fa-chevron-right"></i> Mumbai to Lonavala</a></li>
            <li><a href="/mumbai-to-mahabaleshwar-cab"><i class="fas fa-chevron-right"></i> Mumbai to Mahabaleshwar</a></li>
            <li><a href="/mumbai-to-aurangabad-cab"><i class="fas fa-chevron-right"></i> Mumbai to Aurangabad</a></li>
            <li><a href="/mumbai-to-alibaug-cab"><i class="fas fa-chevron-right"></i> Mumbai to Alibaug</a></li>
            <li><a href="/mumbai-to-igatpuri-cab"><i class="fas fa-chevron-right"></i> Mumbai to Igatpuri</a></li>
            <li><a href="/mumbai-to-trimbakeshwar-cab"><i class="fas fa-chevron-right"></i> Mumbai to Trimbakeshwar</a></li>
            <li><a href="/mumbai-to-surat-cab"><i class="fas fa-chevron-right"></i> Mumbai to Surat</a></li>
          </ul>
        </div>

        <!-- Company -->
        <div>
          <div class="footer-col-title">Company</div>
          <ul class="footer-links">
            <li><a href="/"><i class="fas fa-chevron-right"></i> Home</a></li>
            <li><a href="/about"><i class="fas fa-chevron-right"></i> About Us</a></li>
            <li><a href="/booking"><i class="fas fa-chevron-right"></i> Book Now</a></li>
            <li><a href="/offers"><i class="fas fa-chevron-right"></i> Offers &amp; Discounts</a></li>
            <li><a href="/blog"><i class="fas fa-chevron-right"></i> Travel Blog</a></li>
            <li><a href="/vendor-registration"><i class="fas fa-chevron-right"></i> Partner With Us</a></li>
            <li><a href="/mumbai"><i class="fas fa-chevron-right"></i> Mumbai</a></li>
            <li><a href="/pune"><i class="fas fa-chevron-right"></i> Pune</a></li>
            <li><a href="/thane"><i class="fas fa-chevron-right"></i> Thane</a></li>
            <li><a href="/navi-mumbai"><i class="fas fa-chevron-right"></i> Navi Mumbai</a></li>
          </ul>
        </div>

        <!-- Support -->
        <div>
          <div class="footer-col-title">Support</div>
          <ul class="footer-links">
            <li><a href="/contact"><i class="fas fa-chevron-right"></i> Contact Us</a></li>
            <li><a href="/faq"><i class="fas fa-chevron-right"></i> FAQ</a></li>
            <li><a href="tel:+918879099744"><i class="fas fa-chevron-right"></i> 24/7 Helpline</a></li>
            <li><a href="/wa?p=footer-support"><i class="fas fa-chevron-right"></i> WhatsApp Support</a></li>
            <li><a href="mailto:booking@milestoursandtravels.co.in"><i class="fas fa-chevron-right"></i> Email Booking</a></li>
            <li><a href="/privacy-policy"><i class="fas fa-chevron-right"></i> Privacy Policy</a></li>
            <li><a href="/terms"><i class="fas fa-chevron-right"></i> Terms &amp; Conditions</a></li>
            <li><a href="/refunds"><i class="fas fa-chevron-right"></i> Refund Policy</a></li>
            <li><a href="/sitemap.xml"><i class="fas fa-chevron-right"></i> Sitemap</a></li>
          </ul>
        </div>

      </div>


      <!-- Destinations by State — Collapsible -->
            <div class="footer-dest-wrap">
        <button class="footer-dest-toggle"
                aria-expanded="false"
                aria-controls="footerDestPanel"
                onclick="var p=document.getElementById('footerDestPanel'),e=this.getAttribute('aria-expanded')==='true';this.setAttribute('aria-expanded',e?'false':'true');p.classList.toggle('open',!e);">
          <span class="footer-dest-label"><i class="fas fa-map-marker-alt"></i> Explore Destinations</span>
          <span class="footer-dest-states">Maharashtra · Gujarat · Rajasthan · Madhya Pradesh · Karnataka · Mumbai</span>
          <i class="fas fa-chevron-down fd-chevron"></i>
        </button>
        <div class="footer-dest-panel" id="footerDestPanel">
          <div class="footer-dest-inner">
            <div class="footer-dest-topbar">
              <span>100+ destinations from Mumbai — temples, beaches, hill stations &amp; more</span>
              <a href="/destinations">View All Destinations →</a>
            </div>
            <div class="footer-dest-grid">
                            <div class="footer-state-col">
                <p class="footer-state-name">Maharashtra</p>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Temples</span>
                                    <a href="/mumbai-to-shirdi-cab">Shirdi</a>
                                    <a href="/mumbai-to-shani-shingnapur-cab">Shani Shingnapur</a>
                                    <a href="/mumbai-to-trimbakeshwar-cab">Trimbakeshwar</a>
                                    <a href="/mumbai-to-bhimashankar-cab">Bhimashankar</a>
                                    <a href="/mumbai-to-jejuri-cab">Jejuri</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Beaches</span>
                                    <a href="/mumbai-to-alibaug-cab">Alibaug</a>
                                    <a href="/mumbai-to-diveagar-cab">Diveagar</a>
                                    <a href="/mumbai-to-ratnagiri-cab">Ratnagiri</a>
                                    <a href="/mumbai-to-malvan-cab">Malvan</a>
                                    <a href="/mumbai-to-tarkarli-cab">Tarkarli</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Hill Stations</span>
                                    <a href="/mumbai-to-lonavala-cab">Lonavala</a>
                                    <a href="/mumbai-to-mahabaleshwar-cab">Mahabaleshwar</a>
                                    <a href="/mumbai-to-igatpuri-cab">Igatpuri</a>
                                    <a href="/mumbai-to-matheran-cab">Matheran</a>
                                    <a href="/mumbai-to-panchgani-cab">Panchgani</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Heritage</span>
                                    <a href="/mumbai-to-nashik-cab">Nashik</a>
                                    <a href="/mumbai-to-kolhapur-cab">Kolhapur</a>
                                    <a href="/mumbai-to-aurangabad-cab">Aurangabad</a>
                                    <a href="/mumbai-to-ajanta-caves-cab">Ajanta Caves</a>
                                    <a href="/mumbai-to-ellora-caves-cab">Ellora Caves</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Tourist Places</span>
                                    <a href="/mumbai-to-ganpatipule-cab">Ganpatipule</a>
                                    <a href="/mumbai-to-chiplun-cab">Chiplun</a>
                                    <a href="/mumbai-to-kolad-cab">Kolad</a>
                                    <a href="/mumbai-to-wai-cab">Wai</a>
                                    <a href="/mumbai-to-amboli-cab">Amboli</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Cities</span>
                                    <a href="/mumbai-to-pune-cab">Pune</a>
                                    <a href="/mumbai-to-satara-cab">Satara</a>
                                    <a href="/mumbai-to-sangli-cab">Sangli</a>
                                    <a href="/mumbai-to-nanded-cab">Nanded</a>
                                    <a href="/mumbai-to-solapur-cab">Solapur</a>
                                  </div>
                                                <a href="/destinations#maharashtra" class="footer-view-all">View all Maharashtra →</a>
              </div>
                            <div class="footer-state-col">
                <p class="footer-state-name">Gujarat</p>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Temples</span>
                                    <a href="/mumbai-to-dwarka-cab">Dwarka</a>
                                    <a href="/mumbai-to-somnath-cab">Somnath Temple</a>
                                    <a href="/mumbai-to-palitana-cab">Palitana</a>
                                    <a href="/mumbai-to-ambaji-temple-cab">Ambaji Temple</a>
                                    <a href="/mumbai-to-dwarkadhish-cab">Dwarkadhish Temple</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Beaches</span>
                                    <a href="/mumbai-to-mandvi-beach-cab">Mandvi Beach</a>
                                    <a href="/mumbai-to-somnath-coast-cab">Somnath Coast</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Heritage</span>
                                    <a href="/mumbai-to-junagadh-cab">Junagadh</a>
                                    <a href="/mumbai-to-champaner-cab">Champaner-Pavagadh</a>
                                    <a href="/mumbai-to-polo-forest-cab">Polo Forest</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Tourist Places</span>
                                    <a href="/mumbai-to-saputara-cab">Saputara</a>
                                    <a href="/mumbai-to-anand-cab">Anand</a>
                                    <a href="/mumbai-to-nadiad-cab">Nadiad</a>
                                    <a href="/mumbai-to-morbi-cab">Morbi</a>
                                    <a href="/mumbai-to-kutch-rann-cab">Kutch Rann</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Cities</span>
                                    <a href="/mumbai-to-surat-cab">Surat</a>
                                    <a href="/mumbai-to-ahmedabad-cab">Ahmedabad</a>
                                    <a href="/mumbai-to-vadodara-cab">Vadodara</a>
                                    <a href="/mumbai-to-rajkot-cab">Rajkot</a>
                                    <a href="/mumbai-to-jamnagar-cab">Jamnagar</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Wildlife</span>
                                    <a href="/mumbai-to-sasan-gir-cab">Sasan Gir</a>
                                    <a href="/mumbai-to-gir-national-park-cab">Gir National Park</a>
                                    <a href="/mumbai-to-marine-national-park-cab">Marine National Park</a>
                                  </div>
                                                <a href="/destinations#gujarat" class="footer-view-all">View all Gujarat →</a>
              </div>
                            <div class="footer-state-col">
                <p class="footer-state-name">Rajasthan</p>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Temples</span>
                                    <a href="/mumbai-to-nathdwara-cab">Nathdwara</a>
                                    <a href="/mumbai-to-khatu-shyam-ji-cab">Khatu Shyam Ji</a>
                                    <a href="/mumbai-to-salasar-balaji-cab">Salasar Balaji</a>
                                    <a href="/mumbai-to-eklingji-temple-cab">Eklingji Temple</a>
                                    <a href="/mumbai-to-brahma-temple-pushkar-cab">Brahma Temple Pushkar</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Heritage</span>
                                    <a href="/mumbai-to-ajmer-cab">Ajmer</a>
                                    <a href="/mumbai-to-chittorgarh-cab">Chittorgarh</a>
                                    <a href="/mumbai-to-alwar-cab">Alwar</a>
                                    <a href="/mumbai-to-bundi-cab">Bundi</a>
                                    <a href="/mumbai-to-neemrana-fort-cab">Neemrana Fort Palace</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Tourist Places</span>
                                    <a href="/mumbai-to-mount-abu-cab">Mount Abu</a>
                                    <a href="/mumbai-to-pushkar-cab">Pushkar</a>
                                    <a href="/mumbai-to-jaisalmer-cab">Jaisalmer</a>
                                    <a href="/mumbai-to-barmer-cab">Barmer</a>
                                    <a href="/mumbai-to-sam-sand-dunes-cab">Sam Sand Dunes</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Cities</span>
                                    <a href="/mumbai-to-udaipur-cab">Udaipur</a>
                                    <a href="/mumbai-to-jaipur-cab">Jaipur</a>
                                    <a href="/mumbai-to-jodhpur-cab">Jodhpur</a>
                                    <a href="/mumbai-to-bikaner-cab">Bikaner</a>
                                    <a href="/mumbai-to-kota-cab">Kota</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Wildlife</span>
                                    <a href="/mumbai-to-ranthambore-cab">Ranthambore</a>
                                  </div>
                                                <a href="/destinations#rajasthan" class="footer-view-all">View all Rajasthan →</a>
              </div>
                            <div class="footer-state-col">
                <p class="footer-state-name">Madhya Pradesh</p>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Temples</span>
                                    <a href="/mumbai-to-omkareshwar-cab">Omkareshwar Temple</a>
                                    <a href="/mumbai-to-mahakaleshwar-cab">Mahakaleshwar Temple</a>
                                    <a href="/mumbai-to-chintaman-ganesh-cab">Chintaman Ganesh Temple</a>
                                    <a href="/mumbai-to-kal-bhairav-cab">Kal Bhairav Temple</a>
                                    <a href="/mumbai-to-harsiddhi-temple-cab">Harsiddhi Temple</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Heritage</span>
                                    <a href="/mumbai-to-maheshwar-cab">Maheshwar</a>
                                    <a href="/mumbai-to-mandav-cab">Mandav</a>
                                    <a href="/mumbai-to-khajuraho-cab">Khajuraho</a>
                                    <a href="/mumbai-to-orchha-cab">Orchha</a>
                                    <a href="/mumbai-to-gwalior-fort-cab">Gwalior Fort</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Tourist Places</span>
                                    <a href="/mumbai-to-ujjain-cab">Ujjain</a>
                                    <a href="/mumbai-to-pachmarhi-cab">Pachmarhi</a>
                                    <a href="/mumbai-to-sanchi-cab">Sanchi</a>
                                    <a href="/mumbai-to-bhedaghat-cab">Bhedaghat</a>
                                    <a href="/mumbai-to-amarkantak-cab">Amarkantak</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Cities</span>
                                    <a href="/mumbai-to-indore-cab">Indore</a>
                                    <a href="/mumbai-to-bhopal-cab">Bhopal</a>
                                    <a href="/mumbai-to-gwalior-cab">Gwalior</a>
                                    <a href="/mumbai-to-jabalpur-cab">Jabalpur</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Wildlife</span>
                                    <a href="/mumbai-to-pench-cab">Pench National Park</a>
                                    <a href="/mumbai-to-kanha-cab">Kanha National Park</a>
                                    <a href="/mumbai-to-bandhavgarh-cab">Bandhavgarh National Park</a>
                                  </div>
                                                <a href="/destinations#madhya-pradesh" class="footer-view-all">View all Madhya Pradesh →</a>
              </div>
                            <div class="footer-state-col">
                <p class="footer-state-name">Karnataka</p>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Temples</span>
                                    <a href="/mumbai-to-murudeshwar-cab">Murudeshwar</a>
                                    <a href="/mumbai-to-udupi-krishna-cab">Udupi Sri Krishna Temple</a>
                                    <a href="/mumbai-to-kukke-subramanya-cab">Kukke Subramanya</a>
                                    <a href="/mumbai-to-dharmasthala-cab">Dharmasthala</a>
                                    <a href="/mumbai-to-sringeri-cab">Sringeri Sharada Peetham</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Beaches</span>
                                    <a href="/mumbai-to-gokarna-cab">Gokarna</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Hill Stations</span>
                                    <a href="/mumbai-to-coorg-cab">Coorg (Kodagu)</a>
                                    <a href="/mumbai-to-chikmagalur-cab">Chikmagalur</a>
                                    <a href="/mumbai-to-nandi-hills-cab">Nandi Hills</a>
                                    <a href="/mumbai-to-sakleshpur-cab">Sakleshpur</a>
                                    <a href="/mumbai-to-kudremukh-cab">Kudremukh</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Heritage</span>
                                    <a href="/mumbai-to-hampi-cab">Hampi</a>
                                    <a href="/mumbai-to-badami-cab">Badami</a>
                                    <a href="/mumbai-to-bijapur-cab">Bijapur (Vijayapura)</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Tourist Places</span>
                                    <a href="/mumbai-to-jog-falls-cab">Jog Falls</a>
                                    <a href="/mumbai-to-udupi-cab">Udupi</a>
                                    <a href="/mumbai-to-agumbe-cab">Agumbe</a>
                                    <a href="/mumbai-to-shivanasamudra-falls-cab">Shivanasamudra Falls</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Cities</span>
                                    <a href="/mumbai-to-mysore-cab">Mysore (Mysuru)</a>
                                    <a href="/mumbai-to-mangalore-cab">Mangalore (Mangaluru)</a>
                                    <a href="/mumbai-to-bangalore-cab">Bangalore (Bengaluru)</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Wildlife</span>
                                    <a href="/mumbai-to-dandeli-cab">Dandeli</a>
                                    <a href="/mumbai-to-kabini-cab">Kabini</a>
                                    <a href="/mumbai-to-br-hills-cab">BR Hills (Biligiriranga Hills)</a>
                                  </div>
                                                <a href="/destinations#karnataka" class="footer-view-all">View all Karnataka →</a>
              </div>
                            <div class="footer-state-col">
                <p class="footer-state-name">Mumbai</p>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Temples</span>
                                    <a href="/mumbai-to-siddhivinayak-temple-cab">Siddhivinayak Temple</a>
                                    <a href="/mumbai-to-mahalakshmi-temple-cab">Mahalakshmi Temple</a>
                                    <a href="/mumbai-to-babulnath-temple-cab">Babulnath Temple</a>
                                    <a href="/mumbai-to-iskcon-juhu-cab">ISKCON Juhu Temple</a>
                                    <a href="/mumbai-to-walkeshwar-temple-cab">Walkeshwar Temple</a>
                                  </div>
                                <div class="footer-cat-group">
                  <span class="footer-cat-label">Tourist Places</span>
                                    <a href="/mumbai-to-gateway-of-india-cab">Gateway of India</a>
                                    <a href="/mumbai-to-marine-drive-cab">Marine Drive</a>
                                    <a href="/mumbai-to-juhu-beach-cab">Juhu Beach</a>
                                    <a href="/mumbai-to-bandra-bandstand-cab">Bandra Bandstand</a>
                                    <a href="/mumbai-to-worli-sea-face-cab">Worli Sea Face</a>
                                  </div>
                                                <a href="/destinations#mumbai" class="footer-view-all">View all Mumbai →</a>
              </div>
                          </div>
          </div>
        </div>
      </div>
      
      <!-- Trusted Partners (premium, centered) -->
      <div class="footer-partners">
        <span class="footer-partners-label">Trusted Partners</span>
        <div class="footer-partners-row">
          <span class="partner-badge"><i class="fas fa-lock"></i> Razorpay Secured</span>
          <span class="partner-badge"><i class="fas fa-shield-alt"></i> SSL Encrypted</span>
          <span class="partner-badge"><i class="fas fa-tag"></i> No Hidden Charges</span>
          <span class="partner-badge"><i class="fas fa-car-side"></i> 100% T-Permit Fleet</span>
          <span class="partner-badge"><i class="fas fa-spray-can-sparkles"></i> Sanitized Vehicles</span>
          <span class="partner-badge"><i class="fas fa-user-tie"></i> Trained Chauffeurs</span>
          <span class="partner-badge"><i class="fas fa-user-shield"></i> Police-Verified Drivers</span>
          <span class="partner-badge"><i class="fas fa-headset"></i> 24/7 Live Dispatch</span>
        </div>
      </div>

      <!-- Trust badges (social proof — distinct from the security/credentials row above) -->
      <div class="footer-trust">
        <div class="trust-badge"><i class="fas fa-medal"></i> <strong>13+ Years</strong> Trusted</div>
        <div class="trust-badge"><i class="fas fa-star"></i> <strong>4.9★</strong> Google Rated</div>
        <div class="trust-badge"><i class="fas fa-users"></i> <strong>10,000+</strong> Happy Customers</div>
        <div class="trust-badge"><i class="fas fa-map-marker-alt"></i> Mumbai &middot; Thane &middot; Navi Mumbai</div>
      </div>

      <!-- Bottom bar -->
      <div class="footer-bottom">
        <span>© 2026 Miles Tours and Travels. All rights reserved. | Only Smiles with Miles.</span>
        <div class="footer-bottom-links">
          <a href="/privacy-policy">Privacy Policy</a>
          <a href="/terms">Terms &amp; Conditions</a>
          <a href="/refunds">Refunds</a>
          <a href="/sitemap.xml" aria-label="XML Sitemap">Sitemap</a>
        </div>
      </div>
      <div class="footer-smallprint">
        Miles Tours and Travels is a registered Indian transport service provider operating since 2011. All fares are inclusive of applicable taxes unless stated otherwise. Vehicle images are illustrative; actual vehicle/model may vary based on availability. Bookings are subject to our Terms &amp; Conditions and Refund Policy.
      </div>

    </div>
  </div>

</footer>

<script>
/* Trusted Partners — fade-up entrance when footer enters viewport. Idle-deferred init. */
(function () {
  var ric = window.requestIdleCallback || function(cb){ return setTimeout(cb, 1); };
  ric(function(){
    var fp = document.querySelector('.footer-partners');
    if (!fp) return;
    if (!('IntersectionObserver' in window)) { fp.classList.add('fp-reveal'); return; }
    var io = new IntersectionObserver(function (entries) {
      entries.forEach(function (e) {
        if (e.isIntersecting) { fp.classList.add('fp-reveal'); io.disconnect(); }
      });
    }, { threshold: 0.18 });
    io.observe(fp);
  }, { timeout: 2500 });
})();
</script>
<!-- Tiny Bootstrap shim: only `collapse` (navbar toggler) + `dropdown` are used site-wide.
     Replaces 80KB bootstrap.bundle.min.js with ~1KB inline JS. Saves ~64KB unused JS (PSI).
     Interaction-gated: real handlers attach on first pointerdown to keep TBT < 50ms. -->
<script>
(function(){
  var ARMED = false;
  function clickHandler(e){
    var t = e.target.closest('[data-bs-toggle="collapse"]');
    if (t) {
      var sel = t.getAttribute('data-bs-target') || t.getAttribute('href');
      if (sel) {
        var el = document.querySelector(sel);
        if (el) {
          el.classList.toggle('show');
          t.setAttribute('aria-expanded', el.classList.contains('show') ? 'true' : 'false');
        }
      }
      return;
    }
    var d = e.target.closest('[data-bs-toggle="dropdown"]');
    if (d) {
      e.preventDefault();
      var parent = d.parentElement;
      var menu = parent && parent.querySelector('.dropdown-menu');
      document.querySelectorAll('.dropdown-menu.show').forEach(function(m){ if (m !== menu) m.classList.remove('show'); });
      if (menu) {
        menu.classList.toggle('show');
        d.setAttribute('aria-expanded', menu.classList.contains('show') ? 'true' : 'false');
      }
      return;
    }
    if (!e.target.closest('.dropdown-menu')) {
      document.querySelectorAll('.dropdown-menu.show').forEach(function(m){ m.classList.remove('show'); });
      document.querySelectorAll('[data-bs-toggle="dropdown"][aria-expanded="true"]').forEach(function(t){ t.setAttribute('aria-expanded','false'); });
    }
  }
  function keyHandler(e){
    if (e.key === 'Escape') {
      document.querySelectorAll('.dropdown-menu.show').forEach(function(m){ m.classList.remove('show'); });
    }
  }
  function arm(){
    if (ARMED) return;
    ARMED = true;
    document.addEventListener('click', clickHandler);
    document.addEventListener('keydown', keyHandler);
  }
  // Arm on first user intent (pointerdown fires before click — handler is live by the time click bubbles).
  ['pointerdown','touchstart','keydown'].forEach(function(ev){
    document.addEventListener(ev, arm, { once: true, passive: true, capture: true });
  });
  // Safety net: arm during idle anyway, so programmatic clicks still work.
  var ric = window.requestIdleCallback || function(cb){ return setTimeout(cb, 1500); };
  ric(arm, { timeout: 3000 });
})();
</script>
<script src="/js/main.min.js?v=20260604b" defer></script>
<script src="/js/conversion.min.js" defer></script>
<!-- Live chat removed -->

<!-- JSON-LD LocalBusiness schema removed 2026-05-26 — canonical lives in includes/schema_global.php (5.0/111 from Google Places). -->
<!-- Floating WhatsApp Booking Button — removed 2026-05-11 (duplicate of green .wa-float circle in header.php). -->

<script src="/assets/js/app-bridge.js?v=20260507" defer></script>
<script src="/js/cookie-consent.js" defer></script>
</body>
</html>
