1<!DOCTYPE html> 2<html lang="en" data-airo-home="/" 3 data-airo-spa-legal-version="v2" 4 data-airo-spa-terms-path="assets/legal/terms.article.v2.html" 5 data-airo-spa-terms-v1="assets/legal/terms.article.v1.html" 6 data-airo-spa-terms-v2="assets/legal/terms.article.v2.html" 7 data-airo-spa-legal-cutoff="2026-08-31T23:59:59+05:30"> 8 9<head> 10 <!-- Google Tag Manager -->
11<script>
vendor: 327 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 12new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 14'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 15})(window,document,'script','dataLayer','
15GTM-WDR9BTCS
vendor: 3 bytes, line 15
15');
15</script>
15 16<!-- End Google Tag Manager --> 17 <meta charset="UTF-8" /> 18 <base href="/" /> 19 <link rel="icon" type="image/svg+xml" href="/assets/img/favicon.svg" /> 20 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 21 <meta name="description" 22 content="Flight disrupted? Claim compensation for delays, cancellations, denied boarding, and baggage issues. AiroRight helps passengers under DGCA and EU261 rules. No win, no fee." /> 23 <meta name="keywords" 24 content="flight delay compensation, flight cancellation claim, DGCA passenger rights, EU261, denied boarding, baggage delay, AiroRight" /> 25 <title>AiroRight - Flight delay & cancellation compensation</title> 26 <link rel="canonical" href="https://airoright.com/" /> 27<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 28<meta name="googlebot" content="index, follow" /> 29<meta name="author" content="AiroRight" /> 30<meta name="theme-color" content="#082161" /> 31<link rel="alternate" type="text/plain" href="https://airoright.com/llms.txt" title="LLM source" /> 32<link rel="sitemap" type="application/xml" title="Sitemap" href="https://airoright.com/sitemap.xml" /> 33<meta property="og:site_name" content="AiroRight" /> 34<meta property="og:type" content="website" /> 35<meta property="og:locale" content="en_IN" /> 36<meta property="og:title" content="AiroRight - Flight delay & cancellation compensation" /> 37<meta property="og:description" content="Flight disrupted? Claim compensation for delays, cancellations, denied boarding, and baggage issues. AiroRight helps passengers under DGCA and EU261 rules. No win, no fee." /> 38<meta property="og:url" content="https://airoright.com/" /> 39<meta property="og:image" content="https://airoright.com/assets/img/hero-bg.jpg" /> 40<meta property="og:image:alt" content="AiroRight flight compensation" /> 41<meta name="twitter:card" content="summary_large_image" /> 42<meta name="twitter:title" content="AiroRight - Flight delay & cancellation compensation" /> 43<meta name="twitter:description" content="Flight disrupted? Claim compensation for delays, cancellations, denied boarding, and baggage issues. AiroRight helps passengers under DGCA and EU261 rules. No win, no fee." /> 44<meta name="twitter:image" content="https://airoright.com/assets/img/hero-bg.jpg" /> 45<link rel="alternate" hreflang="en" href="https://airoright.com/" /> 46<link rel="alternate" hreflang="en-IN" href="https://airoright.com/" /> 47<link rel="alternate" hreflang="it" href="https://airoright.com/IT/" /> 48<link rel="alternate" hreflang="es" href="https://airoright.com/ES/" /> 49<link rel="alternate" hreflang="de" href="https://airoright.com/DE/" /> 50<link rel="alternate" hreflang="fr" href="https://airoright.com/FR/" /> 51<link rel="alternate" hreflang="x-default" href="https://airoright.com/" />
52<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://airoright.com/#organization","name":"AiroRight","legalName":"AiroRight","url":"https://airoright.com/","logo":{"@type":"ImageObject","url":"https://airoright.com/assets/img/logo.svg"},"email":"[email protected]","telephone":"+91-8796322382","sameAs":["https://www.instagram.com/airoright.official/","https://www.linkedin.com/company/airoright/about/","https://www.facebook.com/profile.php?id=61568007958601"],"areaServed":[{"@type":"Country","name":"India"},{"@type":"AdministrativeArea","name":"European Union"}],"knowsAbout":["DGCA passenger rights","EU Regulation 261/2004","Montreal Convention","flight delay compensation","flight cancellation claims","denied boarding","baggage delay and damage"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","telephone":"+91-8796322382","availableLanguage":["English","Hindi","Italian","Spanish","German","French"]}},{"@type":"WebSite","@id":"https://airoright.com/#website","url":"https://airoright.com/","name":"AiroRight","description":"Flight compensation and passenger rights platform for delays, cancellations, denied boarding, and baggage issues.","publisher":{"@id":"https://airoright.com/#organization"},"inLanguage":["en","it","es","de","fr"]},{"@type":"WebPage","@id":"https://airoright.com/#webpage","url":"https://airoright.com/","name":"AiroRight - Flight delay & cancellation compensation","description":"Flight disrupted? Claim compensation for delays, cancellations, denied boarding, and baggage issues. AiroRight helps passengers under DGCA and EU261 rules. No win, no fee.","isPartOf":{"@id":"https://airoright.com/#website"},"about":{"@id":"https://airoright.com/#organization"},"inLanguage":"en","speakable":{"@type":"SpeakableSpecification","cssSelector":[".airo-hero-heading",".airo-hero-sub",".airo-landing-faq__question",".airo-landing-faq__answer"]},"primaryImageOfPage":{"@type":"ImageObject","url":"https://airoright.com/assets/img/hero-bg.jpg"}},{"@type":"FAQPage","@id":"https://airoright.com/#faq","url":"https://airoright.com/#faq","mainEntity":[{"@type":"Question","name":"Why won't the airline just pay me directly?","acceptedA
52nswer":{"@type":"Answer","text":"Airlines are not always proactive about paying compensation. Many passengers never receive what they are owed because the process is confusing, time-consuming, or simply ignored. AiroRight handles the claim on your behalf. You only pay when we recover compensation for you. Our fee is 25% + applicable taxes."}},{"@type":"Question","name":"How far back can I claim?","acceptedAnswer":{"@type":"Answer","text":"In India, you can typically claim for flights disrupted within the last two years. For EU261-covered flights, the limitation period varies by country but is often up to two to six years. File your claim as soon as possible - the sooner you start, the easier it is to gather evidence."}},{"@type":"Question","name":"How long does it take to receive compensation?","acceptedAnswer":{"@type":"Answer","text":"Once the airline disburses payment, you receive your compensation within 7 days. Complex cases involving airline disputes may take longer overall. You can track your claim progress anytime from your passenger dashboard after signing in."}},{"@type":"Question","name":"What documents do I need to submit?","acceptedA
52nswer":{"@type":"Answer","text":"To start, you only need your flight details and PNR. Depending on your case, we may request a boarding pass, ticket confirmation, or baggage report (PIR). We will tell you exactly what is needed - no guesswork."}},{"@type":"Question","name":"What if my flight was delayed due to extraordinary circumstances?","acceptedAnswer":{"@type":"Answer","text":"Airlines often cite weather, security, or air-traffic decisions to avoid paying. We review the facts against applicable rules and airline records - share any proof you have (emails, screenshots, boarding times) so we can assess your position fairly."}}]},{"@type":"Service","@id":"https://airoright.com/#service","name":"Flight compensation claims","serviceType":"Airline passenger compensation claim management","provider":{"@id":"https://airoright.com/#organization"},"areaServed":[{"@type":"Country","name":"India"},{"@type":"AdministrativeArea","name":"European Union"}],"audience":{"@type":"Audience","audienceType":"Air passengers"},"offers":{"@type":"Offer","price":"0","priceCurrency":"INR","description":"Our fee is 25% + applicable taxes, only if compensation is recovered (no win, no fee)."}}]}</script>
52 53 <link rel="stylesheet" href="/assets/css/tailwind.css?v=1780480174" /> 54 <link rel="preconnect" href="https://fonts.googleapis.com" /> 55 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 56 <link 57 href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&family=Space+Grotesk:wght@400;500;600;700&display=swap" 58 rel="stylesheet" /> 59 <link rel="stylesheet" href="/assets/css/style.css?v=1788951185" /> 60 61 <!-- Clarity Analytics --> 62
62<script type="text/javascript"> 63 (function (c, l, a, r, i, t, y) { 64 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; 65 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; 66 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 67 })(window, document, "clarity", "script", "wpazoa819x"); 68 </script>
68 69 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 69-70
69 70 <script async src="https://www.googletagmanager.com/gtag/js?id=
70G-3ME128WM5C
vendor: 14 bytes, lines 70-71
70"></script> 71
71<script> 72
vendor: 143 bytes, lines 72-76
72window.dataLayer = window.dataLayer || []; 73 function gtag() { dataLayer.push(arguments); } 74 gtag('js', new Date()); 75 76 gtag('config', '
76G-3ME128WM5C
vendor: 6 bytes, lines 76-77
76'); 77
77</script>
77 78 <!-- Google tag (gtag.js) event - delayed navigation helper --> 79
79<script> 80 function gtagSendEvent(url) { 81 var callback = function () { 82 if (typeof url === 'string') { 83 window.location = url; 84 } 85 }; 86 if (typeof gtag === 'function') { 87 gtag('event', 'conversion_event_submit_lead_form', { 88 'event_callback': callback, 89 'event_timeout': 2000, 90 }); 91 } else { 92 callback(); 93 } 94 return false; 95 } 96 </script>
96 97 <!-- Facebook Pixel Code --> 98
98<script>
vendor: 521 bytes, lines 98-110
98 99 !function (f, b, e, v, n, t, s) { 100 if (f.fbq) return; n = f.fbq = function () { 101 n.callMethod ? 102 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 103 }; 104 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 105 n.queue = []; t = b.createElement(e); t.async = !0; 106 t.src = v; s = b.getElementsByTagName(e)[0]; 107 s.parentNode.insertBefore(t, s) 108 }(window, document, 'script', 109 'https://connect.facebook.net/en_US/fbevents.js'); 110 fbq('init', '
1101336668888328322
vendor: 36 bytes, lines 110-112
110'); 111 fbq('track', 'PageView'); 112
112</script>
112 113 <noscript> 114 <img height="1" width="1" src="https://www.facebook.com/tr?id=1336668888328322&ev=PageView 115&noscript=1" /> 116 </noscript> 117 <!-- End Facebook Pixel Code --> 118 119</head> 120 121<body class="min-h-screen bg-white font-sans text-navy antialiased"> 122 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 122-123
122 123<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
123GTM-WDR9BTCS
vendor: 83 bytes, lines 123-124
123" 124height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
125<!-- End Google Tag Manager (noscript) --> 126<div id="airoCookieBanner" class="airo-cookie-banner" data-view="landing" role="dialog" aria-label="Cookie consent"> 127 <div class="airo-cookie-banner__inner"> 128 <p class="airo-cookie-banner__text"> 129 We use cookies to personalize content, analyze traffic, and improve your browsing experience. 130 <a href="cookie-policy" target="_blank" rel="noopener noreferrer">Cookie Policy</a> 131 </p> 132 <div class="airo-cookie-banner__actions"> 133 <button type="button" id="airoCookieBannerPreferences" class="airo-cookie-btn airo-cookie-btn--secondary"> 134 Customize 135 </button> 136 <button type="button" id="airoCookieAllowAll" class="airo-cookie-btn airo-cookie-btn--primary"> 137 Accept All 138 </button> 139 </div> 140 </div> 141</div> 142 143<!-- Support Chat Button --> 144<a href="https://wa.me/918796322382?text=Hey%2C%20I%20need%20help%20with%20filing%20a%20claim." 145 target="_blank" rel="noopener noreferrer" 146 class="airo-quick-connect-dock group fixed right-0 top-1/2 z-[95] flex flex-row items-center pr-[max(0.5rem,env(safe-area-inset-right,0px))] sm:pr-5 outline-none" 147 aria-label="Quick connect - open chat with AiroRight support"> 148 <span class="pointer-events-none absolute right-full top-1/2 z-0 mr-2 hidden w-[min(15rem,calc(100vw-4.5rem)))] -translate-y-1/2 translate-x-3 opacity-0 transition duration-300 ease-out will-change-transform group-hover:pointer-events-auto group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-x-0 group-focus-within:opacity-100 md:block" 149 aria-hidden="true"> 150 <span 151 class="block rounded-2xl border border-white/25 bg-accent px-4 py-3.5 text-left shadow-[0_12px_40px_rgba(255,74,93,0.45)]"> 152 <span class="font-display text-[0.8125rem] font-bold leading-tight text-white">Need help with a claim?</span> 153 <span class="mt-1 block text-xs leading-snug text-white/85">Message us on WhatsApp.</span> 154 </span> 155 </span> 156 <span 157 class="airo-quick-connect-dock__rail relative flex overflow-hidden rounded-l-2xl border border-r-0 border-white/30 bg-accent shadow-[0_10px_36px_rgba(255,74,93,0.42)] ring-offset-2 ring-offset-white motion-safe:transition-[box-shadow,transform,filter] motion-safe:duration-300 group-hover:-translate-x-0.5 group-hover:border-white/45 group-hover:shadow-[0_14px_44px_rgba(255,74,93,0.52)] group-hover:brightness-105 group-focus-within:-translate-x-0.5 group-focus-within:border-white/45 group-focus-within:shadow-[0_14px_44px_rgba(255,74,93,0.52)] group-focus-visible:ring-2 group-focus-visible:ring-white/90 group-focus-visible:ring-offset-2 group-focus-visible:ring-offset-navy/10"> 158 <span class="w-1 shrink-0 bg-gradient-to-b from-white/55 via-white/15 to-white/40" aria-hidden="true"></span> 159 <span class="flex flex-col items-center justify-center px-2 py-5 sm:px-2.5 sm:py-6"> 160 <span 161 class="max-h-[11rem] text-center font-display text-[8px] font-bold uppercase leading-snug tracking-[0.14em] text-white/95 drop-shadow-[0_1px_2px_rgba(8,33,97,0.25)] [writing-mode:vertical-rl] rotate-180 sm:max-h-[12rem] sm:text-[9px] sm:tracking-[0.16em]">Quick connect</span> 162 </span> 163 </span> 164 </a> 165 166<!-- Landing: home, marketing pages --> 167<nav data-view="landing" class="airo-nav fixed left-1/2 top-3 z-[90] w-[calc(100%-1.5rem)] max-w-[1200px] -translate-x-1/2 rounded-2xl border border-navy/10 bg-white/95 px-3 py-2 shadow-sm backdrop-blur-md transition-all duration-300 sm:top-4 sm:w-[calc(100%-2rem)] sm:rounded-[18px] sm:px-[18px] sm:py-2.5" 168 aria-label="Primary navigation"> 169 <div class="flex max-w-full items-center justify-between gap-4"> 170 <div class="flex items-center pl-0.5"> 171 <a href="/"><img src="assets/img/logo.svg" alt="AiroRight" class="mob-logo" /></a> 172 </div> 173 <div class="hidden flex-1 items-center justify-center gap-7 lg:flex" aria-label="Site links"> 174 <a href="/#features" class="text-[15px] font-medium text-navy transition-colors hover:text-brand">Flight 175 Issues</a> 176 <a href="/#final-cta" class="text-[15px] font-medium text-navy transition-colors hover:text-brand">Know Your 177 Rights</a> 178 <a href="/#how-it-works" class="text-[15px] font-medium text-navy transition-colors hover:text-brand">How It 179 Works</a> 180 <a href="aironews" class="text-[15px] font-medium text-navy transition-colors hover:text-brand">AiroNews</a> 181 <a href="help-center" 182 class="text-[15px] font-medium text-navy transition-colors hover:text-brand">Help</a> 183 </div> 184 <div class="flex items-center gap-1.5 sm:gap-2"> 185 <div class="hidden items-center gap-1.5 sm:gap-2 lg:flex"> 186 <a href="passenger-login" class="airo-btn-alt text-xs sm:text-sm px-3 py-2">Log in</a> 187 <a href="file-claim" 188 class="airo-btn-action airo-nav-cta whitespace-nowrap text-xs sm:text-sm px-3 py-2"> 189 File Claim 190 </a> 191 </div> 192 <button id="mobileMenuBtn" type="button" 193 class="rounded-lg border border-navy/10 bg-white/50 !px-2.5 !py-0 text-navy transition hover:bg-white/65 hover:text-brand lg:hidden" 194 aria-label="Toggle menu" aria-expanded="false" aria-controls="mobileMenu">
195 <span id="mobileMenuIcon" class="inline-flex h-6 w-6 items-center justify-center" 196 aria-hidden="true"></span> 197 </button> 198 </div> 199 </div> 200 <!-- Mobile: full-screen menu --> 201 <div id="mobileMenu" class="airo-mobile-fullmenu hidden lg:hidden" role="dialog" aria-modal="true" aria-label="Menu"> 202 <div class="airo-mobile-fullmenu__panel" role="document"> 203 <div class="airo-mobile-fullmenu__head"> 204 <div class="airo-mobile-fullmenu__brand"> 205 <img src="assets/img/logo-light.svg" alt="AiroRight" class="airo-mobile-fullmenu__logo" /> 206 </div> 207 <button type="button" class="airo-mobile-fullmenu__close" data-mobile-menu-close aria-label="Close menu"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="airo-icon-close" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button> 208 </div> 209 210 <nav class="airo-mobile-fullmenu__list" aria-label="Mobile menu"> 211 <a class="airo-mobile-fullmenu__link" href="/">Home</a> 212 <a class="airo-mobile-fullmenu__link" href="aironews">AiroNews</a> 213 <a class="airo-mobile-fullmenu__link" href="help-center">Help center</a> 214 </nav> 215 216 <div class="airo-mobile-fullmenu__actions" aria-label="Primary actions"> 217 <a href="file-claim" class="airo-mobile-fullmenu__cta airo-mobile-fullmenu__cta--primary"> 218 File Claim <span aria-hidden="true">â</span> 219 </a> 220 <a href="passenger-login" class="airo-mobile-fullmenu__cta airo-mobile-fullmenu__cta--secondary"> 221 Log in <span aria-hidden="true">â</span> 222 </a> 223 </div> 224 </div> 225 </div> 226</nav> 227 228<!-- Form back: passenger login + file claim (shared) --> 229<nav data-view="form-back" class="fixed left-1/2 top-3 z-[80] w-[calc(100%-1rem)] max-w-7xl -translate-x-1/2 rounded-2xl border border-white/15 bg-white/90 px-3 py-2 shadow-sm backdrop-blur-md transition-all duration-300 sm:top-4 sm:w-full sm:rounded-[18px] sm:px-6 sm:py-2.5 lg:px-8 hidden" aria-label="Form navigation"> 230 <div class="flex max-w-full min-w-0 items-center justify-between gap-3"> 231 <a href="./" data-airo-nav-back 232 class="flex min-w-0 items-center gap-2 text-navy hover:text-brand transition-colors p-0-mob"> 233 <span>â</span> 234 <span class="text-sm sm:text-base">Back</span> 235 </a> 236 <a href="./" class="shrink-0" aria-label="AiroRight home"> 237 <img src="assets/img/logo.svg" alt="AiroRight" class="h-6 w-auto max-h-8 shrink-0 select-none sm:h-8" /> 238 </a> 239 </div> 240</nav> 241 242<!-- AiroNews --> 243<nav data-view="news" class="airo-nav fixed left-1/2 top-3 z-[80] w-[calc(100%-1.5rem)] max-w-[1200px] -translate-x-1/2 rounded-2xl border border-navy/10 bg-white/95 px-3 py-2 shadow-sm backdrop-blur-md transition-all duration-300 sm:top-4 sm:w-[calc(100%-2rem)] sm:rounded-[18px] sm:px-[18px] sm:py-2.5 hidden" 244 aria-label="News navigation"> 245 <div class="flex max-w-full items-center justify-between gap-3"> 246 <a href="./" data-airo-nav-back 247 class="min-w-0 shrink text-sm font-medium text-navy transition-colors hover:text-brand sm:text-base"> 248 â Home 249 </a> 250 <a href="./" class="flex min-w-0 flex-1 justify-center" aria-label="AiroRight home"> 251 <img src="assets/img/logo.svg" alt="AiroRight" width="170" height="40" 252 class="h-8 w-auto object-contain object-center sm:h-9 lg:h-10" /> 253 </a> 254 <div class="flex shrink-0 items-center gap-2 sm:gap-2.5"> 255 <a href="passenger-login" 256 class="hidden sm:inline-flex airo-btn-alt text-xs sm:text-sm px-3 py-2">Log in</a> 257 <a href="file-claim" 258 class="hidden sm:inline-flex airo-btn-action airo-nav-cta whitespace-nowrap text-xs sm:text-sm px-3 py-2"> 259 File Claim 260 </a> 261 </div> 262 </div> 263</nav> 264 265<!-- Admin login --> 266<div data-view="admin-login-bar" class="border-b border-white/30 bg-white/95 backdrop-blur-md hidden"> 267 <div class="admin-login__toolbar max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> 268 <div class="flex items-center h-16 sm:h-20"> 269 <a href="./" data-airo-nav-back class="flex items-center gap-2 text-navy hover:text-brand transition-colors">
270 <span>â</span> 271 <span class="text-sm sm:text-base">Back</span> 272 </a> 273 <div class="flex-1"></div> 274 <div class="flex items-center gap-2 sm:gap-3"> 275 <a href="./" aria-label="AiroRight home"> 276 <img src="assets/img/logo.svg" alt="AiroRight" class="h-7 sm:h-8 w-auto select-none" /> 277 </a> 278 </div> 279 </div> 280 </div> 281</div> 282 283 284<!-- Important notice + modals (fixed to viewport; outside #app) --> 285<div id="airoNoticeBanner" class="airo-notice-banner hidden" style="display:none" data-view="landing" role="dialog" 286 aria-label="Important Notice"> 287</div> 288<div id="airoCookieModal" class="airo-cookie-modal hidden" style="display:none" role="dialog" aria-modal="true" 289 aria-label="Privacy Preferences"> 290 <div class="airo-cookie-modal__backdrop" data-cookie-modal-close></div> 291 <div class="airo-cookie-modal__card" role="document"> 292 <div class="airo-cookie-modal__header"> 293 <h2 class="airo-cookie-modal__title">Privacy Preferences</h2> 294 <button type="button" id="airoCookieModalClose" class="airo-cookie-modal__close" 295 aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="airo-icon-close" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button> 296 </div> 297 <div class="airo-cookie-modal__body"> 298 <p class="airo-cookie-modal__description"> 299 When you visit any website, it may store or retrieve information on your browser, mostly in the form of 300 cookies. Because we respect your right to privacy, you can choose not to allow some types of cookies. 301 <br /><br /> 302 <a href="cookie-policy" target="_blank" rel="noopener noreferrer">Cookie Policy</a> 303 | 304 <a href="terms-and-conditions" target="_blank" rel="noopener noreferrer">Terms & Conditions</a> 305 </p> 306 <div class="airo-cookie-group"> 307 <div class="airo-cookie-group__header"> 308 <div> 309 <div class="airo-cookie-group__title">Essential Cookies</div> 310 <p class="airo-cookie-group__description">Required for website functionality and security.</p> 311 </div> 312 <label class="airo-cookie-switch"> 313 <input id="CybotCookiebotDialogBodyLevelButtonNecessaryInline" type="checkbox" 314 class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" checked 315 disabled aria-label="Essential cookies always active" /> 316 <span class="airo-cookie-switch__slider"></span> 317 </label> 318 </div> 319 </div> 320 <div class="airo-cookie-group"> 321 <div class="airo-cookie-group__header"> 322 <div> 323 <div class="airo-cookie-group__title">Analytics Cookies</div> 324 <p class="airo-cookie-group__description">Help us understand how visitors use the site.</p> 325 </div> 326 <label class="airo-cookie-switch"> 327 <input id="CybotCookiebotDialogBodyLevelButtonStatisticsInline" type="checkbox" 328 class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" 329 aria-label="Analytics cookies" /> 330 <span class="airo-cookie-switch__slider"></span> 331 </label> 332 </div> 333 </div> 334 <div class="airo-cookie-group"> 335 <div class="airo-cookie-group__header"> 336 <div> 337 <div class="airo-cookie-group__title">Marketing Cookies</div> 338 <p class="airo-cookie-group__description">Used for personalized advertising and campaigns.</p> 339 </div> 340 <label class="airo-cookie-switch"> 341 <input id="CybotCookiebotDialogBodyLevelButtonMarketingInline" type="checkbox" 342 class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" 343 aria-label="Marketing cookies" />
344 <span class="airo-cookie-switch__slider"></span> 345 </label> 346 </div> 347 </div> 348 <div class="airo-cookie-group"> 349 <div class="airo-cookie-group__header"> 350 <div> 351 <div class="airo-cookie-group__title">Functional Cookies</div> 352 <p class="airo-cookie-group__description">Enable enhanced features and personalization.</p> 353 </div> 354 <label class="airo-cookie-switch"> 355 <input id="CybotCookiebotDialogBodyLevelButtonPreferencesInline" type="checkbox" 356 class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" 357 aria-label="Functional cookies" /> 358 <span class="airo-cookie-switch__slider"></span> 359 </label> 360 </div> 361 </div> 362 </div> 363 <div class="airo-cookie-modal__footer"> 364 <button type="button" id="airoCookieDeny" class="airo-cookie-btn airo-cookie-btn--secondary"> 365 Accept All 366 </button> 367 <button type="button" id="airoCookieSavePreferences" class="airo-cookie-btn airo-cookie-btn--primary"> 368 Save Preferences 369 </button> 370 </div> 371 </div> 372</div> 373 374<div id="airoDisclaimerGate" class="airo-cookie-modal airo-disclaimer-modal hidden" style="display:none" 375 role="dialog" aria-modal="true" aria-label="Important Notice"> 376 <div class="airo-cookie-modal__backdrop" data-disclaimer-modal-close></div> 377 <div class="airo-cookie-modal__card airo-cookie-modal__card--wide" role="document"> 378 <div class="airo-cookie-modal__header"> 379 <div> 380 <h2 class="airo-cookie-modal__title">Important Notice</h2> 381 <p class="airo-disclaimer-modal__sub">Please review the agreement below before continuing.</p> 382 </div> 383 <button type="button" id="airoDisclaimerModalClose" class="airo-cookie-modal__close" 384 aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="airo-icon-close" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button> 385 </div> 386 <div id="airoDisclaimerScroll" class="airo-cookie-modal__body airo-disclaimer-modal__body" tabindex="0"> 387 <div id="airoDisclaimerText" class="airo-disclaimer-html"> 388 <p class="text-sm text-slate-600">Loadingâ¦</p> 389 </div> 390 </div> 391 <div class="airo-cookie-modal__footer"> 392 <button type="button" id="airoDisclaimerAgree" class="airo-cookie-btn airo-cookie-btn--primary"> 393 I Agree 394 </button> 395 </div> 396 </div> 397</div> 398 399<!-- Mobile landing: sticky bottom navigation --> 400<nav id="airoMobileBottomNav" class="airo-mobile-bottom-nav lg:hidden" aria-label="Mobile navigation"> 401 <button type="button" class="airo-mobile-bottom-nav__item is-active" data-mobile-nav="landing" aria-current="page"> 402 <span class="airo-mobile-bottom-nav__icon" aria-hidden="true"> 403 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 404 <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /> 405 <path d="M9 22V12h6v10" /> 406 </svg> 407 </span> 408 <span class="airo-mobile-bottom-nav__label">Home</span> 409 </button> 410 <button type="button" class="airo-mobile-bottom-nav__item" data-mobile-nav="compensation"> 411 <span class="airo-mobile-bottom-nav__icon" aria-hidden="true"> 412 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 413 <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /> 414 <path d="M14 2v6h6M8 13h8M8 17h8" /> 415 </svg> 416 </span>
417 <span class="airo-mobile-bottom-nav__label">File Claim</span> 418 </button> 419 <a href="https://wa.me/918796322382?text=Hey%2C%20I%20need%20help%20with%20filing%20a%20claim." 420 target="_blank" rel="noopener noreferrer" 421 class="airo-mobile-bottom-nav__item airo-mobile-bottom-nav__item--link" 422 data-mobile-nav="quick-connect" 423 aria-label="Quick connect - message AiroRight on WhatsApp"> 424 <span class="airo-mobile-bottom-nav__icon" aria-hidden="true"> 425 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 426 <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" /> 427 </svg> 428 </span> 429 <span class="airo-mobile-bottom-nav__label">Quick Connect</span> 430 </a> 431 <button type="button" class="airo-mobile-bottom-nav__item" data-mobile-nav="passenger-login"> 432 <span class="airo-mobile-bottom-nav__icon" aria-hidden="true"> 433 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 434 <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /> 435 <circle cx="12" cy="7" r="4" /> 436 </svg> 437 </span> 438 <span class="airo-mobile-bottom-nav__label">Account</span> 439 </button> 440</nav> 441 442<main id="app" class="overflow-x-hidden min-w-0"> 443 <section id="view-landing" data-view="landing" class="airo-hero-light airo-landing-page text-navy min-h-[85vh]"> 444 <div 445 class="airo-hero-panel relative flex w-full max-w-full flex-col items-center justify-start overflow-x-hidden overflow-y-visible pb-8 pt-[max(6rem,calc(env(safe-area-inset-top,0px)+4.75rem))] min-h-[85vh] sm:justify-center sm:overflow-visible sm:pb-12 sm:pt-28 lg:pb-14 lg:pt-32 max-sm:min-h-0 max-sm:pb-0 max-sm:pt-0"> 446 <!-- Desktop: hero background --> 447 <div class="hidden sm:block absolute inset-0"> 448 <div class="absolute inset-0 bg-cover bg-center bg-no-repeat" 449 style="background-image: url('assets/img/hero-bg.jpg'); background-image: image-set(url('assets/img/hero-bg.webp') type('image/webp'), url('assets/img/hero-bg.jpg') type('image/jpeg'));"></div> 450 </div> 451 452 <!-- Mobile: full-viewport hero (headline + claim); desktop: display:contents --> 453 <div class="airo-mobile-hero-screen"> 454 <div class="airo-hero-banner airo-landing-grid-banner relative z-10 w-full"> 455 <div class="airo-hero-banner-art pointer-events-none absolute inset-0 z-0 overflow-hidden sm:hidden" 456 aria-hidden="true"> 457 <span class="airo-hero-banner-cloud airo-hero-banner-cloud--1"></span> 458 <span class="airo-hero-banner-cloud airo-hero-banner-cloud--2"></span> 459 </div> 460 <div class="relative z-10 mx-auto w-full min-w-0 max-w-7xl px-3 sm:px-6 lg:px-8 max-sm:px-4"> 461 <div class="w-full max-w-7xl max-sm:max-w-none"> 462 <h1 463 class="airo-hero-heading max-w-full text-balance font-display font-bold leading-[1.12] tracking-tight text-navy sm:mt-0"> 464 <span class="airo-hero-heading__line1 block text-navy">Flight disrupted?</span> 465 <span class="airo-hero-heading__line2 mt-1.5 block sm:mt-4 sm:inline"> 466 <span class="text-navy">Claim up to </span><span 467 class="airo-hero-heading__amount text-red-airo">â¹20,000</span><span class="text-navy"> on domestic 468 or upto </span><span class="airo-hero-heading__amount text-red-airo">$600</span><span 469 class="text-navy"> on international travel</span> 470 </span> 471 </h1> 472 <div class="airo-hero-accent mt-3 h-1 w-12 rounded-full bg-red-airo" aria-hidden="true"></div> 473 <p class="airo-hero-sub mt-4 max-w-3xl font-medium leading-relaxed text-navy sm:mt-5"> 474 We help passengers get compensation for flight <strong class="font-semibold text-navy">delays, 475 cancellations, denied boarding,</strong> and <strong class="font-semibold text-navy">baggage 476 issues.</strong> 477 </p> 478 </div> 479 </div> 480 </div> 481 482 <!-- Quick claim card --> 483 <div 484 class="hero-quick-claim airo-landing-grid-claim relative z-10 mx-auto flex w-full min-w-0 max-w-7xl flex-col gap-4 roun
484ded-3xl border border-navy/12 bg-white p-4 shadow-[0_20px_60px_-28px_rgba(8,33,97,0.28)] sm:mt-6 sm:max-w-3xl sm:px-5 sm:py-5 lg:px-6 max-sm:mx-4 max-sm:mt-4 max-sm:max-w-none max-sm:rounded-2xl max-sm:border-navy/10 max-sm:p-4 max-sm:shadow-[0_8px_32px_-12px_rgba(8,33,97,0.18)]"> 485 <div class="hero-quick-field hero-quick-field--airline w-full shrink-0"> 486 <label for="hero_airline" class="hero-quick-label">AIRLINES</label> 487 <div class="hero-quick-control relative w-full"> 488 <span 489 class="pointer-events-none absolute left-3 top-1/2 z-[1] flex h-9 w-9 shrink-0 -translate-y-1/2 items-center justify-center text-navy/50" 490 aria-hidden="true"> 491 <svg viewBox="0 0 24 24" class="h-5 w-5 shrink-0" fill="none" stroke="currentColor" stroke-width="1.75" 492 stroke-linecap="round" stroke-linejoin="round"> 493 <path 494 d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" /> 495 </svg> 496 </span> 497 <select id="hero_airline" aria-label="Airline" 498 class="hero-quick-select airo-hero-field-text h-11 w-full cursor-pointer appearance-none rounded-2xl border border-navy/15 bg-white py-0 pl-11 pr-10 font-semibold leading-none text-navy shadow-sm focus:border-brand/40 focus:outline-none focus:ring-2 focus:ring-brand/25"> 499 <option value="" class="bg-white text-navy/60">Select Airline</option> 500 </select> 501 <span 502 class="pointer-events-none absolute right-2.5 top-1/2 z-[1] flex h-9 w-9 shrink-0 -translate-y-1/2 items-center justify-center text-navy/40" 503 aria-hidden="true"> 504 <svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2" 505 stroke-linecap="round" stroke-linejoin="round"> 506 <path d="m6 9 6 6 6-6" /> 507 </svg> 508 </span> 509 </div> 510 </div> 511 <div class="hero-quick-field hero-quick-field--pnr w-full shrink-0"> 512 <label for="hero_pnr" class="hero-quick-label">PNR</label> 513 <div class="hero-quick-control relative w-full"> 514 <span 515 class="pointer-events-none absolute left-3 top-1/2 z-[1] flex h-9 w-9 shrink-0 -translate-y-1/2 items-center justify-center text-navy/50" 516 aria-hidden="true"> 517 <svg viewBox="0 0 24 24" class="h-5 w-5 shrink-0" fill="none" stroke="currentColor" stroke-width="1.75" 518 stroke-linecap="round" stroke-linejoin="round"> 519 <path d="M4 7V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2" /> 520 <path d="M4 7h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7z" /> 521 <path d="M8 11h4M8 15h8" /> 522 </svg> 523 </span> 524 <input id="hero_pnr" type="text" inputmode="text" maxlength="6" autocomplete="off" 525 autocapitalize="characters" placeholder="Enter PNR" aria-label="PNR (6-character booking reference)" 526 title="Your 6-character booking reference (PNR)" 527 class="hero-quick-pnr airo-hero-field-text h-11 w-full rounded-2xl border border-navy/15 bg-white py-0 pl-11 pr-3 text-left font-semibold uppercase leading-none tracking-wide text-navy placeholder:normal-case placeholder:tracking-normal placeholder:text-navy/45 shadow-sm focus:border-brand/40 focus:outline-none focus:ring-2 focus:ring-brand/25" /> 528 </div> 529 </div> 530 <div class="hero-quick-field hero-quick-field--cta w-full shrink-0"> 531 <span class="hero-quick-label hero-quick-label--spacer" aria-hidden="true"> </span> 532 <button data-nav="compensation" type="button" id="hero-compensation-cta" 533 class="airo-hero-cta inline-flex h-11 min-h-[2.75rem] w-full items-center justify-center gap-2 whitespace-nowrap rounded-2xl bg-red-airo px-5 font-display font-semibold text-white shadow-[0_14px_36px_-14px_rgba(255,74,93,0.55)] transition hover:bg-red-airo/92 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-navy/25">
534 <span>Get Compensation</span> 535 <svg viewBox="0 0 24 24" class="airo-hero-cta-arrow h-5 w-5 shrink-0" fill="none" 536 stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" 537 aria-hidden="true"> 538 <path d="M5 12h14M13 6l6 6-6 6" /> 539 </svg> 540 </button> 541 </div> 542 </div> 543 </div><!-- /.airo-mobile-hero-screen --> 544 545 <!-- Trust points: inside hero on desktop; card row on mobile --> 546 <div id="trust-banners" 547 class="airo-trust-strip airo-landing-grid-trust relative z-20 w-full min-w-0 shrink-0 max-sm:border-b-0 max-sm:bg-transparent max-sm:px-4 max-sm:py-3 sm:absolute sm:inset-x-0 sm:bottom-0 sm:border-b-0 sm:bg-transparent sm:px-6 sm:py-5 lg:px-8" 548 aria-label="Why trust AiroRight"> 549 <div class="trust-points mx-auto flex max-w-7xl flex-wrap items-stretch justify-center gap-3 sm:gap-4"> 550 <div class="trust-point inline-flex items-center gap-2.5 text-navy"> 551 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 shrink-0 text-navy" fill="none" 552 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 553 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" /> 554 <path d="m9 12 2 2 4-4" /> 555 </svg> 556 <span class="airo-trust-label font-semibold text-navy">India’s <span class="text-red-airo">First & Only</span> Passenger Rights Platform</span> 557 </div> 558 <div class="trust-point inline-flex items-center gap-2.5 text-navy"> 559 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 shrink-0 text-navy" fill="none" 560 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 561 <path d="M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0l-7.2-7.2A2 2 0 0 1 3 12V4a1 1 0 0 1 1-1h8a2 2 0 0 1 1.4.6l6.2 6.2a2 2 0 0 1 0 2.6z" /> 562 <path d="M7.5 7.5h.01" /> 563 </svg> 564 <span class="airo-trust-label font-semibold text-navy">File <span class="text-red-airo">for free.</span> No win. <span class="text-red-airo">No fee.</span></span> 565 </div> 566 <div class="trust-point inline-flex items-center gap-2.5 text-navy"> 567 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 shrink-0 text-navy" fill="none" 568 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 569 <path d="M8 2v4M16 2v4" /> 570 <rect x="3" y="6" width="18" height="15" rx="2" /> 571 <path d="M3 10h18" /> 572 </svg> 573 <span class="airo-trust-label font-semibold text-navy">Claim for flights up to <span class="text-red-airo">2 years</span> old</span> 574 </div> 575 </div> 576 </div> 577 </div> 578 579 <!-- AiroNews ticker (mobile: bottom of hero banner; desktop: below hero block) --> 580 <div id="landing-news-ticker" 581 class="airo-news-ticker airo-landing-grid-ticker airo-news-ticker--loading relative z-30 flex w-full shrink-0 border-y border-navy/15 bg-navy text-white" 582 role="region" aria-label="Latest AiroNews headlines" aria-busy="true"> 583 <div class="mx-auto flex w-full max-w-[1400px] items-stretch max-sm:rounded-2xl max-sm:overflow-hidden"> 584 <div 585 class="airo-news-ticker__brand bg-navy-airo flex shrink-0 items-center gap-2 border-r border-white/15 px-3 py-2 font-display text-[10px] font-bold uppercase tracking-[0.16em] text-white/90 sm:px-4 sm:text-xs max-sm:bg-transparent max-sm:border-r-0 max-sm:text-red-airo max-sm:normal-case max-sm:tracking-normal max-sm:text-xs max-sm:font-bold"> 586 <span class="inline-flex h-1.5 w-1.5 shrink-0 rounded-full bg-brand max-sm:hidden" aria-hidden="true"></span> 587 <span class="max-sm:text-red-airo">AiroNews</span> 588 </div> 589 <div class="airo-news-ticker__viewport relative min-w-0 flex-1 overflow-hidden"> 590 <div id="landing-news-ticker-strip" class="airo-news-ticker__strip"> 591 <div class="airo-news-ticker__seq font-display">
592 <span class="airo-news-ticker__placeholder text-navy/70 max-sm:text-navy/70">Loading latest 593 headlinesâ¦</span> 594 </div> 595 </div> 596 </div> 597 <div class="hidden shrink-0 items-stretch border-l border-white/15 sm:flex"> 598 <button type="button" data-nav="news" 599 class="airo-news-ticker__all px-4 py-2 text-xs font-semibold text-white/95 transition hover:bg-white/10 font-display"> 600 View all â 601 </button> 602 </div> 603 </div> 604 </div> 605 606 <!-- Section: Know Your Rights --> 607 <section id="final-cta" 608 class="relative overflow-hidden border-y border-navy/10 bg-white text-navy"> 609 <div class="relative z-10 mx-auto max-w-7xl px-4 py-12 text-center sm:px-6 sm:py-16 md:py-20 lg:py-24"> 610 <p class="mb-3 text-xs font-semibold uppercase tracking-[0.22em] text-navy/55 font-display"> 611 KNOW YOUR RIGHTS 612 </p> 613 614 <h2 615 class="mx-auto max-w-5xl font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl"> 616 Know <span class="text-red-airo">Your Rights</span>. Claim What's Yours. 617 </h2> 618 <div class="mx-auto mt-4 h-0.5 w-16 rounded-full bg-gradient-to-r from-blue-airo via-brand to-red-airo"></div> 619 620 <p class="mx-auto mt-6 max-w-3xl text-sm leading-relaxed text-navy/70 sm:text-base"> 621 Flight disruptions can be frustrating. You may be entitled to compensation, refunds, 622 <br class="hidden sm:block" /> 623 or other support under applicable passenger rights regulations. 624 </p> 625 <p class="mx-auto mt-3 max-w-3xl text-sm leading-relaxed text-navy/70 sm:text-base"> 626 <span class="text-brand font-semibold text-red-airo">AiroRight</span> helps you understand your entitlements 627 across India, 628 Europe, and Dubai. 629 </p> 630 631 <div class="mx-auto mt-10 max-w-6xl text-left"> 632 <div class="flex flex-row items-center justify-center gap-2 sm:gap-4" role="tablist" 633 aria-label="Passenger rights regions"> 634 <button type="button" data-rights-tab="india" role="tab" aria-selected="true" 635 aria-controls="rights-panel-india" 636 class="airo-rights-tab flex min-w-0 flex-1 items-center justify-center gap-1.5 rounded-2xl border border-navy/15 bg-navy px-3 py-3 text-center font-display text-sm font-semibold text-white shadow-sm transition focus-visible:ring-2 focus-visible:ring-brand/35 sm:flex-none sm:min-w-[13rem]
636sm:justify-start sm:px-5 sm:text-left"> 637 <span aria-hidden="true">ð®ð³</span> India 638 </button> 639 <button type="button" data-rights-tab="dubai" role="tab" aria-selected="false" 640 aria-controls="rights-panel-dubai" 641 class="airo-rights-tab flex min-w-0 flex-1 items-center justify-center gap-1.5 rounded-2xl border border-navy/15 bg-white px-3 py-3 text-center font-display text-sm font-semibold text-navy/70 shadow-sm transition focus-visible:ring-2 focus-visible:ring-brand/35 sm:flex-none sm:min-w-[13rem] sm:justify-start sm:px-5 sm:text-left"> 642 <span aria-hidden="true">ð¦ðª</span> Dubai 643 </button> 644 <button type="button" data-rights-tab="europe" role="tab" aria-selected="false" 645 aria-controls="rights-panel-europe" 646 class="airo-rights-tab flex min-w-0 flex-1 items-center justify-center gap-1.5 rounded-2xl border border-navy/15 bg-white px-3 py-3 text-center font-display text-sm font-semibold text-navy/70 shadow-sm transition focus-visible:ring-2 focus-visible:ring-brand/35 sm:flex-none sm:min-w-[13rem]
646sm:justify-start sm:px-5 sm:text-left"> 647 <span aria-hidden="true">ðªðº</span> Europe 648 </button> 649 </div> 650 651 <div class="mt-6"> 652 <!-- India panel (4 cards) --> 653 <div id="rights-panel-india" data-rights-panel="india" role="tabpanel" tabindex="0" 654 aria-label="India rights"> 655 <div class="mb-4 flex items-center gap-3"> 656 <span 657 class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-blue-airo/10 ring-1 ring-blue-airo/15"> 658 <span class="text-lg" aria-hidden="true">ð®ð³</span> 659 </span> 660 <div> 661 <p class="font-display text-base font-semibold text-navy">India</p> 662 <p class="text-xs text-navy/55">DGCA Passenger Charter</p> 663 </div> 664 </div> 665 666 <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4"> 667 <button type="button" data-nav="compensation" 668 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 669 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Flight Delays & 670 Cancellations</p> 671 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Compensation plus refund and 672 care if cancelled with under 24-hour notice.</p> 673 <div class="airo-rights-card__amount mt-auto pt-4"> 674 <span 675 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">â¹20,000</span> 676 </div> 677 </button> 678 679 <button type="button" data-nav="compensation" 680 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 681 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Denied Boarding</p> 682 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Depends on the alternate 683 flight arrangement time for involuntary bumping.</p> 684 <div class="airo-rights-card__amount mt-auto pt-4"> 685 <span 686 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">â¹20,000</span> 687 </div> 688 </button> 689 690 <button type="button" data-nav="compensation" 691 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 692 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Baggage Issues</p> 693 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability per passenger for 694 proven damage or loss on domestic carrier routes.</p> 695 <div class="airo-rights-card__amount mt-auto pt-4"> 696 <span 697 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">â¹20,000</span> 698 </div> 699 </button> 700 701 <button type="button" data-nav="compensation" 702 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 703 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Missed Connections</p> 704 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">If sequential flights are 705 missed under a single PNR itinerary due to carrier fault.</p> 706 <div class="airo-rights-card__amount mt-auto pt-4">
707 <span 708 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">â¹20,000</span> 709 </div> 710 </button> 711 </div> 712 </div> 713 714 <!-- Dubai panel (4 cards) --> 715 <div id="rights-panel-dubai" data-rights-panel="dubai" role="tabpanel" tabindex="0" 716 aria-label="Dubai rights" hidden> 717 <div class="mb-4 flex items-center gap-3"> 718 <span 719 class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-blue-airo/10 ring-1 ring-blue-airo/15"> 720 <span class="text-lg" aria-hidden="true">ð¦ðª</span> 721 </span> 722 <div> 723 <p class="font-display text-base font-semibold text-navy">UAE / Dubai Routes</p> 724 <p class="text-xs text-navy/55">GCAA & Montreal Rules</p> 725 </div> 726 </div> 727 728 <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4"> 729 <button type="button" data-nav="compensation" 730 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 731 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Flight Delays & 732 Cancellations</p> 733 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability for proven losses 734 if delayed over 2 hours.</p> 735 <div class="airo-rights-card__amount mt-auto pt-4"> 736 <span 737 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">AED 738 30,500</span> 739 </div> 740 </button> 741 <button type="button" data-nav="compensation" 742 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 743 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Denied Boarding</p> 744 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Scaled by flight duration 745 plus immediate alternate rerouting and care.</p> 746 <div class="airo-rights-card__amount mt-auto pt-4"> 747 <span 748 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">AED 749 2,600</span> 750 </div> 751 </button> 752 <button type="button" data-nav="compensation" 753 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 754 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Baggage Issues</p> 755 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability for essential 756 purchases and proven baggage loss.</p> 757 <div class="airo-rights-card__amount mt-auto pt-4"> 758 <span 759 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">AED 760 7,300</span> 761 </div> 762 </button> 763 <button type="button" data-nav="compensation" 764 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 765 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Missed Connections</p> 766 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability for valid 767 multi-segment delay claims.</p> 768 <div class="airo-rights-card__amount mt-auto pt-4">
769 <span 770 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">AED 771 30,500</span> 772 </div> 773 </button> 774 </div> 775 </div> 776 777 <!-- Europe panel (4 cards) --> 778 <div id="rights-panel-europe" data-rights-panel="europe" role="tabpanel" tabindex="0" 779 aria-label="Europe rights" hidden> 780 <div class="mb-4 flex items-center gap-3"> 781 <span 782 class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-blue-airo/10 ring-1 ring-blue-airo/15"> 783 <span class="text-lg" aria-hidden="true">ðªðº</span> 784 </span> 785 <div> 786 <p class="font-display text-base font-semibold text-navy">Europe</p> 787 <p class="text-xs text-navy/55">EU261 & Montreal Rules</p> 788 </div> 789 </div> 790 791 <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4"> 792 <button type="button" data-nav="compensation" 793 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 794 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Flight Delays & 795 Cancellations</p> 796 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Compensation per passenger 797 based on route distance for delays over 3 hours.</p> 798 <div class="airo-rights-card__amount mt-auto pt-4"> 799 <span 800 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">€600</span> 801 </div> 802 </button> 803 804 <button type="button" data-nav="compensation" 805 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 806 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Denied Boarding</p> 807 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Compensation for involuntary 808 bumping, based on planned route distance.</p> 809 <div class="airo-rights-card__amount mt-auto pt-4"> 810 <span 811 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">€600</span> 812 </div> 813 </button> 814 815 <button type="button" data-nav="compensation" 816 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 817 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Baggage Issues</p> 818 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability for proven loss or 819 damage.</p> 820 <div class="airo-rights-card__amount mt-auto pt-4"> 821 <span 822 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">£1,600</span> 823 </div> 824 </button> 825 826 <button type="button" data-nav="compensation" 827 class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd"> 828 <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Missed Connections</p> 829 <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Compensation if a missed 830 connection causes a final destination arrival delay exceeding 3 hours.</p> 831 <div class="airo-rights-card__amount mt-auto pt-4">
832 <span 833 class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">€600</span> 834 </div> 835 </button> 836 </div> 837 </div> 838 </div> 839 </div> 840 841 <!-- Bottom CTA bar --> 842 <div 843 class="mx-auto mt-8 max-w-6xl overflow-hidden rounded-3xl border border-navy/10 bg-white p-4 text-left shadow-card sm:p-5"> 844 <div class="grid grid-cols-1 items-center gap-4 sm:grid-cols-12"> 845 <div class="sm:col-span-6"> 846 <div class="flex items-start gap-3"> 847 <span 848 class="inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-blue-airo/10 ring-1 ring-blue-airo/15"> 849 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-6 w-6 text-blue-airo"> 850 <path fill="currentColor" 851 d="M12 2l8 4v6c0 5-3.4 9.4-8 10c-4.6-.6-8-5-8-10V6l8-4Zm0 2.2L6 7v5c0 3.9 2.4 7.5 6 8c3.6-.5 6-4.1 6-8V7l-6-2.8Z" /> 852 </svg> 853 </span> 854 <div> 855 <p class="font-display text-base font-bold text-navy">Don't leave your rights unclaimed.</p> 856 <p class="mt-1 text-xs leading-relaxed text-navy/65 sm:text-sm"> 857 Airlines may not always make the process simple. AiroRight helps you understand what you may be 858 eligible for and what next step to take. 859 </p> 860 </div> 861 </div> 862 </div> 863 864 <div class="flex flex-col gap-3 sm:col-span-6 sm:flex-row sm:justify-center sm:gap-3"> 865 <button data-nav="compensation" type="button" 866 class="inline-flex w-full items-center justify-center gap-2 rounded-xl bg-brand px-6 py-3.5 font-display text-sm font-semibold text-white shadow-brand transition hover:bg-brand/90 focus-visible:ring-2 focus-visible:ring-brand/30 sm:w-auto sm:min-w-[12.5rem]"> 867 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-4 w-4"> 868 <path fill="currentColor" d="M3 11l18-8-8 18-2-8-8-2Z" /> 869 </svg> 870 Submit Claim 871 </button> 872 <a id="passengerRightsGuideDownload" href="api/download_passenger_rights_guide.php" 873 download="AiroRight-Passenger-Rights-Guide.pdf" 874 class="inline-flex w-full items-center justify-center gap-2 rounded-xl border border-navy/15 bg-white px-6 py-3.5 font-display text-sm font-semibold text-navy transition hover:bg-surface focus-visible:ring-2 focus-visible:ring-brand/30 sm:w-auto sm:min-w-[16rem]"> 875 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-4 w-4"> 876 <path fill="currentColor" 877 d="M12 3a1 1 0 0 1 1 1v8.6l2.3-2.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.4L11 12.6V4a1 1 0 0 1 1-1Zm-7 15a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1Z" /> 878 </svg> 879 Download Passenger Rights Guide 880 </a> 881 </div> 882 </div> 883 </div> 884 885 <p class="mx-auto mt-6 max-w-6xl text-left text-xs leading-relaxed text-navy/55 sm:text-sm"> 886 Amounts shown are maximum legal liability caps, not automatic flat payouts. Eligibility depends entirely on the 887 specific airline, routing, duration of terminal delay, and valid legal exceptions like severe weather or air 888 traffic control restrictions. 889 </p> 890 </div> 891 </section> 892 <!-- Section 3: Flight issues --> 893 <section id="features" class="relative overflow-hidden border-b border-navy/10 bg-white py-12 sm:py-16 lg:py-20"> 894 <div class="relative z-10 mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 895 <div class="mb-8 text-center sm:mb-10"> 896 <p class="mb-2 text-xs font-semibold uppercase tracking-[0.12em] text-brand font-display">Flight Issues 897 </p> 898 <h2 899 class="mb-4 font-display text-3xl font-bold leading-tight text-balance text-navy sm:mb-5 sm:text-4xl lg:text-5xl"> 900 Flight disruption? We help you <span class="text-red-airo">move things forward.</span> 901 </h2> 902 <p class="mx-auto max-w-3xl text-sm leading-relaxed text-navy/70 sm:text-base"> 903 From delays and cancellations to denied boarding and baggage issues, AiroRight helps passengers handle 904 airline disruption claims with a structured and transparent process. 905 </p> 906 </div> 907 908 <div class="mx-auto mb-8 flex max-w-3xl items-center gap-4 sm:mb-10">
909 <span class="h-px flex-1 bg-navy/12" aria-hidden="true"></span> 910 <span class="shrink-0 font-display text-sm font-semibold text-navy">Choose your issue to file a claim</span> 911 <span class="h-px flex-1 bg-navy/12" aria-hidden="true"></span> 912 </div> 913 914 <div class="airo-issue-grid grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4"> 915 <button type="button" data-nav="compensation" data-issue-type="delay" 916 class="airo-issue-card group"> 917 <div class="airo-issue-card__media"> 918 <img src="assets/img/Flight-Delay.jpg" alt="Flight delay" loading="lazy" decoding="async" /> 919 </div> 920 <div class="airo-issue-card__body"> 921 <div class="airo-issue-card__heading"> 922 <span class="airo-issue-card__icon" aria-hidden="true"> 923 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 924 <circle cx="12" cy="12" r="9" /> 925 <path d="M12 7v5l3 2" /> 926 </svg> 927 </span> 928 <h3 class="airo-issue-card__title">Flight Delay</h3> 929 </div> 930 <p class="airo-issue-card__question">Flight delayed by more than 4 hours?</p> 931 <p class="airo-issue-card__desc">You may be entitled to compensation and other assistance.</p> 932 <span class="airo-issue-card__cta">File claim now <span aria-hidden="true">→</span></span> 933 </div> 934 </button> 935 936 <button type="button" data-nav="compensation" data-issue-type="cancellation" 937 class="airo-issue-card group"> 938 <div class="airo-issue-card__media"> 939 <img src="assets/img/Flight-Cancellation.jpg" alt="Flight cancellation" loading="lazy" decoding="async" /> 940 </div> 941 <div class="airo-issue-card__body"> 942 <div class="airo-issue-card__heading"> 943 <span class="airo-issue-card__icon" aria-hidden="true"> 944 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 945 <path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" /> 946 <circle cx="18" cy="18" r="3" /> 947 <path d="m16.2 16.2 3.6 3.6" /> 948 </svg> 949 </span> 950 <h3 class="airo-issue-card__title">Flight Cancellation</h3> 951 </div> 952 <p class="airo-issue-card__question">Flight cancelled without prior notice?</p> 953 <p class="airo-issue-card__desc">You may be entitled to a refund, rebooking, and compensation.</p> 954 <span class="airo-issue-card__cta">File claim now <span aria-hidden="true">→</span></span> 955 </div> 956 </button> 957 958 <button type="button" data-nav="compensation" data-issue-type="denied-boarding" 959 class="airo-issue-card group"> 960 <div class="airo-issue-card__media"> 961 <img src="assets/img/Denied-Boarding.jpg" alt="Denied boarding" loading="lazy" decoding="async" /> 962 </div> 963 <div class="airo-issue-card__body"> 964 <div class="airo-issue-card__heading"> 965 <span class="airo-issue-card__icon" aria-hidden="true"> 966 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 967 <circle cx="10" cy="8" r="3.5" /> 968 <path d="M4 20.5a6 6 0 0 1 10.5-4" /> 969 <circle cx="17.5" cy="15.5" r="4.5" /> 970 <path d="m14.3 12.3 6.4 6.4" /> 971 </svg> 972 </span> 973 <h3 class="airo-issue-card__title">Denied Boarding</h3> 974 </div> 975 <p class="airo-issue-card__question">Denied boarding despite a confirmed booking?</p> 976 <p class="airo-issue-card__desc">You may be entitled to compensation and assistance.</p>
977 <span class="airo-issue-card__cta">File claim now <span aria-hidden="true">→</span></span> 978 </div> 979 </button> 980 981 <button type="button" data-nav="compensation" data-issue-type="baggage" 982 class="airo-issue-card group"> 983 <div class="airo-issue-card__media"> 984 <img src="assets/img/Baggage-Issues.jpg" alt="Baggage issues" loading="lazy" decoding="async" /> 985 </div> 986 <div class="airo-issue-card__body"> 987 <div class="airo-issue-card__heading"> 988 <span class="airo-issue-card__icon" aria-hidden="true"> 989 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 990 <path d="M9 6V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1" /> 991 <rect x="4" y="6" width="16" height="15" rx="2" /> 992 <path d="M9 6v15M15 6v15" /> 993 </svg> 994 </span> 995 <h3 class="airo-issue-card__title">Baggage Issues</h3> 996 </div> 997 <p class="airo-issue-card__question">Lost, delayed, or damaged baggage?</p> 998 <p class="airo-issue-card__desc">You may be entitled to compensation.</p> 999 <span class="airo-issue-card__cta">File claim now <span aria-hidden="true">→</span></span> 1000 </div> 1001 </button> 1002 </div> 1003 </div> 1004 </section> 1005 <!-- Section: Why Choose AiroRight --> 1006 <section id="why-choose" 1007 class="relative overflow-hidden border-b border-navy/10 bg-gradient-to-b from-white to-surface/90 py-12 sm:py-16 lg:py-20"> 1008 <div class="pointer-events-none absolute inset-0" aria-hidden="true"> 1009 <div class="absolute -top-24 left-1/2 h-72 w-[48rem] -translate-x-1/2 rounded-full bg-brand/10 blur-3xl"></div> 1010 <div class="absolute -top-40 left-[-120px] h-80 w-80 rounded-full bg-red-airo/10 blur-3xl"></div> 1011 <div class="absolute -top-20 right-[-140px] h-80 w-80 rounded-full bg-blue-airo/10 blur-3xl"></div> 1012 <svg class="absolute -bottom-10 right-[-40px] h-48 w-[520px] opacity-25 sm:h-56 sm:w-[640px]"
1013 viewBox="0 0 700 220" fill="none"> 1014 <path d="M10 170c120-120 260-150 390-95s195 45 290-45" stroke="rgba(10,36,99,0.18)" stroke-width="2" 1015 stroke-dasharray="6 10" stroke-linecap="round" /> 1016 <path d="M610 70l22-8-9 22-6-6-7-8Z" fill="rgba(10,36,99,0.20)" /> 1017 </svg> 1018 </div> 1019 1020 <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 1021 <div class="mx-auto max-w-3xl text-center"> 1022 <p class="mb-2 text-xs font-semibold uppercase tracking-[0.18em] text-navy/55 font-display">WHY CHOOSE 1023 AIRORIGHT</p> 1024 <h2 class="font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl"> 1025 We make it <span class="text-brand">right</span>, so you don't have to. 1026 </h2> 1027 <div class="mx-auto mt-4 h-0.5 w-14 rounded-full bg-gradient-to-r from-blue-airo via-brand to-red-airo"></div> 1028 <p class="mx-auto mt-5 max-w-2xl text-sm leading-relaxed text-navy/70 sm:text-base"> 1029 We take care of the whole process including negotiations with the airline. 1030 <br class="hidden sm:block" /> 1031 You focus on your journey, we'll handle the rest. 1032 </p> 1033 </div> 1034 1035 <div class="mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-5 lg:grid-cols-4 lg:gap-6"> 1036 <div 1037 class="group overflow-hidden rounded-3xl border border-blue-airo/15 bg-white shadow-card transition hover:-translate-y-0.5 hover:border-blue-airo/30 hover:shadow-cardMd max-sm:text-left"> 1038 <div 1039 class="why-card-inner flex flex-col items-center p-6 text-center sm:items-center max-sm:flex-row max-sm:items-start max-sm:gap-3 max-sm:p-4 max-sm:text-left"> 1040 <span 1041 class="mx-auto mb-4 inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-airo/15 to-white ring-1 ring-blue-airo/15 max-sm:mx-0 max-sm:mb-0 max-sm:h-11 max-sm:w-11"> 1042 <svg aria-hidden="true" viewBox="0 0 24 24" 1043 class="h-7 w-7 text-blue-airo max-sm:h-[1.15rem] max-sm:w-[1.15rem]"> 1044 <path fill="currentColor" 1045 d="M12 2a4 4 0 0 1 4 4v1h1a2 2 0 0 1 2 2v1h-2V9H7v1H5V9a2 2 0 0 1 2-2h1V6a4 4 0 0 1 4-4Zm2 5V6a2 2 0 1 0-4 0v1h4Zm7 6a8 8 0 0 1-16 0v-1h2v1a6 6 0 1 0 12 0v-1h2v1Z" /> 1046 </svg> 1047 </span> 1048 <div class="why-card-body min-w-0 flex-1"> 1049 <p class="font-display text-lg font-bold text-navy">No stress for you</p> 1050 <div class="mx-auto mt-3 h-0.5 w-9 rounded-full bg-blue-airo max-sm:mx-0"></div> 1051 <p class="mx-auto mt-4 text-sm leading-relaxed text-navy/70 max-sm:mx-0 max-sm:mt-2"> 1052 Sit back while our experts handle paperwork, airline follow-ups, and negotiations on your behalf. 1053 </p> 1054 </div> 1055 </div> 1056 </div> 1057 1058 <div 1059 class="group overflow-hidden rounded-3xl border border-red-airo/15 bg-white shadow-card transition hover:-translate-y-0.5 hover:border-red-airo/30 hover:shadow-cardMd max-sm:text-left"> 1060 <div 1061 class="why-card-inner flex flex-col items-center p-6 text-center sm:items-center max-sm:flex-row max-sm:items-start max-sm:gap-3 max-sm:p-4 max-sm:text-left"> 1062 <span 1063 class="mx-auto mb-4 inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-red-airo/15 to-white ring-1 ring-red-airo/15 max-sm:mx-0 max-sm:mb-0 max-sm:h-11 max-sm:w-11"> 1064 <svg aria-hidden="true" viewBox="0 0 24 24" 1065 class="h-7 w-7 text-red-airo max-sm:h-[1.15rem] max-sm:w-[1.15rem]"> 1066 <path fill="currentColor" 1067 d="M7 2h8a2 2 0 0 1 2 2v3h-2V4H7v16h8v-3h2v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm10 7h2v3h3v2h-3v3h-2v-3h-3v-2h3V9Z" /> 1068 </svg> 1069 </span> 1070 <div class="why-card-body min-w-0 flex-1"> 1071 <p class="font-display text-lg font-bold text-navy">0 documents</p> 1072 <div class="mx-auto mt-3 h-0.5 w-9 rounded-full bg-red-airo max-sm:mx-0"></div> 1073 <p class="mx-auto mt-4 text-sm leading-relaxed text-navy/70 max-sm:mx-0 max-sm:mt-2"> 1074 Start your claim with just your flight details - we collect any extra documents only when needed. 1075 </p> 1076 </div> 1077 </div> 1078 </div> 1079 1080 <div 1081 class="group overflow-hidden rounded-3xl border border-blue-airo/15 bg-white shadow-card transition hover:-translate-y-0.5 hover:border-blue-airo/30 hover:shadow-cardMd max-sm:text-left"> 1082 <div 1083 class="why-card-inner flex flex-col items-center p-6 text-center sm:items-center max-sm:flex-row max-sm:items-start max-sm:gap-3 max-sm:p-4 max-sm:text-left">
1084 <span 1085 class="mx-auto mb-4 inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-airo/15 to-white ring-1 ring-blue-airo/15 max-sm:mx-0 max-sm:mb-0 max-sm:h-11 max-sm:w-11"> 1086 <svg aria-hidden="true" viewBox="0 0 24 24" 1087 class="h-7 w-7 text-blue-airo max-sm:h-[1.15rem] max-sm:w-[1.15rem]"> 1088 <path fill="currentColor" 1089 d="M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16a8 8 0 0 1 0-16Zm1 3a1 1 0 0 0-2 0v5c0 .27.11.52.3.7l3 3a1 1 0 1 0 1.4-1.4L13 11.6V7Z" /> 1090 </svg> 1091 </span> 1092 <div class="why-card-body min-w-0 flex-1"> 1093 <p class="font-display text-lg font-bold text-navy">You save time</p> 1094 <div class="mx-auto mt-3 h-0.5 w-9 rounded-full bg-blue-airo max-sm:mx-0"></div> 1095 <p class="mx-auto mt-4 text-sm leading-relaxed text-navy/70 max-sm:mx-0 max-sm:mt-2"> 1096 Skip hours of hold music and email chains - most claims are resolved within 21 days. 1097 </p> 1098 </div> 1099 </div> 1100 </div> 1101 1102 <div 1103 class="group overflow-hidden rounded-3xl border border-red-airo/15 bg-white shadow-card transition hover:-translate-y-0.5 hover:border-red-airo/30 hover:shadow-cardMd max-sm:text-left"> 1104 <div 1105 class="why-card-inner flex flex-col items-center p-6 text-center sm:items-center max-sm:flex-row max-sm:items-start max-sm:gap-3 max-sm:p-4 max-sm:text-left"> 1106 <span 1107 class="mx-auto mb-4 inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-red-airo/15 to-white ring-1 ring-red-airo/15 max-sm:mx-0 max-sm:mb-0 max-sm:h-11 max-sm:w-11"> 1108 <svg aria-hidden="true" viewBox="0 0 24 24" 1109 class="h-7 w-7 text-red-airo max-sm:h-[1.15rem] max-sm:w-[1.15rem]"> 1110 <path fill="currentColor" 1111 d="M12 2a7 7 0 0 0-7 7v2a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V9a7 7 0 0 0-7-7Zm0 2a5 5 0 0 1 5 5v2a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V9a5 5 0 0 1 5-5Zm7.2 13.6a1 1 0 0 1 0 1.4l-1.8 1.8a1 1 0 0 1-1.4-1.4l.4-.4H9a6 6 0 0 1-6-6v-1a1 1 0 1 1 2 0v1a4 4 0 0 0 4 4h7.4l-.4-.4a1 1 0 0 1 1.4-1.4l1.8 1.8Z" /> 1112 </svg> 1113 </span> 1114 <div class="why-card-body min-w-0 flex-1"> 1115 <p class="font-display text-lg font-bold text-navy">No risks</p> 1116 <div class="mx-auto mt-3 h-0.5 w-9 rounded-full bg-red-airo max-sm:mx-0"></div> 1117 <p class="mx-auto mt-4 text-sm leading-relaxed text-navy/70 max-sm:mx-0 max-sm:mt-2"> 1118 You only pay when we recover compensation for you. Our <strong>fee is 25% + applicable taxes</strong>. 1119 </p> 1120 </div> 1121 </div> 1122 </div> 1123 </div> 1124 1125 <div class="mt-10 flex items-center justify-start gap-3 text-sm text-navy/65 sm:justify-center max-sm:gap-2.5"> 1126 <span 1127 class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-white ring-1 ring-navy/10 max-sm:h-9 max-sm:w-9"> 1128 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 text-navy"> 1129 <path fill="currentColor" 1130 d="M12 2l8 4v6c0 5-3.4 9.4-8 10c-4.6-.6-8-5-8-10V6l8-4Zm0 2.2L6 7v5c0 3.9 2.4 7.5 6 8c3.6-.5 6-4.1 6-8V7l-6-2.8Zm3.4 5.3a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.4 0l-2-2a1 1 0 1 1 1.4-1.4l1.3 1.3l3.3-3.3a1 1 0 0 1 1.4 0Z" /> 1131 </svg> 1132 </span> 1133 <span class="font-medium">Trusted by thousands of passengers across India</span> 1134 </div> 1135 </div> 1136 </section> 1137 <!-- Section 4: Process --> 1138 <section id="how-it-works" class="airo-process-section border-b border-navy/10 bg-white py-12 sm:py-16 lg:py-20" 1139 data-process-anim="1"> 1140 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 1141 <div class="airo-process-section__head mb-10 max-w-3xl sm:mb-14"> 1142 <p class="mb-2 hidden text-xs font-semibold uppercase tracking-[0.12em] text-navy/55 font-display sm:block"> 1143 How It Works</p> 1144 <h2 class="font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl">How 1145 It Works</h2> 1146 </div> 1147 <ol 1148 class="airo-process-steps relative grid grid-cols-1 gap-4 divide-y divide-navy/10 max-sm:gap-0 sm:grid-cols-2 sm:gap-5 sm:divide-y-0 lg:grid-cols-5 lg:gap-6 lg:pt-2" 1149 aria-label="Claim process steps"> 1150 <li 1151 class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0" 1152 aria-label="Step 1: Submit your flight details and documents"> 1153 <div 1154 class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left"> 1155 <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0"> 1156 <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none" 1157 aria-hidden="true"> 1158 <defs> 1159 <linearGradient id="airo-process-grad-1" x1="0" y1="0" x2="24" y2="24" 1160 gradientUnits="userSpaceOnUse"> 1161 <stop stop-color="#0A2463" /> 1162 <stop offset="1" stop-color="#E11D48" /> 1163 </linearGradient> 1164 </defs> 1165 <path d="M8 4v10l2.8-2 2.3 4.6 2-1-2.3-4.6 3.2-.3L8 4Z" stroke="url
1165(#airo-process-grad-1)" 1166 stroke-width="1.35" stroke-linejoin="round" stroke-linecap="round" /> 1167 <path d="M16.5 6.5c1 .9 1.5 2 1.5 3.5" stroke="url(#airo-process-grad-1)" stroke-width="1.35" 1168 stroke-linecap="round" /> 1169 <path d="M18.5 4.8c1.6 1.4 2.5 3.2 2.5 5.2" stroke="url(#airo-process-grad-1)" stroke-width="1.35" 1170 stroke-linecap="round" /> 1171 </svg> 1172 <span 1173 class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm"> 1174 1 1175 </span> 1176 </div> 1177 <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left"> 1178 <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">Submit your flight 1179 details and documents</p> 1180 </div> 1181 </div> 1182 </li> 1183 <li 1184 class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0" 1185 aria-label="Step 2: We review your case and file your claim"> 1186 <div 1187 class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left"> 1188 <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0"> 1189 <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none" 1190 aria-hidden="true"> 1191 <defs> 1192 <linearGradient id="airo-process-grad-2" x1="0" y1="0" x2="24" y2="24" 1193 gradientUnits="userSpaceOnUse"> 1194 <stop stop-color="#0A2463" /> 1195 <stop offset="1" stop-color="#E11D48" /> 1196 </linearGradient> 1197 </defs> 1198 <path d="M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" stroke="url(#airo-process-grad-2)" 1199 stroke-width="1.35" /> 1200 <path d="M16.7 16.7 21 21" stroke="url(#airo-process-grad-2)" stroke-width="1.35" 1201 stroke-linecap="round" /> 1202 <path d="M8.5 8.5h4" stroke="url(#airo-process-grad-2)" stroke-width="1.35" stroke-linecap="round" /> 1203 </svg> 1204 <span 1205 class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm"> 1206 2 1207 </span> 1208 </div> 1209 <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left"> 1210 <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">We review your 1211 case and file your claim</p> 1212 </div> 1213 </div> 1214 </li> 1215 <li 1216 class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0" 1217 aria-label="Step 3: We share updates as your case progresses"> 1218 <div 1219 class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left"> 1220 <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0"> 1221 <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none" 1222 aria-hidden="true"> 1223 <defs> 1224 <linearGradient id="airo-process-grad-3" x1="0" y1="0" x2="24" y2="24" 1225 gradientUnits="userSpaceOnUse"> 1226 <stop stop-color="#0A2463" /> 1227 <stop offset="1" stop-color="#E11D48" /> 1228 </linearGradient> 1229 </defs> 1230 <path d="M12 22a2.3 2.3 0 0 0 2.2-1.7" stroke="url
1230(#airo-process-grad-3)" stroke-width="1.35" 1231 stroke-linecap="round" /> 1232 <path d="M18 16H6c1.2-1.3 2-2.6 2-5.5a4 4 0 0 1 8 0c0 2.9.8 4.2 2 5.5Z" 1233 stroke="url(#airo-process-grad-3)" stroke-width="1.35" stroke-linejoin="round" /> 1234 <path d="M10 4a2 2 0 0 1 4 0" stroke="url(#airo-process-grad-3)" stroke-width="1.35" 1235 stroke-linecap="round" /> 1236 </svg> 1237 <span 1238 class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm"> 1239 3 1240 </span> 1241 </div> 1242 <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left"> 1243 <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">We share updates 1244 as your case progresses</p> 1245 </div> 1246 </div> 1247 </li> 1248 <li 1249 class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0" 1250 aria-label="Step 4: We work with the airline to secure compensation"> 1251 <div 1252 class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left"> 1253 <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0"> 1254 <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none" 1255 aria-hidden="true"> 1256 <defs> 1257 <linearGradient id="airo-process-grad-4" x1="0" y1="0" x2="24" y2="24" 1258 gradientUnits="userSpaceOnUse"> 1259 <stop stop-color="#0A2463" /> 1260 <stop offset="1" stop-color="#E11D48" /> 1261 </linearGradient> 1262 </defs> 1263 <path d="M4 7h16v10H4V7Z" stroke="url(#airo-process-grad-4)" stroke-width="1.35" 1264 stroke-linejoin="round" /> 1265 <path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" stroke="url(#airo-process-grad-4)" 1266 stroke-width="1.35" /> 1267 <path d="M7 10h.01M17 14h.01" stroke="url(#airo-process-grad-4)" stroke-width="1.7" 1268 stroke-linecap="round" /> 1269 </svg> 1270 <span 1271 class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm"> 1272 4 1273 </span> 1274 </div> 1275 <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left"> 1276 <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">We work with the 1277 airline to secure compensation</p> 1278 </div> 1279 </div> 1280 </li> 1281 <li 1282 class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none sm:col-span-2 lg:col-span-1 lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0" 1283 aria-label="Step 5: You receive your compensation within 21 days"> 1284 <div 1285 class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left"> 1286 <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0"> 1287 <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none" 1288 aria-hidden="true"> 1289 <defs> 1290 <linearGradient id="airo-process-grad-5" x1="0" y1="0" x2="24" y2="24" 1291 gradientUnits="userSpaceOnUse"> 1292 <stop stop-color="#0A2463" /> 1293 <stop offset="1" stop-color="#E11D48" /> 1294 </linearGradient> 1295 </defs>
1296 <path d="M20 7 10.5 16.5 6 12" stroke="url(#airo-process-grad-5)" stroke-width="1.55" 1297 stroke-linecap="round" stroke-linejoin="round" /> 1298 <path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20Z" stroke="url(#airo-process-grad-5)" 1299 stroke-width="1.35" /> 1300 </svg> 1301 <span 1302 class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm"> 1303 5 1304 </span> 1305 </div> 1306 <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left"> 1307 <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">You receive your 1308 compensation within 21 days</p> 1309 </div> 1310 </div> 1311 </li> 1312 </ol> 1313 </div> 1314 </section> 1315 <!-- Section: Transparency --> 1316 <section id="transparency" class="transparency-panel"> 1317 <div class="transparency-panel__inner"> 1318 <div class="transparency-panel__content"> 1319 <div class="transparency-panel__copy-block"> 1320 <p class="transparency-panel__eyebrow"> 1321 <span aria-hidden="true"> 1322 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" 1323 stroke-linejoin="round"> 1324 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" /> 1325 <path d="m9 12 2 2 4-4" /> 1326 </svg> 1327 </span> 1328 NO WIN · NO FEE 1329 </p> 1330 <h2 class="transparency-panel__title font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl">Clear Pricing. Zero Guesswork.</h2> 1331 <p class="transparency-panel__copy"> 1332 Submit your claim for free. Our success fee applies only after we recover compensation for you. 1333 </p> 1334 1335 <div class="transparency-pricing-points" aria-label="Pricing guarantees"> 1336 <div class="transparency-pricing-point"> 1337 <span class="transparency-pricing-point__icon" aria-hidden="true"> 1338 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1339 <rect x="3" y="5" width="18" height="14" rx="2" /> 1340 <path d="M3 9h18" /> 1341 </svg> 1342 </span> 1343 <span class="transparency-pricing-point__text">No upfront cost</span> 1344 </div> 1345 <div class="transparency-pricing-point" role="separator" aria-hidden="true"></div> 1346 <div class="transparency-pricing-point"> 1347 <span class="transparency-pricing-point__icon" aria-hidden="true"> 1348 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1349 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" /> 1350 <path d="m9 12 2 2 4-4" /> 1351 </svg> 1352 </span> 1353 <span class="transparency-pricing-point__text">No payout, no charge</span> 1354 </div> 1355 </div> 1356 </div> 1357 1358 <aside class="transparency-panel__fee" aria-label="Success fee"> 1359 <div class="transparency-fee-showcase transparency-fee-showcase--side"> 1360 <article class="transparency-fee-showcase__hero transparency-fee-showcase__hero--panel"> 1361 <p class="transparency-fee-showcase__label">Our fee</p> 1362 <span class="transparency-fee-showcase__rule" aria-hidden="true"></span> 1363 <p class="transparency-fee-showcase__value" aria-label="25 percent plus applicable taxes">25<span>%</span></p> 1364 <p class="transparency-fee-showcase__tax-note">+ applicable taxes</p> 1365 </article> 1366 </div> 1367 </aside> 1368 </div> 1369 1370 <div class="transparency-panel__visual" aria-label="AiroRight passenger support"> 1371 <img src="assets/img/home-airo-1.jpg" alt="Passenger checking AiroRight claim updates at the airport" 1372 loading="lazy" decoding="async" /> 1373 </div> 1374 </div> 1375 </section> 1376 <!-- Section: AiroNews (external links open in new tab) --> 1377 <section id="updates" 1378 class="relative border-b border-navy/10 bg-gradient-to-b from-white to-surface/90 py-12 sm:py-16 lg:py-20"> 1379 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 1380 <div class="mb-8 flex flex-col gap-4 sm:mb-10 sm:flex-row sm:items-end sm:justify-between"> 1381 <div> 1382 <p class="mb-2 text-xs font-semibold uppercase tracking-[0.12em] text-navy/55 font-display">AiroNews</p> 1383 <h2 1384 class="mb-0 font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl"> 1385 Aviation Updates That Matter 1386 </h2> 1387 </div> 1388 <button type="button" data-nav="news" 1389 class="shrink-0 text-left text-sm font-semibold text-brand hover:text-brand/85 focus-visible:ring-2 focus-visible:ring-brand/25 sm:text-right font-display"> 1390 View all AiroNews â 1391 </button> 1392 </div> 1393 <div id="landing-news-grid" class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-5 lg:grid-cols-4"> 1394 <p id="landing-news-status" class="col-span-full text-sm text-navy/65">Loading AiroNewsâ¦</p> 1395 </div> 1396 </div> 1397 </section> 1398 1399 <!-- Section: FAQ --> 1400 <section id="faq" class="relative border-b border-navy/10 bg-white py-12 sm:py-16 lg:py-20" aria-labelledby="landing-faq-heading" itemscope itemtype="https://schema.org/FAQPage"> 1401 <div class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8"> 1402 <div class="mb-8 text-center sm:mb-10"> 1403 <p class="mb-2 text-xs font-semibold uppercase tracking-[0.12em] text-navy/55 font-display">FAQ</p> 1404 <h2 id="landing-faq-heading" class="font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl"> 1405 Frequently asked questions 1406 </h2> 1407 <p class="mx-auto mt-4 max-w-2xl text-sm leading-relaxed text-navy/70 sm:text-base"> 1408 Quick answers to the questions passengers ask most before filing a claim. 1409 </p> 1410 </div> 1411 <div class="airo-landing-faq"> 1412 <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> 1413 <summary class="airo-landing-faq__summary">
1414 <span class="airo-landing-faq__question" itemprop="name">Why won’t the airline just pay me directly?</span> 1415 <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1416 <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" /> 1417 </svg> 1418 </summary> 1419 <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> 1420 <p class="airo-landing-faq__answer" itemprop="text"> 1421 Airlines are not always proactive about paying compensation. Many passengers never receive what they are owed because the process is confusing, time-consuming, or simply ignored. AiroRight handles the claim on your behalf. You only pay when we recover compensation for you. Our fee is 25% + applicable taxes. 1422 </p> 1423 </div> 1424 </details> 1425 <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> 1426 <summary class="airo-landing-faq__summary"> 1427 <span class="airo-landing-faq__question" itemprop="name">How far back can I claim?</span> 1428 <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1429 <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" /> 1430 </svg> 1431 </summary> 1432 <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> 1433 <p class="airo-landing-faq__answer" itemprop="text"> 1434 In India, you can typically claim for flights disrupted within the last two years. For EU261-covered flights, the limitation period varies by country but is often up to two to six years. File your claim as soon as possible - the sooner you start, the easier it is to gather evidence. 1435 </p> 1436 </div> 1437 </details> 1438 <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> 1439 <summary class="airo-landing-faq__summary"> 1440 <span class="airo-landing-faq__question" itemprop="name">How long does it take to receive compensation?</span> 1441 <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1442 <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" /> 1443 </svg> 1444 </summary> 1445 <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> 1446 <p class="airo-landing-faq__answer" itemprop="text"> 1447 Once the airline disburses payment, you receive your compensation within 7 days. Complex cases involving airline disputes may take longer overall. You can track your claim progress anytime from your passenger dashboard after signing in. 1448 </p> 1449 </div> 1450 </details> 1451 <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> 1452 <summary class="airo-landing-faq__summary"> 1453 <span class="airo-landing-faq__question" itemprop="name">What documents do I need to submit?</span> 1454 <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1455 <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" /> 1456 </svg> 1457 </summary> 1458 <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> 1459 <p class="airo-landing-faq__answer" itemprop="text"> 1460 To start, you only need your flight details and PNR. Depending on your case, we may request a boarding pass, ticket confirmation, or baggage report (PIR). We will tell you exactly what is needed - no guesswork. 1461 </p> 1462 </div> 1463 </details> 1464 <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> 1465 <summary class="airo-landing-faq__summary">
1466 <span class="airo-landing-faq__question" itemprop="name">What if my flight was delayed due to extraordinary circumstances?</span> 1467 <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 1468 <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" /> 1469 </svg> 1470 </summary> 1471 <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> 1472 <p class="airo-landing-faq__answer" itemprop="text"> 1473 Airlines often cite weather, security, or air-traffic decisions to avoid paying. We review the facts against applicable rules and airline records - share any proof you have (emails, screenshots, boarding times) so we can assess your position fairly. 1474 </p> 1475 </div> 1476 </details> 1477 </div> 1478 <p class="mt-6 text-center text-sm text-navy/65"> 1479 Need more help? Visit our <a href="help-center" class="font-semibold text-brand hover:underline">help center</a> or <a href="contact" class="font-semibold text-brand hover:underline">contact us</a>. 1480 </p> 1481 </div> 1482 </section> 1483 1484 <!-- Passenger rights guide: lead capture (guests only) --> 1485 <div id="rightsGuideLeadModal" class="airo-modal hidden" role="dialog" aria-modal="true" 1486 aria-labelledby="rightsGuideLeadTitle"> 1487 <div id="rightsGuideLeadBackdrop" class="airo-modal__backdrop"></div> 1488 <div class="airo-modal__panel max-w-md"> 1489 <div class="airo-modal__header py-4 px-6 sm:px-8"> 1490 <div> 1491 <div id="rightsGuideLeadTitle" class="airo-modal__title font-display text-xl sm:text-2xl">Download the guide</div> 1492 <div class="airo-modal__subtitle">Enter your details below and we’ll start your download.</div> 1493 </div> 1494 <button id="rightsGuideLeadClose" type="button" class="airo-modal__close" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="airo-icon-close" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button> 1495 </div> 1496 <form id="rightsGuideLeadForm" class="space-y-4 px-6 sm:px-8 pb-8" novalidate onsubmit="return false;"> 1497 <div id="rightsGuideLeadError" class="hidden rounded-xl border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700" role="alert"></div> 1498 <div> 1499 <label for="rightsGuideLeadName" class="block mb-1.5 text-sm font-medium text-white">Full name <span class="text-rose-500">*</span></label> 1500 <input id="rightsGuideLeadName" type="text" autocomplete="name" required maxlength="200" 1501 class="airo-modal__input" placeholder="As on your booking" /> 1502 </div> 1503 <div> 1504 <label for="rightsGuideLeadEmail" class="block mb-1.5 text-sm font-medium text-white">Email <span class="text-rose-500">*</span></label> 1505 <input id="rightsGuideLeadEmail" type="email" autocomplete="email" required 1506 class="airo-modal__input" placeholder="[email protected]" /> 1507 </div> 1508 <div class="airo-phone-field"> 1509 <label for="rightsGuideLeadPhone" class="block mb-1.5 text-sm font-medium text-white">Phone <span class="text-rose-500">*</span></label> 1510 <div class="airo-phone-field__row flex gap-3 items-stretch"> 1511 <select id="rightsGuideLeadPhoneCc" class="airo-phone-field__cc airo-modal__input w-[6.5rem] shrink-0 px-3 text-xs"> 1512 <option value="91">+91 IN</option> 1513 <option value="44">+44 UK</option> 1514 <option value="31">+31 NL</option> 1515 <option value="1">+1 US-CA</option> 1516 <option value="971">+971 UAE</option> 1517 <option value="65">+65 SG</option> 1518 <option value="60">+60 MY</option> 1519 <option value="61">+61 AU</option> 1520 </select> 1521 <input id="rightsGuideLeadPhone" type="tel" autocomplete="tel-national" required 1522 class="airo-phone-field__national airo-modal__input min-w-0 flex-1" placeholder="Phone number" /> 1523 </div> 1524 </div> 1525 <p class="text-xs leading-relaxed text-navy/60">We use your details to share the guide and occasional passenger-rights updates. See our Privacy Policy.</p> 1526 <button id="rightsGuideLeadSubmit" type="submit" class="airo-modal__primary w-full"> 1527 Download guide 1528 </button> 1529 </form> 1530 </div> 1531 </div> 1532
1533 <!-- Circular PDF download progress overlay --> 1534 <div id="pdfProgressOverlay" class="pdf-progress-overlay hidden" aria-live="polite"> 1535 <div class="pdf-progress-card"> 1536 <svg class="pdf-progress-ring" viewBox="0 0 80 80"> 1537 <circle class="pdf-progress-ring__track" cx="40" cy="40" r="34" /> 1538 <circle id="pdfProgressArc" class="pdf-progress-ring__arc" cx="40" cy="40" r="34" /> 1539 </svg> 1540 <span id="pdfProgressPct" class="pdf-progress-pct">0%</span> 1541 <span class="pdf-progress-label">Generating PDFâ¦</span> 1542 </div> 1543 </div> 1544 1545 <footer class="border-t border-white/10 bg-navy"> 1546 <div class="mx-auto max-w-7xl px-4 py-10 sm:px-6 sm:py-12 lg:px-8"> 1547 <div 1548 class="flex flex-col items-center gap-8 text-center md:flex-row md:items-start md:justify-between md:text-left"> 1549 <div class="mx-auto w-full max-w-md shrink-0 md:mx-0"> 1550 <div class="mb-4 flex items-center justify-center gap-2 sm:gap-3 md:justify-start"> 1551 <img src="assets/img/logo-light.svg" alt="AiroRight" class="h-7 w-auto select-none sm:h-8" loading="lazy" decoding="async" /> 1552 </div> 1553 <p class="text-sm leading-relaxed text-white/80"> 1554 AiroRight helps air passengers understand where they stand and take the right next step when travel is 1555 disrupted 1556 </p> 1557 </div> 1558 <div class="airo-site-footer__links-row md:max-w-xl lg:max-w-2xl"> 1559 <nav class="flex flex-col items-center md:items-start" aria-label="Follow us"> 1560 <p class="mb-3 text-xs font-semibold uppercase tracking-wide text-white/55">Follow us</p> 1561 <ul class="flex flex-row items-center justify-center gap-4 text-white/80 md:justify-start"> 1562 <li> 1563 <a href="https://www.instagram.com/airoright.official/" target="_blank" rel="noopener noreferrer" 1564 class="inline-flex items-center justify-center transition-colors hover:text-white" 1565 aria-label="Instagram"> 1566 <span class="sr-only">Instagram</span> 1567 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5"> 1568 <path fill="currentColor" 1569 d="M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4A5.8 5.8 0 0 1 16.2 22H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 2A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8
1569V7.8A3.8 3.8 0 0 0 16.2 4H7.8Zm4.2 3.5a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9Zm0 2a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM17.6 6.9a.9.9 0 1 1 0 1.8a.9.9 0 0 1 0-1.8Z" /> 1570 </svg> 1571 </a> 1572 </li> 1573 <li> 1574 <a href="https://www.linkedin.com/company/airoright/about/" target="_blank" rel="noopener noreferrer" 1575 class="inline-flex items-center justify-center transition-colors hover:text-white" 1576 aria-label="LinkedIn"> 1577 <span class="sr-only">LinkedIn</span> 1578 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5"> 1579 <path fill="currentColor" 1580 d="M4.98 3.5C3.88 3.5 3 4.38 3 5.48c0 1.1.88 1.98 1.98 1.98c1.1 0 1.98-.88 1.98-1.98C6.96 4.38 6.08 3.5 4.98 3.5ZM3.5 8.5h3v12h-3v-12Zm5.5 0h2.9v1.64h.04c.4-.76 1.38-1.56 2.84-1.56c3.04 0 3.6 2 3.6 4.6v7.32h-3v-6.5c0-1.55-.03-3.55-2.16-3.55c-2.16 0-2.49 1.69-2.49 3.44v6.61h-3v-12Z" /> 1581 </svg> 1582 </a> 1583 </li> 1584 <li> 1585 <a href="https://www.facebook.com/profile.php?id=61568007958601" target="_blank" rel="noopener noreferrer" 1586 class="inline-flex items-center justify-center transition-colors hover:text-white" 1587 aria-label="Facebook"> 1588 <span class="sr-only">Facebook</span> 1589 <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5"> 1590 <path fill="currentColor" 1591 d="M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.87.24-1.46 1.5-1.46H16.7V5c-.3-.04-1.33-.13-2.53-.13c-2.5 0-4.2 1.52-4.2 4.31V11H7.5v3h2.5v8h3.5Z" /> 1592 </svg> 1593 </a> 1594 </li> 1595 </ul> 1596 </nav> 1597 <div class="flex flex-col items-center md:items-start"> 1598 <p class="mb-3 text-xs font-semibold uppercase tracking-wide text-white/55">Contact us</p> 1599 <ul class="space-y-2 text-sm text-white/75"> 1600 <li> 1601 <a href="https://wa.me/918796322382?text=Hey%2C%20I%20need%20help%20with%20filing%20a%20claim." target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-white">WhatsApp</a> 1602 </li> 1603 <li> 1604 <a href="https://wa.me/918796322382" target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-white">Call</a> 1605 </li> 1606 <li> 1607 <a href="/cdn-cgi/l/email-protection#5e2d2b2e2e312c2a1e3f372c312c3739362a703d3133" class="transition-colors hover:text-white">Email</a> 1608 </li> 1609 </ul> 1610 </div> 1611 <div class="flex flex-col items-center md:items-start"> 1612 <p class="mb-3 text-xs font-semibold uppercase tracking-wide text-white/55">Help center</p> 1613 <a href="help-center" class="text-sm text-white/75 transition-colors hover:text-white">Browse guides & support</a> 1614 </div> 1615 </div> 1616 </div> 1617 <nav class="airo-site-footer__legal flex flex-col items-center text-center md:items-start md:text-left" 1618 aria-label="Legal"> 1619 <p class="mb-3 text-xs font-semibold uppercase tracking-wide text-white/55">Legal</p> 1620 <ul 1621 class="flex flex-col items-center gap-2.5 text-sm text-white/75 sm:flex-row sm:flex-wrap sm:justify-center sm:gap-x-8 sm:gap-y-2 md:justify-start"> 1622 <li> 1623 <a href="privacy-policy" class="transition-colors hover:text-white">Privacy Policy</a> 1624 </li> 1625 <li> 1626 <a href="terms-of-service" class="transition-colors hover:text-white">Terms of Service</a> 1627 </li> 1628 <li> 1629 <a href="cookie-policy" class="transition-colors hover:text-white">Cookie Policy</a> 1630 </li> 1631 <li> 1632 <a href="refund-policy" class="transition-colors hover:text-white">Refund Policy</a> 1633 </li> 1634 <li> 1635 <a href="terms-and-conditions" class="transition-colors hover:text-white">Terms and Conditions</a> 1636 </li> 1637 </ul> 1638 </nav> 1639 <div class="border-t border-white/10 mt-8 pt-8 text-sm text-center text-white/75"> 1640 1641 <p>
vendor: 117 bytes, lines 1641-1642
1641 1642 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1642<script>document.write(new Date().getFullYear())</script>
1642 <strong>AiroRight</strong>. All rights reserved. 1643 </p> 1644 1645 <p> 1646 All website content including branding, graphics, text, layouts, software, and designs are owned by or licensed 1647 to Airoright unless otherwise stated. 1648 </p> 1649 1650 <p> 1651 Unauthorized copying, reproduction, or commercial use is prohibited without prior written permission. 1652 </p> 1653 1654 <p> 1655 Airline names and trademarks remain the property of their respective owners. 1656 </p> 1657 1658 </div> 1659 </div> 1660</footer></main> 1661 1662 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/flatpickr.min.css" />
1663<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/flatpickr.min.js" defer></script>
1663 1664
1664<script id="airo-app-script" src="/assets/js/script.js?v=1790157033" defer></script>
1664 1665
1665<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5fd304ab8cec471ea18e0d5b33a5c70e","r":1,"spa":2}' crossorigin="anonymous"></script>
1665 1666</body> 1667</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.