Dubai Airports | Connecting the World

<!DOCTYPE html> <html id="html" lang="en" dir="ltr"> <head> <meta charset="UTF-8" /> <link rel="preload" as="font" type="font/woff2" crossorigin href="/resourcepackages/da/assets/fonts/bukra/29ltbukraregular.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin href="/resourcepackages/da/assets/fonts/bukra/29LTBukra-Medium.woff2"> <link rel="icon" type="image/x-icon" href="/resourcepackages/da/assets/img/favicon.ico"> <link rel="stylesheet" href="/resourcepackages/da/assets/css/tailwind.css" /> <link rel="stylesheet" href="/resourcepackages/da/assets/css/offset-styles.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="preconnect" href="https://www.googletagmanager.com"> <link rel="dns-prefetch" href="https://www.googletagmanager.com"> <script src="/resourcepackages/da/assets/js/main-nav.js" defer fetchpriority="high"></script> <script src="/resourcepackages/da/assets/js/windowheight.js" defer></script> <script src="/resourcepackages/da/assets/js/dialog.js" defer></script> <script src="/resourcepackages/da/assets/js/floating-contact.js" defer></script> <script src="/resourcepackages/da/assets/js/leaving-website-popup.js" defer></script> <script src="/resourcepackages/da/assets/js/search-show-results.js" defer></script> <script src="/resourcepackages/da/assets/js/notification-banner.js" defer></script> <script src="/resourcepackages/da/assets/js/cookie-notification.js" defer></script> <script src="/resourcepackages/da/assets/js/no-image-cards.js" defer></script> <script src="/resourcepackages/da/assets/js/live-chat.js" defer></script> <link rel="stylesheet" href="/resourcepackages/da/assets/vendor/swiperjs/swiper-bundle.min.css" /> <script src="/resourcepackages/da/assets/vendor/swiperjs/swiper-bundle.min.js" defer></script> <script src="/resourcepackages/da/assets/js/swiper.js" defer></script> <script src="/resourcepackages/da/assets/js/hero-swiper.js" defer></script> <script src="/resourcepackages/da/assets/js/select-dropdown.js" defer></script> <script src="/resourcepackages/da/assets/js/cookie-gtm.js"></script> <title>Dubai Airports | Connecting the World | DXB & DWC</title><meta property='og:title' content='Dubai Airports | Connecting the World | DXB & DWC'><meta property='og:description' content='Dubai Airports - Explore flight information, services, facilities, and more.'><meta name='description' content='Dubai Airports - Explore flight information, services, facilities, and more.'><meta name="google-site-verification" content="uFzwgawjcu1bqnGKb5iRpcxASYQKaS_dh0q-M46Zg6U" /> <style> .almajlis-section-shadow .bg-white { --tw-shadow: 0 4px 8px rgb(33 36 79 / 8%); --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } </style><link rel='canonical' href='https://dubaiairports.ae' />  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PPF5B8Q8');</script>  <script type="text/javascript">!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{ src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source crossOrigin: "anonymous", cfg: { // Application Insights Configuration connectionString: 'InstrumentationKey=4f32a706-26ff-46c6-8203-e4448b4d0002' }});</script></head> <body><script defer="" id="-2080999574" src="/resourcepackages/da/scripts/flightsearchbanner/flight-search.js" type="text/javascript"></script><script defer="" id="1138078738" src="/resourcepackages/da/scripts/flightlisting/flight-tabs.js" type="text/javascript"></script> <div class="skip-to-main-content" tabindex="0">Skip to <a href="#main-content" accesskey="1">content</a> or <a href="#footer" accesskey="2">footer</a></div> <div class="wrapper min-h-screen flex flex-col"> <span id="header-backdrop" class="header__backdrop"></span> <header class="bg-neutrals-neutral1 z-30"> <div class="bg-neutrals-neutral1 max-w-6xl mx-auto text-primary-portgore p-16 lg:py-0 flex items-center justify-between lg:relative z-10 text-primary-portgore" id="main-nav-menu"> <div class="flex flex-row-reverse lg:flex-row justify-between order-3 lg:order-2 text-primary-portgore"> <nav class=" text-primary-portgore"> <div> <input aria-expanded="false" aria-controls="mobile-menu" class="peer opacity-0 absolute top-0 left-0" id="menutrigger" type="checkbox" aria-labelledby="menutrigger-label"><label class="lg:hidden flex items-center" for="menutrigger"><span class="icon"></span><span data-default="" class="text-base font-medium ms-16 relative top-3" id="menutrigger-label">Menu</span> <span data-open="" class="text-base font-medium ms-16 relative top-3">Close</span> </label> <div class="block lg:hidden bg-neutrals-neutral1 transition-all duration-500 pt-16 fixed top-56 w-full h-[calc(100dvh_-_56px)] overflow-y-auto left-full peer-checked:left-0 text-primary-portgore" aria-hidden="true" id="mobile-menu"> <div class="h-full flex flex-col gap-16 text-primary-portgore" id="data-mob-menu" data-mob-menu="" aria-hidden="false"> <button class="px-16 pb-16 flex items-start" data-toggle-search aria-controls="mob-search" aria-expanded="false"> <img src="/resourcepackages/da/assets/img/icons/search.svg" alt="Search" /> <span class="font-medium text-base inline-block ms-8">Search</span> </button> <ul class="font-medium"> <li class="p-16 "> <div class="text-text-primary" data-menulist=""> <h3 class="text-base font-medium flex justify-between items-center group relative" aria-expanded="false" aria-controls="mobile-Flights"> Flights <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" alt="" width="24" height="24" class="lg:hidden transition-transform group-[.is-open]:rotate-180 duration-300"> </h3> <div class="grid lg:block" id="mobile-Flights" aria-hidden="true"> <ul class="flex flex-col gap-24"> <li class="mt-16"> <a href="/flights/arrivals" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Arrivals</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/flights/departures" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Departures</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/airlines" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Airlines</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> </ul> </div> </div> </li> <li class="p-16 border-t border-neutrals-neutral2"> <div class="text-text-primary" data-menulist=""> <h3 class="text-base font-medium flex justify-between items-center group relative" aria-expanded="false" aria-controls="mobile-Information"> Information <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" alt="" width="24" height="24" class="lg:hidden transition-transform group-[.is-open]:rotate-180 duration-300"> </h3> <div class="grid lg:block" id="mobile-Information" aria-hidden="true"> <ul class="flex flex-col gap-24"> <li class="mt-16"> <a href="/information/immigration-visas" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Passport control & visas</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/information/security-customs" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Security & customs</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/information/baggage" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Baggage</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/information/transfers" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Transfers</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/information/special-assistance" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Special assistance</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/information/safety-tips" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Safety tips </span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/information/airport-map" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Airport map</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> </ul> </div> </div> </li> <li class="p-16 border-t border-neutrals-neutral2"> <div class="text-text-primary" data-menulist=""> <h3 class="text-base font-medium flex justify-between items-center group relative" aria-expanded="false" aria-controls="mobile-Transport"> Transport <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" alt="" width="24" height="24" class="lg:hidden transition-transform group-[.is-open]:rotate-180 duration-300"> </h3> <div class="grid lg:block" id="mobile-Transport" aria-hidden="true"> <ul class="flex flex-col gap-24"> <li class="mt-16"> <a href="/transport/taxi" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Taxi</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/transport/metro" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Metro</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/transport/bus" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Bus
</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/transport/car-parking" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Car parking</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/transport/rent-a-car" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Rent a car</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> </ul> </div> </div> </li> <li class="p-16 border-t border-neutrals-neutral2"> <div class="text-text-primary" data-menulist=""> <h3 class="text-base font-medium flex justify-between items-center group relative" aria-expanded="false" aria-controls="mobile-Experiences"> Experiences <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" alt="" width="24" height="24" class="lg:hidden transition-transform group-[.is-open]:rotate-180 duration-300"> </h3> <div class="grid lg:block" id="mobile-Experiences" aria-hidden="true"> <ul class="flex flex-col gap-24"> <li class="mt-16"> <a href="/experiences/shops" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Shops</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/experiences/restaurants" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Restaurants
</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/experiences/hotels" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Hotels</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/experiences/relax---refresh" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Relax & refresh</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/experiences/services" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Services</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> </ul> </div> </div> </li> <li class="p-16 border-t border-neutrals-neutral2"> <div class="text-text-primary" data-menulist=""> <h3 class="text-base font-medium flex justify-between items-center group relative" aria-expanded="false" aria-controls="mobile-Contact-us"> Contact us <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" alt="" width="24" height="24" class="lg:hidden transition-transform group-[.is-open]:rotate-180 duration-300"> </h3> <div class="grid lg:block" id="mobile-Contact-us" aria-hidden="true"> <ul class="flex flex-col gap-24"> <li class="mt-16"> <a href="/contact-information" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Contact information</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/feedback" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Feedback</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/lost-and-found" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Lost & found</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="/faqs" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>FAQs</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> <li class=""> <a href="javascript: customPlugin.command('WebChat.open', getAdvancedConfig())" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Live chat support</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" alt="" width="24" height="24" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </li> </ul> </div> </div> </li> </ul> <div class="mt-auto px-16 flex gap-16 pb-72"> <a href="#" class="flex flex-col justify-center align-middle bg-white rounded p-12" data-dialog-open="government-popup"> <img src="/resourcepackages/da/assets/img/logos/logo-o4.png" width="40" height="40" alt="O4" class="w-40 h-40"> </a> <a href="https://dubaiairports.ae/widget/HappinessMeter/PostData.aspx?lang=en" class="flex flex-col justify-center align-middle bg-primary-portgore rounded p-12"> <img src="/resourcepackages/da/assets/img/logos/logo-dubai-digital-feedback.png" width="40" height="40" alt="Dubai Digital" class="w-40 h-40"> </a> </div> <a href="https://dubaiairports.ae/corporate" target="_blank" class="py-16 bg-neutrals-neutral2 text-base font-medium flex-nowrap items-center gap-8 flex px-16 fixed bottom-0 w-full"> <span>Corporate website</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </a> </div> <div class="flex-col gap-32 px-16 hidden text-primary-portgore" id="mob-search" data-mob-search="" aria-hidden="true"> <div class="offset-mt-none offset-mr-none offset-mb-none offset-ml-none offset-pt-none offset-pr-none offset-pb-none offset-pl-none rte"> <button class="flex gap-8 font-medium" data-mob-backtomenu="" aria-expanded="true" aria-controls="data-mob-menu"> <img src="/resourcepackages/da/assets/img/icons/arrow-left.svg" alt="back" data-sf-ec-immutable=""> <span>Back to menu</span> </button> </div> <div class="flex flex-col mt-16 relative text-primary-portgore"> <div class=" offset-mt-none offset-mr-none offset-mb-none offset-ml-none" data-sf-search-autocomplete-item-class="dropdown-item text-truncate" data-sf-visibility-hidden="d-none" data-sf-active-class="active" role="search"> <div class="relative"> <input value="" class="py-12 ps-48 pe-16 rounded-xl bg-white h-48 w-full" data-sf-role="search-box" data-sf-results-url="/search-results" data-sf-search-catalogue="passengers-main-search" data-sf-scoring-setting="" data-sf-suggestions-length="3" data-sf-site-id="ce06c336-a4d6-4024-89cb-83a378064c31" data-sf-culture="en" data-sf-sort="" data-sf-suggestions-fields="Title,Content" data-sf-results-all="0" data-sf-service-path="/api/default" type="text" placeholder="Search website" id="mob-search-input" aria-labelledby="search-label" /> <button data-sf-role="search-button" class="bg-transparent w-24 h-24 border-none absolute top-12 left-16"> <img src="/resourcepackages/da/assets/img/icons/search.svg" alt="" width="24" height="24"> <span class="sr-only" id="search-label">Search</span> </button> <button id="mob-search-reset" class="aria-hidden:hidden bg-transparent w-24 h-24 border-none absolute top-12 end-16" type="reset" aria-hidden="true"> <img src="/resourcepackages/da/assets/img/icons/close.svg" width="24" height="24" alt=""> </button> </div> <div data-search-results aria-live="polite" aria-hidden="true" class="aria-hidden:hidden"> <h2 id="mob-search-title" class="text-lg font-medium mt-32"> <span class="search-title-count"></span> results for "<span class="search-title-val"></span>" </h2> <ul data-sf-role="search-box-autocomplete" class="space-y-16 text-base font-medium text-text-link mt-24" role="listbox"></ul> </div> </div> <div class="offset-mt-none offset-mr-none offset-mb-none offset-ml-none"> <nav data-search-suggestions="" aria-live="polite" aria-hidden="false" class="aria-hidden:hidden"> <ul> <li> <h3 class="text-lg font-medium mt-32">Popular searches</h3> <ul class="flex flex-col gap-8 mt-24"> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/restaurants" target="_self"> <span>Restaurants</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/al-majlis" target="_self"> <span>Al Majlis</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/special-assistance" target="_self"> <span>Special assistance</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/car-parking" target="_self"> <span>Car parking</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/relax---refresh" target="_self"> <span>Relax & refresh</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </li> </ul> </nav> </div> </div> </div> </div> <div class=" text-primary-portgore"> <div id="desktop-menu" data-menu="desktop" class="hidden lg:flex"> <ul class="flex gap-48 font-medium"> <li> <a href="" aria-controls="Flights" aria-expanded="false" data-main-nav-item="Flights" class="text-text-primary hover:text-text-link transition-colors block leading-[72px]">Flights</a> </li> <li> <a href="" aria-controls="Information" aria-expanded="false" data-main-nav-item="Information" class="text-text-primary hover:text-text-link transition-colors block leading-[72px]">Information</a> </li> <li> <a href="" aria-controls="Transport" aria-expanded="false" data-main-nav-item="Transport" class="text-text-primary hover:text-text-link transition-colors block leading-[72px]">Transport</a> </li> <li> <a href="" aria-controls="Experiences" aria-expanded="false" data-main-nav-item="Experiences" class="text-text-primary hover:text-text-link transition-colors block leading-[72px]">Experiences</a> </li> </ul> </div> </div> </div> </nav> </div> <div class="flex items-center border-e-2 me-16 pe-16 lg:me-0 lg:pe-0 border-neutrals-neutral2 lg:border-none order-2 lg:order-3 ms-auto lg:ms-0 text-primary-portgore"> <div class="language-switch relative"> <a class="flex items-center lg:leading-[72px]" href="#" id="languageSwitch" aria-expanded="false" aria-controls="languageSwitchDropdown"> <img src="/resourcepackages/da/assets/img/icons/globe.svg" alt="Globe"> <span class="uppercase font-medium text-base inline-block ms-8 relative top-2">en</span> </a> <div id="languageSwitchDropdown" aria-hidden="true" class="language-switch__dropdown absolute top-40 lg:top-72 left-[50%] translate-x-[-50%] whitespace-nowrap w-max font-medium"> <a class="block p-16 border-t border-neutrals-neutral2 bg-neutrals-neutral1 hover:bg-neutrals-neutral2" href="/home" hreflang="en"> <img src="/resourcepackages/da/assets/img/icons/check.svg" alt="" class="opacity-100 inline-block"> <span class="ms-8 inline-block">EN - English</span> </a> <a class="block p-16 border-t border-neutrals-neutral2 bg-neutrals-neutral1 hover:bg-neutrals-neutral2" href="/ar/home" hreflang="ar"> <img src="/resourcepackages/da/assets/img/icons/check.svg" alt="" class="opacity-0 inline-block"> <span class="ms-8 inline-block">AR - Arabic</span> </a> </div> </div> <div class="header-search text-primary-portgore"> <a class=" text-primary-portgore" href="#" aria-expanded="false" aria-controls="Search" data-main-nav-item="Search"> <div> <div class="inline-flex text-text-primary hover:text-text-link transition-colors leading-[72px] h-72 offset-mt-none offset-mr-none offset-mb-none offset-ml-none offset-pt-none offset-pr-none offset-pb-none offset-pl-none rte"> <img height="24" width="24" class="h-24 w-24 self-center" data-sf-ec-immutable="" alt="Search" src="/resourcepackages/da/assets/img/icons/search.svg"><span class="font-medium text-base inline-block ms-8">Search</span> </div> </div> </a> </div> </div> <a href=/home class="lg:my-16"> <img src="/images/passengerslibraries/home-page/dxb-logo-mobile.svg?sfvrsn=566bdfa9_3" loading="eager" fetchpriority="high" alt="Logo" class="h-full lg:hidden" width="51" height="24"> <img src="/images/passengerslibraries/home-page/dxb-logo.svg?sfvrsn=f2fb604_3" loading="eager" fetchpriority="high" alt="Logo" class="h-full hidden lg:block" width="86" height="40"> </a> </div> <div class="hidden lg:block page-editor-compact text-primary-portgore"> <div class="subnav bg-neutrals-neutral1 w-full py-80 left-0 hidden lg:block absolute" aria-hidden="true" aria-labelledby="Contact-us-title" id="Contact-us"> <div class="grid grid-cols-[320px_1fr_1fr] gap-120 max-w-6xl mx-auto px-16"> <div> <h2 class="text-lg text-primary-portgore font-medium mb-24" id="Contact-us-title">Contact Us</h2> <div> <ul class="flex flex-col gap-8"> <li> <a href="/contact-information" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Contact information</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/feedback" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Feedback</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/lost-and-found" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Lost & found</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/faqs" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>FAQs</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/live-chat-support" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Live chat support</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </div> </div> </div> </div> <div class="subnav bg-neutrals-neutral1 w-full py-80 left-0 hidden lg:block absolute" aria-hidden="true" aria-labelledby="Flights-title" id="Flights"> <div class="grid grid-cols-[320px_1fr_1fr] gap-120 max-w-6xl mx-auto px-16"> <div> <article class="bg-neutrals-neutral2 flex flex-col justify-end overflow-hidden rounded-lg pt-40 px-24 pb-24 group"> <div class="flex items-center gap-16 lg:block mb-16 mb-auto lg:mb-0"> <img src="/images/passengerslibraries/icons/plane.svg?sfvrsn=128f83ef_5" alt="Flight status" class="size-40" loading="lazy"> <h2 class="text-lg lg:text-xl font-medium text-primary-portgore lg:mb-16 lg:mt-24">Flight status</h2> </div> <p>All flight information in one place</p> <div class="flex items-center justify-between pt-24"> <a href="/flight-status" class="group-hover:bg-neutrals-neutral5 link-btn link-btn--primary"> Search<img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </a> </div> </article> </div> <div> <h2 class="text-lg text-primary-portgore font-medium mb-24" id="Flights-title">Flights</h2> <div> <ul class="flex flex-col gap-8"> <li> <a href="/flights/arrivals" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Arrivals</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/flights/departures" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Departures</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/airlines" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Airlines</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </div> </div> </div> </div> <div class="subnav bg-neutrals-neutral1 w-full py-80 left-0 hidden lg:block absolute" aria-hidden="true" aria-labelledby="Information-title" id="Information"> <div class="grid grid-cols-[320px_1fr_1fr] gap-120 max-w-6xl mx-auto px-16"> <div> <article class="bg-neutrals-neutral2 flex flex-col justify-end overflow-hidden rounded-lg pt-40 px-24 pb-24 group"> <div class="flex items-center gap-16 lg:block mb-16 mb-auto lg:mb-0"> <img src="/images/passengerslibraries/icons/wheelchair.svg?sfvrsn=9c39c9bb_7" alt="Special assistance" class="size-40" loading="lazy"> <h2 class="text-lg lg:text-xl font-medium text-primary-portgore lg:mb-16 lg:mt-24">Special assistance</h2> </div> <p>Find all the help you need</p> <div class="flex items-center justify-between pt-24"> <a href="/information/special-assistance" class="group-hover:bg-neutrals-neutral5 link-btn link-btn--primary"> Explore all services<img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </a> </div> </article> </div> <div> <h2 class="text-lg text-primary-portgore font-medium mb-24" id="Information-title">Information</h2> <div> <ul class="flex flex-col gap-8"> <li> <a href="/information/immigration-visas" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Passport control & visas</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/information/security-customs" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Security & customs</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/information/baggage" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Baggage</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/information/transfers" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Transfers</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/information/special-assistance" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Special assistance</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/information/safety-tips" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Safety tips </span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/information/airport-map" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Airport map</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </div> </div> </div> </div> <div class="subnav bg-neutrals-neutral1 w-full py-80 left-0 hidden lg:block absolute" aria-hidden="true" aria-labelledby="Transport-title" id="Transport"> <div class="grid grid-cols-[320px_1fr_1fr] gap-120 max-w-6xl mx-auto px-16"> <div> <article class="bg-neutrals-neutral2 flex flex-col justify-end overflow-hidden rounded-lg pt-40 px-24 pb-24 group"> <div class="flex items-center gap-16 lg:block mb-16 mb-auto lg:mb-0"> <img src="/images/passengerslibraries/icons/parking.svg?sfvrsn=a37251d7_7" alt="Car parking" class="size-40" loading="lazy"> <h2 class="text-lg lg:text-xl font-medium text-primary-portgore lg:mb-16 lg:mt-24">Car parking</h2> </div> <p>Reserve a spot</p> <div class="flex items-center justify-between pt-24"> <a href="https://www.mawgif.com/dxbbooking" class="group-hover:bg-neutrals-neutral5 link-btn link-btn--primary"> Book now<img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </a> </div> </article> </div> <div> <h2 class="text-lg text-primary-portgore font-medium mb-24" id="Transport-title">Transport</h2> <div> <ul class="flex flex-col gap-8"> <li> <a href="/transport/taxi" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Taxi</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/transport/metro" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Metro</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/transport/bus" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Bus
</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/transport/car-parking" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Car parking</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/transport/rent-a-car" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Rent a car</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </div> </div> </div> </div> <div class="subnav bg-neutrals-neutral1 w-full py-80 left-0 hidden lg:block absolute" aria-hidden="true" aria-labelledby="Experiences-title" id="Experiences"> <div class="grid grid-cols-[320px_1fr_1fr] gap-120 max-w-6xl mx-auto px-16"> <div> <article class="bg-neutrals-neutral2 flex flex-col justify-end overflow-hidden rounded-lg pt-40 px-24 pb-24 group"> <div class="flex items-center gap-16 lg:block mb-16 mb-auto lg:mb-0"> <img src="/images/passengerslibraries/icons/map.svg?sfvrsn=e9baa06b_5" alt="Airport map" class="size-40" loading="lazy"> <h2 class="text-lg lg:text-xl font-medium text-primary-portgore lg:mb-16 lg:mt-24">Airport map</h2> </div> <p>Find all locations on the map</p> <div class="flex items-center justify-between pt-24"> <a href="/vg-maps" class="group-hover:bg-neutrals-neutral5 link-btn link-btn--primary"> Open airport map<img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </a> </div> </article> </div> <div> <h2 class="text-lg text-primary-portgore font-medium mb-24" id="Experiences-title">Experiences</h2> <div> <ul class="flex flex-col gap-8"> <li> <a href="/experiences/shops" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Shops</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/experiences/restaurants" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Restaurants
</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/experiences/hotels" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Hotels</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/experiences/relax---refresh" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Relax & refresh</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a href="/experiences/services" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Services</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </div> </div> </div> </div> <div class="subnav bg-neutrals-neutral1 w-full py-80 absolute left-0 hidden lg:block text-primary-portgore" aria-hidden="true" role="search" aria-describedby="search-title" id="Search"> <div class="block max-w-6xl mx-auto px-16 text-primary-portgore"> <div class=" offset-mt-none offset-mr-none offset-mb-none offset-ml-none" data-sf-search-autocomplete-item-class="dropdown-item text-truncate" data-sf-visibility-hidden="d-none" data-sf-active-class="active" role="search"> <div class="relative"> <input value="" class="py-12 px-48 rounded-xl bg-white h-48 w-full" data-sf-role="search-box" data-sf-results-url="/search-results" data-sf-search-catalogue="passengers-main-search" data-sf-scoring-setting="" data-sf-suggestions-length="3" data-sf-site-id="ce06c336-a4d6-4024-89cb-83a378064c31" data-sf-culture="en" data-sf-sort="" data-sf-suggestions-fields="Title,Content" data-sf-results-all="0" data-sf-service-path="/api/default" type="text" placeholder="Search website" id="header-search" aria-labelledby="search-title" /> <button data-sf-role="search-button" class="bg-transparent w-24 h-24 border-none absolute top-12 left-16"> <img src="/resourcepackages/da/assets/img/icons/search.svg" alt=""> <span class="sr-only" id="search-title">Search</span> </button> <button id="header-search-reset" class="aria-hidden:hidden bg-transparent w-24 h-24 border-none absolute top-12 end-16" type="reset" aria-hidden="true"> <img src="/resourcepackages/da/assets/img/icons/close.svg" width="24" height="24" alt=""> </button> </div> <div data-search-results aria-live="polite" aria-hidden="true" class="aria-hidden:hidden"> <h2 id="header-search-title" class="text-lg font-medium mt-32"> <span class="search-title-count"></span> results for "<span class="search-title-val"></span>" </h2> <ul data-sf-role="search-box-autocomplete" class="max-h-[300px] overflow-y-auto space-y-16 text-base font-medium text-text-link mt-24" role="listbox"></ul> </div> </div> <div class="search-navigation offset-mt-none offset-mr-none offset-mb-none offset-ml-none"> <nav > <ul> <li> <h3 class="text-lg font-medium mt-32">Popular searches</h3> <ul class="flex flex-col gap-8 mt-24"> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/restaurants" target="_self"> <span>Restaurants</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/al-majlis" target="_self"> <span>Al Majlis</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/special-assistance" target="_self"> <span>Special assistance</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/car-parking" target="_self"> <span>Car parking</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li> <a class="flex justify-start gap-8 items-center text-base font-medium text-text-link" href="/popular-searches/relax---refresh" target="_self"> <span>Relax & refresh</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </li> </ul> </nav> </div> </div> </div> </div> </header>  <div> <div class="relative text-primary-portgore"> <div class="absolute w-full z-20 text-primary-portgore"> </div> </div> </div>  <main id="main-content"> <section class=""> <div class="relative bg-neutrals-neutral1 h-full grid grid-cols-[16px_1fr_16px] grid-rows-auto lg:grid-cols-[96px_1fr_96px] 2xl:grid-cols-[1fr_70rem_1fr]"> <div class="col-start-1 col-span-3 row-start-1 h-[calc(100vh_-_56px)] lg:h-[calc(100vh_-_72px)] overflow-hidden"> <div id="heroMainSwiper" class="hero-swiper swiper z-0 relative lg:min-w-full h-screen"> <div class="swiper-wrapper overflow-hidden"> <div class="swiper-slide absolute top-0 left-0"> <picture class="object-cover w-full h-full block"> <source srcset="/images/passengerslibraries/home-page/hero-img-1-responsive.png?sfvrsn=ae1758a1_5" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/hero-slider/hero-slider-01.png?sfvrsn=f0d4ae87_11" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/hero-slider/hero-slider-01.png?sfvrsn=f0d4ae87_11" class="object-cover w-full h-full" loading="eager" fetchpriority="high" alt="Couple heading towards DXB airport"> </picture> </div> <div class="swiper-slide absolute top-0 left-0"> <picture class="object-cover w-full h-full block"> <source srcset="/images/passengerslibraries/home-page/hero-img-2-responsive.png?sfvrsn=cbd9f2b7_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/hero-slider/hero-slider-02.png?sfvrsn=8f22da5f_11" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/hero-slider/hero-slider-02.png?sfvrsn=8f22da5f_11" class="object-cover w-full h-full" loading="eager" fetchpriority="high" alt="Family reunion at DXB airport"> </picture> </div> <div class="swiper-slide absolute top-0 left-0"> <picture class="object-cover w-full h-full block"> <source srcset="/images/passengerslibraries/home-page/hero-img-3-responsive.png?sfvrsn=9b591be9_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/hero-slider/hero-slider-03.png?sfvrsn=9f35d8aa_14" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/hero-slider/hero-slider-03.png?sfvrsn=9f35d8aa_14" class="object-cover w-full h-full" loading="eager" fetchpriority="high" alt="Fascinating night view"> </picture> </div> </div> </div> </div> <div class="z-10 md:pb-16 flex flex-col gap-16 lg:flex-row 2xl:gap-80 col-start-2 col-end-3 -translate-y-[320px] -mb-[320px] sm:-translate-y-[326px] sm:-mb-[326px] md:transform-none md:mb-0 row-start-2 md:row-start-1 self-end"> <div class="bg-neutrals-neutral2 rounded-[12px] py-16 px-[20px] lg:p-24 2xl:p-40 w-full 2xl:w-[calc(100%_-_400px)] static lg:relative"> <h1 id="flightStatusSearch" class="font-medium text-lg sm:text-xl md:text-2xl 2xl:text-3xl text-primary-portgore">Find your flight status</h1> <div class="mt-10 relative"> <form data-filter-wrapper> <input type="search" id="homeFlightSearch" name="search" aria-label="Search airline, city or flight number" placeholder="Search airline, city or flight number" class="py-12 px-48 rounded-lg aria-expanded:md:rounded-b-none aria-expanded:shadow-floating bg-neutrals-white h-48 w-full" /> <button type="submit" class="bg-transparent w-24 h-24 border-none absolute top-12 start-16" aria-expanded="false" aria-controls="flightSearchLarge"> <img src="/resourcepackages/da/assets/img/icons/search.svg" alt="" width="24" height="24" /> <span class="sr-only">Search</span> </button> <button type="reset" id="homeFlightSearchReset" class="aria-hidden:hidden absolute top-12 end-16" aria-label="Reset" aria-hidden="true"> <img src="/resourcepackages/da/assets/img/icons/close.svg" alt="" width="24" height="24" /> </button> <div id="flightSearchLarge" aria-hidden="true" aria-labelledby="homeFlightSearch" data-flightsearch class="hidden md:block md:absolute top-48 w-full shadow-floating bg-neutrals-white z-100 aria-hidden:opacity-0 aria-hidden:md:opacity-100 aria-hidden:md:hidden md:rounded-b-lg overflow-hidden"> <div class="flight-search__content" data-tab-content> <input type="search" class="md:hidden w-full py-12 px-16 bg-neutrals-white" aria-labelledby="homeFlightSearch" /> <button type="reset" class="aria-hidden:hidden absolute top-12 end-16" aria-label="Reset" aria-hidden="true"> <img src="/resourcepackages/da/assets/img/icons/close.svg" alt="" width="24" height="24" /> </button> <div class="bg-neutrals-neutral1 md:flex md:justify-between border-t border-neutrals-neutral2"> <nav class="flex md:justify-start w-full md:w-auto flex-initial relative" data-tab-buttons role="tablist" aria-label="Flight tabs" id="flightSearchLargeFlightTabs"> <button role="tab" tabindex="0" aria-selected="true" type="button" data-value="Departures" data-flight-type="departures" class="tab bg-transparent border-none font-medium flex justify-center gap-8 p-16 flex-1 md:flex-none is-active" id="flightSearchLargedepart" aria-controls="flightSearchLargedepartContent" aria-expanded="true"> <img src="/resourcepackages/da/assets/img/icons/departing-plane.svg" alt="" width="24" height="24"> <span>Departures</span> </button> <button role="tab" tabindex="0" aria-selected="false" type="button" data-value="Arrivals" data-flight-type="arrivals" class="tab bg-transparent border-none font-medium flex justify-center gap-8 p-16 flex-1 md:flex-none" id="flightSearchLargearrive" aria-controls="flightSearchLargearriveContent" aria-expanded="false"> <img src="/resourcepackages/da/assets/img/icons/arriving-plane.svg" alt="" width="24" height="24"> <span>Arrivals</span> </button> </nav> <div class="relative flex flex-1 md:block justify-center p-8 bg-neutrals-neutral1"> <div data-select-dropdown class="flex w-full justify-center md:justify-end relative"> <button class="group aria-expanded:bg-neutrals-neutral2 whitespace-nowrap px-16 rounded-md w-fit rounded-lg bg-transparent btn btn--tertiary" id="day-button" aria-expanded="false" aria-controls="day-selector" data-select-dropdown-button> Today, November 30 <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" class="transition-all duration-300 group-aria-[expanded='true']:rotate-180" alt="" width="24" height="24" /> </button> <div id="day-selector" data-select-dropdown-selector class="shadow-flight rounded-md absolute z-10 aria-hidden:hidden max-h-[285px] overflow-y-auto bg-neutrals-neutral1 min-w-[284px] whitespace-nowrap top-64 overflow-hidden" aria-hidden="true" aria-labelledby="day-button" aria-live="polite"> <ul role="listbox"> <li class="border-b border-neutrals-neutral1 has-[:checked]:font-medium" role="option"> <label class="flex items-center gap-16 py-16 px-16 cursor-pointer hover:bg-neutrals-neutral2"> <input type="radio" name="dayLarge" value="Yesterday, November 29" data-date="2024-11-29" class="sr-only peer" /> <img src="/resourcepackages/da/assets/img/icons/check.svg" width="24" height="24" class="invisible peer-checked:visible" alt="" /> Yesterday, November 29 </label> </li> <li class="border-b border-neutrals-neutral1 has-[:checked]:font-medium" role="option"> <label class="flex items-center gap-16 py-16 px-16 cursor-pointer hover:bg-neutrals-neutral2"> <input type="radio" name="dayLarge" value="Today, November 30" checked="checked" data-date="2024-11-30" class="sr-only peer" /> <img src="/resourcepackages/da/assets/img/icons/check.svg" width="24" height="24" class="invisible peer-checked:visible" alt="" /> Today, November 30 </label> </li> <li class="border-b border-neutrals-neutral1 has-[:checked]:font-medium" role="option"> <label class="flex items-center gap-16 py-16 px-16 cursor-pointer hover:bg-neutrals-neutral2"> <input type="radio" name="dayLarge" value="Tomorrow, December 1" data-date="2024-12-01" class="sr-only peer" /> <img src="/resourcepackages/da/assets/img/icons/check.svg" width="24" height="24" class="invisible peer-checked:visible" alt="" /> Tomorrow, December 1 </label> </li> </ul> </div> </div> </div> </div> <div id="flightSearchLargedepartContent" class="tab-content is-active" aria-label="Flight departures" aria-hidden="false" aria-labelledby="flightSearchLargedepart" aria-live="assertive" role="tabpanel"> <div class=" [&> div>a]:border-b [&>div>a]:border-neutrals-neutral1 [&>div>a]:shadow-none [&>div>a]:rounded-none [&>div>a>div]:md:grid-cols-[56px_1fr_180px]" role="rowgroup"> <div id="flightSearchLargedepartures-list" class="min-h-[188px] js-departures-list hidden"> <p class="p-16 font-medium text-text-primary"> No flights found </p> </div> <div class="py-12 px-16 bg-neutrals-white border-t border-neutrals-neutral2 hidden" data-show-more-link> <a href="/flight-status?type=departures" class="px-0 hover:bg-transparent active:bg-transparent link-btn link-btn--quaternary" aria-label="Show more flights" data-show-more-flights> <span class="ltr:scale-x-100 rtl:-scale-x-100">Show more flights</span> <input type="hidden" value="Show more flights" /> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" /> </a> </div> </div> </div> <div id="flightSearchLargearriveContent" class="tab-content" aria-label="Flight arrivals" aria-hidden="true" aria-labelledby="flightSearchLargearrive" aria-live="assertive" role="tabpanel"> <div class=" [&> div>a]:border-b [&>div>a]:border-neutrals-neutral1 [&>div>a]:shadow-none [&>div>a]:rounded-none [&>div>a>div]:md:grid-cols-[56px_1fr_80px]" role="rowgroup"> <div id="flightSearchLargearrivals-list" class="min-h-[188px] js-arrivals-list hidden"> <input type="hidden" value="50" class="js-flights-count" /> <a href="/flight-details?Id=2409020002&type=arrival" class="flight flight--arrival block bg-neutrals-white md:rounded-[12px] p-16 font-medium shadow-flight hover:shadow-flighthover focus-within:bg-neutrals-neutral2 focus-within:shadow-flight text-text-primary transition-all duration-300 is-compact" onclick="event.preventDefault(); window.location.href=this.href;"> <div class="grid gap-16 lg:gap-40 grid-cols-[56px_1fr_51px] grid-rows-auto lg:items-center" role="row"> <time datetime="11:55" class="col-start-1 self-start row-start-1" role="cell"> 11:55 </time> <span class="col-start-2 row-start-1" role="cell"> <span> Chittagong (CGP) </span> <span class="font-normal block mt-8"> BS 343 </span> </span> <span class="col-start-3 row-start-1 md:col-start-3 flex justify-between items-start" role="cell"> <span>T1</span> <span class="block"> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" alt="" class="ltr:scale-x-100 rtl:-scale-x-100 w-24 h-24" width="24" height="24" /> </span> </span> </div> </a> <a href="/flight-details?Id=2410035807&type=arrival" class="flight flight--arrival block bg-neutrals-white md:rounded-[12px] p-16 font-medium shadow-flight hover:shadow-flighthover focus-within:bg-neutrals-neutral2 focus-within:shadow-flight text-text-primary transition-all duration-300 is-compact" onclick="event.preventDefault(); window.location.href=this.href;"> <div class="grid gap-16 lg:gap-40 grid-cols-[56px_1fr_51px] grid-rows-auto lg:items-center" role="row"> <time datetime="11:55" class="col-start-1 self-start row-start-1" role="cell"> 11:55 </time> <span class="col-start-2 row-start-1" role="cell"> <span> Kuwait (KWI) </span> <span class="font-normal block mt-8"> J9 127 </span> </span> <span class="col-start-3 row-start-1 md:col-start-3 flex justify-between items-start" role="cell"> <span>T1</span> <span class="block"> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" alt="" class="ltr:scale-x-100 rtl:-scale-x-100 w-24 h-24" width="24" height="24" /> </span> </span> </div> </a> <a href="/flight-details?Id=2409178813&type=arrival" class="flight flight--arrival block bg-neutrals-white md:rounded-[12px] p-16 font-medium shadow-flight hover:shadow-flighthover focus-within:bg-neutrals-neutral2 focus-within:shadow-flight text-text-primary transition-all duration-300 is-compact" onclick="event.preventDefault(); window.location.href=this.href;"> <div class="grid gap-16 lg:gap-40 grid-cols-[56px_1fr_51px] grid-rows-auto lg:items-center" role="row"> <time datetime="11:55" class="col-start-1 self-start row-start-1" role="cell"> 11:55 </time> <span class="col-start-2 row-start-1" role="cell"> <span> Kish (KIH) </span> <span class="font-normal block mt-8"> KIS6000 </span> </span> <span class="col-start-3 row-start-1 md:col-start-3 flex justify-between items-start" role="cell"> <span>T2</span> <span class="block"> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" alt="" class="ltr:scale-x-100 rtl:-scale-x-100 w-24 h-24" width="24" height="24" /> </span> </span> </div> </a> <a href="/flight-details?Id=2409192021&type=arrival" class="flight flight--arrival block bg-neutrals-white md:rounded-[12px] p-16 font-medium shadow-flight hover:shadow-flighthover focus-within:bg-neutrals-neutral2 focus-within:shadow-flight text-text-primary transition-all duration-300 is-compact" onclick="event.preventDefault(); window.location.href=this.href;"> <div class="grid gap-16 lg:gap-40 grid-cols-[56px_1fr_51px] grid-rows-auto lg:items-center" role="row"> <time datetime="11:55" class="col-start-1 self-start row-start-1" role="cell"> 11:55 </time> <span class="col-start-2 row-start-1" role="cell"> <span> Doha (DOH) </span> <span class="font-normal block mt-8"> QR 1022 </span> </span> <span class="col-start-3 row-start-1 md:col-start-3 flex justify-between items-start" role="cell"> <span>T1</span> <span class="block"> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" alt="" class="ltr:scale-x-100 rtl:-scale-x-100 w-24 h-24" width="24" height="24" /> </span> </span> </div> </a> </div> <div class="py-12 px-16 bg-neutrals-white border-t border-neutrals-neutral2 hidden" data-show-more-link> <a href="/flight-status?type=arrivals" class="px-0 hover:bg-transparent active:bg-transparent link-btn link-btn--quaternary" aria-label="Show more flights" data-show-more-flights> <span class="ltr:scale-x-100 rtl:-scale-x-100">Show more flights</span> <input type="hidden" value="Show more flights" /> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" /> </a> </div> </div> </div> </div> </div> </form> </div> <div class="mt-24 flex gap-24"> <a href="/flight-status?type=departures" class="font-medium flex items-center gap-8 link-text link-text--primary"> <span class="text-text-primary">Departures</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" width="24" height="24" alt="" /> </a> <a href="/flight-status?type=arrivals" class="font-medium flex items-center gap-8 link-text link-text--primary"> <span class="text-text-primary">Arrivals</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" width="24" height="24" alt="" /> </a> </div> <input type="hidden" value="/flight-details" id="js-flight-details-page" /> <input type="hidden" id="js-take-flights" /> <input type="hidden" value="en" id="js-lang-code" /> </div> <script type="module"> document.addEventListener("DOMContentLoaded", () => initTabs("flightSearchLargeFlightTabs")); document.addEventListener("DOMContentLoaded", () => initTabs("flightSearchSmallFlightTabs")); </script> <div class="grid grid-rows-2 grid-cols-2 md:grid-cols-4 md:grid-rows-1 lg:grid-cols-2 lg:grid-rows-2 gap-[32px_16px] lg:gap-16 w-full lg:w-320"> <a href=/experiences/shops target=_self class="flex flex-col flex-none items-center justify-center p-28 lg:p-0 2xl:p-28 gap-8 rounded-[12px] bg-neutrals-white hover:shadow-floatinghover text-primary-portgore active:bg-neutrals-neutral2 outline-2 outline-transparent focus-visible:outline-neutrals-neutral3 transition-all duration-200 font-medium"> <img src="/images/passengerslibraries/icons/shopping.svg?sfvrsn=a63a5406_5" alt="label" class="block w-32 h-32"> <span class="whitespace-nowrap">Shop</span> </a> <a href=/experiences/restaurants target=_self class="flex flex-col flex-none items-center justify-center p-28 lg:p-0 2xl:p-28 gap-8 rounded-[12px] bg-neutrals-white hover:shadow-floatinghover text-primary-portgore active:bg-neutrals-neutral2 outline-2 outline-transparent focus-visible:outline-neutrals-neutral3 transition-all duration-200 font-medium"> <img src="/images/passengerslibraries/icons/restaurant.svg?sfvrsn=34ca9020_5" alt="label" class="block w-32 h-32"> <span class="whitespace-nowrap">Dine</span> </a> <a href=/experiences/relax---refresh target=_self class="flex flex-col flex-none items-center justify-center p-28 lg:p-0 2xl:p-28 gap-8 rounded-[12px] bg-neutrals-white hover:shadow-floatinghover text-primary-portgore active:bg-neutrals-neutral2 outline-2 outline-transparent focus-visible:outline-neutrals-neutral3 transition-all duration-200 font-medium"> <img src="/images/passengerslibraries/icons/relax.svg?sfvrsn=bc6a1aa9_5" alt="label" class="block w-32 h-32"> <span class="whitespace-nowrap">Relax</span> </a> <a href=https://dxbalmajlis.dubaiairports.ae/home target=_self class="flex flex-col flex-none items-center justify-center p-28 lg:p-0 2xl:p-28 gap-8 rounded-[12px] bg-neutrals-white hover:shadow-floatinghover text-primary-portgore active:bg-neutrals-neutral2 outline-2 outline-transparent focus-visible:outline-neutrals-neutral3 transition-all duration-200 font-medium"> <img src="/images/passengerslibraries/icons/star.svg?sfvrsn=36566e4e_5" alt="label" class="block w-32 h-32"> <span class="whitespace-nowrap">Al Majlis</span> </a> </div> </div> <div> <div id="flightSearchSmall" aria-hidden="true" aria-labelledby="homeFlightSearch" data-flightsearch data-filter-wrapper class="flight-search h-dvh md:h-auto md:hidden left-0 fixed top-[100vh] w-screen block transition-all duration-1000 bg-neutrals-white z-100 aria-hidden:opacity-0 aria-hidden:md:opacity-100 aria-hidden:md:hidden md:rounded-b-lg overflow-hidden"> <div class="flight-search__content" data-tab-content> <input type="search" class="md:hidden w-full py-12 px-16 bg-neutrals-white" aria-labelledby="homeFlightSearch" /> <button type="reset" class="aria-hidden:hidden absolute top-12 end-16" aria-label="Reset" aria-hidden="true"> <img src="/resourcepackages/da/assets/img/icons/close.svg" alt="" width="24" height="24" /> </button> <div class="bg-neutrals-neutral1 md:flex md:justify-between border-t border-neutrals-neutral2"> <nav class="flex md:justify-start w-full md:w-auto flex-1 relative" data-tab-buttons role="tablist" aria-label="Flight tabs" id="flightSearchSmallFlightTabs"> <button role="tab" tabindex="0" aria-selected="true" type="button" data-value="Departures" data-flight-type="departures" class="tab bg-transparent border-none font-medium flex justify-center gap-8 p-16 flex-1 md:flex-none is-active" id="flightSearchSmalldepart" aria-controls="departContent" aria-expanded="true"> <img src="/resourcepackages/da/assets/img/icons/departing-plane.svg" alt="" width="24" height="24" /> <span>Departures</span> </button> <button role="tab" tabindex="0" aria-selected="false" type="button" data-value="Arrivals" data-flight-type="arrivals" class="tab bg-transparent border-none font-medium flex justify-center gap-8 p-16 flex-1 md:flex-none" id="flightSearchSmallarrive" aria-controls="arriveContent" aria-expanded="false"> <img src="/resourcepackages/da/assets/img/icons/arriving-plane.svg" alt="" width="24" height="24" /> <span>Arrivals</span> </button> </nav> <div class="relative flex flex-1 md:block justify-center p-8 bg-neutrals-neutral1"> <div data-select-dropdown class="flex w-full justify-center md:justify-end relative"> <button class="group aria-expanded:bg-neutrals-neutral2 whitespace-nowrap w-fit rounded-lg bg-transparent btn btn--tertiary" id="day-button" aria-expanded="false" aria-controls="day-selector" data-select-dropdown-button> Today, November 30 <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" class="transition-all duration-300 group-aria-[expanded='true']:rotate-180" alt="" /> </button> <div id="day-selector" data-select-dropdown-selector class="shadow-flight rounded-md absolute z-10 aria-hidden:hidden max-h-[285px] overflow-y-auto bg-neutrals-neutral1 min-w-[284px] whitespace-nowrap top-64 overflow-hidden" aria-hidden="true" aria-labelledby="day-button" aria-live="polite"> <ul role="listbox"> <li class="border-b border-neutrals-neutral1 has-[:checked]:font-medium" role="option"> <label class="flex items-center gap-16 py-16 px-16 cursor-pointer hover:bg-neutrals-neutral2"> <input type="radio" name="daySmall" value="Yesterday, November 29" data-date="2024-11-29" class="sr-only peer" /> <img src="/resourcepackages/da/assets/img/icons/check.svg" class="invisible peer-checked:visible" width="24" height="24" alt="" /> Yesterday, November 29 </label> </li> <li class="border-b border-neutrals-neutral1 has-[:checked]:font-medium" role="option"> <label class="flex items-center gap-16 py-16 px-16 cursor-pointer hover:bg-neutrals-neutral2"> <input type="radio" name="daySmall" value="Today, November 30" checked="checked" data-date="2024-11-30" class="sr-only peer" /> <img src="/resourcepackages/da/assets/img/icons/check.svg" class="invisible peer-checked:visible" width="24" height="24" alt="" /> Today, November 30 </label> </li> <li class="border-b border-neutrals-neutral1 has-[:checked]:font-medium" role="option"> <label class="flex items-center gap-16 py-16 px-16 cursor-pointer hover:bg-neutrals-neutral2"> <input type="radio" name="daySmall" value="Tomorrow, December 1" data-date="2024-12-01" class="sr-only peer" /> <img src="/resourcepackages/da/assets/img/icons/check.svg" class="invisible peer-checked:visible" width="24" height="24" alt="" /> Tomorrow, December 1 </label> </li> </ul> </div> </div> </div> </div> <div id="flightSearchSmalldepartContent" class="tab-content is-active" aria-label="Flight departures" aria-hidden="false" aria-labelledby="depart" aria-live="polite" role="tabpanel"> <div class="[&>div>article]:border-b [&>div>article]:border-neutrals-neutral1 [&>div>article]:shadow-none [&>div>article]:rounded-none [&>div>article>div]:md:grid-cols-[56px_1fr_180px]" role="rowgroup" data-flights-wrapper> <div id="flightSearchSmalldepartures-list" class="min-h-[188px] js-departures-list hidden"> <p class="p-16 font-medium text-text-primary"> No flights found </p> </div> <div class="py-12 px-16 bg-neutrals-white border-t border-neutrals-neutral2 hidden" data-show-more-link> <a href="/flight-status?type=departures" class="px-0 hover:bg-transparent active:bg-transparent link-btn link-btn--quaternary" aria-label="Show more flights" data-show-more-flights> <span class="ltr:scale-x-100 rtl:-scale-x-100">Show more flights</span> <input type="hidden" value="Show more flights" /> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" /> </a> </div> </div> </div> <div id="flightSearchSmallarriveContent" class="tab-content" aria-label="Flight arrivals" aria-hidden="true" aria-labelledby="arrive" aria-live="polite" role="tabpanel"> <div class="[&>article]:border-b [&>article]:border-neutrals-neutral1 [&>article]:shadow-none [&>article]:rounded-none [&>article>div]:md:grid-cols-[56px_1fr_80px]" role="rowgroup"> <div id="flightSearchSmallarrivals-list" class="min-h-[188px] js-arrivals-list hidden"> <input type="hidden" value="50" class="js-flights-count" /> <a href="/flight-details?Id=2409020002&type=arrival" class="flight flight--arrival block bg-neutrals-white md:rounded-[12px] p-16 font-medium shadow-flight hover:shadow-flighthover focus-within:bg-neutrals-neutral2 focus-within:shadow-flight text-text-primary transition-all duration-300 is-compact" onclick="event.preventDefault(); window.location.href=this.href;"> <div class="grid gap-16 lg:gap-40 grid-cols-[56px_1fr_51px] grid-rows-auto lg:items-center" role="row"> <time datetime="11:55" class="col-start-1 self-start row-start-1" role="cell"> 11:55 </time> <span class="col-start-2 row-start-1" role="cell"> <span> Chittagong (CGP) </span> <span class="font-normal block mt-8"> BS 343 </span> </span> <span class="col-start-3 row-start-1 md:col-start-3 flex justify-between items-start" role="cell"> <span>T1</span> <span class="block"> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" alt="" class="ltr:scale-x-100 rtl:-scale-x-100 w-24 h-24" width="24" height="24" /> </span> </span> </div> </a> <a href="/flight-details?Id=2410035807&type=arrival" class="flight flight--arrival block bg-neutrals-white md:rounded-[12px] p-16 font-medium shadow-flight hover:shadow-flighthover focus-within:bg-neutrals-neutral2 focus-within:shadow-flight text-text-primary transition-all duration-300 is-compact" onclick="event.preventDefault(); window.location.href=this.href;"> <div class="grid gap-16 lg:gap-40 grid-cols-[56px_1fr_51px] grid-rows-auto lg:items-center" role="row"> <time datetime="11:55" class="col-start-1 self-start row-start-1" role="cell"> 11:55 </time> <span class="col-start-2 row-start-1" role="cell"> <span> Kuwait (KWI) </span> <span class="font-normal block mt-8"> J9 127 </span> </span> <span class="col-start-3 row-start-1 md:col-start-3 flex justify-between items-start" role="cell"> <span>T1</span> <span class="block"> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" alt="" class="ltr:scale-x-100 rtl:-scale-x-100 w-24 h-24" width="24" height="24" /> </span> </span> </div> </a> <a href="/flight-details?Id=2409178813&type=arrival" class="flight flight--arrival block bg-neutrals-white md:rounded-[12px] p-16 font-medium shadow-flight hover:shadow-flighthover focus-within:bg-neutrals-neutral2 focus-within:shadow-flight text-text-primary transition-all duration-300 is-compact" onclick="event.preventDefault(); window.location.href=this.href;"> <div class="grid gap-16 lg:gap-40 grid-cols-[56px_1fr_51px] grid-rows-auto lg:items-center" role="row"> <time datetime="11:55" class="col-start-1 self-start row-start-1" role="cell"> 11:55 </time> <span class="col-start-2 row-start-1" role="cell"> <span> Kish (KIH) </span> <span class="font-normal block mt-8"> KIS6000 </span> </span> <span class="col-start-3 row-start-1 md:col-start-3 flex justify-between items-start" role="cell"> <span>T2</span> <span class="block"> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" alt="" class="ltr:scale-x-100 rtl:-scale-x-100 w-24 h-24" width="24" height="24" /> </span> </span> </div> </a> <a href="/flight-details?Id=2409192021&type=arrival" class="flight flight--arrival block bg-neutrals-white md:rounded-[12px] p-16 font-medium shadow-flight hover:shadow-flighthover focus-within:bg-neutrals-neutral2 focus-within:shadow-flight text-text-primary transition-all duration-300 is-compact" onclick="event.preventDefault(); window.location.href=this.href;"> <div class="grid gap-16 lg:gap-40 grid-cols-[56px_1fr_51px] grid-rows-auto lg:items-center" role="row"> <time datetime="11:55" class="col-start-1 self-start row-start-1" role="cell"> 11:55 </time> <span class="col-start-2 row-start-1" role="cell"> <span> Doha (DOH) </span> <span class="font-normal block mt-8"> QR 1022 </span> </span> <span class="col-start-3 row-start-1 md:col-start-3 flex justify-between items-start" role="cell"> <span>T1</span> <span class="block"> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" alt="" class="ltr:scale-x-100 rtl:-scale-x-100 w-24 h-24" width="24" height="24" /> </span> </span> </div> </a> </div> <div class="py-12 px-16 bg-neutrals-white border-t border-neutrals-neutral2 hidden" data-show-more-link> <a href="/flight-status?type=arrivals" class="px-0 hover:bg-transparent active:bg-transparent link-btn link-btn--quaternary" aria-label="Show more flights" data-show-more-flights> <span class="ltr:scale-x-100 rtl:-scale-x-100">Show more flights</span> <input type="hidden" value="Show more flights" /> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" /> </a> </div> </div> </div> </div> <input type="hidden" value="/flight-details" id="js-flight-details-page" /> <input type="hidden" value="en" id="js-lang-code" /> </div> </div> </div> </section> <section class="bg-neutrals-neutral1 text-primary-portgore " container-context="Progress.Sitefinity.AspNetCore.TagHelpers.ContainerContext"> <div class="max-w-6xl mx-auto px-16 py-80 lg:py-120"> <h2 class="text-xl lg:text-4xl font-medium mb-40 lg:mb-80">Useful services and information</h2> <div> <div class="grid lg:grid-cols-3 gap-24 mx-auto"> <article class="flex flex-col overflow-hidden rounded-lg pt-40 px-24 pb-24 group bg-primary-gold"> <div class="flex items-center gap-16 lg:block mb-16 lg:mb-0"> <img src="/images/passengerslibraries/icons/parking.svg?sfvrsn=a37251d7_7" alt="Car parking" class="size-40" loading="lazy" width="24" height="24"> <h2 class="text-lg lg:text-xl font-medium lg:mt-24 lg:mb-16 text-primary-portgore">Car parking</h2> </div> <div class="lg:[&>*]:mt-16"> <p class="">Reserve your preferred spot to smoothen your trip</p> </div> <div class="flex items-center justify-between pt-24 mt-auto"> <a href="https://www.mawgif.com/dxbbooking" target=_self class="link-btn group-hover:bg-neutrals-neutral5 link-btn--primary inline-flex items-center"> Book a spot <img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> <article class="flex flex-col overflow-hidden rounded-lg pt-40 px-24 pb-24 group bg-neutrals-neutral2"> <div class="flex items-center gap-16 lg:block mb-16 lg:mb-0"> <img src="/images/passengerslibraries/icons/wheelchair.svg?sfvrsn=9c39c9bb_7" alt="Special assistance" class="size-40" loading="lazy" width="24" height="24"> <h2 class="text-lg lg:text-xl font-medium lg:mt-24 lg:mb-16 text-primary-portgore">Special assistance</h2> </div> <div class="lg:[&>*]:mt-16"> <p class="">Find all the help you need for your journey</p> </div> <div class="flex items-center justify-between pt-24 mt-auto"> <a href="/information/special-assistance" target=_self class="link-btn group-hover:bg-neutrals-neutral5 link-btn--primary inline-flex items-center"> Explore services <img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> <article class="flex flex-col overflow-hidden rounded-lg pt-40 px-24 pb-24 group bg-white"> <div class="flex items-center gap-16 lg:block mb-16 lg:mb-0"> <img src="/images/passengerslibraries/icons/briefcase.svg?sfvrsn=737e2a3c_7" alt="Baggage" class="size-40" loading="lazy" width="24" height="24"> <h2 class="text-lg lg:text-xl font-medium lg:mt-24 lg:mb-16 text-primary-portgore">Baggage</h2> </div> <div class="lg:[&>*]:mt-16"> <p class="">Baggage services and rules: Know before you go</p> </div> <div class="flex items-center justify-between pt-24 mt-auto"> <a href="/information/baggage" target=_self class="link-btn group-hover:bg-neutrals-neutral5 link-btn--primary inline-flex items-center"> Read more <img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> </div> </div> </div> </section> <section class="bg-primary-portgore text-white overflow-x-hidden" container-context="Progress.Sitefinity.AspNetCore.TagHelpers.ContainerContext"> <div class="max-w-6xl mx-auto px-16 py-80 lg:py-120"> <div> <div id="id-ca86f7ef912f44cbbd34e161e01d6547-swiper" data-swiper-alternative aria-labelledby="id-ca86f7ef912f44cbbd34e161e01d6547" class="swiper"> <h2 id="id-ca86f7ef912f44cbbd34e161e01d6547" class="swiper-title text-xl lg:text-4xl font-medium">Highlights</h2> <div class="swiper-wrapper"> <div class="swiper-slide"> <article class="swiper__featured-slide card-image grid grid-cols-[16px_1fr_16px] grid-rows-[16px_1fr_16px] lg:grid-cols-[24px_1fr_24px] lg:grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200"> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 w-full aspect-auto object-cover object-[50%_50%]"> <source srcset="/images/passengerslibraries/_dev/national-day---mobile.jpg?sfvrsn=4f2d888f_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/_dev/national-day.jpg?sfvrsn=efcf4a28_3" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/_dev/national-day.jpg?sfvrsn=efcf4a28_3" width="1120" height="480" alt="Etihad" class="object-cover object-[50%_50%]"> </picture> </article> </div> <div class="swiper-slide"> <article class="swiper__featured-slide card-image grid grid-cols-[16px_1fr_16px] grid-rows-[16px_1fr_16px] lg:grid-cols-[24px_1fr_24px] lg:grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200"> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 w-full aspect-auto object-cover object-[50%_50%]"> <source srcset="/images/passengerslibraries/home-page/pod-t2-banner-mobile-withoutf78b19abad44448780e111efd8952a32.jpg?sfvrsn=b1938311_2" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/pod-t2-banner-desktop-withoute09cba53bf21422989862571646b0858.jpg?sfvrsn=f9c9e8a9_2" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/pod-t2-banner-desktop-withoute09cba53bf21422989862571646b0858.jpg?sfvrsn=f9c9e8a9_2" width="1120" height="480" alt="POD Services" class="object-cover object-[50%_50%]"> </picture> <div class="row-start-2 col-start-2 z-20 flex"> <a href="/hidden-disabilities" target=_self class="self-end ps-24 pe-12 link-btn link-btn--quaternary inline-flex items-center" aria-label="Read more about POD Services"> Explore more <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> </div> <div class="swiper-slide"> <article class="swiper__featured-slide card-image grid grid-cols-[16px_1fr_16px] grid-rows-[16px_1fr_16px] lg:grid-cols-[24px_1fr_24px] lg:grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200"> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 w-full aspect-auto object-cover object-[50%_50%]"> <source srcset="/images/passengerslibraries/_dev/arabian-corridor-mobile-v.jpg?sfvrsn=529eee17_7" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/_dev/arabian-corridor-desktop-v.jpg?sfvrsn=5645c1b4_7" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/_dev/arabian-corridor-desktop-v.jpg?sfvrsn=5645c1b4_7" width="1120" height="480" alt="Chris Fallows" class="object-cover object-[50%_50%]"> </picture> <div class="row-start-2 col-start-2 z-20 flex"> <a href="https://www.chrisfallows.com/dubai-international-airport-exhibition/" target=_blank class="self-end ps-24 pe-12 link-btn link-btn--quaternary inline-flex items-center" aria-label="Read more about Chris Fallows"> Read more <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> </div> <div class="swiper-slide"> <article class="swiper__featured-slide card-image grid grid-cols-[16px_1fr_16px] grid-rows-[16px_1fr_16px] lg:grid-cols-[24px_1fr_24px] lg:grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200"> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 w-full aspect-auto object-cover object-[50%_50%]"> <source srcset="/images/passengerslibraries/_dev/bee-the-change-mobile-v.jpg?sfvrsn=2afcb99d_7" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/_dev/bee-the-change-desktop-v.jpg?sfvrsn=b56d79f2_7" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/_dev/bee-the-change-desktop-v.jpg?sfvrsn=b56d79f2_7" width="1120" height="480" alt="Bee" class="object-cover object-[50%_50%]"> </picture> <div class="row-start-2 col-start-2 z-20 flex"> <a href="https://www.milkywire.com/bee-the-change" target=_blank class="self-end ps-24 pe-12 link-btn link-btn--quaternary inline-flex items-center" aria-label="Read more about Bee"> Read more <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> </div> </div> <nav class="swiper-nav text-primary-portgore swiper-navigation flex items-center justify-center gap-24"> <a href="#" class="swiper-nav-prev" aria-label="Previous slide"> <img src="/resourcepackages/da/assets/img/icons/chevron-left.svg" width="24" height="24" alt="Prev" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> <div class="text-primary-portgore swiper-page-fraction pt-5 pb-0 ps-20 pe-10 rtl:ps-10 rtl:pe-20" dir="ltr"></div> <a href="#" class="swiper-nav-next" aria-label="Next slide"> <img src="/resourcepackages/da/assets/img/icons/chevron-right.svg" width="24" height="24" alt="Next" class="ltr:scale-x-100 rtl:-scale-x-100" > </a> </nav> </div> <script> document.addEventListener("DOMContentLoaded", () => initSwiper('#id-ca86f7ef912f44cbbd34e161e01d6547-swiper', { slidesPerView: 1, slidesPerViewBreakpoint: [1.1, 1, 1, 1] })); </script> </div> </div> </section> <section class="bg-neutrals-neutral1 text-primary-portgore " container-context="Progress.Sitefinity.AspNetCore.TagHelpers.ContainerContext"> <div class="max-w-6xl mx-auto px-16 py-80 lg:py-120"> <h2 class="text-xl lg:text-4xl font-medium mb-40 lg:mb-80">Experiences at DXB</h2> <div> <div class="flex flex-col"> <div class="h-[832px] transition duration-300 ease-in-out md:h-auto overflow-hidden relative z-0" id="experiences"> <div class="grid grid-row-[240px_240px_240px_240px_240px] md:grid-cols-2 md:grid-row-[260px_260px_260px_260px] gap-24 mx-auto"> <article class=" col-1 md:row-span-2 h-240 md:h-auto card-image grid grid-cols-[24px_1fr_24px] grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200 "> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover"> <source srcset="/images/passengerslibraries/home-page/shops-experiences-at-dxb-mobile-v.jpg?sfvrsn=b10efb64_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/shops-experiences-at-dxb-mobilede8d2e72627e41cea47d2b13063ba325.jpg?sfvrsn=ad462574_7" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/shops-experiences-at-dxb-mobilede8d2e72627e41cea47d2b13063ba325.jpg?sfvrsn=ad462574_7" class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover" loading="lazy" width="548" height="556" alt=""> </picture> <div class="row-start-2 col-start-2 z-20 flex"> <a href="/experiences/shops" target=_self class="self-end link-btn link-btn--quaternary" inline-flex items-center aria-label="Discover shops"> Discover shops <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> <article class=" col-2 h-240 md:h-auto card-image grid grid-cols-[24px_1fr_24px] grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200 "> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover"> <source srcset="/images/passengerslibraries/_dev/sleep-options-experiences-at-dxb-mobile-v.jpg?sfvrsn=e7cc5b16_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/sleep-ezgif-com-resize.jpg?sfvrsn=fdb7daf7_11" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/sleep-ezgif-com-resize.jpg?sfvrsn=fdb7daf7_11" class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover" loading="lazy" width="548" height="556" alt=""> </picture> <div class="row-start-2 col-start-2 z-20 flex"> <a href="/experiences/hotels" target=_self class="self-end link-btn link-btn--quaternary" inline-flex items-center aria-label="Explore sleep options"> Explore sleep options <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> <article class=" col-2 row-2 md:row-span-2 h-240 md:h-auto card-image grid grid-cols-[24px_1fr_24px] grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200 "> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover"> <source srcset="/images/passengerslibraries/home-page/relax-and-refresh-experiences-at-dxb-mobile-v.jpg?sfvrsn=12097a4_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/experiences-at-dxb-relax-and-refresh-ezgif-com-resize.jpg?sfvrsn=a3a8d694_10" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/experiences-at-dxb-relax-and-refresh-ezgif-com-resize.jpg?sfvrsn=a3a8d694_10" class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover" loading="lazy" width="548" height="556" alt=""> </picture> <div class="row-start-2 col-start-2 z-20 flex"> <a href="/experiences/relax---refresh" target=_self class="self-end link-btn link-btn--quaternary" inline-flex items-center aria-label="Relax & refresh"> Relax & refresh <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> <article class=" col-1 row-3 md:row-span-2 h-240 md:h-auto card-image grid grid-cols-[24px_1fr_24px] grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200 "> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover"> <source srcset="/images/passengerslibraries/home-page/restaurants-experiences-at-dxb-mobile-v.jpg?sfvrsn=6103aaff_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/experiences-at-dxb-find-restaurants-ezgif-com-resize.jpg?sfvrsn=6ebd24ab_9" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/experiences-at-dxb-find-restaurants-ezgif-com-resize.jpg?sfvrsn=6ebd24ab_9" class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover" loading="lazy" width="548" height="556" alt=""> </picture> <div class="row-start-2 col-start-2 z-20 flex"> <a href="/experiences/restaurants" target=_self class="self-end link-btn link-btn--quaternary" inline-flex items-center aria-label="Find restaurants"> Find restaurants <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> <article class=" col-2 row-4 h-240 md:h-auto card-image grid grid-cols-[24px_1fr_24px] grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200 "> <picture class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover"> <source srcset="/images/passengerslibraries/home-page/services-experiences-at-dxb-mobile-v.jpg?sfvrsn=9ea1d7c1_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/home-page/hero-concourse-ezgif-com-resize.jpg?sfvrsn=f68cb6c_5" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/home-page/hero-concourse-ezgif-com-resize.jpg?sfvrsn=f68cb6c_5" class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 h-full w-full aspect-auto object-cover" loading="lazy" width="548" height="556" alt=""> </picture> <div class="row-start-2 col-start-2 z-20 flex"> <a href="/experiences/services" target=_self class="self-end link-btn link-btn--quaternary" inline-flex items-center aria-label="Browse services"> Browse services <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> </div> </div> <div class="self-center -translate-y-24 -mb-24 md:hidden relative z-1"> <button class="btn btn--primary" id="experiencesShowMore"> Show more experiences <img src="/resourcepackages/da/assets/img/icons/plus-02.svg" width="24" height="24" alt=""> </button> </div> </div> <script> document.addEventListener("DOMContentLoaded", () => { const showMoreExperiencesBtn = document.getElementById('experiencesShowMore'); const experiences = document.getElementById('experiences'); if (showMoreExperiencesBtn) { showMoreExperiencesBtn.addEventListener('click', (event) => { event.preventDefault(); event.target.closest('button').parentElement.style.display = 'none'; experiences.classList.remove('h-[832px]'); experiences.style.height = experiences.scrollHeight + 'px'; }); } }); </script> </div> </div> </section> <section class="bg-white text-primary-portgore lg:h-800 pb-24 lg:pb-0 overflow-x-hidden almajlis-section-shadow" container-context="Progress.Sitefinity.AspNetCore.TagHelpers.ContainerContext"> <div class="h-full grid grid-cols-[16px_1fr_16px] grid-rows-auto xl:grid-cols-[1fr_70rem_1fr]"> <div class="col-start-1 col-span-3 row-start-1 aspect-square lg:aspect-auto h-full overflow-hidden"> <picture> <source srcset="/images/passengerslibraries/home-page/almajlis-dxb-lounge-service.jpg?sfvrsn=dc03fa05_3" media="(max-width: 993px)"> <source srcset="/images/passengerslibraries/_dev/al-majlis-2.png?sfvrsn=75c79aac_2" media="(max-width: 1440px)"> <img src="/images/passengerslibraries/_dev/al-majlis-2.png?sfvrsn=75c79aac_2" class="aspect-square h-[100vw] lg:aspect-auto lg:h-auto lg:min-w-full object-cover" fetchpriority="high" loading="eager" width="1140" height="400" alt="Al Majlis "> </picture> </div> <div class="col-start-2 lg:w-1/2 col-end-3 -translate-y-48 lg:transform-none row-start-2 lg:row-start-1 self-end lg:mb-120 relative"> <div class="lg:mb-120 mx-16 xl:mx-0 relative text-primary-portgore"> <div class=""> <div class="bg-white text-primary-portgore rounded-xl p-24"> <h2 class="text-xl lg:text-2xl font-medium">Al Majlis VIP service</h2> <p class="mb-24 lg:mb-32 mt-16"> Treat yourself to a luxurious service while travelling through Dubai International. </p> <a href="https://dxbalmajlis.dubaiairports.ae/" target=_self class="link-btn link-btn--primary"> Book VIP service <img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </a> </div> </div> </div> </div> </div> </section> <section class="text-primary-portgore overflow-x-hidden" container-context="Progress.Sitefinity.AspNetCore.TagHelpers.ContainerContext"> <div class="max-w-6xl mx-auto px-16 py-80 lg:py-120"> <div> <h2 id="id-00000000000000000000000000000000" class="text-xl lg:text-4xl font-medium mb-40 lg:mb-80">Happening in Dubai</h2> <div id="id-00000000000000000000000000000000-swiper" data-swiper-mobile-only="true" aria-labelledby="id-00000000000000000000000000000000" class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <article class="lg:w-[357px] card-image grid grid-cols-[16px_1fr_16px] grid-rows-[16px_1fr_16px] lg:grid-cols-[24px_1fr_24px] lg:grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200"> <img src="/images/passengerslibraries/home-page/global-village-img.jpg?sfvrsn=701f1e28_3" alt="Cop28" class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 w-full aspect-auto object-cover" width="360" height="480"> <div class="row-start-2 col-start-2 z-20 flex"> <a href="https://www.globalvillage.ae/en/" target=_blank class="self-end ps-24 pe-12 link-btn link-btn--quaternary inline-flex items-center"> Global Village<img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> </div> <div class="swiper-slide"> <article class="lg:w-[357px] card-image grid grid-cols-[16px_1fr_16px] grid-rows-[16px_1fr_16px] lg:grid-cols-[24px_1fr_24px] lg:grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200"> <img src="/images/passengerslibraries/home-page/la-perle-by-dragone.jpg?sfvrsn=e7231646_3" alt="Cop28" class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 w-full aspect-auto object-cover" width="360" height="480"> <div class="row-start-2 col-start-2 z-20 flex"> <a href="https://www.visitdubai.com/en/whats-on/dubai-events-calendar/la-perle" target=_blank class="self-end ps-24 pe-12 link-btn link-btn--quaternary inline-flex items-center"> La Perle by Dragone<img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> </div> <div class="swiper-slide"> <article class="lg:w-[357px] card-image grid grid-cols-[16px_1fr_16px] grid-rows-[16px_1fr_16px] lg:grid-cols-[24px_1fr_24px] lg:grid-rows-[24px_1fr_24px] rounded-xl overflow-hidden hover:before:visible transition-colors duration-200"> <img src="/images/passengerslibraries/home-page/dubai-fitness-challenge.jpg?sfvrsn=5b8d3e0d_3" alt="Cop28" class="col-start-1 row-start-1 row-span-3 col-span-3 z-10 w-full aspect-auto object-cover" width="360" height="480"> <div class="row-start-2 col-start-2 z-20 flex"> <a href="https://www.visitdubai.com/en/whats-on/dubai-events-calendar/dubai-fitness-challenge" target=_blank class="self-end ps-24 pe-12 link-btn link-btn--quaternary inline-flex items-center"> Dubai Fitness Challenge<img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </article> </div> </div> <nav class="text-primary-portgore swiper-navigation xl:hidden flex items-center justify-center gap-24 mt-24"> <a href="#" class="swiper-nav-prev" aria-label="Previous slide"> <img src="/resourcepackages/da/assets/img/icons/chevron-left.svg" width="24" height="24" alt="Prev" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> <div class="text-primary-portgore swiper-page-fraction pt-5 pb-0 ps-20 pe-10 rtl:ps-10 rtl:pe-20" dir="ltr"></div> <a href="#" class="swiper-nav-next" aria-label="Next slide"> <img src="/resourcepackages/da/assets/img/icons/chevron-right.svg" width="24" height="24" alt="Next" class="ltr:scale-x-100 rtl:-scale-x-100"> </a> </nav> </div> <script> document.addEventListener("DOMContentLoaded", () => initSwiper('#id-00000000000000000000000000000000-swiper', { slidesPerView: 1, spaceBetween: 16, slidesPerViewBreakpoint: [1.1, 2.1, 2.5, 3], // nr. of slides per viewport in steps, see `swiper.js` breakpoints config breakpoints: { 200: { spaceBetween: 16 }, 624: { spaceBetween: 24 } } })); </script> </div> </div> </section></main> <footer class="footer bg-neutrals-white text-text-primary border-t border-neutrals-neutral2 mt-auto pt-80 pb-40 ps-16 pe-16 lg:pt-120 lg:pb-80"> <div class="footer__wrapper max-w-6xl mx-auto flex flex-col gap-40 lg:gap-80 px-16 text-primary-portgore"> <div class="flex flex-col lg:flex-row gap-40 lg:justify-between text-primary-portgore"> <a href="/home" class="d-inline-block offset-mt-none offset-mr-none offset-mb-none offset-ml-none" > <picture class="d-inline-block "> <img loading="lazy" class=img-fluid src="/images/passengerslibraries/logos/logo-dba-medium.svg?sfvrsn=9a8eb108_7" title="logo-dba-medium" alt="DXB"> </picture> </a> <ul class="social-icons flex gap-24"> <li> <a href="https://www.instagram.com/dxb/" class="bg-primary-portgore rounded size-40 flex items-center justify-center" aria-label="Instagram"> <img src="/resourcepackages/da/assets/img/icons/instagram.svg" loading="lazy" class="size-24" alt="Instagram"> </a> </li> <li> <a href="https://www.facebook.com/DXB/" class="bg-primary-portgore rounded size-40 flex items-center justify-center" aria-label="Facebook"> <img src="/resourcepackages/da/assets/img/icons/facebook.svg" loading="lazy" class="size-24" alt="Facebook"> </a> </li> <li> <a href="https://twitter.com/DXB" class="bg-primary-portgore rounded size-40 flex items-center justify-center" aria-label="X"> <img src="/resourcepackages/da/assets/img/icons/x.svg" loading="lazy" class="size-24" alt="X"> </a> </li> <li> <a href="https://www.linkedin.com/company/dubaiairports/?originalSubdomain=ae" class="bg-primary-portgore rounded size-40 flex items-center justify-center" aria-label="LinkedIn"> <img src="/resourcepackages/da/assets/img/icons/linkedin.svg" loading="lazy" class="size-24" alt="LinkedIn"> </a> </li> </ul> </div> <div class="lg:flex lg:justify-between text-primary-portgore"> <div class="text-text-primary" data-menulist> <h3 class="text-base font-medium flex justify-between items-center group relative" aria-expanded="false" aria-controls="mobile-Contact-us"> Contact us <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" alt="" width="24" height="24" class="lg:hidden transition-transform group-[.is-open]:rotate-180 duration-300"> </h3> <div class="grid lg:block" id="mobile-Contact-us" aria-hidden="true"> <ul class="mt-16 lg:my-24"> <li class=""> <a href="/contact-information" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Contact information</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li class="mt-8"> <a href="/feedback" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Feedback</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li class="mt-8"> <a href="/lost-and-found" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Lost & found</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li class="mt-8"> <a href="/faqs" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>FAQs</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </div> </div> <hr class="lg:hidden mb-24"> <div class="text-text-primary" data-menulist> <h3 class="text-base font-medium flex justify-between items-center group relative" aria-expanded="false" aria-controls="mobile-Other-links"> Other links <img src="/resourcepackages/da/assets/img/icons/chevron-down.svg" alt="" width="24" height="24" class="lg:hidden transition-transform group-[.is-open]:rotate-180 duration-300"> </h3> <div class="grid lg:block" id="mobile-Other-links" aria-hidden="true"> <ul class="mt-16 lg:my-24"> <li class=""> <a href="/alert" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Alert</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li class="mt-8"> <a href="/privacy-policy" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Privacy policy</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li class="mt-8"> <a href="/accessibility-statement" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Accessibility statement</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> <li class="mt-8"> <a href="/terms-of-use" class="flex justify-start gap-8 items-center text-base font-medium text-text-link"> <span>Terms of use</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right-03.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </li> </ul> </div> </div> <a href="https://dubaiairports.ae/corporate" target="_blank" class="py-16 bg-neutrals-neutral2 text-base font-medium flex-nowrap items-center gap-8 hidden lg:flex ps-16 pe-16 rounded self-center"> <span>Corporate website</span> <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </a> </div> <div class="flex flex-col gap-40 lg:flex-row lg:justify-between text-primary-portgore"> <div class="flex flex-col gap-16 text-sm text-primary-portgore"> <p>© Dubai Airports, All Rights Reserved</p><p>Website last updated on: 29<span class="block lg:inline"> Oct 2024 - 02:23:00 PM</span></p></div> <div class="flex justify-center flex-wrap gap-40 items-center"> <img src="/images/passengerslibraries/logos/logo-aci-2x.png?sfvrsn=9b4837ec_9" class="block lg:hidden w-240 self-center" alt="ACI logo" width="480" height="118"> <img src="/images/passengerslibraries/logos/logo-aci.png?sfvrsn=2e7090a6_11" class="hidden lg:inline w-240 lg:self-center" alt="ACI logo" width="240" height="59"> <div class="flex gap-40"> <a href=https://www.digitaldubai.ae> <img src="/images/passengerslibraries/logos/logo-digital-dubai-2x.png?sfvrsn=c2a813fe_10" width="75" height="65" class="block lg:hidden" alt="Digital Dubai logo"> <img src="/images/passengerslibraries/logos/logo-digital-dubai.png?sfvrsn=a2f7595f_7" width="75" height="65" class="hidden lg:inline" alt="Digital Dubai logo"> </a> <a href=https://www.mbrmajlis.ae/> <img src="/images/passengerslibraries/logos/logo-mbrsm-2x.png?sfvrsn=fbae2f38_9" width="117" height="65" class="block lg:hidden" alt="MBRSM logo"> <img src="/images/passengerslibraries/logos/logo-mbrsm.png?sfvrsn=8802e6d8_7" width="117" height="65" class="hidden lg:inline" alt="MBRSM logo"> </a> </div> </div> </div> </div> </footer>  <div class="hidden lg:flex flex-col gap-16 fixed ltr:left-16 rtl:right-16 top-[calc(100vh_-_160px)] z-100"> <a href="https://dubaiairports.ae/widget/HappinessMeter/PostData.aspx?lang=en" target="_blank" class="flex flex-col justify-center align-middle rounded p-12 bg-primary-portgore hover:bg-neutrals-neutral4 outline-transparent outline-2 focus-visible:outline-neutrals-neutral3 shadow-floating hover:shadow-floatinghover transition-all duration-200"> <img src="/resourcepackages/da/assets/img/logos/logo-dubai-digital-feedback.png" alt="Dubai Digital" class="w-40 h-40"> </a> <button data-dialog-open="government-popup" class="flex flex-col justify-center align-middle rounded p-12 bg-neutrals-white active:bg-neutrals-neutral2 outline-transparent outline-2 focus-visible:outline-primary-portgore shadow-floating hover:shadow-floatinghover transition-all duration-200"> <img src="/resourcepackages/da/assets/img/logos/logo-o4.png" alt="O4" class="w-40 h-40"> </button> </div>   <article id="live-chat" aria-hidden="true" aria-label="Live chat"> <div> <style> @font-face { font-family: '29LT Bukra'; src: url('/ResourcePackages/da/assets/fonts/bukra/29ltbukraregular.eot'); src: url('/ResourcePackages/da/assets/fonts/bukra/29ltbukraregular.eot?#iefix') format('embedded-opentype'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukraregular.woff2') format('woff2'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukraregular.woff') format('woff'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukraregular.ttf') format('truetype'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukraregular.svg#29lt_bukraregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: '29LT Bukra'; /*src: url('/resourcepackages/da/assets/fonts/bukra/29ltbukralight.eot');*/ src: url('/ResourcePackages/da/assets/fonts/bukra/29ltbukralight.eot'); src: url('/ResourcePackages/da/assets/fonts/bukra/29ltbukralight.eot?#iefix') format('embedded-opentype'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukralight.woff2') format('woff2'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukralight.woff') format('woff'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukralight.ttf') format('truetype'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukralight.svg#29lt_bukralight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: '29LT Bukra'; src: url('/ResourcePackages/da/assets/fonts/bukra/29ltbukrabold.eot'); src: url('/ResourcePackages/da/assets/fonts/bukra/29ltbukrabold.eot?#iefix') format('embedded-opentype'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukrabold.woff2') format('woff2'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukrabold.woff') format('woff'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukrabold.ttf') format('truetype'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukrabold.svg#29lt_bukrabold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: '29LT Bukra'; src: url('/ResourcePackages/da/assets/fonts/bukra/29ltbukrabolditalic.eot'); src: url('/ResourcePackages/da/assets/fonts/bukra/29ltbukrabolditalic.eot?#iefix') format('embedded-opentype'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukrabolditalic.woff2') format('woff2'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukrabolditalic.woff') format('woff'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukrabolditalic.ttf') format('truetype'), url('/resourcepackages/da/assets/fonts/bukra/29ltbukrabolditalic.svg#29lt_bukrabold_italic') format('svg'); font-weight: bold; font-style: italic; } body .cx-widget { font-family: "29LT Bukra" !important; } .cx-widget.cx-common-container.cx-theme-dark .cx-body .cx-overlay { background: #fff; } .cx-form-control { width: 100% !important; } .cx-webchat .cx-form table th { display: none; } .cx-widget.cx-theme-dark .cx-btn-default { display: none; } .cx-widget.cx-common-container.cx-theme-dark .cx-wrapper .cx-button-group { flex-direction: row-reverse; display: flex; } .cx-widget.cx-common-container.cx-theme-dark .cx-wrapper .cx-button-group button { margin-right: 3%; width: 47% !important; text-align: center; } .cx-widget.cx-common-container.cx-theme-dark .cx-button-group button.cx-end-cancel.cx-btn.cx-btn-default.i18n { display: inline-block !important; border-color: #ffd100 !important; background: #ffd100 !important; color: #000000 !important; padding: 0px !important; } html body .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant:first-child .cx-name { display: none !important; } html body .cx-webchat.cx-theme-dark .cx-transcript .cx-name { color: #2a2d64 !important; display: none !important; } .cx-webchat .cx-body .cx-transcript .cx-message.cx-them.cx-NewTextBubble .cx-message-text, .cx-webchat .cx-body .cx-transcript .cx-message.cx-them.cx-NewTextBubble .cx-time { color: #FFFFFF !important; } .cx-widget.cx-common-container.cx-theme-dark { background-color: #f3f2f2; color: black; box-shadow: 0px 0px 25px #000 34; } .cx-widget.cx-common-container.cx-theme-dark .cx-titlebar { background: #696e9f; display: flex; align-items: center; padding: 12px 20px; border: none; } .cx-widget.cx-common-container.cx-theme-dark .cx-titlebar .cx-title { color: #fff; font-size: 18px; font-weight: 500; margin: 6px 0 0 15px; } .cx-widget.cx-common-container.cx-theme-dark .cx-titlebar .cx-icon { height: 30px; position: relative; width: 43px; } .cx-widget.cx-common-container.cx-theme-dark .cx-titlebar .cx-icon svg { display: none; } .cx-widget.cx-common-container.cx-theme-dark .cx-titlebar .cx-icon:before { position: absolute; content: url('/ResourcePackages/da/assets/img/icons/chaticon/chaticon.svg'); top: 0; left: 0; width: 25px; } .cx-widget.cx-common-container.cx-theme-dark .cx-body { background: #fff; } .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control { right: 25px; } .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control button { width: 15px; height: 17px; padding: 0; margin-left: 10px; } .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control svg { display: none !important; } .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control .cx-button-minimize { position: relative; } .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control .cx-button-minimize:before { position: absolute; content: url("/ResourcePackages/da/assets/img/icons/chaticon/chat-minus.svg"); top: -6px; left: 0; width: 16px; } .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control button:before { position: absolute; content: url("/ResourcePackages/da/assets/img/icons/chaticon/chat-minus.svg"); top: -6px; left: 0; width: 16px; } .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control .cx-button-close { position: relative; } .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control .cx-button-close:before { position: absolute; content: url("/ResourcePackages/da/assets/img/icons/chaticon/chat-cross.svg"); top: 0; left: 0; width: 15px; } .cx-widget.cx-common-container.cx-theme-dark .cx-form { padding: 24px 24px 15px 24px; } .cx-widget.cx-common-container.cx-theme-dark .cx-form ::placeholder { color: #4c4f56; } .cx-widget.cx-common-container.cx-theme-dark .cx-form-control { background-color: #fff; color: #4c4f56; border: 1px solid #c4c2bd; box-shadow: inset 0px 3px 6px #000 0F; } .cx-widget.cx-common-container.cx-theme-dark .cx-footer { display: none !important; } .cx-widget.cx-common-container.cx-theme-dark .cx-button-group .cx-btn { padding: 8px 24px; font-family: "29LT Bukra", "Helvetica", "Arial", sans-serif; font-weight: 600; } .cx-widget.cx-common-container.cx-theme-dark .cx-button-group .cx-btn.cx-btn-primary { width: 100%; border-color: #ffd100 !important; background: #ffd100; color: black !important; } .cx-widget.cx-common-container.cx-theme-dark .cx-button-group .cx-btn.cx-btn-default { border-color: #2a2d64 !important; background: #2a2d64; color: #fff !important; } .cx-widget.cx-common-container.cx-theme-dark label { font-family: "29LT Bukra", "Helvetica", "Arial", sans-serif; font-weight: 400; } .cx-webchat .cx-body .cx-transcript .cx-message.cx-date { border-radius: 10px; padding: 7px 15px; font-size: 11px; border: 1px solid #2a2d64 !important; color: #2a2d64 !important; font-weight: 500; } .cx-webchat .cx-body .cx-transcript .cx-message.cx-system .cx-message-text { color: #2a2d64 !important; font-size: 13px; font-weight: 600; } .cx-webchat .cx-body .cx-transcript .cx-message .cx-time { font-size: 10px; color: #4c4f56 !important; text-align: right; font-weight: 500; margin: 0; } /*.cx-webchat .cx-body .cx-transcript .cx-message.cx-them .cx-time {*/ /* color: #ffffff !important;*/ /*}*/ .cx-emoji-hasmenu { display: none !important; } .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-you .cx-bubble { background-color: #696e9f !important; } .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble { background-color: #f0ebe4 !important; } .cx-webchat .cx-body .cx-transcript .cx-message.cx-NewTextBubble.cx-you .cx-message-text, .cx-webchat .cx-body .cx-transcript .cx-message.cx-NewTextBubble.cx-you .cx-time, .cx-webchat .cx-body .cx-transcript .cx-message.cx-you .cx-time { color: #ffffff !important; } .cx-webchat .cx-body .cx-transcript .cx-message.cx-NewTextBubble.cx-them .cx-message-text, .cx-webchat .cx-body .cx-transcript .cx-message.cx-NewTextBubble.cx-them .cx-time { color: #2a2d64 !important; } .cx-widget.cx-common-container.cx-theme-dark .cx-textarea-cell .cx-form-control { border: none; box-shadow: none; } .cx-widget.cx-common-container.cx-theme-dark .cx-textarea-cell ::placeholder { color: #7b8793; font-size: 13px; } .cx-widget.cx-theme-dark .cx-input.cx-form-control.cx-error { border-color: #c4c2bd !important; } .cx-webchat div.cx-input-container { position: relative; border-color: #56598d !important; border-bottom: none !important; border-right: none !important; border-left: none !important; margin-top: 20px; } #cx_chat_end_question { color: #fff; font-size: 15px; font-weight: 500; } .cx-chat-end .cx-wrapper { margin: 0 !important; padding: 25px 20px !important; background-color: #292929 !important; } .cx-chat-end .cx-wrapper .cx-end-confirm { width: 120px !important; } .cx-webchat.cx-disabled.cx-theme-dark .cx-input-container { background: #f0ebe4 !important; border: none; } .cx-widget.cx-theme-dark .cx-smokescreen { color: #000 !important; opacity: 0.75 !important; } .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-you .cx-bubble-arrow svg { fill: #696e9f !important; } /*html body .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble-arrow svg {*/ /* fill: #f0ebe4 !important;*/ /*}*/ .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble-arrow svg * { fill: #f0ebe4 !important; } .cx-message.cx-participant.cx-them .cx-bubble { background: #696e9f !important; } .cx-message.cx-participant.cx-them .cx-bubble .cx-message-text { color: #2A2D64 !important; } html body .cx-common-container .cx-buttons-window-control button:focus { border: none !important; } iframe#inchat_survey_body { height: 340px; padding-top: 2rem; } .cx-webchat.cx-disabled.cx-theme-dark .cx-input-container { background: #FFFFFF !important; } .cx-widget.cx-theme-dark .cx-send .cx-svg-icon-tone1 { fill: #2A2D64 !important; } .cx-webchat .cx-transcript .cx-message.cx-them .cx-message-text { color: #2A2D64 !important; } .cx-webchat .cx-transcript .cx-message.cx-them .cx-message-text a, .cx-webchat .cx-transcript .cx-message.cx-them .cx-message-text label { color: #2A2D64 !important; } .cx-widget.cx-theme-dark.cx-them a, .cx-widget.cx-theme-dark.cx-them a:hover, .cx-widget.cx-theme-dark.cx-them label { color: #2A2D64 !important; } .cx-them .cx-message-group a { color: black !important; } html[dir="rtl"] .cx-widget.cx-common-container.cx-theme-dark .cx-buttons-window-control { right: unset; left: 25px; } html[dir="rtl"] .cx-widget.cx-common-container.cx-theme-dark .cx-titlebar .cx-icon:before { left: unset; right: 0; } html[dir="rtl"] .cx-widget.cx-common-container.cx-theme-dark .cx-titlebar .cx-title { margin: 6px 15px 0 0; } html[dir="rtl"] .cx-webchat .cx-send { left: 0; right: unset; transform: scaleX(-1); } @media screen and (min-width: 500px) and (max-width: 930px) and (orientation: landscape) { html body .cx-webchat.cx-mobile .cx-input-container { padding: 5px 0 14px 24px !important; } button:hover, button:active, a.button:hover, .dxb-generic-tabs-container-tab-button:hover, a.button:active, .dxb-generic-tabs-container-tab-button:active { box-shadow: none; transform: matrix(1, 0, 0, 1, 0, 0); } .cx-webchat div.cx-input-container { margin-top: 5px !important; } .cx-menu-cell { display: none !important; } .cx-webchat.cx-mobile { width: 40% !important; left: unset !important; right: 0 !important; } } @media (max-width: 575.98px) { html body .cx-webchat.cx-mobile .cx-input-container { padding: 2px 0 14px 24px !important; } button:hover, button:active, a.button:hover, .dxb-generic-tabs-container-tab-button:hover, a.button:active, .dxb-generic-tabs-container-tab-button:active { box-shadow: none; transform: matrix(1, 0, 0, 1, 0, 0); } } </style> <script src="https://apps.mypurecloud.de/widgets/9.0/cxbus.min.js" onload="javascript:CXBus.configure({debug:false,pluginsPath:'https://apps.mypurecloud.de/widgets/9.0/plugins/'}); CXBus.loadPlugin('widgets-core');"></script> <script src="/ResourcePackages/DA/assets/js/jquery.min.js"></script> <script> var inChatCodeEn = '<div style="background:url(https://dubaiairports.hivecfm.online/common/uploads/external/Loader.svg) center center no-repeat;"><iframe src=" " style="border-width: 0px;" width="100%" height="340px" name="inchat_survey_body" id="inchat_survey_body" ></iframe></div><form id="inchat_survey_request" method="POST" action="https://dubaiairports.hivecfm.online/Survey/?q=Av%2fIL8AHcKvgwWbMWDLqTh6WOjx0scsmErSWPB1VkTSTUb49TLDMXctXYRBXWU4h" target="inchat_survey_body" style="display: none; "><input name="Channel" value="In-Chat"><input name="DispCode" value="" id="DispCodeInput"><input type="hidden" value="3045FF"id="_FocusColor" /><input type="hidden" value="false"id="_ButtonDir" /><input name="CustomerCIC" VALUE="" id="CustomerCICInput"><input name="CustomerEmail" VALUE="" id="CustomerEmailInput"><input name="CustomerPhone" VALUE="" id="CustomerPhoneInput"><input name="CustomerName" VALUE="" id="CustomerNameInput"><input name="AgentID" VALUE="" id="AgentIDInput"><input name="AgentName" VALUE="" id="AgentNameInput"><input name="InteractionID" VALUE="" id="InteractionIDInput"></form><script> jQuery(document).ready(function() { document.getElementById("inchat_survey_request").submit(); });<\/script>'; window._genesys = { "widgets": { "main": { "i18n": { "en": { "webchat": { "ChatEndCancel": "Continue Chat", // change this to modify continue button text "AriaChatEndCancel": "Continue Chat" } } } }, "webchat": { "transport": { "type": "purecloud-v2-sockets", "dataURL": "https://api.mypurecloud.de", "deploymentKey": "b8db0248-7a69-4d71-8c32-68ea0b9b6c85", "orgGuid": "b9d2673e-56aa-4c2f-9c13-1ff95ab71deb", "interactionData": { "routing": { "targetType": "QUEUE", "targetAddress": "Chat", "priority": 2 } } }, "userData": { "addressStreet": "", "addressCity": "", "addressPostalCode": "", "addressState": "", "phoneNumber": "", "customField1Label": "", "customField1": "", "customField2Label": "", "customField2": "", "customField3Label": "", "customField3": "" } } } }; function getAdvancedConfig() { return { "form": { "autoSubmit": false, "firstname": "", "lastname": "", "email": "", "Question": "", "phoneNumber": "" }, "formJSON": { "wrapper": "<table></table>", "inputs": [ { "id": "cx_webchat_form_firstname", "name": "firstname", "maxlength": "100", "placeholder": "Your full name ", "label": "firstname", "validate": function (event, form, input, label, $, CXBus, Common) { if (input && input.val()) { return true; } else { return false; } } }, { "id": "cx_webchat_form_email", "name": "email", "maxlength": "100", "placeholder": "Your email", "label": "Email", "validate": function (event, form, input, label, $, CXBus, Common) { let mailRegEx = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; if (input && input.val() && mailRegEx.test(input.val())) { return true; } else { return false; } } }, ] } }; } const customPlugin = CXBus.registerPlugin('Custom'); var hiveCFMInteractionID; var inChatCodeWithVariables; var IsHiveCFMSurveyReadyForRendered = false; var IsHiveCFMSurveyRendered = false; customPlugin.subscribe('WebChatService.agentConnected', function (e) { IsHiveCFMSurveyReadyForRendered = false; IsHiveCFMSurveyRendered = false; customPlugin.command('WebChatService.getSessionData').then((sessionData) => { if (sessionData.conversationId) { hiveCFMInteractionID = sessionData.conversationId; } }); }); customPlugin.subscribe('WebChat.completed', function (e) { var hiveCFMEmail = e.data.form.email; var hiveCFMCustomerName = e.data.form.firstname; inChatCodeWithVariables = inChatCodeEn; if (hiveCFMEmail) inChatCodeWithVariables = inChatCodeWithVariables.replace('<input name="CustomerEmail" VALUE="" id="CustomerEmailInput">', '<input name="CustomerEmail" VALUE="' + hiveCFMEmail + '" id="CustomerEmailInput">'); if (hiveCFMInteractionID) inChatCodeWithVariables = inChatCodeWithVariables.replace('<input name="InteractionID" VALUE="" id="InteractionIDInput">', '<input name="InteractionID" VALUE="' + hiveCFMInteractionID + '" id="InteractionIDInput">'); if (hiveCFMCustomerName) inChatCodeWithVariables = inChatCodeWithVariables.replace('<input name="CustomerName" VALUE="" id="CustomerNameInput">', '<input name="CustomerName" VALUE="' + hiveCFMCustomerName + '" id="CustomerNameInput">'); if (IsHiveCFMSurveyReadyForRendered && !IsHiveCFMSurveyRendered) { IsHiveCFMSurveyReadyForRendered = false; IsHiveCFMSurveyRendered = true; customPlugin.command('WebChat.injectMessage', { type: 'html', name: 'HiveCFM', text: inChatCodeWithVariables, custom: true }) .done(function (e) { inChatCodeWithVariables = undefined; }) .fail(function (e) { inChatCodeWithVariables = undefined; }); } else { IsHiveCFMSurveyReadyForRendered = true; } }); customPlugin.subscribe('WebChatService.agentDisconnected', function (e) { var surveyscript = typeof inChatCodeWithVariables != "undefined" ? inChatCodeWithVariables : null; if (surveyscript != null && IsHiveCFMSurveyReadyForRendered && !IsHiveCFMSurveyRendered) { IsHiveCFMSurveyReadyForRendered = false; IsHiveCFMSurveyRendered = true; customPlugin.command('WebChat.injectMessage', { type: 'html', name: 'HiveCFM', text: surveyscript, custom: true }) .done(function (e) { inChatCodeWithVariables = undefined; }) .fail(function (e) { inChatCodeWithVariables = undefined; }); } else if (!IsHiveCFMSurveyReadyForRendered) { IsHiveCFMSurveyReadyForRendered = true; } }); </script> </div> </article>   <div> <div id="contactWays" class="hidden lg:block fixed end-16 top-[calc(100vh_-_80px)] z-10"> <button id="contactWaysButton" aria-label="Contact us" aria-controls="contactWaysList" aria-expanded="false" class="group rounded-full p-12 border-none bg-primary-portgore hover:bg-neutrals-neutral4 active:bg-[#21244F] outline-transparent outline-2 focus-visible:outline-neutrals-neutral3 shadow-floating hover:shadow-floatinghover transition-all duration-300"> <img src="/resourcepackages/da/assets/img/icons/contact-02.svg" alt="" class="w-40 h-40 ltr:scale-x-100 rtl:-scale-x-100 group-aria-[expanded='true']:hidden"> <img src="/resourcepackages/da/assets/img/icons/close-02.svg" alt="" class="w-40 h-40 ltr:scale-x-100 rtl:-scale-x-100 group-aria-[expanded='false']:hidden"> </button> <nav id="contactWaysList" aria-hidden="true" aria-labelledby="contactWaysButton" class="contact-ways-list absolute bottom-90 end-0 z-10 aria-hidden:hidden min-w-[max-content]"> <ul> <li> <a href="/lost-and-found" target=_self > Lost & found <img src="/images/passengerslibraries/icons/lost-and-found.svg?sfvrsn=c240f153_5" alt="" class="w-32 h-32"> </a> </li> <li> <a href="javascript:customPlugin.command('WebChat.open', getAdvancedConfig())" target=_self > Live chat support <img src="/images/passengerslibraries/icons/chat.svg?sfvrsn=b9e19bfd_5" alt="" class="w-32 h-32"> </a> </li> <li> <a href="/contact-information" target=_self > Contact information <img src="/images/passengerslibraries/icons/phone-call.svg?sfvrsn=335e5339_5" alt="" class="w-32 h-32"> </a> </li> <li> <a href="/feedback" target=_self > Feedback <img src="/images/passengerslibraries/icons/feedback.svg?sfvrsn=88e92669_5" alt="" class="w-32 h-32"> </a> </li> <li> <a href="/faqs" target=_self > FAQ's <img src="/images/passengerslibraries/icons/question-mark.svg?sfvrsn=8728c8eb_5" alt="" class="w-32 h-32"> </a> </li> </ul> </nav> </div> <span id="contactWaysBackdrop" class="contact-ways-backdrop"></span> </div>  </div>  <dialog class="backdrop:bg-primary-portgore backdrop:opacity-50 px-16 py-32 lg:p-40 open:flex flex-col bg-white rounded-md overflow-hidden min-h-[400px] max-h-[calc(100vh - 32px)] max-w-[calc(100vh - 32px)] lg:w-[739px]" id="confirm-leaving-website"> <div class="flex justify-between items-start gap-16 mb-16 lg:mb-24"> <h2 class="text-xl lg:text-3xl font-medium text-primary-portgore">You’re going to open an external website</h2> <button data-dialog-close aria-label="Close dialog" class="text-2xl font-medium text-primary-portgore relative z-10 -top-[10px]">×</button> </div> <div class="overflow-y-auto lg:h-auto"> <p>You have clicked on an external link that we have provided to you for reference or resource.</p> <div class="flex flex-col md:flex-row gap-16 mt-24"> <a href="#" class="link-btn link-btn--primary" id="proceed-to-link"> Continue to website <img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </a> <button class="btn btn--quaternary" data-dialog-close> Remain on Dubai Airports <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt=""> </button> </div> </div> </dialog> <dialog class="backdrop:bg-primary-portgore backdrop:opacity-50 open:flex flex-col bg-white rounded-md overflow-hidden max-h-[calc(100vh - 32px)] max-w-[calc(100vh - 32px)] lg:w-[738px]" id="government-popup"> <div class="absolute end-[10px] top-10 z-10 rounded-full flex items-center justify-center w-32 h-32 overflow-hidden bg-white"> <button data-dialog-close class="text-2xl font-medium text-primary-portgore" aria-label="Close dialog">×</button> </div> <div class="flex [&>iframe]:h-full"> <iframe src="https://04.gov.ae/case-generate?entity=b1f2f61a-bc06-ec11-b6e5-0022486fc780&lang=en" name="government-popup" style="position:relative; width: 100%; height: 60vh;" loading="lazy"></iframe> </div> </dialog>   <dialog class="backdrop:bg-primary-portgore backdrop:opacity-50 px-16 py-32 lg:p-40 open:flex flex-col bg-white rounded-md overflow-hidden max-h-[calc(100vh - 32px)] max-w-[calc(100vh - 32px)] lg:w-[738px]" is-modal="true" id="cookieInitPanel" data-cookie-version="4"> <div class="flex justify-between items-start gap-16 mb-16 lg:mb-24"> <h2 class="text-xl lg:text-3xl font-medium text-primary-portgore">Do you accept our cookie policy?</h2> </div> <div class="overflow-y-auto lg:h-auto"> <p>We use cookies to give you the best experience, and to measure how people use this site. If you continue to use the site without changing your browser settings you agree to our use of cookies.</p> <div class="flex flex-col md:flex-row gap-16 mt-32"> <button class="btn btn--primary" id="cookieAcceptButton"> Accept cookies <img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </button> <a href="#" class="link-btn link-btn--quaternary inline-flex items-center" id="cookieCustomizeButton"> Customise settings <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24"> </a> </div> </div> </dialog>   <dialog class="backdrop:bg-primary-portgore backdrop:opacity-50 px-16 py-32 lg:p-40 open:flex flex-col bg-white rounded-md overflow-hidden max-h-[calc(100vh - 32px)] max-w-[calc(100vh - 32px)] lg:w-[738px]" is-modal="true" id="cookieCustomPanel" data-cookie-options-count="3"> <div class="flex justify-between items-start gap-16 mb-16 lg:mb-24"> <h2 class="text-xl lg:text-3xl font-medium text-primary-portgore"> Customise your cookie settings </h2> </div> <div class="overflow-y-auto lg:h-auto"> <div><p> Read our <a href="/privacy-policy" class="text-text-link underline">privacy policy</a> to review all detailed information. </p></div> <ul class="mt-24 flex flex-col gap-24"> <li> <span class="checkbox check-radio-label block bg-neutrals-white transition-all duration-200"> <label class="relative"> <input type="checkbox" name="cookietype" value="essential" checked="true" disabled data-cookie-id="essential" class="opacity-0 absolute" /> <span class="flex gap-16">Essential cookies</span> <p class="ps-[38px] mt-8"> Required cookies to use the most basic form of website. </p> </label> </span> </li> <li> <span class="checkbox check-radio-label block bg-neutrals-white transition-all duration-200"> <label class="relative"> <input type="checkbox" name="cookietype" value="functional" data-cookie-id="functional" class="opacity-0 absolute" /> <span class="flex gap-16">Functional cookies</span> <p class="ps-[38px] mt-8"> Optimises your experience of this website, without sharing information with third parties. </p> </label> </span> </li> <li> <span class="checkbox check-radio-label block bg-neutrals-white transition-all duration-200"> <label class="relative"> <input type="checkbox" name="cookietype" value="marketing" data-cookie-id="marketing" class="opacity-0 absolute" /> <span class="flex gap-16">Marketing cookies</span> <p class="ps-[38px] mt-8"> Get the best experience and share your information with our third party partners. </p> </label> </span> </li> </ul> <div class="flex flex-col md:flex-row gap-16 mt-32"> <button class="btn btn--primary" id="cookieConfirmButton"> Confirm cookie settings <img src="/resourcepackages/da/assets/img/icons/arrow-right-02.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24" /> </button> <a href="#" class="link-btn link-btn--quaternary inline-flex items-center" id="cookieAcceptAllButton"> Accept all cookies <img src="/resourcepackages/da/assets/img/icons/arrow-right.svg" class="ltr:scale-x-100 rtl:-scale-x-100" alt="" width="24" height="24" /> </a> </div> </div> </dialog>    <div id="loader-page" class="loader-page" aria-live="polite" aria-atomic="true"> <div class="loader-page__container"> <span class="loader-page__spinner"></span> </div> <span id="loader-page-backdrop" class="loader-page__backdrop"></span> </div> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPF5B8Q8" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <script id="PersonalizationTracker" type="application/json">{"IsPagePersonalizationTarget":false,"IsUrlPersonalizationTarget":false,"PageId":"c6f475b4-633b-44ae-90e9-33aade41cead"}</script><script src="/WebResource.axd?d=NjxTqR2bqTw1rewxxlkHPt_80WfY7IQpU3-SCwR-pyQtURVkHtnq88udi90Y7lXcycKOF34gtkfxS97TTjHH25E0_XQi7fihQngmATtve8RW61GoCnwMVUzzQYhly1EUwxEuq6DABWJGcNfywx_p-db14JKIkbounpF6Cr0FmTdPHI5qECTeevxOEY9yu3a8GYH1KNKHDhy7PpYkDMdrFdAJz3QeuyCwx7ZS5WN5OwI1&t=638459492980000000" type="text/javascript"></script><script id="-1585821741" src="/sfrenderer/Scripts/SearchWidgets/search-box.js?assembly_name=Progress.Sitefinity.AspNetCore.Widgets&package_name=DA" type="text/javascript"></script></body> </html>

CINXE.COM

Dubai Airports | Connecting the World | DXB & DWC