Aravind
2eab221eff
build.sh runs npm run build on macOS, so only the host's sharp binary (darwin-arm64) got traced into the standalone output. The container runs node:20-alpine (Linux, musl libc), which cannot load that binary - the server crashed at runtime, causing a 502 even though the docker build itself succeeded. npm pack can fetch another platform's prebuilt sharp/libvips tarballs without an install-time OS check, so build.sh now pulls the linux-musl x64 and arm64 builds directly into build/node_modules and drops the now-unused host binary.
2839 lines
233 KiB
HTML
2839 lines
233 KiB
HTML
<!DOCTYPE html><html lang="en-US" data-scroll-behavior="smooth" class="manrope_67dc055e-module__BHrBnq__variable space_grotesk_2e42c3c6-module__3Wl9rq__variable syne_ef5854ac-module__2TJB3a__variable dm_sans_2770e922-module__TdA3fW__variable inter_5dbe1e89-module__i9oJOa__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/0c795a286deabae8-s.p.14tvuu96~wkr0.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fdoormile-white.png&w=750&q=75 1x, /_next/image?url=%2Fimages%2Fdoormile-white.png&w=1920&q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fdoormile-black.png&w=750&q=75 1x, /_next/image?url=%2Fimages%2Fdoormile-black.png&w=1920&q=75 2x"/><link rel="stylesheet" href="/_next/static/chunks/13ci0umlwh11-.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/144so~-zgdm9_.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/098a0lm-b~rn..js"/><script src="/_next/static/chunks/0tldj~reb5~dn.js" async=""></script><script src="/_next/static/chunks/110q6k5sdl4es.js" async=""></script><script src="/_next/static/chunks/14_678uuyq.tf.js" async=""></script><script src="/_next/static/chunks/07uz2g0_38qia.js" async=""></script><script src="/_next/static/chunks/turbopack-11jn_eqn~72wc.js" async=""></script><script src="/_next/static/chunks/0812b12auw1ih.js" async=""></script><script src="/_next/static/chunks/0wybzq6mybxiw.js" async=""></script><script src="/_next/static/chunks/04xui0pxt.et1.js" async=""></script><script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script><script src="/_next/static/chunks/0g-e9tnpen8jn.js" async=""></script><script src="/_next/static/chunks/0vi1igu-zxb_c.js" async=""></script><script src="/_next/static/chunks/06~35roaehny..js" async=""></script><link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" as="style"/><link rel="preload" href="/css/site.css" as="style"/><link rel="preload" as="image" href="/images/wings-heroslider4.png"/><link rel="preload" as="image" href="/images/wings-heroslide2.png"/><meta name="next-size-adjust" content=""/><title>Doormile Wings – Redefining Domestic Air Logistics Through AI</title><meta name="description" content="Doormile Wings links India's major regional capitals with AI-powered, same-day air logistics and zero-emission EV last-mile delivery — where quick commerce meets quick logistics."/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://doormile.com/doormile-wings"/><meta property="og:title" content="Doormile Wings – Redefining Domestic Air Logistics Through AI"/><meta property="og:description" content="Same-day air logistics linking India's major regional capitals, powered by MileTruth™ AI and zero-emission EV last-mile delivery."/><meta property="og:url" content="https://doormile.com/doormile-wings"/><meta property="og:site_name" content="Doormile"/><meta property="og:image" content="https://doormile.com/images/wings-logo.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Doormile Wings"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Doormile Wings – Redefining Domestic Air Logistics Through AI"/><meta name="twitter:description" content="Same-day air logistics linking India's major regional capitals, powered by MileTruth™ AI and zero-emission EV last-mile delivery."/><meta name="twitter:image" content="https://doormile.com/images/wings-logo.png"/><link rel="shortcut icon" href="/images/cropped-image-2.png"/><link rel="icon" href="/favicon.ico?favicon.14w3bhkxgz946.ico" sizes="40x40" type="image/x-icon"/><link rel="icon" href="/images/cropped-image-2.png"/><link rel="apple-touch-icon" href="/images/cropped-image-2.png"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/><link rel="stylesheet" href="/css/site.css"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="wp-singular page-template-default page wp-theme-logico wp-child-theme-logico-child theme-logico ehf-header ehf-footer ehf-template-logico ehf-stylesheet-logico-child logico-front-end logico-theme-style-rounded elementor-default elementor-kit-5 elementor-page"><div hidden=""><!--$--><!--/$--></div><div class="body-overlay"></div><div class="body-container"><div id="page" class="hfeed site"><header id="masthead" itemScope="" itemType="https://schema.org/WPHeader"><p class="main-title bhf-hidden" itemProp="headline"><a title="Doormile" rel="home" href="/">Doormile</a></p><div data-elementor-type="wp-post" data-elementor-id="5180" class="elementor elementor-5180"><div class="elementor-element elementor-element-466de1b e-con-full sticky-container-on e-flex cut-corner-no e-con e-parent header-hide-until-scroll" data-id="466de1b" data-element_type="container" data-settings="{"position":"absolute"}"><div class="elementor-element elementor-element-e052838 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e052838" data-element_type="container"><div class="elementor-element elementor-element-d681ece e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="d681ece" data-element_type="container"><div class="elementor-element elementor-element-472172e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="472172e" data-element_type="container"><div class="elementor-element elementor-element-2f31137 elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-logico_slide_sidebar" data-id="2f31137" data-element_type="widget" data-widget_type="logico_slide_sidebar.default"><div class="elementor-widget-container"><div class="logico-slide-sidebar-widget"><div class="dropdown-trigger" data-id="2f31137"><span class="dropdown-trigger-icon"></span></div></div><div style="z-index:100000" class="slide-sidebar-wrapper slide-sidebar-position-left" id="side-panel-2f31137"><div class="slide-sidebar-close"></div><div class="slide-sidebar"><div class="slide-sidebar-header"><figure class="wp-block-image size-full is-resized"><img alt="Doormile logo" loading="lazy" width="305" height="58" decoding="async" data-nimg="1" class="wp-image-5851" style="color:transparent;width:210px;height:auto" sizes="(max-width: 305px) 100vw, 305px" srcSet="/_next/image?url=%2Fimages%2Fdoormile-logo.png&w=640&q=75 640w, /_next/image?url=%2Fimages%2Fdoormile-logo.png&w=750&q=75 750w, /_next/image?url=%2Fimages%2Fdoormile-logo.png&w=828&q=75 828w, /_next/image?url=%2Fimages%2Fdoormile-logo.png&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Fdoormile-logo.png&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Fdoormile-logo.png&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Fdoormile-logo.png&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Fdoormile-logo.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Fdoormile-logo.png&w=3840&q=75"/></figure></div><div class="slide-sidebar-content" tabindex="0" role="region" aria-label="Menu content"><div id="block-37" class="widget widget_block"><div class="widget-wrapper"><div class="dm-block-group is-layout-constrained dm-block-group-is-layout-constrained"><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Address</h6></div><h6 class="wp-block-heading has-text-font-font-family" style="font-size:14px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Hyderabad</h6><p>5th Floor, Vision Ultima,<br/>Street No.3, Jayabheri Enclave,<br/>Gachibowli, Hyderabad,<br/>Telangana 500032.</p><div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div><h6 class="wp-block-heading has-text-font-font-family" style="font-size:14px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Coimbatore</h6><p>Mayflower Valencia,<br/>Near Nava India Bus Stop,<br/>Avinashi Road,<br/>Udayampalayam,<br/>Tamil Nadu 641037.</p><div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div><h6 class="wp-block-heading has-text-font-font-family" style="font-size:14px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Bengaluru</h6><p>C612, 6th Floor,<br/>Trifecta Starlight,<br/>ITPL Road,<br/>Garudacharapalya,<br/>Mahadevapura,<br/>Bangalore 560048,<br/>Karnataka, India.</p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Contact Us</h6></div><p>Tel : +91 86886 97941</p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Email</h6></div><p><a href="mailto:care@doormile.com" data-wplink-edit="true">care@doormile.com</a></p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><ul class="wp-block-social-links has-icon-color is-style-logos-only has-background is-layout-flex wp-block-social-links-is-layout-flex" style="background-color:#1f1f1f"><li style="color:#ffffff" class="wp-social-link wp-social-link-facebook has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.facebook.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-x has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://x.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z"></path></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-linkedin has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.linkedin.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-youtube has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.youtube.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul></div></div></div></div><div class="slide-sidebar-cta"><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button is-style-simple is-style-theme"><a class="wp-block-button__link wp-element-button" style="border-radius:10px" href="/contact">Get in touch</a></div></div></div></div></div></div></div><div class="elementor-element elementor-element-846e53d elementor-widget elementor-widget-site-logo" data-id="846e53d" data-element_type="widget" data-widget_type="site-logo.default"><div class="elementor-widget-container"><div class="hfe-site-logo"><a data-elementor-open-lightbox="" class="elementor-clickable" href="/"><div class="hfe-site-logo-set"><div class="hfe-site-logo-container"><img alt="doormile-logo" width="748" height="100" decoding="async" data-nimg="1" class="hfe-site-logo-img logo-desktop elementor-animation-" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fdoormile-white.png&w=750&q=75 1x, /_next/image?url=%2Fimages%2Fdoormile-white.png&w=1920&q=75 2x" src="/_next/image?url=%2Fimages%2Fdoormile-white.png&w=1920&q=75"/><img alt="doormile-logo" width="748" height="100" decoding="async" data-nimg="1" class="hfe-site-logo-img logo-mobile elementor-animation-" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fdoormile-black.png&w=750&q=75 1x, /_next/image?url=%2Fimages%2Fdoormile-black.png&w=1920&q=75 2x" src="/_next/image?url=%2Fimages%2Fdoormile-black.png&w=1920&q=75"/></div></div></a></div></div></div></div><div class="elementor-element elementor-element-e44ee7e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e44ee7e" data-element_type="container"><div class="elementor-element elementor-element-0b7bf6f logico-breakpoint-laptop elementor-widget__width-auto elementor-widget elementor-widget-logico_navigation_menu" data-id="0b7bf6f" data-element_type="widget" data-widget_type="logico_navigation_menu.default"><div class="elementor-widget-container"><div class="header-menu-container"><nav><ul id="menu-main-menu" class="main-menu"><li id="menu-item-10508" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10508"><a href="/#home">Home</a></li><li id="menu-item-10510" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10510"><a href="/miletruth#miletruth">MileTruth™ AI</a></li><li id="menu-item-10511" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10511"><a href="/solutions">Solutions</a></li><li id="menu-item-10513" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10513"><a href="/empowerment">Entrepreneurship</a></li><li id="menu-item-10535" class="menu-item menu-item-type-custom menu-item-has-children menu-item-10535"><a href="#" aria-haspopup="true" aria-expanded="false">Company</a><ul class="dm-solutions-dropdown"><li class=""><a href="/about-us#about">About</a></li><li class=""><a href="/blog#blogs">Blogs</a></li><li class=""><a href="/how-it-works#how-it-works">How It Works</a></li></ul></li></ul></nav></div><div class="menu-trigger" data-id="0b7bf6f"><span class="menu-trigger-icon"><span class="hamburger"><span></span><span></span><span></span></span></span></div><div style="z-index:100000" class="mobile-header-menu-container" id="mobile-header-0b7bf6f"><div class="mobile-header-row"><div class="header-icons-container"><div class="header-icon login-logout"><a href="#" title="Login/Register" class="link-login"></a></div><div class="header-icon menu-close"><span class="menu-close-icon"></span></div></div></div><nav><ul id="menu-main-menu-1" class="main-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10508"><a href="/#home">Home</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10510"><a href="/miletruth#miletruth">MileTruth™ AI</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10511"><a href="/solutions">Solutions</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10513"><a href="/empowerment">Entrepreneurship</a></li><li class="menu-item menu-item-type-custom menu-item-10535 dm-mobile-solutions"><div class="dm-mobile-solutions-row"><a href="#">Company</a><button type="button" class="dm-mobile-solutions-toggle" aria-label="Open Company menu" aria-haspopup="true" aria-expanded="false"><span class="dm-accordion-chevron" aria-hidden="true"></span></button></div><ul class="dm-mobile-solutions-panel"><li class=""><a href="/about-us#about">About</a></li><li class=""><a href="/blog#blogs">Blogs</a></li><li class=""><a href="/how-it-works#how-it-works">How It Works</a></li></ul></li></ul></nav><div class="header-mobile-contacts"><div class="contact-item contact-item-phone"><span class="contact-item-label">Phone</span><div class="contact-item-value"><p>Tel : +91 86886 97941</p></div></div><div class="contact-item contact-item-email"><span class="contact-item-label">Email</span><div class="contact-item-value"><p><a href="mailto:care@doormile.com" data-wplink-edit="true">care@doormile.com</a></p></div></div></div><div class="header-mobile-socials"><ul class="mobile-menu-socials wrapper-socials"><li><a href="https://www.facebook.com/" target="_blank" aria-label="Facebook" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a></li><li><a href="https://x.com/" target="_blank" aria-label="X (Twitter)" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></li><li><a href="https://www.linkedin.com/" target="_blank" aria-label="LinkedIn" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></li><li><a href="https://www.youtube.com/" target="_blank" aria-label="YouTube" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></li></ul></div><div class="header-mobile-button"><a class="logico-alter-button" href="/contact">Get in Touch</a></div></div></div></div></div></div></div><div class="elementor-element elementor-element-f961133 e-con-full elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f961133" data-element_type="container"><div class="elementor-element elementor-element-cabdb09 elementor-widget elementor-widget-logico_header_button" data-id="cabdb09" data-element_type="widget" data-widget_type="logico_header_button.default"><div class="elementor-widget-container"><div class="header-button-container"><a class="header-button header-button-animation-fade" href="/contact">Contact Us</a></div></div></div></div></div></div></header><style>
|
||
/* ── Off-canvas menu: full-height flex column ──
|
||
Header (logo) at top, scrollable content in the middle, and the
|
||
"Get in touch" CTA pinned at the bottom — so the panel stays
|
||
usable however much content (e.g. multiple office addresses) it
|
||
holds. Scoped to #side-panel-2f31137; no other sidebar is touched.
|
||
Width, colors, the slide-in animation, and open/close behaviour
|
||
(driven by the .active class on the wrapper) are all unchanged. */
|
||
#side-panel-2f31137 .slide-sidebar {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
height: 100% !important;
|
||
padding: 0 !important; /* the three sections own their padding */
|
||
overflow: hidden !important; /* scrolling lives on the content area */
|
||
}
|
||
/* Fit the *visible* viewport. The panel height is calc(100vh - 20px),
|
||
but on mobile 100vh is the larger, URL-bar-inclusive height, which
|
||
pushed the bottom of the scroll list + the CTA below the fold and
|
||
made scrolling appear broken. dvh tracks the actually-visible area;
|
||
vh is kept as a fallback for older browsers. */
|
||
#side-panel-2f31137.slide-sidebar-wrapper {
|
||
height: calc(100vh - 20px);
|
||
height: calc(100dvh - 20px) !important;
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-header {
|
||
flex: 0 0 auto;
|
||
padding: 52px 36px 18px; /* top clears the floating close button */
|
||
text-align: center; /* centre the logo */
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-header figure {
|
||
margin: 0;
|
||
text-align: center;
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-header img {
|
||
display: inline-block; /* centred by the header's text-align */
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-content {
|
||
flex: 1 1 auto;
|
||
min-height: 0; /* let the flex child shrink so it can scroll */
|
||
overflow-y: auto;
|
||
overflow-x: hidden;
|
||
-webkit-overflow-scrolling: touch; /* momentum scroll on iOS */
|
||
overscroll-behavior: contain; /* don't chain scroll to the page */
|
||
padding: 18px 60px 8px; /* top gap below the logo header */
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-content:focus-visible {
|
||
outline: none; /* container is scroll-focusable, not a control */
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-cta {
|
||
flex: 0 0 auto;
|
||
padding: 16px 60px 36px;
|
||
}
|
||
/* Compact, readable address blocks (tighter line + lead-in than the
|
||
default 1.75em body spacing). */
|
||
#side-panel-2f31137 .slide-sidebar-content p {
|
||
line-height: 1.5;
|
||
margin-top: 4px;
|
||
}
|
||
/* Larger social icons — the logos-only block style renders them at 18px. */
|
||
#side-panel-2f31137 .wp-block-social-links.is-style-logos-only .wp-block-social-link a svg {
|
||
width: 26px !important;
|
||
height: 26px !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-466de1b {
|
||
position: absolute !important;
|
||
top: 5px !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
width: auto !important;
|
||
transition: background-color 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease !important;
|
||
z-index: 10000 !important;
|
||
}
|
||
|
||
/* .e-con's --padding-* falls through two competing stylesheets and lands at 10px locally
|
||
(vs 0 in production). Zero out the pill wrappers so the navbar matches prod height (~122px). */
|
||
#masthead .elementor-element.elementor-element-e052838,
|
||
#masthead .elementor-element.elementor-element-d681ece {
|
||
padding-top: 0 !important;
|
||
padding-bottom: 0 !important;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#masthead {
|
||
position: relative;
|
||
z-index: 10000;
|
||
}
|
||
|
||
/* Production pins the wrapper via Elementor sticky-effects JS (not shipped here).
|
||
Force position:fixed once scrolled past 50px so the header stays in viewport. */
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
|
||
position: fixed !important;
|
||
background: rgba(26, 26, 26, 0.92) !important;
|
||
-webkit-backdrop-filter: blur(14px) !important;
|
||
backdrop-filter: blur(14px) !important;
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
|
||
top: 0 !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled .elementor-element.elementor-element-e052838 {
|
||
background: transparent !important;
|
||
}
|
||
}
|
||
|
||
/* ── Desktop navbar layout (3-section balanced grid) ──
|
||
The earlier Mac-M1 fix used justify-content:space-between, which
|
||
on wide screens flung the logo and nav to opposite edges and
|
||
left a large asymmetric gap between them. Replace it with a
|
||
responsive three-column grid so the nav stays optically centred
|
||
with equal space on both sides, the logo group sits left and the
|
||
Contact button right — proportional at every desktop width.
|
||
|
||
The logo group (472172e) and nav (e44ee7e) are nested inside
|
||
e052838 › d681ece, while the Contact button (f961133) is their
|
||
uncle. Those two wrappers carry no visual styling on desktop
|
||
(their background/padding live only in the <1024px mobile block),
|
||
so display:contents flattens them and promotes all three logical
|
||
sections to be direct items of one header grid. The grid only
|
||
applies >=1025px, leaving the mobile pill layout untouched. */
|
||
@media (min-width: 1025px) {
|
||
#masthead .elementor-element.elementor-element-466de1b {
|
||
display: grid !important;
|
||
grid-template-columns: 1fr auto 1fr !important;
|
||
align-items: center !important;
|
||
column-gap: clamp(16px, 2vw, 32px) !important;
|
||
/* Equal left/right safe areas pull the logo and Contact
|
||
button inward off the viewport edges. Because the inset
|
||
is symmetric, the 1fr side columns shrink equally and the
|
||
centred nav does not shift. */
|
||
padding-inline: clamp(24px, 3vw, 48px) !important;
|
||
/* Consistent top/bottom breathing room inside the bar; with
|
||
align-items:center every section stays vertically centred. */
|
||
padding-block: clamp(8px, 1vw, 16px) !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-e052838,
|
||
#masthead .elementor-element.elementor-element-d681ece {
|
||
display: contents !important;
|
||
}
|
||
|
||
/* navbar-left: menu/grid icon + logo */
|
||
#masthead .elementor-element.elementor-element-472172e {
|
||
justify-self: start !important;
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
gap: clamp(16px, 1.5vw, 28px) !important;
|
||
flex: 0 0 auto !important;
|
||
}
|
||
|
||
/* Logo never shrinks — keeps a clean edge against the nav. */
|
||
#masthead .elementor-element.elementor-element-846e53d {
|
||
flex-shrink: 0 !important;
|
||
}
|
||
|
||
/* navbar-center: navigation menu, optically centred. */
|
||
#masthead .elementor-element.elementor-element-e44ee7e {
|
||
justify-self: center !important;
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
}
|
||
|
||
/* navbar-right: Contact button, aligned to the right edge. */
|
||
#masthead .elementor-element.elementor-element-f961133 {
|
||
justify-self: end !important;
|
||
}
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.active > a:before {
|
||
background-color: #ffffff !important;
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.active > a {
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li > a:focus,
|
||
#masthead .header-menu-container .main-menu > li > a:focus-visible {
|
||
outline: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
/* Responsive logo adjustment on mobile/tablet */
|
||
@media (max-width: 1024px) {
|
||
#masthead .elementor-element.elementor-element-466de1b {
|
||
top: 18px !important;
|
||
}
|
||
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
|
||
width: 150px !important;
|
||
height: auto !important;
|
||
margin-left: 20px !important;
|
||
}
|
||
#masthead .header-menu-container {
|
||
display: none !important;
|
||
}
|
||
#masthead .menu-trigger {
|
||
display: block !important;
|
||
}
|
||
|
||
/* Sticky header on scroll for mobile/tablet too — the desktop
|
||
rule lived only in the min-width:1025px block, so on phones the
|
||
absolutely-positioned navbar scrolled away with the page. Pin it
|
||
to the top once scrolled past 50px, matching desktop behaviour. */
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
|
||
position: fixed !important;
|
||
top: 18px !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-e052838 {
|
||
margin-left: 0px !important;
|
||
margin-right: 0px !important;
|
||
border-radius: 16px !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
|
||
width: 150px !important;
|
||
margin-left: 8px !important;
|
||
}
|
||
}
|
||
|
||
/* The theme reveals the mobile slide-in menu via Elementor's
|
||
body[data-elementor-device-mode="mobile"] rules, which are set by
|
||
Elementor's frontend JS — that JS isn't shipped in this Next port,
|
||
so the panel stayed display:none and the hamburger opened nothing.
|
||
Restore it with the same 1024px breakpoint the nav already switches
|
||
at. The panel sits off-screen (right:-320px) until .active slides
|
||
it in, matching production behaviour. */
|
||
@media (max-width: 1024px) {
|
||
#masthead .elementor-widget-logico_navigation_menu .mobile-header-menu-container {
|
||
display: block !important;
|
||
}
|
||
}
|
||
|
||
/* The bundled 'fontello' subset is missing the search (\e85c) and
|
||
close (\e845) glyphs, so those two icons render as empty tofu
|
||
boxes. Replace them with inline SVGs via CSS masks so they paint
|
||
in the current text colour (matching the working cart/user icons)
|
||
and respond to hover. */
|
||
#masthead .header-icon.search-link .search-trigger-icon::before,
|
||
#masthead .header-icon.menu-close .menu-close-icon::before {
|
||
content: "" !important;
|
||
display: block;
|
||
width: 1em;
|
||
height: 1em;
|
||
background-color: currentColor;
|
||
-webkit-mask-repeat: no-repeat;
|
||
mask-repeat: no-repeat;
|
||
-webkit-mask-position: center;
|
||
mask-position: center;
|
||
-webkit-mask-size: contain;
|
||
mask-size: contain;
|
||
}
|
||
#masthead .header-icon.search-link .search-trigger-icon::before {
|
||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");
|
||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");
|
||
}
|
||
#masthead .header-icon.menu-close .menu-close-icon::before {
|
||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='5' y1='5' x2='19' y2='19'/%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3C/svg%3E");
|
||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='5' y1='5' x2='19' y2='19'/%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3C/svg%3E");
|
||
}
|
||
|
||
/* ── Company dropdown (desktop) / accordion (mobile) ──
|
||
Company (Blogs + How It Works) is a non-navigating parent —
|
||
its trigger is a plain anchor with no href target, only a
|
||
dropdown toggle. Class names below (.dm-solutions-dropdown,
|
||
.dm-mobile-solutions*) are unchanged from when this same
|
||
component/markup belonged to Solutions, reusing site.css's dead
|
||
.menu-item-has-children chevron (fontello glyph, already
|
||
coloured white for this exact header widget) instead of
|
||
inventing a new arrow. Desktop opens on hover/focus; mobile is a
|
||
height-collapsing accordion controlled by the chevron button. */
|
||
@media (min-width: 1025px) {
|
||
#masthead .header-menu-container nav {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu {
|
||
display: inline-flex !important;
|
||
align-items: center;
|
||
gap: 16px !important;
|
||
margin: 0 !important;
|
||
line-height: 1;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-right: 0 !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li > a {
|
||
display: inline-flex !important;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding-top: 0 !important;
|
||
padding-bottom: 0 !important;
|
||
min-height: 48px;
|
||
line-height: 1.2 !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children {
|
||
position: relative;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children:after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 50%;
|
||
width: 100%;
|
||
min-width: 360px;
|
||
height: 24px;
|
||
transform: translateX(-50%);
|
||
pointer-events: auto;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown {
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 50%;
|
||
transform: translate(-50%, 34px);
|
||
width: 240px;
|
||
min-width: 240px;
|
||
margin: 0;
|
||
padding: 12px;
|
||
list-style: none;
|
||
background: linear-gradient(180deg, rgba(31, 31, 31, 0.98) 0%, rgba(18, 18, 18, 0.98) 100%);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
backdrop-filter: blur(20px);
|
||
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||
border: 1px solid rgba(255, 255, 255, 0.09);
|
||
border-radius: 18px;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
pointer-events: none;
|
||
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
|
||
z-index: 20;
|
||
}
|
||
|
||
/* .main-menu li:not(:last-of-type) (site.css) is a descendant
|
||
selector that also matches these nested <li>s, pushing every
|
||
row but the last 12px to the right. Cancel it here. */
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li {
|
||
margin-right: 0 !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li + li {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li > a {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-start;
|
||
gap: 10px;
|
||
height: 48px;
|
||
padding: 0 16px;
|
||
border-radius: 10px;
|
||
/* Hardcoded rather than var(--logico-dark-text-color): that
|
||
variable is only overridden to white inside a few unrelated
|
||
scoped contexts (e.g. #side-panel-2f31137) and otherwise
|
||
falls back to the sitewide light-theme value (#111111),
|
||
which would be invisible on this dark glass panel. */
|
||
color: rgba(255, 255, 255, 0.85);
|
||
font-family: var(--font-manrope), "Manrope", sans-serif;
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
line-height: 1.25;
|
||
letter-spacing: normal;
|
||
white-space: nowrap;
|
||
text-decoration: none;
|
||
transition: background-color 0.25s ease, color 0.25s ease, padding-left 0.25s ease;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li > a:before {
|
||
content: "";
|
||
width: 11px;
|
||
height: 11px;
|
||
margin-left: -16px;
|
||
flex: 0 0 11px;
|
||
background-color: #c01227;
|
||
opacity: 0;
|
||
transform: translateX(-10px);
|
||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12 12 4'/%3E%3Cpath d='M5 4h7v7'/%3E%3C/svg%3E");
|
||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12 12 4'/%3E%3Cpath d='M5 4h7v7'/%3E%3C/svg%3E");
|
||
-webkit-mask-repeat: no-repeat;
|
||
mask-repeat: no-repeat;
|
||
-webkit-mask-position: center;
|
||
mask-position: center;
|
||
-webkit-mask-size: contain;
|
||
mask-size: contain;
|
||
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, background-color 0.25s ease-in-out;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li > a:hover,
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li > a:focus-visible {
|
||
background-color: rgba(255, 255, 255, 0.08);
|
||
color: #ffffff;
|
||
padding-left: 22px;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li > a:hover:before,
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li > a:focus-visible:before {
|
||
opacity: 1;
|
||
transform: translateX(0);
|
||
background-color: #c01227;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children .dm-solutions-dropdown li.dm-child-active > a {
|
||
color: #ffffff;
|
||
font-weight: 700;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children > a[aria-expanded="true"] ~ .dm-solutions-dropdown {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
pointer-events: auto;
|
||
transform: translate(-50%, 24px);
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children > a[aria-expanded="true"]:after {
|
||
transform: rotate(180deg);
|
||
}
|
||
|
||
/* Outlines are globally suppressed for .main-menu>li>a above;
|
||
restore a visible focus ring scoped only to this trigger. */
|
||
#masthead .header-menu-container .main-menu > li.menu-item-has-children > a:focus-visible {
|
||
outline: 2px solid var(--logico-dark-text-color, #ffffff);
|
||
outline-offset: 6px;
|
||
border-radius: 4px;
|
||
}
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-row {
|
||
display: flex !important;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-row > a {
|
||
display: block;
|
||
flex: 1 1 auto;
|
||
padding: 0.75em 0;
|
||
color: var(--logico-default-text-color);
|
||
text-decoration: none;
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-toggle {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 44px;
|
||
height: 44px;
|
||
margin: 0;
|
||
padding: 0;
|
||
flex: 0 0 44px;
|
||
border: 0;
|
||
background: transparent;
|
||
color: var(--logico-default-text-color);
|
||
cursor: pointer;
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-toggle:focus-visible {
|
||
outline: 2px solid currentColor;
|
||
outline-offset: 2px;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-accordion-chevron {
|
||
display: inline-block;
|
||
width: 0.7em;
|
||
height: 0.7em;
|
||
flex: 0 0 auto;
|
||
background-color: currentColor;
|
||
-webkit-mask-repeat: no-repeat;
|
||
mask-repeat: no-repeat;
|
||
-webkit-mask-position: center;
|
||
mask-position: center;
|
||
-webkit-mask-size: contain;
|
||
mask-size: contain;
|
||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
|
||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions.dm-accordion-open .dm-accordion-chevron {
|
||
transform: rotate(180deg);
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-panel {
|
||
max-height: 0;
|
||
overflow: hidden;
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
padding-left: 18px;
|
||
transition: max-height 0.3s ease;
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions.dm-accordion-open .dm-mobile-solutions-panel {
|
||
max-height: 160px;
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-panel > li {
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
/* .mobile-header-menu-container ul.main-menu>li>a (site.css) only
|
||
matches direct children of .main-menu, so these nested links
|
||
fall through to the sitewide generic underlined-anchor default.
|
||
Restore the plain sibling-item look explicitly. */
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-panel > li > a {
|
||
display: block;
|
||
padding: 0.35em 0;
|
||
color: var(--logico-default-text-color);
|
||
text-decoration: none;
|
||
}
|
||
|
||
/* A vendor li:before rule (checkmark bullet, likely intended for a
|
||
feature-list style elsewhere) leaks through here since the reset
|
||
at .mobile-header-menu-container ul.main-menu>li:before only
|
||
matches direct children of .main-menu, not this nested li.
|
||
Suppress it on both the <li> and <a> — these child rows aren't
|
||
top-level nav items and shouldn't carry any bullet/indicator. */
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-panel > li:before,
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-panel > li > a:before {
|
||
content: none !important;
|
||
display: none !important;
|
||
}
|
||
|
||
#masthead .mobile-header-menu-container .dm-mobile-solutions-panel > li.dm-child-active > a {
|
||
color: var(--logico-light-text-color);
|
||
text-decoration: underline;
|
||
}
|
||
</style><div id="doormile-wings" class="content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none"><div class="content"><div class="content-inner"><div data-elementor-type="wp-page" data-elementor-id="95" class="elementor elementor-95 elementor-59"><style>
|
||
.wings-hero-bg.elementor-repeater-item-3264830,
|
||
.wings-hero-bg.elementor-repeater-item-6867061 {
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.06)), url('/images/wings-heroslider4.png') !important;
|
||
background-position: center !important;
|
||
background-repeat: no-repeat !important;
|
||
background-size: cover !important;
|
||
}
|
||
|
||
.wings-hero-bg.elementor-repeater-item-6867061 {
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.06)), url('/images/wings-heroslide2.png') !important;
|
||
}
|
||
|
||
#doormile-wings,
|
||
#doormile-wings .content,
|
||
#doormile-wings .content-inner,
|
||
#doormile-wings .elementor {
|
||
max-width: 100vw !important;
|
||
overflow-x: hidden !important;
|
||
}
|
||
|
||
.wings-hero-page,
|
||
.wings-hero-page .elementor-widget-container,
|
||
.wings-hero-page .logico-content-slider-widget,
|
||
.wings-hero-page .content-slider-wrapper,
|
||
.wings-hero-page .content-slider-container,
|
||
.wings-hero-page .content-slider,
|
||
.wings-hero-page .owl-stage-outer,
|
||
.wings-hero-page .owl-stage,
|
||
.wings-hero-page .owl-item,
|
||
.wings-hero-page .slider-item,
|
||
.wings-hero-page .slide-content,
|
||
.wings-hero-page .slide-content-inner {
|
||
max-width: 100% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
align-items: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
padding: 0 !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
align-items: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
max-width: 1000px !important;
|
||
margin: 0 auto !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading,
|
||
.wings-hero-page .content-slider-item-heading .heading-content {
|
||
text-align: center !important;
|
||
display: block !important;
|
||
width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
padding-left: 15px !important;
|
||
padding-right: 15px !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading {
|
||
font-size: clamp(30px, 5.5vw, 80px) !important;
|
||
line-height: 1.05 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text {
|
||
display: flex !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin-top: 23px !important;
|
||
}
|
||
|
||
.wings-hero-page .text-content {
|
||
text-align: center !important;
|
||
max-width: 680px !important;
|
||
width: 100% !important;
|
||
margin: 0 auto !important;
|
||
padding-left: 15px !important;
|
||
padding-right: 15px !important;
|
||
box-sizing: border-box !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text p {
|
||
font-size: clamp(16px, 1.35vw, 23px) !important;
|
||
line-height: 1.65 !important;
|
||
white-space: normal !important;
|
||
overflow-wrap: break-word !important;
|
||
}
|
||
|
||
.wings-hero-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
gap: 16px;
|
||
margin-top: 30px;
|
||
position: relative;
|
||
z-index: 5;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.wings-hero-actions .logico-alter-button {
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.wings-mobile-break {
|
||
display: none;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary,
|
||
.wings-hero-page a.wings-hero-secondary {
|
||
--logico-button-text-color: #ffffff;
|
||
--logico-button-border-color: rgba(255, 255, 255, 0.72);
|
||
--logico-button-background-color: rgba(255, 255, 255, 0);
|
||
--logico-button-text-hover: #ffffff;
|
||
--logico-button-border-hover: #c01227;
|
||
--logico-button-background-hover: #c01227;
|
||
--logico-button-icon-hover: #ffffff;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary {
|
||
--logico-button-border-color: #c01227;
|
||
--logico-button-background-color: #c01227;
|
||
}
|
||
|
||
.wings-hero-page a.wings-hero-primary:hover,
|
||
.wings-hero-page a.wings-hero-secondary:hover {
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
padding: 20px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item {
|
||
height: 800px !important;
|
||
min-height: 800px !important;
|
||
border-radius: 24px !important;
|
||
overflow: hidden !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
--padding-top: 0px !important;
|
||
--padding-block-start: 0px !important;
|
||
padding: 0 10px 10px 10px !important;
|
||
overflow: hidden !important;
|
||
border-radius: 25px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-stage-outer {
|
||
height: 600px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item {
|
||
width: 100% !important;
|
||
min-height: 600px !important;
|
||
height: 600px !important;
|
||
border-radius: 25px !important;
|
||
overflow: hidden !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content {
|
||
min-height: 600px !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.wings-hero-page.elementor-element-741f56c {
|
||
width: 100vw !important;
|
||
--padding-top: 0px !important;
|
||
--padding-block-start: 0px !important;
|
||
padding: 0 10px 10px 10px !important;
|
||
border-radius: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content,
|
||
.wings-hero-page .slide-content-inner {
|
||
width: calc(100vw - 20px) !important;
|
||
max-width: calc(100vw - 20px) !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
margin-left: 0 !important;
|
||
margin-right: auto !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-stage-outer {
|
||
height: 520px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-carousel.owl-theme .content-item,
|
||
.wings-hero-page .slide-content {
|
||
min-height: 520px !important;
|
||
height: 520px !important;
|
||
border-radius: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .slide-content-inner {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-heading {
|
||
max-width: 100% !important;
|
||
font-size: clamp(20px, 7vw, 32px) !important;
|
||
line-height: 1.12 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text p {
|
||
font-size: 14px !important;
|
||
line-height: 1.58 !important;
|
||
}
|
||
|
||
.wings-hero-page .content-slider-item-text,
|
||
.wings-hero-page .text-content {
|
||
max-width: min(280px, calc(100vw - 70px)) !important;
|
||
width: min(280px, calc(100vw - 70px)) !important;
|
||
}
|
||
|
||
.wings-hero-actions {
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
margin-top: 18px;
|
||
}
|
||
|
||
.wings-hero-actions .logico-alter-button {
|
||
min-width: 0 !important;
|
||
width: 190px !important;
|
||
padding: 0.78em 3.7em 0.78em 1.35em !important;
|
||
min-height: 42px !important;
|
||
font-size: 12px !important;
|
||
}
|
||
|
||
.wings-mobile-break {
|
||
display: block;
|
||
}
|
||
|
||
.wings-hero-page .slider-footer {
|
||
text-align: right !important;
|
||
margin-bottom: 24px !important;
|
||
}
|
||
|
||
.wings-hero-page .slider-footer .slider-pagination {
|
||
justify-content: flex-end !important;
|
||
margin-left: 22px !important;
|
||
margin-right: 22px !important;
|
||
}
|
||
|
||
.wings-hero-page .owl-dots,
|
||
.wings-hero-page .owl-nav {
|
||
display: none !important;
|
||
}
|
||
}
|
||
</style><div class="wings-hero-page elementor-element elementor-element-741f56c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="741f56c" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-6c7cbcb elementor-widget elementor-widget-logico_content_slider" data-id="6c7cbcb" data-element_type="widget" data-e-type="widget" data-widget_type="logico_content_slider.default"><div class="elementor-widget-container"><div class="logico-content-slider-widget"><div class="content-slider-wrapper"><div class="content-slider-container"><div class="content-slider owl-carousel owl-theme nav-view-vertical nav-h-position-right nav-v-position-bottom owl-loaded owl-drag"><div class="owl-stage-outer" style="position:relative;overflow:hidden;height:800px"><div class="owl-stage" style="position:relative;width:100%;height:100%"><div class="owl-item active" style="position:relative;width:100%;opacity:1;visibility:visible;transition:opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;z-index:2"><div class="content-item slider-item elementor-repeater-item-3264830 slide-style-standard wings-hero-bg"><div class="slide-content"><div class="slide-content-inner"><h1 class="content-slider-item-heading logico-content-wrapper-1"><span class="heading-content">Where Quick Commerce<br/><span class="inline-block bg-clip-text text-transparent bg-[linear-gradient(110deg,#ffffff,45%,#c01227,55%,#ffffff)] bg-[length:250%_100%] animate-[shimmer-sweep_6s_infinite_linear] font-extrabold" style="-webkit-background-clip:text;background-clip:text">Meets Quick Logistics</span></span></h1><div class="content-slider-item-text logico-content-wrapper-2"><div class="text-content"><p>MileTruth™ AI forecasts demand, protects promises, and coordinates every handoff from runway to doorstep.</p></div></div></div></div></div></div><div class="owl-item " style="position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;z-index:1"><div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard wings-hero-bg"><div class="slide-content"><div class="slide-content-inner"><h1 class="content-slider-item-heading logico-content-wrapper-1"><span class="heading-content">Doormile Wings<br/><span class="inline-block bg-clip-text text-transparent bg-[linear-gradient(110deg,#ffffff,45%,#c01227,55%,#ffffff)] bg-[length:250%_100%] animate-[shimmer-sweep_6s_infinite_linear] font-extrabold" style="-webkit-background-clip:text;background-clip:text">Same-Day Air</span><br class="wings-mobile-break"/> <span class="inline-block bg-clip-text text-transparent bg-[linear-gradient(110deg,#ffffff,45%,#c01227,55%,#ffffff)] bg-[length:250%_100%] animate-[shimmer-sweep_6s_infinite_linear] font-extrabold" style="-webkit-background-clip:text;background-clip:text">Logistics</span></span></h1><div class="content-slider-item-text logico-content-wrapper-2"><div class="text-content"><p>Linking India's major regional capitals with AI-powered air movement and zero-emission EV last-mile delivery.</p></div></div></div></div></div></div></div></div><div class="owl-nav"><button type="button" class="owl-next" aria-label="Next" style="cursor:pointer;border:none;outline:none"></button><button type="button" class="owl-prev" aria-label="Previous" style="cursor:pointer;border:none;outline:none"></button></div><div class="slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside"><div class="slider-footer-content"><div class="slider-pagination" style="display:flex;justify-content:flex-end;align-items:center;gap:10px"><div class="slider-progress-wrapper" style="margin-right:35px;display:flex;flex-direction:column;align-items:flex-start"><div style="font-size:16px;font-weight:600;color:#FFFFFF;margin-bottom:4px"><span class="slider-progress-current">01</span> / <span class="slider-progress-all" style="opacity:0.6">02</span></div><div style="width:80px;height:2px;background:rgba(255, 255, 255, 0.2);position:relative;border-radius:1px;overflow:hidden"><div style="position:absolute;left:0;width:50%;height:100%;background:#c01227;transition:left 0.3s ease"></div></div></div><div class="owl-dots owl-dots-6c7cbcb" style="display:none"><button type="button" role="button" class="owl-dot active"><span></span></button><button type="button" role="button" class="owl-dot "><span></span></button></div></div></div></div></div></div></div></div></div></div></div><style>
|
||
.wwg-section {
|
||
background: #ffffff;
|
||
padding: var(--space-section-lg, 80px) 0;
|
||
}
|
||
|
||
.wwg-header {
|
||
margin: 0 auto 48px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wwg-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.45);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wwg-title {
|
||
font-size: clamp(28px, 3.2vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wwg-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wwg-grid-wrap {
|
||
position: relative;
|
||
overflow: visible;
|
||
}
|
||
|
||
.wwg-flightpath {
|
||
position: absolute;
|
||
inset: 0;
|
||
pointer-events: none;
|
||
overflow: visible;
|
||
z-index: 5;
|
||
}
|
||
|
||
.wwg-flightpath-line {
|
||
fill: none;
|
||
stroke: #c8102e;
|
||
stroke-width: 2;
|
||
stroke-linecap: round;
|
||
stroke-linejoin: round;
|
||
opacity: 0;
|
||
}
|
||
|
||
/* A brighter, blurred copy of the same route, painted *behind* the
|
||
crisp foreground line (see JSX order). Its dasharray is driven
|
||
per-frame (see onUpdate) to keep a soft window of it trailing
|
||
directly beneath the pulse; because it sits behind rather than on
|
||
top, its blur reads as a glow radiating from under the route
|
||
instead of visually thickening the route's own edges. Stroke
|
||
width intentionally matches the base route so it never peeks out
|
||
wider than the crisp line drawn on top of it. */
|
||
.wwg-illum-trail {
|
||
fill: none;
|
||
stroke: #ff3d5a;
|
||
stroke-width: 2;
|
||
stroke-linecap: round;
|
||
filter: blur(5px);
|
||
opacity: 0;
|
||
}
|
||
|
||
/* The traveler is the primary visual: a single centered optical
|
||
pulse riding the route, with a small secondary aircraft glyph
|
||
carried inside it. Position (translate) lives on .wwg-traveler;
|
||
only the inner .wwg-traveler-directional group rotates to face
|
||
the direction of travel — the round pulse core stays outside it
|
||
so it never rotates, always reading as a clean point of light. */
|
||
.wwg-traveler {
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
will-change: transform;
|
||
/* Explicit center alignment (paired with alignOrigin: [0.5, 0.5]
|
||
on the motionPath tween) so the traveler's own center — not a
|
||
corner/default reference point — is what MotionPathPlugin locks
|
||
to the route, keeping it precisely on the path's centerline
|
||
with no vertical drift. */
|
||
transform-origin: 50% 50%;
|
||
}
|
||
|
||
.wwg-traveler-directional {
|
||
transform-origin: 0px 0px;
|
||
will-change: transform;
|
||
}
|
||
|
||
/* Large, radially-symmetric ambient glow — the true hero of the
|
||
traveler. Centered on the pulse with no directional offset, so
|
||
there is never a brighter patch leading ahead of the aircraft.
|
||
Non-directional, so it lives outside the rotating
|
||
.wwg-traveler-directional group. */
|
||
.wwg-pulse-bloom {
|
||
fill: #c8102e;
|
||
opacity: 0.2;
|
||
filter: blur(18px);
|
||
}
|
||
|
||
.wwg-pulse-halo {
|
||
fill: #c8102e;
|
||
opacity: 0.52;
|
||
filter: blur(7px);
|
||
}
|
||
|
||
.wwg-pulse-core {
|
||
fill: #ffffff;
|
||
filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.98)) drop-shadow(0 0 9px rgba(200, 16, 46, 0.85))
|
||
drop-shadow(0 0 15px rgba(200, 16, 46, 0.5));
|
||
}
|
||
|
||
/* Deliberately no drop-shadow of its own — the bloom/halo/trail
|
||
above supply all the glow. Sized to be clearly recognizable as an
|
||
aircraft without becoming the focal point: the pulse is still the
|
||
brightest, largest element on screen at every moment. */
|
||
.wwg-aircraft {
|
||
color: #c8102e;
|
||
opacity: 0.65;
|
||
}
|
||
|
||
.wwg-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 24px;
|
||
}
|
||
|
||
.wwg-card {
|
||
position: relative;
|
||
min-width: 0;
|
||
padding: 30px 24px;
|
||
border: 1px solid rgba(17, 17, 17, 0.08);
|
||
border-radius: 18px;
|
||
background: #fafafa;
|
||
/* Staggered delays so activation reads as a cascade — glow moves
|
||
first (see .wwg-card-glow below, no delay), then border/shape,
|
||
then the background tint settles last — rather than every
|
||
property snapping at once. The "expo-out" curve (rather than
|
||
plain ease) is what gives it a soft, premium settle instead of a
|
||
mechanical linear-ish snap. */
|
||
transition:
|
||
border-color 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
box-shadow 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
transform 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s,
|
||
background-color 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.22s;
|
||
}
|
||
|
||
.wwg-card:hover {
|
||
border-color: rgba(200, 16, 46, 0.35);
|
||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
|
||
transform: translateY(-4px);
|
||
}
|
||
|
||
.wwg-card-glow {
|
||
position: absolute;
|
||
inset: -12px;
|
||
border-radius: 22px;
|
||
background: radial-gradient(circle, rgba(200, 16, 46, 0.45) 0%, rgba(200, 16, 46, 0) 70%);
|
||
opacity: 0;
|
||
z-index: -1;
|
||
pointer-events: none;
|
||
filter: blur(6px);
|
||
transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1);
|
||
}
|
||
|
||
.wwg-card-flown {
|
||
border-color: rgba(200, 16, 46, 0.25);
|
||
background-color: #fdf7f8;
|
||
}
|
||
|
||
.wwg-card-flown .wwg-card-glow {
|
||
opacity: 0.32;
|
||
}
|
||
|
||
.wwg-card-pulse {
|
||
border-color: rgba(200, 16, 46, 0.5);
|
||
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.07);
|
||
transform: translateY(-3px);
|
||
}
|
||
|
||
.wwg-card-pulse .wwg-card-glow {
|
||
opacity: 0.85;
|
||
}
|
||
|
||
.wwg-icon {
|
||
width: 52px;
|
||
height: 52px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 14px;
|
||
background: rgba(200, 16, 46, 0.06);
|
||
color: #c8102e;
|
||
margin-bottom: 20px;
|
||
transition:
|
||
background-color 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.16s,
|
||
filter 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.16s;
|
||
}
|
||
|
||
.wwg-card-flown .wwg-icon {
|
||
background: rgba(200, 16, 46, 0.1);
|
||
}
|
||
|
||
.wwg-card-pulse .wwg-icon {
|
||
background: rgba(200, 16, 46, 0.14);
|
||
filter: brightness(1.12);
|
||
}
|
||
|
||
.wwg-card-title {
|
||
font-size: 17px !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wwg-card-desc {
|
||
font-size: 14.5px;
|
||
line-height: 1.55;
|
||
color: rgba(17, 17, 17, 0.6);
|
||
margin: 0;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wwg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.wwg-grid { grid-template-columns: 1fr; padding-left: 28px; }
|
||
/* var(--space-section-lg) floors at a fixed 52px on any phone
|
||
width; trimmed to a real mobile value to match the section
|
||
rhythm near the footer. Matches this file's own MOBILE_BQ
|
||
breakpoint used by the flight-path animation logic. */
|
||
.wwg-section { padding-top: 44px; padding-bottom: 44px; }
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.wwg-card, .wwg-card-glow, .wwg-icon {
|
||
transition: none;
|
||
}
|
||
}
|
||
</style><section class="wwg-section" id="wings-why"><div class="dm-section-container"><div class="wwg-inner"><div class="wwg-header"><div class="wwg-eyebrow">/ Why Doormile Wings /</div><h2 class="wwg-title">Built for the speed of the Gen-Z economy</h2></div><div class="wwg-grid-wrap"><svg class="wwg-flightpath" aria-hidden="true" focusable="false"><path class="wwg-illum-trail" d=""></path><path class="wwg-flightpath-line" d=""></path><g class="wwg-traveler"><circle class="wwg-pulse-bloom" cx="0" cy="0" r="26"></circle><g class="wwg-traveler-directional"><ellipse class="wwg-pulse-halo" cx="0" cy="0" rx="11" ry="6"></ellipse></g><circle class="wwg-pulse-core" cx="0" cy="0" r="2.6"></circle><g class="wwg-traveler-directional"><path class="wwg-aircraft" d="M0,-13 C-0.78,-13 -1.3,-12.22 -1.3,-11.31 L-1.3,-3.9 L-11.05,1.3 L-11.05,3.9 L-1.3,0.91 L-1.3,9.1 L-4.55,11.44 L-4.55,13 L0,11.7 L4.55,13 L4.55,11.44 L1.3,9.1 L1.3,0.91 L11.05,3.9 L11.05,1.3 L1.3,-3.9 L1.3,-11.31 C1.3,-12.22 0.78,-13 0,-13 Z" fill="currentColor"></path></g></g></svg><div class="wwg-grid"><div class="wwg-card"><span class="wwg-card-glow" aria-hidden="true"></span><div class="wwg-icon" aria-hidden="true"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div><h3 class="wwg-card-title">Same-Day Air Logistics</h3><p class="wwg-card-desc">Max 3-hour door-to-door delivery between India's major regional capitals.</p></div><div class="wwg-card"><span class="wwg-card-glow" aria-hidden="true"></span><div class="wwg-icon" aria-hidden="true"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="3"></rect><path d="M9 9h6v6H9z"></path><path d="M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3"></path></svg></div><h3 class="wwg-card-title">AI-Powered Operations</h3><p class="wwg-card-desc">MileTruth™ AI continuously forecasts demand and optimizes every route and load.</p></div><div class="wwg-card"><span class="wwg-card-glow" aria-hidden="true"></span><div class="wwg-icon" aria-hidden="true"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.5"></circle><circle cx="18" cy="6" r="2.5"></circle><circle cx="12" cy="18" r="2.5"></circle><path d="M8.2 7.2 10 16M15.8 7.2 14 16M8.5 6h7"></path></svg></div><h3 class="wwg-card-title">Regional Connectivity</h3><p class="wwg-card-desc">Dedicated air capacity linking major economic hubs, not passenger-belly space.</p></div><div class="wwg-card"><span class="wwg-card-glow" aria-hidden="true"></span><div class="wwg-icon" aria-hidden="true"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M3 13h13l3 4h2v3H3z"></path><circle cx="7" cy="20" r="1.6"></circle><circle cx="16" cy="20" r="1.6"></circle><path d="M6 13V8a1 1 0 0 1 1-1h5l3 6"></path></svg></div><h3 class="wwg-card-title">EV Last Mile</h3><p class="wwg-card-desc">Zero-emission electric vehicles complete every first- and final-mile delivery.</p></div></div></div></div></div></section><style>
|
||
.wsa-section {
|
||
background: #fafafa;
|
||
padding: var(--space-section-lg, 80px) 0;
|
||
}
|
||
|
||
.wsa-header {
|
||
max-width: 720px;
|
||
margin: 0 auto 48px auto;
|
||
text-align: center;
|
||
}
|
||
|
||
.wsa-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.45);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wsa-title {
|
||
font-size: clamp(28px, 3.2vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wsa-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wsa-face-off {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||
gap: 24px;
|
||
}
|
||
|
||
.wsa-panel {
|
||
min-width: 0;
|
||
border-radius: 22px;
|
||
padding: clamp(36px, 4vw, 56px) clamp(24px, 3vw, 40px);
|
||
text-align: center;
|
||
}
|
||
|
||
.wsa-panel-surface {
|
||
background: #ffffff;
|
||
border: 1px solid rgba(17, 17, 17, 0.08);
|
||
}
|
||
|
||
.wsa-panel-wings {
|
||
background: #111114;
|
||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||
}
|
||
|
||
.wsa-panel-label {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-panel-label { color: rgba(17, 17, 17, 0.4); }
|
||
.wsa-panel-wings .wsa-panel-label { color: #c8102e; }
|
||
|
||
.wsa-value {
|
||
font-size: clamp(40px, 6vw, 76px);
|
||
font-weight: 900;
|
||
letter-spacing: -0.03em;
|
||
line-height: 1;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-value { color: #c8102e; }
|
||
.wsa-panel-wings .wsa-value { color: #ffffff; }
|
||
|
||
.wsa-unit {
|
||
margin-top: 10px;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-unit { color: rgba(17, 17, 17, 0.45); }
|
||
.wsa-panel-wings .wsa-unit { color: rgba(255, 255, 255, 0.75); }
|
||
|
||
.wsa-panel-sub {
|
||
margin-top: 18px;
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.wsa-panel-surface .wsa-panel-sub { color: rgba(17, 17, 17, 0.4); }
|
||
.wsa-panel-wings .wsa-panel-sub { color: rgba(255, 255, 255, 0.55); }
|
||
|
||
.wsa-vs {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: 56px;
|
||
height: 56px;
|
||
border-radius: 50%;
|
||
background: #ffffff;
|
||
border: 1px solid rgba(17, 17, 17, 0.1);
|
||
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 1px;
|
||
color: #c8102e;
|
||
z-index: 2;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.wsa-face-off { grid-template-columns: 1fr; gap: 40px; }
|
||
/* Effective visible gap above/below the VS circle is (grid gap +
|
||
this margin), i.e. 40px - 28px = 12px on each side — an equal,
|
||
~40% reduction from the previous 20px/20px so the circle reads
|
||
as bridging the two cards instead of floating in a large empty
|
||
gap. margin: auto keeps it horizontally centered; the shorthand
|
||
applies identically to top and bottom so both stay equal. */
|
||
.wsa-vs { position: static; transform: none; margin: -28px auto; }
|
||
/* var(--space-section-lg) floors at a fixed 52px on any phone
|
||
width; trimmed to a real mobile value to match the section
|
||
rhythm near the footer. */
|
||
.wsa-section { padding-top: 44px; padding-bottom: 44px; }
|
||
}
|
||
</style><section class="wsa-section" id="wings-speed"><div class="dm-section-container"><div class="wsa-header"><div class="wsa-eyebrow">/ The Speed Advantage /</div><h2 class="wsa-title">Same-day, not some-day</h2></div><div class="wsa-inner"><div class="wsa-face-off"><div class="wsa-panel wsa-panel-surface"><div class="wsa-panel-label">Surface Logistics</div><div class="wsa-value">48–<span class="">0</span></div><div class="wsa-unit">Hours</div><p class="wsa-panel-sub">Delhi–Mumbai standard surface transit time.</p></div><div class="wsa-vs">VS</div><div class="wsa-panel wsa-panel-wings"><div class="wsa-panel-label">Doormile Wings</div><div class="wsa-value">Max <span class="">0</span></div><div class="wsa-unit">Hours, Door-to-Door</div><p class="wsa-panel-sub">Same-day delivery between major regional capitals.</p></div></div></div></div></section><style>
|
||
.wfg-section {
|
||
background: #ffffff;
|
||
padding: var(--space-section-lg, 80px) 0;
|
||
}
|
||
|
||
.wfg-header {
|
||
margin: 0 auto 48px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wfg-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.45);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wfg-title {
|
||
font-size: clamp(28px, 3.2vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wfg-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wfg-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 20px;
|
||
}
|
||
|
||
.wfg-card {
|
||
min-width: 0;
|
||
background: #ffffff;
|
||
border: 1px solid rgba(17, 17, 17, 0.1);
|
||
border-radius: 20px;
|
||
padding: 30px 26px;
|
||
transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||
}
|
||
|
||
.wfg-card:hover {
|
||
border-color: #c8102e;
|
||
box-shadow: 0 20px 40px rgba(200, 16, 46, 0.08);
|
||
transform: translateY(-8px);
|
||
}
|
||
|
||
.wfg-icon {
|
||
width: 46px;
|
||
height: 46px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 12px;
|
||
background: rgba(200, 16, 46, 0.06);
|
||
color: #c8102e;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.wfg-card-title {
|
||
font-size: 16.5px !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wfg-card-desc {
|
||
font-size: 14px;
|
||
line-height: 1.55;
|
||
color: rgba(17, 17, 17, 0.6);
|
||
margin: 0;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wfg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.wfg-grid { grid-template-columns: 1fr; }
|
||
/* var(--space-section-lg) floors at a fixed 52px on any phone
|
||
width (clamp() has no further breakpoint-based step-down), which
|
||
reads as noticeably heavier than the section rhythm near the
|
||
footer. Trimmed to a real mobile value here instead. */
|
||
.wfg-section { padding-top: 44px; padding-bottom: 44px; }
|
||
}
|
||
</style><section class="wfg-section" id="wings-features"><div class="dm-section-container"><div class="wfg-inner"><div class="wfg-header"><div class="wfg-eyebrow">/ Why Businesses Choose Doormile Wings /</div><h2 class="wfg-title">Built to be depended on</h2></div><div class="wfg-grid"><div class="wfg-card"><div class="wfg-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a4 4 0 0 1 4 4v1a4 4 0 0 1-1.2 2.86A4 4 0 0 1 16 13v1a4 4 0 0 1-4 4 4 4 0 0 1-4-4v-1a4 4 0 0 1 1.2-3.14A4 4 0 0 1 8 7V6a4 4 0 0 1 4-4Z"></path><path d="M9 21h6M12 18v3"></path></svg></div><h3 class="wfg-card-title">AI Decision Engine</h3><p class="wfg-card-desc">MileTruth™ AI continuously forecasts demand and optimizes routing and load decisions in real time.</p></div><div class="wfg-card"><div class="wfg-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg></div><h3 class="wfg-card-title">Real-Time Visibility</h3><p class="wfg-card-desc">Live shipment tracking keeps shippers, ground teams, and customers updated at every stage.</p></div><div class="wfg-card"><div class="wfg-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="13 6 19 12 13 18"></polyline></svg></div><h3 class="wfg-card-title">Faster Regional Reach</h3><p class="wfg-card-desc">A dedicated network linking major regional capitals, built for speed rather than passenger schedules.</p></div><div class="wfg-card"><div class="wfg-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="3"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line><path d="M9 16l2 2 4-4"></path></svg></div><h3 class="wfg-card-title">Reliable Scheduled Operations</h3><p class="wfg-card-desc">Dedicated freighter capacity with consistent schedules — not subject to passenger-belly bumping.</p></div></div></div></div></section><style>
|
||
.wind-section {
|
||
background: #fafafa;
|
||
padding: var(--space-section-lg, 80px) 0 20px 0; /* Reduced bottom padding to minimize gap */
|
||
}
|
||
|
||
.wind-header {
|
||
margin: 0 auto 48px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wind-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.45);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wind-title {
|
||
font-size: clamp(28px, 3.2vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wind-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wind-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 20px;
|
||
}
|
||
|
||
.wind-card {
|
||
position: relative;
|
||
min-width: 0;
|
||
aspect-ratio: 4 / 5;
|
||
border-radius: 20px;
|
||
overflow: hidden;
|
||
background: linear-gradient(150deg, #17171b 0%, #0b0b0d 100%);
|
||
isolation: isolate;
|
||
}
|
||
|
||
.wind-card-wash {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: linear-gradient(160deg, rgba(200, 16, 46, 0.35) 0%, rgba(200, 16, 46, 0) 60%);
|
||
opacity: 0.5;
|
||
transition: opacity 0.4s ease;
|
||
}
|
||
|
||
.wind-card:hover .wind-card-wash {
|
||
opacity: 1;
|
||
}
|
||
|
||
.wind-card-default {
|
||
position: absolute;
|
||
left: 24px;
|
||
right: 24px;
|
||
bottom: 24px;
|
||
transition: opacity 0.3s ease, transform 0.3s ease;
|
||
}
|
||
|
||
.wind-card:hover .wind-card-default {
|
||
opacity: 0;
|
||
transform: translateY(8px);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.wind-card .wind-card-default-title {
|
||
font-size: 20px !important;
|
||
font-weight: 800 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wind-card-hover {
|
||
position: absolute;
|
||
inset: 0;
|
||
padding: 26px 24px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: flex-end;
|
||
gap: 14px;
|
||
opacity: 0;
|
||
transform: translateY(10px);
|
||
transition: opacity 0.35s ease, transform 0.35s ease;
|
||
}
|
||
|
||
.wind-card:hover .wind-card-hover {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.wind-card .wind-card-hover-title {
|
||
font-size: 19px !important;
|
||
font-weight: 800 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wind-card-label {
|
||
font-size: 10.5px;
|
||
font-weight: 800;
|
||
letter-spacing: 1.2px;
|
||
text-transform: uppercase;
|
||
color: rgba(255, 255, 255, 0.5);
|
||
margin: 0 0 4px 0;
|
||
}
|
||
|
||
.wind-card-text {
|
||
font-size: 13px;
|
||
line-height: 1.5;
|
||
color: rgba(255, 255, 255, 0.85);
|
||
margin: 0;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wind-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.wind-grid { grid-template-columns: 1fr; }
|
||
.wind-card { aspect-ratio: 3 / 4; }
|
||
/* var(--space-section-lg) floors at a fixed 52px on any phone
|
||
width; bottom is already trimmed to 20px, so only the top needs
|
||
a real mobile reduction to match the section rhythm near the
|
||
footer. */
|
||
.wind-section { padding-top: 44px; }
|
||
}
|
||
</style><section class="wind-section" id="wings-industries"><div class="dm-section-container"><div class="wind-inner"><div class="wind-header"><div class="wind-eyebrow">/ Industries We Serve /</div><h2 class="wind-title">Built for the shipments that can’t wait</h2></div><div class="wind-grid"><div class="wind-card" style="background-image:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card 1.png');background-size:cover;background-position:center"><div class="wind-card-wash" aria-hidden="true"></div><div class="wind-card-default"><h3 class="wind-card-default-title">Quick Commerce</h3></div><div class="wind-card-hover"><h3 class="wind-card-hover-title">Quick Commerce</h3><div><p class="wind-card-label">Challenge</p><p class="wind-card-text">Sub-3-hour delivery windows for dark stores and micro-warehouses.</p></div><div><p class="wind-card-label">Doormile Wings</p><p class="wind-card-text">Dedicated same-day air capacity linking metros to fulfillment hubs.</p></div></div></div><div class="wind-card" style="background-image:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card 2.png');background-size:cover;background-position:center"><div class="wind-card-wash" aria-hidden="true"></div><div class="wind-card-default"><h3 class="wind-card-default-title">Express B2B Cargo</h3></div><div class="wind-card-hover"><h3 class="wind-card-hover-title">Express B2B Cargo</h3><div><p class="wind-card-label">Challenge</p><p class="wind-card-text">Time-critical industrial parts and components stuck on slow trunk routes.</p></div><div><p class="wind-card-label">Doormile Wings</p><p class="wind-card-text">Rapid airport-to-airport transport between major economic nodes.</p></div></div></div><div class="wind-card" style="background-image:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card 3.png');background-size:cover;background-position:center"><div class="wind-card-wash" aria-hidden="true"></div><div class="wind-card-default"><h3 class="wind-card-default-title">Healthcare & Pharma</h3></div><div class="wind-card-hover"><h3 class="wind-card-hover-title">Healthcare & Pharma</h3><div><p class="wind-card-label">Challenge</p><p class="wind-card-text">Temperature-sensitive, compliance-critical shipments with zero margin for error.</p></div><div><p class="wind-card-label">Doormile Wings</p><p class="wind-card-text">Active and passive cold-chain packaging with full chain-of-custody tracking.</p></div></div></div><div class="wind-card" style="background-image:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card4.png');background-size:cover;background-position:center"><div class="wind-card-wash" aria-hidden="true"></div><div class="wind-card-default"><h3 class="wind-card-default-title">Cold Chain Logistics</h3></div><div class="wind-card-hover"><h3 class="wind-card-hover-title">Cold Chain Logistics</h3><div><p class="wind-card-label">Challenge</p><p class="wind-card-text">Perishables and fresh goods that can't survive slow surface transit.</p></div><div><p class="wind-card-label">Doormile Wings</p><p class="wind-card-text">Precision temperature tracking matched to airline-speed transit.</p></div></div></div><div class="wind-card" style="background-image:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card5.png');background-size:cover;background-position:center"><div class="wind-card-wash" aria-hidden="true"></div><div class="wind-card-default"><h3 class="wind-card-default-title">High-Value Cargo</h3></div><div class="wind-card-hover"><h3 class="wind-card-hover-title">High-Value Cargo</h3><div><p class="wind-card-label">Challenge</p><p class="wind-card-text">Zero tolerance for loss, tampering, or delay on high-value shipments.</p></div><div><p class="wind-card-label">Doormile Wings</p><p class="wind-card-text">Maximum-security handling with real-time electronic custody tracking.</p></div></div></div><div class="wind-card" style="background-image:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card6.png');background-size:cover;background-position:center"><div class="wind-card-wash" aria-hidden="true"></div><div class="wind-card-default"><h3 class="wind-card-default-title">E-Commerce Logistics</h3></div><div class="wind-card-hover"><h3 class="wind-card-hover-title">E-Commerce Logistics</h3><div><p class="wind-card-label">Challenge</p><p class="wind-card-text">Next-day and same-day fulfillment expectations across tier-1 and tier-2 cities.</p></div><div><p class="wind-card-label">Doormile Wings</p><p class="wind-card-text">Direct sorting-hub-to-airport clearance network for faster regional delivery.</p></div></div></div></div></div></div></section><section class="WingsHowItWorks-module__yyfdHG__section" id="wings-how-it-works"><div class="WingsHowItWorks-module__yyfdHG__sectionShell"><div class="WingsHowItWorks-module__yyfdHG__headerRow"><div class="WingsHowItWorks-module__yyfdHG__header"><div class="WingsHowItWorks-module__yyfdHG__eyebrow">/ How It Works /</div><h2 class="WingsHowItWorks-module__yyfdHG__title">Pickup to<br/>delivery, one<br/>connected flow</h2></div><div class="WingsHowItWorks-module__yyfdHG__progress" aria-hidden="true"><span class="WingsHowItWorks-module__yyfdHG__progressCount">01<!-- --> / <!-- -->05</span><span class="WingsHowItWorks-module__yyfdHG__progressTrack"><span class="WingsHowItWorks-module__yyfdHG__progressFill" style="width:20%"></span></span></div></div><div class="WingsHowItWorks-module__yyfdHG__flow"><div class="WingsHowItWorks-module__yyfdHG__step WingsHowItWorks-module__yyfdHG__stepActive" role="button" tabindex="0"><div class="WingsHowItWorks-module__yyfdHG__stepTop"><span class="WingsHowItWorks-module__yyfdHG__stepNum">01</span><span class="WingsHowItWorks-module__yyfdHG__stepTag"><span class="WingsHowItWorks-module__yyfdHG__stepIcon" aria-hidden="true"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M3 13h13l3 4h2v3H3z"></path><circle cx="7" cy="20" r="1.6"></circle><circle cx="16" cy="20" r="1.6"></circle><path d="M6 13V8a1 1 0 0 1 1-1h5l3 6"></path></svg></span>Step</span></div><div class="WingsHowItWorks-module__yyfdHG__stepBottom"><h3 class="WingsHowItWorks-module__yyfdHG__stepTitle">Local Pickup</h3><p class="WingsHowItWorks-module__yyfdHG__stepDesc">Fast, on-demand first-mile logistics dispatched by electric vehicle.</p></div></div><div class="WingsHowItWorks-module__yyfdHG__step " role="button" tabindex="0"><div class="WingsHowItWorks-module__yyfdHG__stepTop"><span class="WingsHowItWorks-module__yyfdHG__stepNum">02</span><span class="WingsHowItWorks-module__yyfdHG__stepTag"><span class="WingsHowItWorks-module__yyfdHG__stepIcon" aria-hidden="true"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"></path><path d="m9 12 2 2 4-4"></path></svg></span>Step</span></div><div class="WingsHowItWorks-module__yyfdHG__stepBottom"><h3 class="WingsHowItWorks-module__yyfdHG__stepTitle">Airport Clearance</h3><p class="WingsHowItWorks-module__yyfdHG__stepDesc">Automated screening, grouping, and rapid cross-docking at the hub.</p></div></div><div class="WingsHowItWorks-module__yyfdHG__step " role="button" tabindex="0"><div class="WingsHowItWorks-module__yyfdHG__stepTop"><span class="WingsHowItWorks-module__yyfdHG__stepNum">03</span><span class="WingsHowItWorks-module__yyfdHG__stepTag"><span class="WingsHowItWorks-module__yyfdHG__stepIcon" aria-hidden="true"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-6l-4-9-2 1 3 8H5l-2-3-1.5.6L3 14l1.5 4.4L6 18l-2-3h8l3 8 2-1-3-8h6z"></path></svg></span>Step</span></div><div class="WingsHowItWorks-module__yyfdHG__stepBottom"><h3 class="WingsHowItWorks-module__yyfdHG__stepTitle">Air Transit</h3><p class="WingsHowItWorks-module__yyfdHG__stepDesc">Optimized cargo flights bypass surface congestion on our regional fleet.</p></div></div><div class="WingsHowItWorks-module__yyfdHG__step " role="button" tabindex="0"><div class="WingsHowItWorks-module__yyfdHG__stepTop"><span class="WingsHowItWorks-module__yyfdHG__stepNum">04</span><span class="WingsHowItWorks-module__yyfdHG__stepTag"><span class="WingsHowItWorks-module__yyfdHG__stepIcon" aria-hidden="true"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="10" width="16" height="11" rx="1"></rect><path d="M9 21v-6h6v6M4 10 12 3l8 7"></path></svg></span>Step</span></div><div class="WingsHowItWorks-module__yyfdHG__stepBottom"><h3 class="WingsHowItWorks-module__yyfdHG__stepTitle">Destination Hub</h3><p class="WingsHowItWorks-module__yyfdHG__stepDesc">Immediate de-consolidation and screening upon arrival.</p></div></div><div class="WingsHowItWorks-module__yyfdHG__step " role="button" tabindex="0"><div class="WingsHowItWorks-module__yyfdHG__stepTop"><span class="WingsHowItWorks-module__yyfdHG__stepNum">05</span><span class="WingsHowItWorks-module__yyfdHG__stepTag"><span class="WingsHowItWorks-module__yyfdHG__stepIcon" aria-hidden="true"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M3 13h13l3 4h2v3H3z"></path><circle cx="7" cy="20" r="1.6"></circle><circle cx="16" cy="20" r="1.6"></circle><path d="M6 13V8a1 1 0 0 1 1-1h5l3 6"></path></svg></span>Step</span></div><div class="WingsHowItWorks-module__yyfdHG__stepBottom"><h3 class="WingsHowItWorks-module__yyfdHG__stepTitle">EV Last-Mile</h3><p class="WingsHowItWorks-module__yyfdHG__stepDesc">Zero-emission electric vehicles complete the final delivery.</p></div></div></div></div></section><div id="wings-fleet"><style>
|
||
@media (max-width: 767px) {
|
||
#wings-fleet .evnd-gap-bottom { margin-bottom: 14px !important; }
|
||
}
|
||
</style><style>
|
||
/* ============================================================
|
||
EV-Native Design — redesigned section
|
||
bg #080808 · red #ef4444 · Manrope
|
||
============================================================ */
|
||
|
||
.evnd, .evnd * { font-family: "Manrope", Sans-serif !important; }
|
||
|
||
/* External gap helpers — keep stacked workflow sections on one rhythm
|
||
(Desktop 40 · Tablet 32 · Mobile 24). Single-sided per boundary. */
|
||
.evnd-gap-top { margin-top: 40px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 40px !important; }
|
||
|
||
.evnd {
|
||
position: relative;
|
||
isolation: isolate;
|
||
overflow: hidden;
|
||
background: #080808;
|
||
/* flat top so it connects seamlessly to the banner above; rounded
|
||
bottom only, and no top margin so there is no white gap */
|
||
border-radius: 0 0 clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px);
|
||
margin: 0 0 clamp(28px, 5vw, 64px);
|
||
padding: 64px 48px clamp(48px, 6vw, 80px);
|
||
}
|
||
/* ---- Tighten the space below the KPI bar (WF1/WF2 only) ----
|
||
The base section reserves a tall padding-bottom (up to 80px) plus a
|
||
margin-bottom (up to 64px) that renders as a #0d0d0d band inside the
|
||
rounded container — together ~144px of empty space after the KPI bar.
|
||
The workflows end at the bar, so trim both: the bar now sits close to
|
||
the section's bottom edge, and the outer .evnd-gap-bottom (40px) still
|
||
provides clean separation to the next section. Scoped to .evnd--cards
|
||
(specificity beats the base + responsive .evnd rules at every
|
||
breakpoint) so the homepage EV section keeps its original spacing. */
|
||
.evnd.evnd--cards {
|
||
padding-bottom: clamp(28px, 3vw, 40px);
|
||
margin-bottom: clamp(8px, 1vw, 14px);
|
||
}
|
||
/* ---- Tighten the banner → black-section transition (≥768px) ----
|
||
From 768px up the floating title card overlaps with a FIXED budget
|
||
(margin-top:-298px into the banner, -70px into this section). The
|
||
workflow cards carry longer subtitles than the homepage card, so they
|
||
run taller than that budget and the overflow shows as a dark #0d0d0d
|
||
spacer between the hero image and this black section. Pull the section
|
||
up under the banner to swallow that strip — the card (z-index 2) stays
|
||
on top, so the overlapping card design is preserved. The flat top tucks
|
||
cleanly behind the banner. Not applied ≤767px, where the card sits
|
||
inline (no overlap) and no spacer exists — so mobile is unchanged. */
|
||
@media (min-width: 768px) {
|
||
.evnd { margin-top: -60px; }
|
||
}
|
||
/* ---- Floating card sizing: content-driven, not container-driven ----
|
||
The exported Elementor card reserves a lot of vertical space that the
|
||
short title + subtitle don't fill: the red text block (3b61435) carried
|
||
64px/73px top/bottom padding and the empty white footer strip (5aea22e)
|
||
a 70px min-height. Trim both so the card height tracks the text, while
|
||
keeping the two-tone red/white design, the 25px corner radius, and the
|
||
typography untouched. These rules live in the (body) inline <style> so
|
||
they override site.css at equal specificity; values tighten on mobile.
|
||
Applies to every workflow card (shared element IDs) for consistency. */
|
||
.elementor-element.elementor-element-3b61435 {
|
||
--padding-top: 46px;
|
||
--padding-bottom: 38px;
|
||
}
|
||
/* Fix missing font-size for card title that caused it to inherit 80px h2 */
|
||
.elementor-element.elementor-element-239afbb .logico-title {
|
||
font-size: clamp(28px, 3.5vw, 40px) !important;
|
||
}
|
||
.elementor-element.elementor-element-5aea22e {
|
||
--min-height: 38px;
|
||
--padding-top: 14px;
|
||
--padding-bottom: 14px;
|
||
}
|
||
@media (max-width: 1020px) {
|
||
.elementor-element.elementor-element-3b61435 {
|
||
--padding-top: 34px;
|
||
--padding-bottom: 28px;
|
||
}
|
||
.elementor-element.elementor-element-5aea22e {
|
||
--min-height: 32px;
|
||
--padding-top: 12px;
|
||
--padding-bottom: 12px;
|
||
}
|
||
}
|
||
@media (max-width: 660px) {
|
||
/* Mobile: trim more aggressively so there is no large empty area
|
||
below the paragraph. */
|
||
.elementor-element.elementor-element-3b61435 {
|
||
--padding-top: 26px;
|
||
--padding-bottom: 22px;
|
||
}
|
||
.elementor-element.elementor-element-5aea22e {
|
||
--min-height: 24px;
|
||
--padding-top: 10px;
|
||
--padding-bottom: 10px;
|
||
}
|
||
}
|
||
/* subtle diagonal light band for depth (matches reference) */
|
||
.evnd::before {
|
||
content: '';
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: 0;
|
||
pointer-events: none;
|
||
background: linear-gradient(120deg, transparent 28%, rgba(255,255,255,0.015) 50%, transparent 72%);
|
||
}
|
||
.evnd__inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
|
||
|
||
/* ---- MAIN GRID ---- */
|
||
.evnd__grid {
|
||
display: grid;
|
||
grid-template-columns: 1.15fr 1fr;
|
||
gap: clamp(32px, 4vw, 56px);
|
||
align-items: center;
|
||
}
|
||
/* Split-screen workflow layout: ~60/40 so the compact dashboard column
|
||
carries enough weight to balance the Three.js scene. align-items:
|
||
stretch lets the dashboard panel match the scene height. */
|
||
.evnd__grid--cards {
|
||
grid-template-columns: 1.5fr 1fr;
|
||
align-items: stretch;
|
||
}
|
||
.evnd__grid--cards .evnd__left { justify-content: center; }
|
||
.evnd__grid--cards .evnd__left,
|
||
.evnd__grid--cards .evnd__media { width: 100%; }
|
||
|
||
/* ---- Desktop height alignment: scene and dashboard share one row height.
|
||
A min-height floor on the scene column sets the baseline row height;
|
||
both columns stretch to the row via grid align-items: stretch. The
|
||
dashboard uses min-height:100% and its feature list grows (flex:1) to
|
||
fill any extra height so the panel always matches the scene. */
|
||
@media (min-width: 992px) {
|
||
.evnd__grid--cards .evnd__left {
|
||
min-height: clamp(560px, 40vw, 620px);
|
||
}
|
||
.evnd__grid--cards .evnd__media,
|
||
.evnd__grid--cards .evnd__imgwrap--media,
|
||
.evnd__grid--cards .wf-scene { height: 100%; }
|
||
.evnd__grid--cards .wf-scene { aspect-ratio: auto; }
|
||
.evnd__grid--cards .evnd__dash { min-height: 100%; }
|
||
/* Static-image media (Workflow 2): cap the image height with a fixed
|
||
max-height so it sits at roughly the dashboard's row height instead
|
||
of towering hundreds of px below it. width:auto keeps the aspect
|
||
ratio (no stretch, no crop) and the frame hugs the image
|
||
(fit-content), so it stays centred with no side bands. The cap is
|
||
kept below the dashboard height so the image never inflates the row.
|
||
Scoped to the non-scene wrapper; desktop only, mobile untouched. */
|
||
.evnd__grid--cards .evnd__imgwrap:not(.evnd__imgwrap--media):not(.evnd__imgwrap--video) {
|
||
width: fit-content;
|
||
max-width: 100%;
|
||
margin-inline: auto;
|
||
}
|
||
.evnd__grid--cards .evnd__imgwrap:not(.evnd__imgwrap--media):not(.evnd__imgwrap--video) .evnd__img {
|
||
width: auto;
|
||
height: auto;
|
||
max-height: clamp(520px, 46vw, 670px);
|
||
max-width: 100%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1200px) {
|
||
.evnd__grid--cards .evnd__imgwrap--video {
|
||
width: 100%;
|
||
height: 100%;
|
||
min-height: 100%;
|
||
}
|
||
.evnd__grid--cards .evnd__imgwrap--video .evnd__video {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
}
|
||
}
|
||
|
||
.evnd__left {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.evnd__right {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.evnd__eyebrow {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.16em;
|
||
font-size: 13px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.evnd__eyebrow::before {
|
||
content: '';
|
||
width: 16px;
|
||
height: 2px;
|
||
background: #ef4444;
|
||
}
|
||
|
||
/* ---- Heading → content gap ----
|
||
Deliberately set here (on the wrapper div) rather than as
|
||
margin-bottom on .evnd__title (the <h2>): a global site.css rule
|
||
(.logico-front-end h2:not([class*="logico-title-h"]):last-child)
|
||
outweighs .evnd__title's own specificity and zeroes any bottom
|
||
margin placed on the heading itself, since the h2 is always the
|
||
last child of .evnd__heading. Setting it here sidesteps that
|
||
collision and gives every workflow section + Fleet Strategy one
|
||
shared, consistent gap. */
|
||
.evnd__heading {
|
||
margin-bottom: 40px;
|
||
}
|
||
@media (max-width: 991px) and (min-width: 768px) {
|
||
.evnd__heading {
|
||
margin-bottom: 34px;
|
||
}
|
||
}
|
||
|
||
.evnd__title {
|
||
color: #fff !important;
|
||
font-weight: 800 !important;
|
||
font-size: clamp(32px, 3.8vw, 48px) !important;
|
||
line-height: 1.15 !important;
|
||
letter-spacing: -0.01em;
|
||
margin: 0;
|
||
}
|
||
@media (min-width: 768px) {
|
||
.evnd__title {
|
||
white-space: nowrap;
|
||
}
|
||
}
|
||
.evnd__title .accent {
|
||
color: #ef4444 !important;
|
||
}
|
||
|
||
.evnd__media {
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.evnd__glow {
|
||
position: absolute;
|
||
left: 50%; bottom: -4%;
|
||
width: 80%; height: 80px;
|
||
transform: translateX(-50%);
|
||
background: radial-gradient(50% 50% at 50% 50%, rgba(239,68,68,0.3), transparent 72%);
|
||
filter: blur(35px);
|
||
z-index: 0;
|
||
animation: evndGlow 4s ease-in-out infinite;
|
||
}
|
||
.evnd__imgwrap {
|
||
position: relative;
|
||
z-index: 1;
|
||
overflow: hidden;
|
||
border-radius: 16px;
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85);
|
||
}
|
||
.evnd__img {
|
||
display: block;
|
||
width: 100%;
|
||
height: auto;
|
||
object-fit: cover;
|
||
transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
|
||
}
|
||
.evnd__video {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
.evnd__imgwrap:hover .evnd__img {
|
||
transform: scale(1.03);
|
||
}
|
||
|
||
/* Badge overlay styling */
|
||
.evnd__badge {
|
||
position: absolute;
|
||
z-index: 2;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 2px;
|
||
padding: 12px 16px;
|
||
background: rgba(13,13,13,0.72);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 8px;
|
||
backdrop-filter: blur(12px);
|
||
-webkit-backdrop-filter: blur(12px);
|
||
}
|
||
.evnd__badge b {
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
font-size: 24px;
|
||
line-height: 1;
|
||
}
|
||
.evnd__badge span {
|
||
color: rgba(255,255,255,0.7) !important;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
}
|
||
.evnd__badge--tl { top: 20px; left: 20px; }
|
||
.evnd__badge--br { bottom: 20px; right: 20px; }
|
||
|
||
/* ---- Homepage feature cards (default, no-dashboard mode) ---- */
|
||
.evnd__features {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
height: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
.evnd-feature {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: 48px minmax(0, 1fr) auto;
|
||
gap: 20px;
|
||
align-items: start;
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.05);
|
||
border-radius: 16px;
|
||
padding: 24px;
|
||
overflow: hidden;
|
||
transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(.25,1,.5,1);
|
||
}
|
||
.evnd-feature__body { min-width: 0; }
|
||
.evnd-feature::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0; top: 0; bottom: 0;
|
||
width: 3px;
|
||
background: #ef4444;
|
||
transform: scaleY(0);
|
||
transform-origin: bottom;
|
||
transition: transform 0.4s ease;
|
||
}
|
||
.evnd-feature:hover {
|
||
background: rgba(239,68,68,0.03);
|
||
border-color: rgba(239,68,68,0.2);
|
||
transform: translateY(-2px);
|
||
}
|
||
.evnd-feature:hover::before { transform: scaleY(1); }
|
||
|
||
.evnd-feature__icon-container {
|
||
width: 48px; height: 48px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
background: rgba(255,255,255,0.03);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 12px;
|
||
transition: background-color 0.3s ease, border-color 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__icon-container {
|
||
background: rgba(239,68,68,0.08);
|
||
border-color: rgba(239,68,68,0.25);
|
||
}
|
||
|
||
.evnd-icon {
|
||
width: 22px;
|
||
height: 22px;
|
||
display: block;
|
||
}
|
||
|
||
.evnd-feature__title {
|
||
color: #fff !important;
|
||
font-weight: 700;
|
||
font-size: 15px !important;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
margin: 4px 0 8px;
|
||
transition: color 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__title { color: #ef4444 !important; }
|
||
.evnd-feature__desc {
|
||
color: rgba(255,255,255,0.65) !important;
|
||
font-weight: 400 !important;
|
||
font-size: 16px !important;
|
||
line-height: 1.6 !important;
|
||
margin: 0;
|
||
}
|
||
.evnd-feature__arrow {
|
||
color: rgba(255,255,255,0.25);
|
||
font-size: 16px;
|
||
align-self: flex-start;
|
||
margin-top: 4px;
|
||
transition: color 0.3s ease, transform 0.3s ease;
|
||
}
|
||
.evnd-feature:hover .evnd-feature__arrow { color: #ef4444; transform: translate(3px, -3px); }
|
||
|
||
/* When the left media is a live 3D scene, let it define its own height
|
||
(via aspect-ratio) — drop the image-only hover zoom container quirks. */
|
||
.evnd__imgwrap--media { box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85); }
|
||
|
||
/* ============================================================
|
||
COMPACT DASHBOARD (MileTruth workflow right column).
|
||
A small KPI row over compact feature cards, on the animated network
|
||
backdrop. Themed per-workflow via CSS vars (--ca accent · --ca2
|
||
secondary · --cg glow). Falls back to the section red.
|
||
============================================================ */
|
||
.evnd__dash {
|
||
--ca: #ef4444;
|
||
--ca2: #f59e0b;
|
||
--cg: rgba(239,68,68,0.22);
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 18px;
|
||
width: 100%;
|
||
/* panel surface so the column reads as a real dashboard, not empty space */
|
||
background:
|
||
radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--ca) 9%, transparent) 0%, transparent 55%),
|
||
linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.01) 100%);
|
||
border: 1px solid rgba(255,255,255,0.07);
|
||
border-radius: 20px;
|
||
padding: 24px;
|
||
overflow: hidden;
|
||
isolation: isolate;
|
||
}
|
||
.evnd__dash-head,
|
||
.evnd__dash-kpis,
|
||
.evnd__dash-feats { position: relative; z-index: 1; }
|
||
|
||
/* dashboard header row */
|
||
.evnd__dash-head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
}
|
||
.evnd__dash-live {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 9px;
|
||
color: var(--ca) !important;
|
||
font-weight: 800;
|
||
font-size: 12px;
|
||
letter-spacing: 0.16em;
|
||
text-transform: uppercase;
|
||
}
|
||
.evnd__dash-livedot {
|
||
width: 8px; height: 8px;
|
||
border-radius: 50%;
|
||
background: var(--ca);
|
||
box-shadow: 0 0 0 0 var(--cg);
|
||
animation: evndPulse 1.8s ease-out infinite;
|
||
}
|
||
@keyframes evndPulse {
|
||
0% { box-shadow: 0 0 0 0 var(--cg); opacity: 1; }
|
||
70% { box-shadow: 0 0 0 8px transparent; opacity: 0.7; }
|
||
100% { box-shadow: 0 0 0 0 transparent; opacity: 1; }
|
||
}
|
||
.evnd__dash-sys {
|
||
color: rgba(255,255,255,0.4) !important;
|
||
font-weight: 700;
|
||
font-size: 11px;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
/* ---- Compact KPI row ---- */
|
||
.evnd__dash-kpis {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 12px;
|
||
}
|
||
.evnd__kpi {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 5px;
|
||
padding: 14px 16px;
|
||
background: rgba(255,255,255,0.025);
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
border-radius: 14px;
|
||
}
|
||
.evnd__kpi-val {
|
||
color: #fff !important;
|
||
font-weight: 800;
|
||
font-size: clamp(26px, 3vw, 34px);
|
||
line-height: 1;
|
||
letter-spacing: -0.02em;
|
||
background: linear-gradient(120deg, #fff 0%, var(--ca) 135%);
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.evnd__kpi-label {
|
||
color: rgba(255,255,255,0.6) !important;
|
||
font-weight: 600;
|
||
font-size: 12.5px;
|
||
letter-spacing: 0.01em;
|
||
}
|
||
/* Non-numeric KPI concepts (EVStat.text) — same gradient treatment as
|
||
the counted values, sized down so short codes/words don't inherit
|
||
the numeric clamp() meant for 2-3 digit figures. */
|
||
.evnd__kpi-val--text {
|
||
font-size: clamp(18px, 1.6vw, 22px) !important;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
/* ============================================================
|
||
Large-screen layout balance (WF1/WF2 dashboard only, ≥1440px).
|
||
Root cause of the empty space is an oversized dashboard column, not
|
||
the KPI cards: give the Three.js scene more of the row (≈66/34, up to
|
||
68/32 on ultra-wide) and pin the dashboard panel to a compact fixed
|
||
max-width, centred in its column — so the KPI cards and feature rows
|
||
stop stretching and read as content-sized. Card heights, typography,
|
||
card styling, animations and the scene itself are untouched; only the
|
||
column proportions, panel width and KPI content alignment change.
|
||
(.evnd__inner caps at 1280px, so one ratio step covers all 1440+
|
||
widths; the 1600/1920 steps tighten the split further on very wide
|
||
displays.) Everything is scoped to .evnd__grid--cards and ≥1440px, so
|
||
the homepage EV section and tablet/laptop/mobile layouts are unchanged.
|
||
============================================================ */
|
||
@media (min-width: 1440px) {
|
||
/* Let the content area grow past the 1280px base cap so the scene
|
||
can get wider on large screens (scoped to WF1/WF2 — the homepage
|
||
EV section keeps its 1280px inner). Viewport/padding still limit
|
||
this at smaller widths; it mainly pays off at ~1600px+. */
|
||
.evnd__inner--cards { max-width: 1560px; }
|
||
/* Dashboard pinned to a fixed 600px track; the scene (1fr) absorbs
|
||
ALL the extra width, so growing the inner widens the scene only. */
|
||
.evnd__grid--cards { grid-template-columns: 1fr 600px; }
|
||
.evnd__grid--cards .evnd__dash {
|
||
max-width: 600px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
/* Centre the KPI value/label so the cards read balanced rather than
|
||
left-hugging (height/type/styling unchanged). */
|
||
.evnd__grid--cards .evnd__kpi {
|
||
align-items: center;
|
||
text-align: center;
|
||
}
|
||
}
|
||
@media (min-width: 1920px) {
|
||
/* Ultra-wide: give the scene even more room (dashboard stays 600px). */
|
||
.evnd__inner--cards { max-width: 1720px; }
|
||
}
|
||
/* ---- Static-image workflow (Workflow 2) layout, 1440px+ ----
|
||
The asset is PORTRAIT, so it can't fill the wide scene column without
|
||
cropping. To show the WHOLE image (no missing content) it's hugged to
|
||
its own width via the ≥992 rules (fit-content frame + height cap) and
|
||
centred next to the 600px dashboard (same width as Workflow 1) with the
|
||
pair centred in a tightened inner — full image, no crop, no dead space.
|
||
It therefore sits a little narrower than the dashboard; filling the
|
||
column edge-to-edge would need a landscape source image. */
|
||
@media (min-width: 1440px) {
|
||
.evnd__inner--cards.evnd__inner--img { max-width: 1200px; }
|
||
.evnd__grid--cards.evnd__grid--img {
|
||
grid-template-columns: auto 600px;
|
||
justify-content: center;
|
||
gap: clamp(40px, 3vw, 56px);
|
||
}
|
||
}
|
||
|
||
/* ---- Compact feature cards ---- */
|
||
.evnd__dash-feats {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
flex: 1 0 auto;
|
||
}
|
||
.evnd__dfeat {
|
||
display: grid;
|
||
grid-template-columns: 38px minmax(0, 1fr);
|
||
gap: 14px;
|
||
align-items: center;
|
||
padding: 13px 16px;
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
border-radius: 14px;
|
||
transition: background-color 0.35s ease, border-color 0.35s ease, transform 0.35s cubic-bezier(.25,1,.5,1);
|
||
}
|
||
.evnd__dfeat:hover {
|
||
background: color-mix(in srgb, var(--ca) 5%, transparent);
|
||
border-color: color-mix(in srgb, var(--ca) 28%, transparent);
|
||
transform: translateY(-2px);
|
||
}
|
||
.evnd__dfeat-ico {
|
||
width: 38px; height: 38px;
|
||
display: flex; align-items: center; justify-content: center;
|
||
color: var(--ca);
|
||
background: color-mix(in srgb, var(--ca) 12%, transparent);
|
||
border: 1px solid color-mix(in srgb, var(--ca) 30%, transparent);
|
||
border-radius: 10px;
|
||
}
|
||
.evnd__dfeat-ico svg { width: 19px; height: 19px; display: block; }
|
||
.evnd__dfeat-body { min-width: 0; }
|
||
.evnd__dfeat-title {
|
||
display: block;
|
||
color: #fff !important;
|
||
font-weight: 700;
|
||
font-size: 14px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.04em;
|
||
margin-bottom: 3px;
|
||
}
|
||
.evnd__dfeat-desc {
|
||
color: rgba(255,255,255,0.6) !important;
|
||
font-weight: 400 !important;
|
||
font-size: 16px !important;
|
||
line-height: 1.55 !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
/* ============================================================
|
||
Shared global-network backdrop (WF1/WF2) — the dotted world-map
|
||
silhouette + animated hub network reused VERBATIM from the Women
|
||
Empowerment section (IndustryWorldMap canvas), tinted to the workflow
|
||
accent. Full-bleed, behind the .evnd__inner content (z 0 vs z 1),
|
||
pointer-events free, held to a subtle 5–10% opacity so the KPI cards,
|
||
feature cards and insight content stay the primary focus.
|
||
============================================================ */
|
||
.evnd__map {
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: 0;
|
||
/* Matches the Women Empowerment section's .ws-map treatment (flat
|
||
opacity, no mask — same implementation). On this darker #080808
|
||
background the grey dots are already very low contrast, so this
|
||
sits subtle while keeping the world-map silhouette readable. */
|
||
opacity: 0.5;
|
||
pointer-events: none;
|
||
overflow: hidden;
|
||
}
|
||
.evnd__map canvas { display: block; width: 100%; height: 100%; }
|
||
|
||
/* ---- BOTTOM BAR (homepage / default mode) ---- */
|
||
.evnd__bar {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
background: rgba(255,255,255,0.02);
|
||
border: 1px solid rgba(255,255,255,0.06);
|
||
border-radius: 16px;
|
||
overflow: hidden;
|
||
margin-top: 60px;
|
||
padding: 38px 0;
|
||
}
|
||
.evnd__bar-item {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
padding: 12px 24px;
|
||
}
|
||
.evnd__bar-item:not(:last-child)::after {
|
||
content: '';
|
||
position: absolute;
|
||
right: 0;
|
||
top: 15%;
|
||
height: 70%;
|
||
width: 1px;
|
||
background: rgba(255, 255, 255, 0.08);
|
||
}
|
||
|
||
.evnd__bar-val {
|
||
color: #ef4444 !important;
|
||
font-weight: 800;
|
||
font-size: clamp(32px, 4vw, 56px);
|
||
line-height: 1;
|
||
}
|
||
.evnd__bar-label {
|
||
color: #fff !important;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
letter-spacing: 0.02em;
|
||
text-transform: none;
|
||
opacity: 0.9;
|
||
}
|
||
/* Non-numeric bar values (EVStat.text) — the bar's numeric clamp()
|
||
(up to 56px) is too large for words/phrases; size down and let
|
||
longer phrases (e.g. "Cost + Distance + SLA") wrap cleanly. */
|
||
.evnd__bar-val--text {
|
||
font-size: clamp(16px, 1.8vw, 22px);
|
||
line-height: 1.25;
|
||
white-space: normal;
|
||
}
|
||
|
||
@keyframes evndGlow { 0%,100% { opacity: 0.75; } 50% { opacity: 1; } }
|
||
|
||
/* ---- Responsive ---- */
|
||
@media (max-width: 1024px) {
|
||
.evnd-gap-top { margin-top: 32px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 32px !important; }
|
||
}
|
||
@media (max-width: 991px) {
|
||
.evnd { padding: 48px 32px 56px; }
|
||
.evnd__grid { grid-template-columns: 1fr; gap: 40px; }
|
||
.evnd__features { gap: 14px; }
|
||
/* Stacked: KPI row can spread to 4-up since it now has full width. */
|
||
.evnd__dash-kpis { grid-template-columns: repeat(4, 1fr); }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.elementor.elementor-61 .elementor-element.elementor-element-bbc6760,
|
||
.elementor-element.elementor-element-bbc6760.evnd-workflow-shell {
|
||
width: calc(100% - 20px) !important;
|
||
margin-left: 10px !important;
|
||
margin-right: 10px !important;
|
||
padding-left: 0px !important;
|
||
padding-right: 0px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
.evnd-gap-top { margin-top: 24px !important; }
|
||
.evnd-gap-bottom { margin-bottom: 24px !important; }
|
||
.evnd { padding-inline: 0; }
|
||
.evnd__heading {
|
||
padding-left: 26px;
|
||
padding-right: 26px;
|
||
box-sizing: border-box;
|
||
margin-bottom: 28px;
|
||
display: flow-root;
|
||
}
|
||
.evnd__inner {
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
box-sizing: border-box;
|
||
}
|
||
.evnd__dash {
|
||
padding-left: 12px !important;
|
||
padding-right: 12px !important;
|
||
}
|
||
.evnd__bar {
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 24px 0;
|
||
width: calc(100% - 8px);
|
||
max-width: calc(100% - 8px);
|
||
margin: 32px auto 0;
|
||
padding: 24px 0;
|
||
box-sizing: border-box;
|
||
}
|
||
.evnd.evnd--cards {
|
||
padding-bottom: 20px;
|
||
margin-bottom: 0;
|
||
}
|
||
.evnd__bar-item:nth-child(even)::after { display: none; }
|
||
.evnd__bar-item:nth-child(2)::after { display: none; }
|
||
.evnd__bar-item { padding: 12px 16px; }
|
||
|
||
/* ---- Scene overlay cleanup (mobile) ----
|
||
Keep only the primary top-left KPI badge; the second (bottom-right)
|
||
badge covers the route visualization, so it is removed. The
|
||
remaining badge is scaled down (~0.72) so it never dominates. */
|
||
.evnd__badge--br { display: none !important; }
|
||
.evnd__badge--tl { transform: scale(0.72); transform-origin: top left; }
|
||
|
||
/* ---- Horizontal alignment (WF1 / WF2 only) ----
|
||
minmax(0,1fr) + min-width:0 let the scene/panel columns shrink to
|
||
the container so the scene, panel and content share one symmetric
|
||
width and centre perfectly. Scoped to .evnd__grid--cards so the
|
||
homepage EV section is untouched. */
|
||
.evnd__grid--cards { grid-template-columns: minmax(0, 1fr); }
|
||
.evnd__grid--cards .evnd__left,
|
||
.evnd__grid--cards .evnd__right,
|
||
.evnd__grid--cards .evnd__media,
|
||
.evnd__grid--cards .evnd__dash {
|
||
min-width: 0;
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
/* Keep the KPI row a tidy 2x2 on phones. */
|
||
.evnd__dash-kpis { grid-template-columns: repeat(2, 1fr); }
|
||
/* Workflow feature cards: distribute content like the Women stats
|
||
rows so the icon balances the right side instead of everything
|
||
clustering at the left edge. */
|
||
.evnd-workflow-shell .evnd__dash-feats { gap: 10px; }
|
||
.evnd-workflow-shell .evnd__dfeat {
|
||
grid-template-columns: minmax(0, 1fr) 36px;
|
||
gap: 12px;
|
||
padding: 12px 14px;
|
||
}
|
||
.evnd-workflow-shell .evnd__dfeat-ico {
|
||
grid-column: 2;
|
||
grid-row: 1;
|
||
justify-self: end;
|
||
width: 36px;
|
||
height: 36px;
|
||
}
|
||
.evnd-workflow-shell .evnd__dfeat-body {
|
||
grid-column: 1;
|
||
grid-row: 1;
|
||
}
|
||
|
||
/* ---- Mobile-only overrides for Hero Image & EV Logistics Card ---- */
|
||
.elementor-element.elementor-element-7da6646 {
|
||
width: calc(100% - 16px) !important;
|
||
margin-left: 8px !important;
|
||
margin-right: 8px !important;
|
||
border-radius: 18px !important;
|
||
margin-top: 15px !important;
|
||
margin-bottom: -50px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
.elementor-element.elementor-element-8b5d6e6 {
|
||
padding-left: 8px !important;
|
||
padding-right: 8px !important;
|
||
margin-left: 0px !important;
|
||
margin-right: 0px !important;
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
.elementor-element.elementor-element-1f766ea {
|
||
padding-left: 0px !important;
|
||
padding-right: 0px !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
}
|
||
}
|
||
@media (max-width: 480px) {
|
||
.evnd { padding: 40px 16px 48px; }
|
||
.evnd { padding-inline: 0; }
|
||
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 18px 0; padding: 22px 0; }
|
||
.evnd__bar-item { padding: 10px 12px; gap: 8px; }
|
||
.evnd__bar-val { font-size: clamp(26px, 9vw, 34px); }
|
||
.evnd__bar-label { font-size: 12.5px; }
|
||
|
||
/* feature cards (homepage): tighter, no overflow, more room for text */
|
||
.evnd-feature {
|
||
grid-template-columns: 40px minmax(0, 1fr);
|
||
gap: 14px;
|
||
padding: 18px 16px;
|
||
}
|
||
.evnd-feature__icon-container { width: 40px; height: 40px; border-radius: 10px; }
|
||
.evnd-icon { width: 20px; height: 20px; }
|
||
.evnd-feature__title { font-size: 14px !important; letter-spacing: 0.03em; margin: 2px 0 6px; padding-right: 22px; }
|
||
.evnd-feature__desc { font-size: 13px !important; line-height: 1.55 !important; }
|
||
.evnd-feature__arrow { position: absolute; top: 16px; right: 16px; margin: 0; }
|
||
|
||
/* ---- Compact dashboard (phones) ---- */
|
||
.evnd__dash { padding-top: 18px !important; padding-bottom: 18px !important; gap: 14px; }
|
||
.evnd__dash-sys { display: none; }
|
||
.evnd__dash-kpis { gap: 10px; }
|
||
.evnd__kpi { padding: 12px 14px; gap: 4px; }
|
||
.evnd__kpi-val { font-size: clamp(24px, 8vw, 30px); }
|
||
.evnd__kpi-label { font-size: 12px; }
|
||
.evnd-workflow-shell .evnd__dfeat { padding: 11px 12px; gap: 10px; grid-template-columns: minmax(0, 1fr) 34px; }
|
||
.evnd__dfeat-ico { width: 34px; height: 34px; border-radius: 9px; }
|
||
.evnd__dfeat-ico svg { width: 17px; height: 17px; }
|
||
.evnd__dfeat-title { font-size: 13.5px; }
|
||
.evnd__dfeat-desc { font-size: 12.5px !important; }
|
||
}
|
||
</style><div class="elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent evnd-workflow-shell evnd-gap-top evnd-gap-bottom" data-id="bbc6760" data-element_type="container" data-e-type="container" aria-label="Doormile Wings fleet strategy" style="background-color:#0d0d0d;width:calc(100% - 40px);margin-left:20px;margin-right:20px;border-radius:25px;overflow:hidden"><div class="elementor-element elementor-element-7da6646 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="7da6646" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}" style="background-position:center 0px;background-image:url(/images/pahse1.png);background-size:cover;background-repeat:no-repeat;position:relative;z-index:2;border-radius:25px 25px 0 0;overflow:hidden"></div><div class="elementor-element elementor-element-8b5d6e6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="8b5d6e6" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-1f766ea e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="1f766ea" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-3b61435 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3b61435" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-239afbb elementor-widget elementor-widget-logico_heading" data-id="239afbb" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><h2 class="logico-title">Quick Logistics</h2></div></div><div class="elementor-element elementor-element-0d307dd elementor-widget elementor-widget-text-editor" data-id="0d307dd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Same-Day Air Network</p></div></div></div><div class="elementor-element elementor-element-5aea22e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5aea22e" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"></div></div></div><section class="evnd evnd--cards" aria-label="Doormile Wings fleet strategy" style="--ca:#c8102e;--ca2:#ff6a3d;--cg:rgba(200,16,46,0.22)"><div class="evnd__map" aria-hidden="true"><canvas class="ind__map" aria-hidden="true"></canvas></div><div class="evnd__inner evnd__inner--cards"><div class="evnd__heading"><span class="evnd__eyebrow">/ Fleet Strategy /</span><h2 class="evnd__title">Purpose-Built for <span class="accent">Regional Speed</span></h2></div><div class="evnd__grid evnd__grid--cards"><div class="evnd__left"><div class="evnd__media"><div class="evnd__glow"></div><div class="evnd__imgwrap evnd__imgwrap--media"><video autoPlay="" loop="" muted="" playsInline="" style="width:100%;height:100%;min-height:420px;object-fit:cover;display:block;background:#17171b"><source src="/videos/fleet.mp4" type="video/mp4"/></video><div class="evnd__badge evnd__badge--tl"><b>3</b><span>Phase 1 Aircraft</span></div><div class="evnd__badge evnd__badge--br"><b>25</b><span>Phase 2 Vision</span></div></div></div></div><div class="evnd__right"><div class="evnd__dash" style="--ca:#c8102e;--ca2:#ff6a3d;--cg:rgba(200,16,46,0.22)"><div class="evnd__dash-head"><span class="evnd__dash-live"><span class="evnd__dash-livedot"></span>FLEET SPECIFICATIONS</span><span class="evnd__dash-sys">AI ENGINE</span></div><div class="evnd__dash-kpis"><div class="evnd__kpi"><b class="evnd__kpi-val">0.0<!-- -->t</b><span class="evnd__kpi-label">ATR72 Payload</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0<!-- -->km</b><span class="evnd__kpi-label">ATR72 Range</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0.0<!-- -->t</b><span class="evnd__kpi-label">Q400 Payload</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0<!-- -->km/h</b><span class="evnd__kpi-label">Q400 Speed</span></div></div><div class="evnd__dash-feats"><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-6l-4-9-2 1 3 8H5l-2-3-1.5.6L3 14l1.5 4.4L6 18l-2-3h8l3 8 2-1-3-8h6z"></path></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Dedicated Freighter Capacity</span><p class="evnd__dfeat-desc">Purpose-built cargo lift, not passenger-belly space competing with baggage.</p></div></div><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.5"></circle><circle cx="18" cy="6" r="2.5"></circle><circle cx="12" cy="18" r="2.5"></circle><path d="M8.2 7.2 10 16M15.8 7.2 14 16M8.5 6h7"></path></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Regional Route Design</span><p class="evnd__dfeat-desc">Turboprop range and speed matched to India's major regional-capital corridors.</p></div></div><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"></path><path d="M7 14l4-4 3 3 6-7"></path></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Scaling to 25 Aircraft</span><p class="evnd__dfeat-desc">Phase 2 vision: pan-India connectivity hubs and international regional routes.</p></div></div></div></div></div></div><div class="evnd__bar"><div class="evnd__bar-item"><span class="evnd__bar-label">ATR72 Payload</span><b class="evnd__bar-val">0.0<!-- -->t</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">ATR72 Range</span><b class="evnd__bar-val">0<!-- -->km</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Q400 Payload</span><b class="evnd__bar-val">0.0<!-- -->t</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Q400 Speed</span><b class="evnd__bar-val">0<!-- -->km/h</b></div></div></div></section></div></div><section class="WingsInfrastructure-module__akH2-q__section" id="wings-infrastructure"><div class="WingsInfrastructure-module__akH2-q__sectionShell"><div class="WingsInfrastructure-module__akH2-q__header"><div class="WingsInfrastructure-module__akH2-q__eyebrow">/ Infrastructure /</div><h2 class="WingsInfrastructure-module__akH2-q__title">A network built to move, not to sit idle</h2></div><div class="WingsInfrastructure-module__akH2-q__grid"><div class="WingsInfrastructure-module__akH2-q__card"><div class="WingsInfrastructure-module__akH2-q__icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"></path></svg></div><h3 class="WingsInfrastructure-module__akH2-q__cardTitle">Airport Cargo Hubs</h3><p class="WingsInfrastructure-module__akH2-q__cardDesc">Near-airport clearance hubs instead of standalone warehouses — closer to the tarmac, faster to the aircraft.</p></div><div class="WingsInfrastructure-module__akH2-q__card"><div class="WingsInfrastructure-module__akH2-q__icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7h7l2 3h9M3 7v10h18V10"></path></svg></div><h3 class="WingsInfrastructure-module__akH2-q__cardTitle">Cross-Docking</h3><p class="WingsInfrastructure-module__akH2-q__cardDesc">Screening, grouping, and consolidation happen in one motion, minimizing dwell time between arrival and departure.</p></div><div class="WingsInfrastructure-module__akH2-q__card"><div class="WingsInfrastructure-module__akH2-q__icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="3" width="7" height="7" rx="1"></rect><rect x="3" y="14" width="7" height="7" rx="1"></rect><rect x="14" y="14" width="7" height="7" rx="1"></rect></svg></div><h3 class="WingsInfrastructure-module__akH2-q__cardTitle">Asset-Light Network</h3><p class="WingsInfrastructure-module__akH2-q__cardDesc">Leased terminal space that flexes with demand, keeping the network nimble as new routes come online.</p></div><div class="WingsInfrastructure-module__akH2-q__card"><div class="WingsInfrastructure-module__akH2-q__icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21V9l6-4 6 4v12M9 21V13h6v8"></path></svg></div><h3 class="WingsInfrastructure-module__akH2-q__cardTitle">Scalable Operations</h3><p class="WingsInfrastructure-module__akH2-q__cardDesc">Modular ground infrastructure built to expand city by city without slowing down day-to-day operations.</p></div></div></div></section><style>
|
||
.wmt-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: clamp(24px, 4vw, 40px) auto;
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
background: #09090b;
|
||
padding: clamp(64px, 8vw, 100px) clamp(24px, 5vw, 48px);
|
||
}
|
||
|
||
.wmt-canvas {
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
pointer-events: none;
|
||
opacity: 0.12;
|
||
}
|
||
|
||
.wmt-glow {
|
||
position: absolute;
|
||
width: 480px;
|
||
height: 480px;
|
||
border-radius: 50%;
|
||
pointer-events: none;
|
||
filter: blur(140px);
|
||
z-index: 0;
|
||
opacity: 0.06;
|
||
}
|
||
|
||
.wmt-glow.tl { left: -8%; top: -12%; background: radial-gradient(circle, #c8102e 0%, transparent 70%); }
|
||
.wmt-glow.br { right: -8%; bottom: -12%; background: radial-gradient(circle, #ff3b3b 0%, transparent 70%); }
|
||
|
||
.wmt-inner {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wmt-header {
|
||
margin: 0 auto 48px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wmt-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: #c8102e;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wmt-title {
|
||
font-size: clamp(28px, 3.4vw, 48px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wmt-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 18px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.wmt-card {
|
||
min-width: 0;
|
||
position: relative;
|
||
background: rgba(255, 255, 255, 0.035);
|
||
border: 1px solid rgba(255, 255, 255, 0.07);
|
||
border-radius: 18px;
|
||
padding: 26px 22px;
|
||
transition: border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
||
transform-style: preserve-3d;
|
||
will-change: transform;
|
||
}
|
||
|
||
.wmt-card:hover {
|
||
border-color: rgba(255, 255, 255, 0.16);
|
||
background-color: rgba(255, 255, 255, 0.055);
|
||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
|
||
}
|
||
|
||
.wmt-card-icon {
|
||
width: 40px;
|
||
height: 40px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 10px;
|
||
background: rgba(200, 16, 46, 0.12);
|
||
color: #ffffff;
|
||
margin-bottom: 18px;
|
||
}
|
||
|
||
.wmt-card-title {
|
||
font-size: 15.5px !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wmt-card-desc {
|
||
font-size: 16px;
|
||
line-height: 1.55;
|
||
color: rgba(255, 255, 255, 0.55);
|
||
margin: 0;
|
||
}
|
||
|
||
.wmt-callout {
|
||
position: relative;
|
||
border-radius: 20px;
|
||
padding: 34px 32px;
|
||
background: linear-gradient(135deg, rgba(200, 16, 46, 0.95) 0%, rgba(110, 8, 26, 0.98) 100%);
|
||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 24px;
|
||
flex-wrap: wrap;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.wmt-callout::after {
|
||
content: "";
|
||
position: absolute;
|
||
inset: -1.5px;
|
||
border-radius: 20px;
|
||
background: linear-gradient(90deg, #c8102e, #ff3366, #ff0033, #c8102e);
|
||
background-size: 300% 100%;
|
||
animation: wmt-sweep 6s linear infinite;
|
||
z-index: -1;
|
||
opacity: 0.6;
|
||
}
|
||
|
||
@keyframes wmt-sweep {
|
||
0% { background-position: 0% 50%; }
|
||
50% { background-position: 100% 50%; }
|
||
100% { background-position: 0% 50%; }
|
||
}
|
||
|
||
.wmt-callout-body { max-width: 640px; }
|
||
|
||
.wmt-callout-title {
|
||
font-size: 20px !important;
|
||
font-weight: 800 !important;
|
||
line-height: 1.3 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0 0 8px 0;
|
||
}
|
||
|
||
.wmt-callout-desc {
|
||
font-size: 14px;
|
||
line-height: 1.55;
|
||
color: rgba(255, 255, 255, 0.85);
|
||
margin: 0;
|
||
}
|
||
|
||
.wmt-callout-badge {
|
||
flex-shrink: 0;
|
||
font-size: 11.5px;
|
||
font-weight: 800;
|
||
letter-spacing: 1px;
|
||
text-transform: uppercase;
|
||
color: #ffffff;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border: 1px solid rgba(255, 255, 255, 0.25);
|
||
border-radius: 999px;
|
||
padding: 8px 16px;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wmt-section { width: calc(100% - 24px); border-radius: 22px; }
|
||
.wmt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.wmt-grid { grid-template-columns: 1fr; }
|
||
.wmt-callout { flex-direction: column; align-items: flex-start; }
|
||
/* The vertical clamp() floors at a fixed 64px on any phone width;
|
||
trimmed to a real mobile value to match the section rhythm near
|
||
the footer. Horizontal padding is left untouched (its own
|
||
clamp already resolves small on phones). */
|
||
.wmt-section { padding-top: 48px; padding-bottom: 48px; }
|
||
}
|
||
</style><section class="wmt-section" id="wings-miletruth"><canvas class="wmt-canvas" aria-hidden="true"></canvas><div class="wmt-glow tl" aria-hidden="true"></div><div class="wmt-glow br" aria-hidden="true"></div><div class="wmt-inner dm-section-container"><div class="wmt-header"><div class="wmt-eyebrow">/ MileTruth™ AI /</div><h2 class="wmt-title">The intelligence layer behind every delivery</h2></div><div class="wmt-grid"><div class="wmt-card"><div style="position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.08) 0%, rgba(200, 16, 46, 0.03) 40%, transparent 100%);opacity:0;pointer-events:none;z-index:0;transform:translateZ(1px);mix-blend-mode:screen"></div><div style="position:relative;z-index:1;transform-style:preserve-3d"><div class="wmt-card-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"></path><path d="M7 14l4-4 3 3 6-7"></path></svg></div><h3 class="wmt-card-title">Demand Forecasting</h3><p class="wmt-card-desc">AI-driven forward projection of cargo demand, preemptively positioning aircraft and ground capacity.</p></div></div><div class="wmt-card"><div style="position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.08) 0%, rgba(200, 16, 46, 0.03) 40%, transparent 100%);opacity:0;pointer-events:none;z-index:0;transform:translateZ(1px);mix-blend-mode:screen"></div><div style="position:relative;z-index:1;transform-style:preserve-3d"><div class="wmt-card-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.5 9.5c0-1.4 1.1-2.3 2.5-2.3s2.5.9 2.5 2c0 1.6-2.2 1.8-2.5 3.3M12 17h.01"></path></svg></div><h3 class="wmt-card-title">Dynamic Pricing</h3><p class="wmt-card-desc">Real-time rate adjustments that track market capacity fluctuations and optimize yield.</p></div></div><div class="wmt-card"><div style="position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.08) 0%, rgba(200, 16, 46, 0.03) 40%, transparent 100%);opacity:0;pointer-events:none;z-index:0;transform:translateZ(1px);mix-blend-mode:screen"></div><div style="position:relative;z-index:1;transform-style:preserve-3d"><div class="wmt-card-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="13 6 19 12 13 18"></polyline></svg></div><h3 class="wmt-card-title">Route Optimization</h3><p class="wmt-card-desc">Dynamic scheduling for ground EV pickups and flights that bypasses congestion for the fastest path.</p></div></div><div class="wmt-card"><div style="position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.08) 0%, rgba(200, 16, 46, 0.03) 40%, transparent 100%);opacity:0;pointer-events:none;z-index:0;transform:translateZ(1px);mix-blend-mode:screen"></div><div style="position:relative;z-index:1;transform-style:preserve-3d"><div class="wmt-card-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v18M5 8l7-5 7 5M5 8v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8"></path></svg></div><h3 class="wmt-card-title">Load Balancing</h3><p class="wmt-card-desc">Automated weight-and-balance modeling for optimal, safe aircraft load layout within minutes.</p></div></div><div class="wmt-card"><div style="position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.08) 0%, rgba(200, 16, 46, 0.03) 40%, transparent 100%);opacity:0;pointer-events:none;z-index:0;transform:translateZ(1px);mix-blend-mode:screen"></div><div style="position:relative;z-index:1;transform-style:preserve-3d"><div class="wmt-card-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-6l-4 8-4-16-4 8H2"></path></svg></div><h3 class="wmt-card-title">Predictive Maintenance</h3><p class="wmt-card-desc">Continuous telemetry monitoring triggers preemptive alerts, drastically reducing aircraft downtime.</p></div></div><div class="wmt-card"><div style="position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.08) 0%, rgba(200, 16, 46, 0.03) 40%, transparent 100%);opacity:0;pointer-events:none;z-index:0;transform:translateZ(1px);mix-blend-mode:screen"></div><div style="position:relative;z-index:1;transform-style:preserve-3d"><div class="wmt-card-icon" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z"></path><circle cx="12" cy="12" r="3"></circle></svg></div><h3 class="wmt-card-title">Real-Time Tracking</h3><p class="wmt-card-desc">End-to-end sensor monitoring keeps shippers, airline, and EV operators updated on exact shipment state.</p></div></div></div><div class=""><div class="wmt-callout"><div class="wmt-callout-body"><h3 class="wmt-callout-title">Digital Twin of the Logistics Network</h3><p class="wmt-callout-desc">A live virtual model of every ground vehicle, terminal, and flight — simulating what-if scenarios before bottlenecks ever form.</p></div><span class="wmt-callout-badge">SaaS Ready</span></div></div></div></section><style>
|
||
.wrm-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: clamp(32px, 4vw, 56px) auto clamp(16px, 2vw, 32px);
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
background: #09090b;
|
||
padding: clamp(40px, 5vw, 64px) clamp(24px, 5vw, 48px);
|
||
}
|
||
|
||
.wrm-header {
|
||
margin: 0 auto 44px auto;
|
||
max-width: 720px;
|
||
text-align: center;
|
||
}
|
||
|
||
.wrm-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: #c8102e;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.wrm-title {
|
||
font-size: clamp(28px, 3.4vw, 48px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.wrm-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.wrm-track-wrap {
|
||
position: relative;
|
||
height: 4px;
|
||
background: rgba(255, 255, 255, 0.08);
|
||
border-radius: 2px;
|
||
margin: 0 auto 44px auto;
|
||
}
|
||
|
||
.wrm-track-fill {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
background: #c8102e;
|
||
box-shadow: 0 0 10px #c8102e;
|
||
border-radius: 2px;
|
||
transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
||
}
|
||
|
||
.wrm-nodes { position: absolute; inset: 0; }
|
||
|
||
.wrm-node {
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #18181b;
|
||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||
transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
|
||
.wrm-node.is-active {
|
||
background: #c8102e;
|
||
border-color: #ffffff;
|
||
box-shadow: 0 0 10px #c8102e;
|
||
}
|
||
|
||
.wrm-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||
gap: 16px;
|
||
}
|
||
|
||
.wrm-card {
|
||
position: relative;
|
||
min-width: 0;
|
||
padding: 24px 20px;
|
||
border-radius: 16px;
|
||
border: 1px solid rgba(255, 255, 255, 0.07);
|
||
background: rgba(255, 255, 255, 0.03);
|
||
cursor: pointer;
|
||
transition: border-color 0.4s ease, background-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
|
||
.wrm-card:hover,
|
||
.wrm-card.is-active {
|
||
transform: translateY(-6px);
|
||
border-color: rgba(200, 16, 46, 0.5);
|
||
background: rgba(200, 16, 46, 0.06);
|
||
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
.wrm-card-year {
|
||
font-size: 20px;
|
||
font-weight: 900;
|
||
color: #ffffff;
|
||
letter-spacing: -0.5px;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.wrm-phase-pill {
|
||
display: inline-block;
|
||
font-size: 10.5px;
|
||
font-weight: 800;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
padding: 4px 9px;
|
||
border-radius: 6px;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.wrm-phase-pill.yellow { background: rgba(234,179,8,0.12); color: #eab308; border: 1px solid rgba(234,179,8,0.2); }
|
||
.wrm-phase-pill.green { background: rgba(34,197,94,0.12); color: #22c55e; border: 1px solid rgba(34,197,94,0.2); }
|
||
.wrm-phase-pill.blue { background: rgba(59,130,246,0.12); color: #3b82f6; border: 1px solid rgba(59,130,246,0.2); }
|
||
.wrm-phase-pill.white-pill { background: rgba(255,255,255,0.12); color: #ffffff; border: 1px solid rgba(255,255,255,0.2); }
|
||
|
||
.wrm-card-desc {
|
||
font-size: 14.5px;
|
||
line-height: 1.55;
|
||
color: rgba(255, 255, 255, 0.55);
|
||
margin: 0;
|
||
}
|
||
|
||
.wrm-card.wrm-glow {
|
||
background: linear-gradient(135deg, rgba(200, 16, 46, 0.95) 0%, rgba(110, 8, 26, 0.98) 100%);
|
||
border-color: rgba(255, 255, 255, 0.15);
|
||
}
|
||
|
||
.wrm-card.wrm-glow .wrm-card-desc { color: rgba(255, 255, 255, 0.85); }
|
||
.wrm-card.wrm-glow:hover,
|
||
.wrm-card.wrm-glow.is-active {
|
||
box-shadow: 0 20px 40px rgba(200, 16, 46, 0.45);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.wrm-section { width: calc(100% - 24px); border-radius: 22px; }
|
||
.wrm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
/* Both the outer margin-top and the internal vertical padding
|
||
clamp()s floor at fixed, sizeable values (56px + 64px = ~120px
|
||
combined) on any phone width — noticeably heavier than the
|
||
section rhythm near the footer. Horizontal padding is left
|
||
untouched (its own clamp already resolves small on phones). */
|
||
.wrm-section {
|
||
margin-top: 24px;
|
||
padding-top: 32px;
|
||
padding-bottom: 32px;
|
||
}
|
||
.wrm-track-wrap { display: none; }
|
||
.wrm-grid {
|
||
grid-template-columns: 1fr;
|
||
gap: 14px;
|
||
position: relative;
|
||
padding-left: 26px;
|
||
}
|
||
.wrm-grid::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 8px;
|
||
bottom: 8px;
|
||
width: 2px;
|
||
border-radius: 2px;
|
||
background: rgba(255, 255, 255, 0.12);
|
||
}
|
||
.wrm-card { position: relative; }
|
||
.wrm-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -25px;
|
||
top: 22px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #18181b;
|
||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
.wrm-card.is-active::before,
|
||
.wrm-card:hover::before {
|
||
background: #c8102e;
|
||
border-color: #ffffff;
|
||
box-shadow: 0 0 10px rgba(200, 16, 46, 0.7);
|
||
}
|
||
}
|
||
</style><section class="wrm-section" id="wings-roadmap"><div class="dm-section-container"><div class="wrm-header"><div class="wrm-eyebrow">/ Future Roadmap /</div><h2 class="wrm-title">A ten-year path to national scale</h2></div><div class="wrm-inner"><div class="wrm-track-wrap" aria-hidden="true"><div class="wrm-track-fill" style="width:100%"></div><div class="wrm-nodes"><div class="wrm-node is-active" style="left:10%"></div><div class="wrm-node is-active" style="left:30%"></div><div class="wrm-node is-active" style="left:50%"></div><div class="wrm-node is-active" style="left:70%"></div><div class="wrm-node is-active" style="left:90%"></div></div></div><div class="wrm-grid"><div class="wrm-card" role="button" tabindex="0"><div class="wrm-card-year">Year 1</div><span class="wrm-phase-pill yellow">Launch Phase</span><p class="wrm-card-desc">Establish localized clearance hubs and launch cargo services connecting 5–6 key commercial cities.</p></div><div class="wrm-card" role="button" tabindex="0"><div class="wrm-card-year">Year 2</div><span class="wrm-phase-pill green">Network Growth</span><p class="wrm-card-desc">Expand hub operations and airfield schedules, serving 15 regional and secondary cargo airports.</p></div><div class="wrm-card" role="button" tabindex="0"><div class="wrm-card-year">Year 3</div><span class="wrm-phase-pill blue">Cross-Border Nodes</span><p class="wrm-card-desc">Add international regional routes, bridging key freight corridors in South Asia.</p></div><div class="wrm-card" role="button" tabindex="0"><div class="wrm-card-year">Year 5</div><span class="wrm-phase-pill blue">Operational Scale</span><p class="wrm-card-desc">Expand to a fleet of 25 leased cargo aircraft, servicing over 50 regional airports nationwide.</p></div><div class="wrm-card wrm-glow is-active" role="button" tabindex="0"><div class="wrm-card-year">Year 10</div><span class="wrm-phase-pill white-pill">Global Duplication</span><p class="wrm-card-desc">Replicate our asset-light, AI-powered logistics framework across Asia, Africa, and the Middle East.</p></div></div></div></div></section></div></div></div></div><!--$--><!--/$--><style>
|
||
.logico-form-field.dm-field-filled .logico-label-wrapper>label {
|
||
font-size: 14px;
|
||
top: -14px;
|
||
color: var(--logico-dark-text-color);
|
||
}
|
||
.logico-form-field.dm-field-filled .logico-label-placeholder .logico-label-placeholder-text:before {
|
||
right: 100%;
|
||
left: initial;
|
||
}
|
||
.logico-form-field.dm-field-filled .logico-label-placeholder .logico-label-placeholder-text:after {
|
||
left: 100%;
|
||
right: initial;
|
||
}
|
||
</style><footer data-rocket-location-hash="1eeca93394c4fc14089e9d12a2a92e22" itemScope="" itemType="https://schema.org/WPFooter" id="colophon" role="contentinfo"><div class="footer-width-fixer"><div data-elementor-type="wp-post" data-elementor-id="6585" class="elementor elementor-6585"><div class="elementor-element elementor-element-3cd920c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="3cd920c" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-b29b8fc e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="b29b8fc" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="e-con-inner"><div class="elementor-element elementor-element-ef6fa6d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ef6fa6d" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-9990148 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9990148" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-8899bdf elementor-absolute elementor-widget elementor-widget-image" data-id="8899bdf" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}" data-widget_type="image.default"><div class="elementor-widget-container"><img alt="" loading="lazy" width="965" height="474" decoding="async" data-nimg="1" class="attachment-full size-full wp-image-1148" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fbg-map.png&w=1080&q=75 1x, /_next/image?url=%2Fimages%2Fbg-map.png&w=2048&q=75 2x" src="/_next/image?url=%2Fimages%2Fbg-map.png&w=2048&q=75"/></div></div><div class="elementor-element elementor-element-a0e7516 elementor-widget elementor-widget-logico_heading" data-id="a0e7516" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">/ get in touch /</div></div></div><div class="elementor-element elementor-element-687d944 elementor-widget elementor-widget-logico_heading" data-id="687d944" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class=""><h3 class="logico-title" style="color:white">We are always ready to help you and answer your questions</h3></div></div></div><div class="elementor-element elementor-element-670d1b2 elementor-widget elementor-widget-text-editor" data-id="670d1b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Connecting businesses with fast, secure, smart deliveries.</p></div></div><div class="elementor-element elementor-element-2631b42 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="2631b42" data-element_type="container" data-e-type="container"><div class="e-con-inner"><div class="elementor-element elementor-element-df89993 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="df89993" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-69b6892 elementor-widget elementor-widget-logico_heading" data-id="69b6892" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>Contact</span></div></div></div><div class="elementor-element elementor-element-87be926 elementor-widget elementor-widget-text-editor" data-id="87be926" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Tel : +91 86886 97941</p></div></div></div><div class="elementor-element elementor-element-f5d8e63 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f5d8e63" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-774e540 elementor-widget elementor-widget-logico_heading" data-id="774e540" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Address</span></div></div></div><div class="elementor-element elementor-element-9c1cf03 elementor-widget elementor-widget-text-editor" data-id="9c1cf03" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>5th Floor, Vision Ultima, Street No.3, Jayabheri Enclave, Gachibowli, Hyderabad, Telangana 500032.</p></div></div></div></div></div><div class="elementor-element elementor-element-645be8d e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="645be8d" data-element_type="container" data-e-type="container"><div class="e-con-inner"><div class="elementor-element elementor-element-a96d151 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="a96d151" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-37e647f elementor-widget elementor-widget-logico_heading" data-id="37e647f" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 5L2 7"></path></svg><span>Email</span></div></div></div><div class="elementor-element elementor-element-ba67644 elementor-widget elementor-widget-text-editor" data-id="ba67644" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p><a href="mailto:care@doormile.com">care@doormile.com</a></p></div></div></div><div class="elementor-element elementor-element-9ba4b82 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9ba4b82" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-e9a5d79 elementor-widget elementor-widget-logico_heading" data-id="e9a5d79" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg><span>Social</span></div></div></div><div class="elementor-element elementor-element-a6bccba elementor-shape-square elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="a6bccba" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default"><div class="elementor-widget-container"><div class="elementor-social-icons-wrapper elementor-grid" role="list" style="--grid-column-gap:52px;--grid-row-gap:18px;column-gap:52px;row-gap:18px"><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in elementor-repeater-item-38e1bcc" href="https://www.linkedin.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">LinkedIn</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-b0d5e1f" href="https://www.youtube.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">YouTube</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></span></div></div></div></div></div></div></div><div class="elementor-element elementor-element-a5c503d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="a5c503d" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-535776a elementor-widget elementor-widget-logico_heading" data-id="535776a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Get in Touch</div></div></div><div class="elementor-element elementor-element-0e6fedf elementor-widget elementor-widget-logico_wpforms" data-id="0e6fedf" data-element_type="widget" data-e-type="widget" data-widget_type="logico_wpforms.default"><div class="elementor-widget-container"><div class="logico-wpforms-widget"><div class="wpforms-container wpforms-render-modern" id="wpforms-369"><form id="wpforms-form-369" class="wpforms-validate wpforms-form"><div class="wpforms-field-container"><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Full name</div></div><label class="wpforms-field-label" for="footer-field-name">Full name</label></div><input type="text" id="footer-field-name" class="wpforms-field-large" required="" name="fullName" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Email</div></div><label class="wpforms-field-label" for="footer-field-email">Email</label></div><input type="email" id="footer-field-email" class="wpforms-field-large" required="" name="email" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Subject</div></div><label class="wpforms-field-label" for="footer-field-subject">Subject</label></div><input type="text" id="footer-field-subject" class="wpforms-field-large" required="" name="subject" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Message</div></div><label class="wpforms-field-label" for="footer-field-message">Message</label></div><textarea id="footer-field-message" class="wpforms-field-large" name="message" required=""></textarea></div></div><div class="wpforms-submit-container"><button type="submit" id="wpforms-submit-369" class="logico-alter-button wpforms-submit">Send a message</button></div></form></div></div></div></div></div></div><div class="elementor-element elementor-element-e183a77 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e183a77" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-5219697 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5219697" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-e6af8aa elementor-widget__width-initial elementor-widget elementor-widget-logico_heading" data-id="e6af8aa" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class=""><h2 class="logico-title">Delivered <span style="color:#c01227">on time</span> with no hassle.</h2></div></div></div></div></div><div class="elementor-element elementor-element-ba22941 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ba22941" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-54629ca elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="54629ca" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default"><div class="elementor-widget-container"><div class="elementor-divider"><span class="elementor-divider-separator"></span></div></div></div></div><div class="elementor-element elementor-element-3f1ba7a e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3f1ba7a" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-64e2e81 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="64e2e81" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-b5c897d elementor-widget elementor-widget-image" data-id="b5c897d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default"><div class="elementor-widget-container"><a href="/"><img alt="Doormile Tagline" loading="lazy" width="748" height="184" decoding="async" data-nimg="1" class="attachment-full size-full wp-image-5851" style="color:transparent;width:280px;height:auto" srcSet="/_next/image?url=%2Fimages%2Flogo-slogan.png&w=750&q=75 1x, /_next/image?url=%2Fimages%2Flogo-slogan.png&w=1920&q=75 2x" src="/_next/image?url=%2Fimages%2Flogo-slogan.png&w=1920&q=75"/></a></div></div><div class="elementor-element elementor-element-e4e6486 elementor-shape-square elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="e4e6486" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default"><div class="elementor-widget-container"><div class="elementor-social-icons-wrapper elementor-grid" role="list" style="--grid-column-gap:52px;--grid-row-gap:18px;column-gap:52px;row-gap:18px"><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in" href="https://www.linkedin.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">LinkedIn</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-youtube" href="https://www.youtube.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">YouTube</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></span></div></div></div></div><div class="elementor-element elementor-element-5b73dd3 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5b73dd3" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-b2507df elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="b2507df" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/miletruth">MileTruth™</a></li><li><a href="/how-it-works">How It Works</a></li><li><a href="/solutions">Use Cases</a></li><li><a href="/contact">Request Demo</a></li></ul></div></div></div><div class="elementor-element elementor-element-451f15c e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="451f15c" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-a219b7d elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="a219b7d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/about-us">About Us</a></li><li><a href="/about-us#women-entrepreneurship">Women entrepreneurship</a></li><li><a href="/blog">Blog</a></li><li><a href="/contact">Contact</a></li></ul></div></div></div><div class="elementor-element elementor-element-44a1f5d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="44a1f5d" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-189484a elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="189484a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/privacy-policy">Privacy Policy</a></li><li><a href="/terms-of-service">Terms of Service</a></li><li><a href="/cookie-policy">Cookie Policy</a></li></ul></div></div></div></div></div></div></div></div></div></footer><div class="footer-scroll-top " style="cursor:pointer"></div><style>
|
||
.elementor-6585 .elementor-element.elementor-element-e6af8aa .logico-title,
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a .logico-title,
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a .logico-custom-menu-widget {
|
||
font-family: var(--font-manrope), system-ui, -apple-system, "Segoe UI", sans-serif;
|
||
}
|
||
/* Prevent footer custom navigation menu items from wrapping on hover,
|
||
which causes layout shifts, height changes, and cursor flickering loops. */
|
||
.elementor-6585 .logico-custom-menu-widget li a {
|
||
white-space: nowrap !important;
|
||
}
|
||
/* The divider widget is a flex child that should grow via Elementor's
|
||
--container-widget-flex-grow variable, but the base rule wiring that
|
||
variable to flex-grow lives in elementor-frontend.css (not loaded). */
|
||
.elementor-6585 .elementor-element.elementor-element-54629ca {
|
||
flex-grow: 1;
|
||
width: 100%;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-54629ca .elementor-divider-separator {
|
||
display: block;
|
||
border-top: var(--divider-border-width, 1px) var(--divider-border-style, solid) var(--divider-color, #CBCBCB);
|
||
}
|
||
|
||
/* Production renders footer social icons at ~25px; ours default to 50px because the
|
||
base Elementor icon-size rule (font-size + SVG width:1em) is in elementor-frontend.css
|
||
which isn't loaded. Match prod for both upper (a6bccba) and lower (e4e6486) groups. */
|
||
.elementor-6585 .elementor-element.elementor-element-a6bccba .elementor-social-icon,
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 .elementor-social-icon {
|
||
font-size: 16px;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-a6bccba .elementor-social-icon svg,
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 .elementor-social-icon svg {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
|
||
/* Compact footer link columns on phones (<=480px). The kit only sets
|
||
column --width at min-width:481px, so below that all four blocks
|
||
fall back to 100% and stack into one very tall column. Put the
|
||
logo+social full-width on top, then lay the three link groups out
|
||
in a 2-up grid (matching the tablet 47% intent) so the footer is
|
||
roughly half as tall. */
|
||
/* Inline icon beside each contact label (Call Center / Our Location /
|
||
Email / Social network). */
|
||
.elementor-6585 .dm-foot-label {
|
||
display: inline-flex !important;
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
.elementor-6585 .dm-foot-label .dm-foot-ic {
|
||
flex: 0 0 auto;
|
||
color: #C01227;
|
||
}
|
||
|
||
/* ── Compact mobile contact footer (<=600px) ──
|
||
On phones the upper contact section stacked into one very tall
|
||
column with 50px margins between every block. Tighten the heading,
|
||
collapse those stack margins, and pair Email + Social side-by-side
|
||
(both are short) so the footer is far shorter without losing the
|
||
full-width address readability. */
|
||
@media (max-width: 600px) {
|
||
/* Trim the band's oversized top/bottom padding on phones. */
|
||
.elementor-6585 .elementor-element.elementor-element-b29b8fc > .e-con-inner {
|
||
padding-top: 40px !important;
|
||
padding-bottom: 40px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-687d944 .logico-title {
|
||
font-size: clamp(24px, 6.6vw, 32px) !important;
|
||
line-height: 1.2 !important;
|
||
}
|
||
.elementor-6585 .dm-foot-label .dm-foot-ic { width: 14px; height: 14px; }
|
||
/* The Call Center / Our Location group carries a 10px side padding
|
||
the Email / Social group doesn't, leaving its labels indented
|
||
10px out of line with everything else — zero it so all four
|
||
contact blocks share the same left edge as the heading. */
|
||
.elementor-6585 .elementor-element.elementor-element-2631b42 {
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
/* All four contact blocks stack in one left-aligned column with a
|
||
consistent gap (Social network sits below Email). */
|
||
.elementor-6585 .elementor-element.elementor-element-2631b42,
|
||
.elementor-6585 .elementor-element.elementor-element-f5d8e63,
|
||
.elementor-6585 .elementor-element.elementor-element-645be8d,
|
||
.elementor-6585 .elementor-element.elementor-element-9ba4b82 {
|
||
margin-top: 22px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-645be8d > .e-con-inner {
|
||
flex-direction: column !important;
|
||
gap: 0 !important;
|
||
align-items: stretch !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-a96d151,
|
||
.elementor-6585 .elementor-element.elementor-element-9ba4b82 {
|
||
width: 100% !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a {
|
||
display: flex !important;
|
||
flex-direction: row !important;
|
||
flex-wrap: wrap !important;
|
||
gap: 36px 16px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-64e2e81 {
|
||
flex: 0 0 100% !important;
|
||
width: 100% !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-5b73dd3,
|
||
.elementor-6585 .elementor-element.elementor-element-451f15c,
|
||
.elementor-6585 .elementor-element.elementor-element-44a1f5d {
|
||
flex: 1 1 calc(50% - 8px) !important;
|
||
width: calc(50% - 8px) !important;
|
||
min-width: 0 !important;
|
||
}
|
||
/* Allow long links (e.g. "Women entrepreneurship") to wrap inside
|
||
the narrow columns instead of overflowing. */
|
||
.elementor-6585 .logico-custom-menu-widget li a {
|
||
white-space: normal !important;
|
||
}
|
||
/* Trim the large social-icons top gap so the brand block stays tight. */
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 > .elementor-widget-container {
|
||
margin-top: 24px !important;
|
||
}
|
||
}
|
||
</style></div></div><script src="/_next/static/chunks/098a0lm-b~rn..js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[67989,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\n3:I[8971,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\n4:I[48064,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\n5:I[26290,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\n6:I[82637,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"HeaderUIProvider\"]\n7:I[92260,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\n8:I[3374,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\n9:I[39756,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\na:I[37457,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\nb:I[58234,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\"]\nc:I[36202,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"default\"]\nd:I[63061,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"default\"]\ne:I[10425,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"default\"]\n1d:I[68027,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/13ci0umlwh11-.css\",\"style\"]\n:HL[\"/_next/static/media/0c795a286deabae8-s.p.14tvuu96~wkr0.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/144so~-zgdm9_.css\",\"style\"]\n:HL[\"https://cdnjs.cloudf"])</script><script>self.__next_f.push([1,"lare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css\",\"style\"]\n:HL[\"/css/site.css\",\"style\"]\nf:Tafb,"])</script><script>self.__next_f.push([1,"\n .wfg-section {\n background: #ffffff;\n padding: var(--space-section-lg, 80px) 0;\n }\n\n .wfg-header {\n margin: 0 auto 48px auto;\n max-width: 720px;\n text-align: center;\n }\n\n .wfg-eyebrow {\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: rgba(17, 17, 17, 0.45);\n margin-bottom: 16px;\n }\n\n .wfg-title {\n font-size: clamp(28px, 3.2vw, 46px) !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.15 !important;\n text-transform: none !important;\n color: #111111 !important;\n margin: 0;\n }\n\n .wfg-inner {\n max-width: 1380px;\n margin: 0 auto;\n }\n\n .wfg-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 20px;\n }\n\n .wfg-card {\n min-width: 0;\n background: #ffffff;\n border: 1px solid rgba(17, 17, 17, 0.1);\n border-radius: 20px;\n padding: 30px 26px;\n transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .wfg-card:hover {\n border-color: #c8102e;\n box-shadow: 0 20px 40px rgba(200, 16, 46, 0.08);\n transform: translateY(-8px);\n }\n\n .wfg-icon {\n width: 46px;\n height: 46px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n background: rgba(200, 16, 46, 0.06);\n color: #c8102e;\n margin-bottom: 20px;\n }\n\n .wfg-card-title {\n font-size: 16.5px !important;\n font-weight: 700 !important;\n line-height: 1.3 !important;\n text-transform: none !important;\n color: #111111 !important;\n margin: 0 0 8px 0;\n }\n\n .wfg-card-desc {\n font-size: 14px;\n line-height: 1.55;\n color: rgba(17, 17, 17, 0.6);\n margin: 0;\n }\n\n @media (max-width: 1024px) {\n .wfg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n }\n\n @media (max-width: 600px) {\n .wfg-grid { grid-template-columns: 1fr; }\n /* var(--space-section-lg) floors at a fixed 52px on any phone\n width (clamp() has no further breakpoint-based step-down), which\n reads as noticeably heavier than the section rhythm near the\n footer. Trimmed to a real mobile value here instead. */\n .wfg-section { padding-top: 44px; padding-bottom: 44px; }\n }\n "])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"doormile-wings\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"doormile-wings\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/13ci0umlwh11-.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0812b12auw1ih.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0wybzq6mybxiw.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/04xui0pxt.et1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en-US\",\"data-scroll-behavior\":\"smooth\",\"className\":\"manrope_67dc055e-module__BHrBnq__variable space_grotesk_2e42c3c6-module__3Wl9rq__variable syne_ef5854ac-module__2TJB3a__variable dm_sans_2770e922-module__TdA3fW__variable inter_5dbe1e89-module__i9oJOa__variable\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/site.css\"}]]}],[\"$\",\"body\",null,{\"className\":\"wp-singular page-template-default page wp-theme-logico wp-child-theme-logico-child theme-logico ehf-header ehf-footer ehf-template-logico ehf-stylesheet-logico-child logico-front-end logico-theme-style-rounded elementor-default elementor-kit-5 elementor-page\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"$L7\",null,{}],[\"$\",\"div\",null,{\"className\":\"body-container\",\"children\":[\"$\",\"div\",null,{\"id\":\"page\",\"className\":\"hfeed site\",\"children\":[[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$Lb\",null,{}]]}]}]]}]]}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"id\":\"doormile-wings\",\"className\":\"content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"content\",\"children\":[\"$\",\"div\",null,{\"className\":\"content-inner\",\"children\":[\"$\",\"div\",null,{\"data-elementor-type\":\"wp-page\",\"data-elementor-id\":\"95\",\"className\":\"elementor elementor-95 elementor-59\",\"children\":[[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"$Le\",null,{}],[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],\"$L10\"],\"$L11\",\"$L12\",\"$L13\",\"$L14\",\"$L15\",\"$L16\"]}]}]}]}],[\"$L17\",\"$L18\",\"$L19\"],\"$L1a\"]}],{},null,false,null]},null,false,\"$@1b\"]},null,false,null],\"$L1c\",false]],\"m\":\"$undefined\",\"G\":[\"$1d\",[\"$L1e\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Erg3te-xsOHqlolgOFE_K\"}\n"])</script><script>self.__next_f.push([1,"1f:I[2018,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"ScrollReveal\"]\n20:I[2018,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"StaggerChildren\"]\n23:I[48920,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"default\"]\n24:I[14224,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"default\"]\n25:I[55064,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"default\"]\n26:I[13378,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\",\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"/_next/static/chunks/06~35roaehny..js\"],\"default\"]\n27:I[97367,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"OutletBoundary\"]\n28:\"$Sreact.suspense\"\n2b:I[97367,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"ViewportBoundary\"]\n2d:I[97367,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"MetadataBoundary\"]\n"])</script><script>self.__next_f.push([1,"10:[\"$\",\"section\",null,{\"className\":\"wfg-section\",\"id\":\"wings-features\",\"children\":[\"$\",\"div\",null,{\"className\":\"dm-section-container\",\"children\":[\"$\",\"div\",null,{\"className\":\"wfg-inner\",\"children\":[[\"$\",\"$L1f\",null,{\"delay\":0.05,\"duration\":0.75,\"yOffset\":25,\"className\":\"wfg-header\",\"children\":[[\"$\",\"div\",null,{\"className\":\"wfg-eyebrow\",\"children\":\"/ Why Businesses Choose Doormile Wings /\"}],[\"$\",\"h2\",null,{\"className\":\"wfg-title\",\"children\":\"Built to be depended on\"}]]}],[\"$\",\"$L20\",null,{\"stagger\":0.1,\"duration\":0.7,\"yOffset\":30,\"className\":\"wfg-grid\",\"children\":[[\"$\",\"div\",\"AI Decision Engine\",{\"className\":\"wfg-card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"wfg-icon\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.25\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M12 2a4 4 0 0 1 4 4v1a4 4 0 0 1-1.2 2.86A4 4 0 0 1 16 13v1a4 4 0 0 1-4 4 4 4 0 0 1-4-4v-1a4 4 0 0 1 1.2-3.14A4 4 0 0 1 8 7V6a4 4 0 0 1 4-4Z\"}],[\"$\",\"path\",null,{\"d\":\"M9 21h6M12 18v3\"}]]}]}],[\"$\",\"h3\",null,{\"className\":\"wfg-card-title\",\"children\":\"AI Decision Engine\"}],[\"$\",\"p\",null,{\"className\":\"wfg-card-desc\",\"children\":\"MileTruth™ AI continuously forecasts demand and optimizes routing and load decisions in real time.\"}]]}],[\"$\",\"div\",\"Real-Time Visibility\",{\"className\":\"wfg-card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"wfg-icon\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.25\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z\"}],[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"3\"}]]}]}],[\"$\",\"h3\",null,{\"className\":\"wfg-card-title\",\"children\":\"Real-Time Visibility\"}],[\"$\",\"p\",null,{\"className\":\"wfg-card-desc\",\"children\":\"Live shipment tracking keeps shippers, ground teams, and customers updated at every stage.\"}]]}],[\"$\",\"div\",\"Faster Regional Reach\",{\"className\":\"wfg-card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"wfg-icon\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.25\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"line\",null,{\"x1\":\"5\",\"y1\":\"12\",\"x2\":\"19\",\"y2\":\"12\"}],[\"$\",\"polyline\",null,{\"points\":\"13 6 19 12 13 18\"}]]}]}],[\"$\",\"h3\",null,{\"className\":\"wfg-card-title\",\"children\":\"Faster Regional Reach\"}],[\"$\",\"p\",null,{\"className\":\"wfg-card-desc\",\"children\":\"A dedicated network linking major regional capitals, built for speed rather than passenger schedules.\"}]]}],[\"$\",\"div\",\"Reliable Scheduled Operations\",{\"className\":\"wfg-card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"wfg-icon\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.25\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"rect\",null,{\"x\":\"3\",\"y\":\"4\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"3\"}],[\"$\",\"line\",null,{\"x1\":\"16\",\"y1\":\"2\",\"x2\":\"16\",\"y2\":\"6\"}],[\"$\",\"line\",null,{\"x1\":\"8\",\"y1\":\"2\",\"x2\":\"8\",\"y2\":\"6\"}],[\"$\",\"line\",null,{\"x1\":\"3\",\"y1\":\"10\",\"x2\":\"21\",\"y2\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M9 16l2 2 4-4\"}]]}]}],[\"$\",\"h3\",null,{\"className\":\"wfg-card-title\",\"children\":\"Reliable Scheduled Operations\"}],[\"$\",\"p\",null,{\"className\":\"wfg-card-desc\",\"children\":\"Dedicated freighter capacity with consistent schedules — not subject to passenger-belly bumping.\"}]]}]]}]]}]}]}]\n"])</script><script>self.__next_f.push([1,"21:Tfac,"])</script><script>self.__next_f.push([1,"\n .wind-section {\n background: #fafafa;\n padding: var(--space-section-lg, 80px) 0 20px 0; /* Reduced bottom padding to minimize gap */\n }\n\n .wind-header {\n margin: 0 auto 48px auto;\n max-width: 720px;\n text-align: center;\n }\n\n .wind-eyebrow {\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: rgba(17, 17, 17, 0.45);\n margin-bottom: 16px;\n }\n\n .wind-title {\n font-size: clamp(28px, 3.2vw, 46px) !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.15 !important;\n text-transform: none !important;\n color: #111111 !important;\n margin: 0;\n }\n\n .wind-inner {\n max-width: 1380px;\n margin: 0 auto;\n }\n\n .wind-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px;\n }\n\n .wind-card {\n position: relative;\n min-width: 0;\n aspect-ratio: 4 / 5;\n border-radius: 20px;\n overflow: hidden;\n background: linear-gradient(150deg, #17171b 0%, #0b0b0d 100%);\n isolation: isolate;\n }\n\n .wind-card-wash {\n position: absolute;\n inset: 0;\n background: linear-gradient(160deg, rgba(200, 16, 46, 0.35) 0%, rgba(200, 16, 46, 0) 60%);\n opacity: 0.5;\n transition: opacity 0.4s ease;\n }\n\n .wind-card:hover .wind-card-wash {\n opacity: 1;\n }\n\n .wind-card-default {\n position: absolute;\n left: 24px;\n right: 24px;\n bottom: 24px;\n transition: opacity 0.3s ease, transform 0.3s ease;\n }\n\n .wind-card:hover .wind-card-default {\n opacity: 0;\n transform: translateY(8px);\n pointer-events: none;\n }\n\n .wind-card .wind-card-default-title {\n font-size: 20px !important;\n font-weight: 800 !important;\n line-height: 1.3 !important;\n text-transform: none !important;\n color: #ffffff !important;\n margin: 0;\n }\n\n .wind-card-hover {\n position: absolute;\n inset: 0;\n padding: 26px 24px;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n gap: 14px;\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.35s ease, transform 0.35s ease;\n }\n\n .wind-card:hover .wind-card-hover {\n opacity: 1;\n transform: translateY(0);\n }\n\n .wind-card .wind-card-hover-title {\n font-size: 19px !important;\n font-weight: 800 !important;\n line-height: 1.3 !important;\n text-transform: none !important;\n color: #ffffff !important;\n margin: 0;\n }\n\n .wind-card-label {\n font-size: 10.5px;\n font-weight: 800;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 0.5);\n margin: 0 0 4px 0;\n }\n\n .wind-card-text {\n font-size: 13px;\n line-height: 1.5;\n color: rgba(255, 255, 255, 0.85);\n margin: 0;\n }\n\n @media (max-width: 1024px) {\n .wind-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n }\n\n @media (max-width: 600px) {\n .wind-grid { grid-template-columns: 1fr; }\n .wind-card { aspect-ratio: 3 / 4; }\n /* var(--space-section-lg) floors at a fixed 52px on any phone\n width; bottom is already trimmed to 20px, so only the top needs\n a real mobile reduction to match the section rhythm near the\n footer. */\n .wind-section { padding-top: 44px; }\n }\n "])</script><script>self.__next_f.push([1,"11:[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$21\"}}],\"$L22\"]\n12:[\"$\",\"$L23\",null,{}]\n"])</script><script>self.__next_f.push([1,"13:[\"$\",\"div\",null,{\"id\":\"wings-fleet\",\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n @media (max-width: 767px) {\\n #wings-fleet .evnd-gap-bottom { margin-bottom: 14px !important; }\\n }\\n \"}}],[\"$\",\"$L24\",null,{\"bannerImage\":\"/images/pahse1.png\",\"cardTitle\":\"Quick Logistics\",\"cardSubtitle\":\"Same-Day Air Network\",\"eyebrow\":\"/ Fleet Strategy /\",\"titleLead\":\"Purpose-Built for \",\"titleAccent\":\"Regional Speed\",\"features\":[{\"icon\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M22 12h-6l-4-9-2 1 3 8H5l-2-3-1.5.6L3 14l1.5 4.4L6 18l-2-3h8l3 8 2-1-3-8h6z\"}]}],\"title\":\"Dedicated Freighter Capacity\",\"desc\":\"Purpose-built cargo lift, not passenger-belly space competing with baggage.\"},{\"icon\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"6\",\"cy\":\"6\",\"r\":\"2.5\"}],[\"$\",\"circle\",null,{\"cx\":\"18\",\"cy\":\"6\",\"r\":\"2.5\"}],[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"18\",\"r\":\"2.5\"}],[\"$\",\"path\",null,{\"d\":\"M8.2 7.2 10 16M15.8 7.2 14 16M8.5 6h7\"}]]}],\"title\":\"Regional Route Design\",\"desc\":\"Turboprop range and speed matched to India's major regional-capital corridors.\"},{\"icon\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M3 3v18h18\"}],[\"$\",\"path\",null,{\"d\":\"M7 14l4-4 3 3 6-7\"}]]}],\"title\":\"Scaling to 25 Aircraft\",\"desc\":\"Phase 2 vision: pan-India connectivity hubs and international regional routes.\"}],\"metrics\":[{\"value\":8.2,\"decimals\":1,\"suffix\":\"t\",\"label\":\"ATR72 Payload\"},{\"value\":1600,\"suffix\":\"km\",\"label\":\"ATR72 Range\"},{\"value\":8.6,\"decimals\":1,\"suffix\":\"t\",\"label\":\"Q400 Payload\"},{\"value\":667,\"suffix\":\"km/h\",\"label\":\"Q400 Speed\"}],\"cardsHeading\":\"FLEET SPECIFICATIONS\",\"cardsTheme\":{\"accent\":\"#c8102e\",\"accent2\":\"#ff6a3d\",\"glow\":\"rgba(200,16,46,0.22)\"},\"gapTop\":true,\"gapBottom\":true,\"badges\":[{\"value\":\"3\",\"label\":\"Phase 1 Aircraft\"},{\"value\":\"25\",\"label\":\"Phase 2 Vision\"}],\"mediaSlot\":[\"$\",\"video\",null,{\"autoPlay\":true,\"loop\":true,\"muted\":true,\"playsInline\":true,\"style\":{\"width\":\"100%\",\"height\":\"100%\",\"minHeight\":420,\"objectFit\":\"cover\",\"display\":\"block\",\"background\":\"#17171b\"},\"children\":[\"$\",\"source\",null,{\"src\":\"/videos/fleet.mp4\",\"type\":\"video/mp4\"}]}],\"ariaLabel\":\"Doormile Wings fleet strategy\"}]]}]\n"])</script><script>self.__next_f.push([1,"14:[\"$\",\"section\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__section\",\"id\":\"wings-infrastructure\",\"children\":[\"$\",\"div\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__sectionShell\",\"children\":[[\"$\",\"$L1f\",null,{\"delay\":0.05,\"duration\":0.7,\"yOffset\":20,\"className\":\"WingsInfrastructure-module__akH2-q__header\",\"children\":[[\"$\",\"div\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__eyebrow\",\"children\":\"/ Infrastructure /\"}],[\"$\",\"h2\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__title\",\"children\":\"A network built to move, not to sit idle\"}]]}],[\"$\",\"$L20\",null,{\"stagger\":0.08,\"duration\":0.6,\"yOffset\":20,\"className\":\"WingsInfrastructure-module__akH2-q__grid\",\"children\":[[\"$\",\"div\",\"Airport Cargo Hubs\",{\"className\":\"WingsInfrastructure-module__akH2-q__card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__icon\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.25\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__cardTitle\",\"children\":\"Airport Cargo Hubs\"}],[\"$\",\"p\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__cardDesc\",\"children\":\"Near-airport clearance hubs instead of standalone warehouses — closer to the tarmac, faster to the aircraft.\"}]]}],[\"$\",\"div\",\"Cross-Docking\",{\"className\":\"WingsInfrastructure-module__akH2-q__card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__icon\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.25\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M3 7h7l2 3h9M3 7v10h18V10\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__cardTitle\",\"children\":\"Cross-Docking\"}],[\"$\",\"p\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__cardDesc\",\"children\":\"Screening, grouping, and consolidation happen in one motion, minimizing dwell time between arrival and departure.\"}]]}],[\"$\",\"div\",\"Asset-Light Network\",{\"className\":\"WingsInfrastructure-module__akH2-q__card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__icon\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.25\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"rect\",null,{\"x\":\"3\",\"y\":\"3\",\"width\":\"7\",\"height\":\"7\",\"rx\":\"1\"}],[\"$\",\"rect\",null,{\"x\":\"14\",\"y\":\"3\",\"width\":\"7\",\"height\":\"7\",\"rx\":\"1\"}],[\"$\",\"rect\",null,{\"x\":\"3\",\"y\":\"14\",\"width\":\"7\",\"height\":\"7\",\"rx\":\"1\"}],[\"$\",\"rect\",null,{\"x\":\"14\",\"y\":\"14\",\"width\":\"7\",\"height\":\"7\",\"rx\":\"1\"}]]}]}],[\"$\",\"h3\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__cardTitle\",\"children\":\"Asset-Light Network\"}],[\"$\",\"p\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__cardDesc\",\"children\":\"Leased terminal space that flexes with demand, keeping the network nimble as new routes come online.\"}]]}],[\"$\",\"div\",\"Scalable Operations\",{\"className\":\"WingsInfrastructure-module__akH2-q__card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__icon\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.25\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M3 21V9l6-4 6 4v12M9 21V13h6v8\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__cardTitle\",\"children\":\"Scalable Operations\"}],[\"$\",\"p\",null,{\"className\":\"WingsInfrastructure-module__akH2-q__cardDesc\",\"children\":\"Modular ground infrastructure built to expand city by city without slowing down day-to-day operations.\"}]]}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"$L25\",null,{}]\n16:[\"$\",\"$L26\",null,{}]\n17:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/144so~-zgdm9_.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n18:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0vi1igu-zxb_c.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n19:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/06~35roaehny..js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1a:[\"$\",\"$L27\",null,{\"children\":[\"$\",\"$28\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@29\"}]}]\n2a:[]\n1b:\"$W2a\"\n1c:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L2b\",null,{\"children\":\"$L2c\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L2d\",null,{\"children\":[\"$\",\"$28\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L2e\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n1e:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/13ci0umlwh11-.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"22:[\"$\",\"section\",null,{\"className\":\"wind-section\",\"id\":\"wings-industries\",\"children\":[\"$\",\"div\",null,{\"className\":\"dm-section-container\",\"children\":[\"$\",\"div\",null,{\"className\":\"wind-inner\",\"children\":[[\"$\",\"$L1f\",null,{\"delay\":0.05,\"duration\":0.75,\"yOffset\":25,\"className\":\"wind-header\",\"children\":[[\"$\",\"div\",null,{\"className\":\"wind-eyebrow\",\"children\":\"/ Industries We Serve /\"}],[\"$\",\"h2\",null,{\"className\":\"wind-title\",\"children\":\"Built for the shipments that can’t wait\"}]]}],[\"$\",\"$L1f\",null,{\"delay\":0.1,\"duration\":0.8,\"yOffset\":30,\"className\":\"wind-grid\",\"children\":[[\"$\",\"div\",\"Quick Commerce\",{\"className\":\"wind-card\",\"style\":{\"backgroundImage\":\"linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card 1.png')\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"wind-card-wash\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"wind-card-default\",\"children\":[\"$\",\"h3\",null,{\"className\":\"wind-card-default-title\",\"children\":\"Quick Commerce\"}]}],[\"$\",\"div\",null,{\"className\":\"wind-card-hover\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"wind-card-hover-title\",\"children\":\"Quick Commerce\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Challenge\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Sub-3-hour delivery windows for dark stores and micro-warehouses.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Doormile Wings\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Dedicated same-day air capacity linking metros to fulfillment hubs.\"}]]}]]}]]}],[\"$\",\"div\",\"Express B2B Cargo\",{\"className\":\"wind-card\",\"style\":{\"backgroundImage\":\"linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card 2.png')\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"wind-card-wash\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"wind-card-default\",\"children\":[\"$\",\"h3\",null,{\"className\":\"wind-card-default-title\",\"children\":\"Express B2B Cargo\"}]}],[\"$\",\"div\",null,{\"className\":\"wind-card-hover\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"wind-card-hover-title\",\"children\":\"Express B2B Cargo\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Challenge\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Time-critical industrial parts and components stuck on slow trunk routes.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Doormile Wings\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Rapid airport-to-airport transport between major economic nodes.\"}]]}]]}]]}],[\"$\",\"div\",\"Healthcare \u0026 Pharma\",{\"className\":\"wind-card\",\"style\":{\"backgroundImage\":\"linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card 3.png')\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"wind-card-wash\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"wind-card-default\",\"children\":[\"$\",\"h3\",null,{\"className\":\"wind-card-default-title\",\"children\":\"Healthcare \u0026 Pharma\"}]}],[\"$\",\"div\",null,{\"className\":\"wind-card-hover\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"wind-card-hover-title\",\"children\":\"Healthcare \u0026 Pharma\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Challenge\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Temperature-sensitive, compliance-critical shipments with zero margin for error.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Doormile Wings\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Active and passive cold-chain packaging with full chain-of-custody tracking.\"}]]}]]}]]}],[\"$\",\"div\",\"Cold Chain Logistics\",{\"className\":\"wind-card\",\"style\":{\"backgroundImage\":\"linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card4.png')\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"wind-card-wash\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"wind-card-default\",\"children\":[\"$\",\"h3\",null,{\"className\":\"wind-card-default-title\",\"children\":\"Cold Chain Logistics\"}]}],[\"$\",\"div\",null,{\"className\":\"wind-card-hover\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"wind-card-hover-title\",\"children\":\"Cold Chain Logistics\"}],\"$L2f\",\"$L30\"]}]]}],\"$L31\",\"$L32\"]}]]}]}]}]\n"])</script><script>self.__next_f.push([1,"2f:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Challenge\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Perishables and fresh goods that can't survive slow surface transit.\"}]]}]\n30:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Doormile Wings\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Precision temperature tracking matched to airline-speed transit.\"}]]}]\n31:[\"$\",\"div\",\"High-Value Cargo\",{\"className\":\"wind-card\",\"style\":{\"backgroundImage\":\"linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card5.png')\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"wind-card-wash\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"wind-card-default\",\"children\":[\"$\",\"h3\",null,{\"className\":\"wind-card-default-title\",\"children\":\"High-Value Cargo\"}]}],[\"$\",\"div\",null,{\"className\":\"wind-card-hover\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"wind-card-hover-title\",\"children\":\"High-Value Cargo\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Challenge\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Zero tolerance for loss, tampering, or delay on high-value shipments.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Doormile Wings\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Maximum-security handling with real-time electronic custody tracking.\"}]]}]]}]]}]\n32:[\"$\",\"div\",\"E-Commerce Logistics\",{\"className\":\"wind-card\",\"style\":{\"backgroundImage\":\"linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('/images/card6.png')\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"wind-card-wash\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"wind-card-default\",\"children\":[\"$\",\"h3\",null,{\"className\":\"wind-card-default-title\",\"children\":\"E-Commerce Logistics\"}]}],[\"$\",\"div\",null,{\"className\":\"wind-card-hover\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"wind-card-hover-title\",\"children\":\"E-Commerce Logistics\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Challenge\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Next-day and same-day fulfillment expectations across tier-1 and tier-2 cities.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"wind-card-label\",\"children\":\"Doormile Wings\"}],[\"$\",\"p\",null,{\"className\":\"wind-card-text\",\"children\":\"Direct sorting-hub-to-airport clearance network for faster regional delivery.\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"2c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"33:I[27201,[\"/_next/static/chunks/0812b12auw1ih.js\",\"/_next/static/chunks/0wybzq6mybxiw.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0g-e9tnpen8jn.js\"],\"IconMark\"]\n29:null\n"])</script><script>self.__next_f.push([1,"2e:[[\"$\",\"title\",\"0\",{\"children\":\"Doormile Wings – Redefining Domestic Air Logistics Through AI\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Doormile Wings links India's major regional capitals with AI-powered, same-day air logistics and zero-emission EV last-mile delivery — where quick commerce meets quick logistics.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://doormile.com/doormile-wings\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Doormile Wings – Redefining Domestic Air Logistics Through AI\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Same-day air logistics linking India's major regional capitals, powered by MileTruth™ AI and zero-emission EV last-mile delivery.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://doormile.com/doormile-wings\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"Doormile\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://doormile.com/images/wings-logo.png\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:alt\",\"content\":\"Doormile Wings\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:title\",\"content\":\"Doormile Wings – Redefining Domestic Air Logistics Through AI\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:description\",\"content\":\"Same-day air logistics linking India's major regional capitals, powered by MileTruth™ AI and zero-emission EV last-mile delivery.\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image\",\"content\":\"https://doormile.com/images/wings-logo.png\"}],[\"$\",\"link\",\"17\",{\"rel\":\"shortcut icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.14w3bhkxgz946.ico\",\"sizes\":\"40x40\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"link\",\"20\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"$L33\",\"21\",{}]]\n"])</script></body></html> |