For Riders | May Mobility

<!DOCTYPE html> <html class="max-h-dvh" lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://maymobility.imgix.net" crossorigin> <link rel="preconnect" href="https://app.termly.io" crossorigin> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://maymobility.com/dist/app.CA1ighcD.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/main.js'}});document.dispatchEvent(e);"></script> <link href="https://maymobility.com/dist/app.D0lRmuCY.css" rel="stylesheet"> <script> window.customElements.define('x-svelte', class extends HTMLElement {}); window.$app = { "lang": "en-US", "isAdmin": false, "cloudfrontUrl": "https:\/\/media.maymobility.com", "imgixUrl": "https:\/\/maymobility.imgix.net", "siteUrl": "https:\/\/maymobility.com\/", "primarySiteUrl": "https:\/\/maymobility.com\/", "i18n": [], "devMode": false }; </script> <script src="https://app.termly.io/resource-blocker/ef14dee5-464f-4265-ac1b-775e833b59d5?autoBlock=off" defer></script> <style> .hidden { display: none; } .invisible { visibility: hidden; } x-svelte { display: contents; } </style> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#369144"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <title>For Riders | May Mobility</title> <script>dataLayer = []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W95NM9L'); </script><meta name="description" content="Looking for more information about riding with May Mobility? We’ve got you covered with quick video guides, FAQs and other helpful resources."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="maymobility" property="fb:profile_id"> <meta content="en_US" property="og:locale"> <meta content="es_US" property="og:locale:alternate"> <meta content="May Mobility" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://maymobility.com/for-riders/" property="og:url"> <meta content="For Riders" property="og:title"> <meta content="Looking for more information about riding with May Mobility? We’ve got you covered with quick video guides, FAQs and other helpful resources." property="og:description"> <meta content="https://media.maymobility.com/_1200x630_crop_center-center_82_none/FOR_RIDERS-Hero-Banner.png?mtime=1678715499" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" property="og:see_also"> <meta content="https://www.facebook.com/maymobility/" property="og:see_also"> <meta content="https://medium.com/may-mobility" property="og:see_also"> <meta content="https://twitter.com/may_mobility" property="og:see_also"> <meta content="https://www.instagram.com/maymobility/" property="og:see_also"> <meta content="https://www.linkedin.com/company/maymobility/" property="og:see_also"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@may_mobility"> <meta name="twitter:creator" content="@may_mobility"> <meta name="twitter:title" content="For Riders"> <meta name="twitter:description" content="Looking for more information about riding with May Mobility? We’ve got you covered with quick video guides, FAQs and other helpful resources."> <meta name="twitter:image" content="https://media.maymobility.com/_800x418_crop_center-center_82_none/FOR_RIDERS-Hero-Banner.png?mtime=1678715499"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="418"> <link href="https://maymobility.com/for-riders/" rel="canonical"> <link href="https://maymobility.com/" rel="home"> <link type="text/plain" href="https://maymobility.com/humans.txt" rel="author"> <link href="https://maymobility.com/es/for-riders/" rel="alternate" hreflang="es-us"> <link href="https://maymobility.com/for-riders/" rel="alternate" hreflang="x-default"> <link href="https://maymobility.com/for-riders/" rel="alternate" hreflang="en-us"></head> <body id="app" class="transition overflow-x-hidden scroll-locked:overflow-hidden" data-animation-enabled><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W95NM9L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a href="#maincontent" id="skip-to-content">Skip to Main Content</a> <div class="overflow-hidden max-w-full"> <header class="fixed z-40 top-0 left-0 w-full bg-brand-gray-light" data-nav-root> <div class="relative z-50"><x-svelte component="alert-bar"></x-svelte> </div> <nav class="lg:hidden" aria-label="Mobile Navigation"> <div class="relative z-1 flex justify-between items-center h-nav-height px-4 py-2 transition-colors duration-200 bg-brand-gray-light text-gray-800 is-stuck:bg-white is-stuck:text-gray-800 is-stuck:shadow-md is-drawer-open:bg-white is-drawer-open:text-gray-800"> <a href="https://maymobility.com/" class="block p-1 rounded-full"> <span class="sr-only">May Mobility Home page</span> <svg class="block w-[8rem] aspect-[675/125] h-auto fill-green" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125" aria-hidden="true"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg> </a> <button type="button" class="block px-1 py-2 -mr-1 rounded font-medium" aria-label="Toggle Mobile Navigation" aria-controls="drawerContent" aria-expanded="false" data-nav-mobile-toggle> <span class="flex items-center gap-1 is-active:hidden pointer-events-none"> <svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg><span class="hidden md:block leading-none">Menu</span> </span> <span class="hidden is-active:flex items-center gap-1 pointer-events-none"> <span class="block leading-none">Close</span><svg class="block w-3 h-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/></svg> </span> </button> </div> <div id="drawerContent" class="invisible absolute z-0 top-0 left-0 w-full h-dvh pt-nav-height bg-white -translate-y-full transition-transform duration-300 ease-in-out is-drawer-open:translate-y-0" data-nav-drawer-content> <div class="flex flex-col gap-4 h-[calc(100dvh_-_var(--nav-height))] pt-4 pb-8 overflow-scroll opacity-0 transition-opacity duration-300 is-drawer-open:opacity-100"> <ol class="flex flex-col px-10 divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a href="https://maymobility.com/" class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl"> Home </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/technology/" data-gtm-element="main-nav-item-324"> Technology </a> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="main-nav-item-326">Safety</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="main-nav-item-327">Accessibility</a> </li> </ol> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/our-solutions/" data-gtm-element="main-nav-item-26581"> Solutions </a> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/our-solutions/cities/" data-gtm-element="main-nav-item-26582">Cities</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="main-nav-item-26583">Commercial</a> </li> </ol> </li> <li class="block"> <span class="block py-1 text-xl text-gray-700 font-normal sm:text-xl md:text-2xl"> Locations </span> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/locations/" data-gtm-element="main-nav-item-55509">Locations</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="main-nav-item-55510">For Riders</a> </li> </ol> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/meet-may/" data-gtm-element="main-nav-item-328"> About May Mobility </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/contact/" data-gtm-element="main-nav-item-329"> Contact Us </a> </li> </ol> <ol class="flex flex-col mx-8 p-4 rounded bg-brand-gray-light divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/careers/" data-gtm-element="topbar-nav-item-314"> Careers </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/investors/" data-gtm-element="topbar-nav-item-81176"> Investors </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="topbar-nav-item-55505"> News </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/posts/type/company-blog/" data-gtm-element="topbar-nav-item-55506"> Blog </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/resources/" data-gtm-element="topbar-nav-item-55507"> Resources </a> </li> </ol> <ol class="flex flex-col px-10 divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a class="flex items-center gap-2 py-1 text-black text-sm font-normal hover:underline" href="https://www.maymobility.co.jp/"> <span class="block"> 日本語 </span> <span class="block">🇯🇵</span> </a> </li> <li> <a class="flex items-center gap-2 py-1 text-black text-sm font-normal hover:underline" href="https://maymobility.com/es/for-riders/"> <span class="block"> Español (Estados Unidos) </span> <span class="block">🇺🇸</span> </a> </li> </ol> </div> </div> </nav> <nav class="hidden lg:block py-2 text-gray-800 transition-colors duration-200 is-stuck:bg-white/90 is-stuck:backdrop-blur-sm is-stuck:text-gray-900" aria-label="Desktop Navigation" data-nav-style="default"> <div class="flex relative z-1 container items-center justify-between w-full"> <div class="relative"> <button class="flex items-center gap-1.5 px-2 py-1.5 rounded-full text-sm font-normal underline underline-offset-8 decoration-blue/0 transition-colors duration-100 hover:decoration-blue/80" data-toggle="#topBarLangDropdown" data-gtm-element="topbar-lang-dropdown"> <span class="block pointer-events-none">Translate</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <ol id="topBarLangDropdown" class="hidden flex-col gap-2 absolute top-full left-0 translate-y-2 w-56 p-4 rounded bg-white text-navy border-solid border-gray-100 border shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] is-active-dropdown:flex" data-target-class="is-active-dropdown"> <li class="whitespace-nowrap"> <a class="flex items-center gap-1.5 p-2 rounded text-sm font-normal hover:text-black hover:bg-brand-gray-light" href="https://www.maymobility.co.jp/"> <span class="block"> 日本語 </span> <span class="block">🇯🇵</span> </a> </li> <li class="whitespace-nowrap"> <a class="flex items-center gap-1.5 p-2 rounded text-sm font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/es/for-riders/"> <span class="block"> Español (Estados Unidos) </span> <span class="block">🇺🇸</span> </a> </li> </ol> </div> <div class="flex gap-12"> <ol class="flex items-center justify-end gap-2 xl:gap-6" id="topBarNav"> <li class="relative block"><a class="block px-2 py-1.5 rounded-full text-sm leading-none font-normal tracking-tight underline underline-offset-8 decoration-blue/0 transition-colors duration-100 hover:decoration-blue/80" href="https://maymobility.com/careers/" data-gtm-element="topbar-nav-item-314"> Careers </a></li><li class="relative block"><a class="block px-2 py-1.5 rounded-full text-sm leading-none font-normal tracking-tight underline underline-offset-8 decoration-blue/0 transition-colors duration-100 hover:decoration-blue/80" href="https://maymobility.com/investors/" data-gtm-element="topbar-nav-item-81176"> Investors </a></li><li class="relative block"><a class="block px-2 py-1.5 rounded-full text-sm leading-none font-normal tracking-tight underline underline-offset-8 decoration-blue/0 transition-colors duration-100 hover:decoration-blue/80" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="topbar-nav-item-55505"> News </a></li><li class="relative block"><a class="block px-2 py-1.5 rounded-full text-sm leading-none font-normal tracking-tight underline underline-offset-8 decoration-blue/0 transition-colors duration-100 hover:decoration-blue/80" href="https://maymobility.com/posts/type/company-blog/" data-gtm-element="topbar-nav-item-55506"> Blog </a></li><li class="relative block"><a class="block px-2 py-1.5 rounded-full text-sm leading-none font-normal tracking-tight underline underline-offset-8 decoration-blue/0 transition-colors duration-100 hover:decoration-blue/80" href="https://maymobility.com/resources/" data-gtm-element="topbar-nav-item-55507"> Resources </a></li></ol> </div> </div> <div class="relative z-0 container flex items-center justify-between"> <a href="https://maymobility.com/" class="block p-1 pb-0 -translate-x-1 rounded"> <span class="sr-only">May Mobility Home page</span><svg class="block w-[13rem] aspect-[675/125] h-auto fill-green is-stuck:fill-green xl:w-[15rem]" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125" aria-hidden="true"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg></a> <div class="flex gap-12"> <ol class="flex items-center justify-end gap-1 xl:gap-3" id="mainNav"><li class="relative block"><button class="group block py-2 px-3 rounded-full text-[16px] leading-none font-normal tracking-tight transition-colors duration-100 hover:text-white hover:bg-blue flex items-center gap-1" data-toggle="#mainNavDropdown-324" data-gtm-element="main-nav-dropdown-324"> <span class="block pointer-events-none">Technology</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-324" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[6px] rounded-b-[16px] bg-white text-navy overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-full-dark"></div> <div class="py-4 mx-6 border-solid border-brand-gray-medium border-b"> <a class="group flex items-center gap-2 rounded hover:text-blue is-tabbing:focus:px-1 is-tabbing:focus:-mx-1" href="https://maymobility.com/technology/" data-gtm-element="main-nav-item-324"> <span class="block flex-initial pointer-events-none"> Technology </span> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current transition-all duration-200 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </a> </div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/technology/safety/" data-gtm-element="main-nav-item-326">Safety</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/technology/accessibility/" data-gtm-element="main-nav-item-327">Accessibility</a> </li> </ol> </div></li><li class="relative block"><button class="group block py-2 px-3 rounded-full text-[16px] leading-none font-normal tracking-tight transition-colors duration-100 hover:text-white hover:bg-blue flex items-center gap-1" data-toggle="#mainNavDropdown-26581" data-gtm-element="main-nav-dropdown-26581"> <span class="block pointer-events-none">Solutions</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-26581" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[6px] rounded-b-[16px] bg-white text-navy overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-green"></div> <div class="py-4 mx-6 border-solid border-brand-gray-medium border-b"> <a class="group flex items-center gap-2 rounded hover:text-blue is-tabbing:focus:px-1 is-tabbing:focus:-mx-1" href="https://maymobility.com/our-solutions/" data-gtm-element="main-nav-item-26581"> <span class="block flex-initial pointer-events-none"> Our Solutions </span> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current transition-all duration-200 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </a> </div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/our-solutions/cities/" data-gtm-element="main-nav-item-26582">Cities</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="main-nav-item-26583">Commercial</a> </li> </ol> </div></li><li class="relative block"><button class="group block py-2 px-3 rounded-full text-[16px] leading-none font-normal tracking-tight transition-colors duration-100 hover:text-white hover:bg-blue flex items-center gap-1" data-toggle="#mainNavDropdown-55508" data-gtm-element="main-nav-dropdown-55508"> <span class="block pointer-events-none">Locations</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-55508" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[6px] rounded-b-[16px] bg-white text-navy overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-full-dark"></div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/locations/" data-gtm-element="main-nav-item-55509">Locations</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/for-riders/" data-gtm-element="main-nav-item-55510">For Riders</a> </li> </ol> </div></li><li class="relative block"><a class="group block py-2 px-3 rounded-full text-[16px] leading-none font-normal tracking-tight transition-colors duration-100 hover:text-white hover:bg-blue" href="https://maymobility.com/meet-may/" data-gtm-element="main-nav-item-328"> About May Mobility </a></li><li class="relative block"><a class="group block py-2 px-3 rounded-full text-[16px] leading-none font-normal tracking-tight transition-colors duration-100 hover:text-white hover:bg-blue border-solid border-white border-2 is-stuck:border-blue hover:border-blue" href="https://maymobility.com/contact/" data-gtm-element="main-nav-item-329"> Contact Us </a></li></ol> </div> </div> </nav> </header> <main id="maincontent"> <section class="bg-brand-gray-light pt-[calc(0.5rem_+_var(--nav-height))] rounded-br-48 md:pt-[calc(1rem_+_var(--nav-height))] lg:pt-[calc(0.5rem_+_var(--nav-height))]"> <div class="flex flex-col gap-12 w-full lg:flex-row lg:items-stretch lg:gap-8"> <div class="px-6 py-6 lg:self-center lg:w-[60%] lg:py-8" data-intro="slide-right" data-parallax> <div class="grid gap-6 lg:gap-7 lg:pl-[max(0px,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:-parallax-y-12"> <h1 class="h1 text-navy u-to-gradient"> <u>Ride</u> With Us </h1> <div class="prose"> <p>Getting around has never been easier. We're happy to safely provide you with a greener, more accessible option to get you to where you need to go. Looking for information on how to ride? Skip ahead to our <a href="https://maymobility-production.mostlyserious.io/for-riders#how-it-works">How It Works guide</a>. (You can also check out our wheelchair accessible <a href="https://maymobility-production.mostlyserious.io/for-riders#wheelchair-accessible">How It Works guide</a>!)</p> </div> <ol class="flex flex-wrap items-center gap-4"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-green text-gray-800 hover:bg-green hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/locations/" data-gtm-element="header-8901-button-10504"><span class="block flex-initial pointer-events-none">See Our Locations</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> <div class="lg:w-[40%]" data-intro="slide-left"> <div class="relative z-0 w-full aspect-video rounded-br-48 overflow-hidden lg:rounded-tl-48 lg:aspect-auto lg:h-full lg:min-h-[calc(200px+5vh)]"> <picture><source srcset="https://maymobility.imgix.net/FOR_RIDERS-Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600 1x, https://maymobility.imgix.net/FOR_RIDERS-Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600&dpr=1.5 1.5x" width="800" height="600" media="(min-width: 1200px)"><source srcset="https://maymobility.imgix.net/FOR_RIDERS-Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=700&height=450 1x, https://maymobility.imgix.net/FOR_RIDERS-Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=700&height=450&dpr=1.5 1.5x" width="700" height="450" media="(min-width: 960px)"><source srcset="https://maymobility.imgix.net/FOR_RIDERS-Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=700&height=500 1x, https://maymobility.imgix.net/FOR_RIDERS-Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=700&height=500&dpr=1.5 1.5x" width="700" height="500" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/FOR_RIDERS-Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300 1x, https://maymobility.imgix.net/FOR_RIDERS-Hero-Banner.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300&dpr=1.5 1.5x" width="400" height="300" alt="" fetchpriority="high"></picture> </div> </div> </div> </section> <div class=""> <div class="relative pt-12 overflow-hidden bg-blue md:pt-24"> <div class="relative container grid gap-8 md:grid-cols-14 md:items-end"> <div class="relative z-1 py-6 md:col-start-1 md:col-span-8 md:self-center lg:col-start-2 lg:col-span-7" data-intro="slide-right"> <div class="grid gap-4 text-center text-white md:pr-4 md:-mt-6 md:text-left"> <h2 class="h2 text-white">Download the May Mobility app and start moving!</h2> <p class="text-md text-white"> Ready to move with May Mobility? You’re almost there—just download the May Mobility app on the Apple App Store or Google Play and the app’s prompts will guide you through the rest. </p> <ol class="flex flex-wrap items-center justify-center gap-4 md:justify-start"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1 is-tabbing:focus:ring-white" href="https://apps.apple.com/us/app/may-mobility/id1635037304" target="_blank" data-gtm-element="app-download-app-store"><svg class="block flex-initial w-4 h-4 pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM127 384.5c-5.5 9.6-17.8 12.8-27.3 7.3-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7c16.1-4.9 29.3-1.1 39.6 11.4L127 384.5zm138.9-53.9H84c-11 0-20-9-20-20s9-20 20-20h51l65.4-113.2-20.5-35.4c-5.5-9.6-2.2-21.8 7.3-27.3 9.6-5.5 21.8-2.2 27.3 7.3l8.9 15.4 8.9-15.4c5.5-9.6 17.8-12.8 27.3-7.3 9.6 5.5 12.8 17.8 7.3 27.3l-85.8 148.6h62.1c20.2 0 31.5 23.7 22.7 40zm98.1 0h-29l19.6 33.9c5.5 9.6 2.2 21.8-7.3 27.3-9.6 5.5-21.8 2.2-27.3-7.3-32.9-56.9-57.5-99.7-74-128.1-16.7-29-4.8-58 7.1-67.8 13.1 22.7 32.7 56.7 58.9 102h52c11 0 20 9 20 20 0 11.1-9 20-20 20z"/></svg><span class="block flex-initial pointer-events-none">Get on the App Store</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M304 24c0 13.3 10.7 24 24 24H430.1L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223V184c0 13.3 10.7 24 24 24s24-10.7 24-24V24c0-13.3-10.7-24-24-24H328c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104V440c0 39.8 32.2 72 72 72H408c39.8 0 72-32.2 72-72V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V440c0 13.3-10.7 24-24 24H72c-13.3 0-24-10.7-24-24V104c0-13.3 10.7-24 24-24H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H72z"/></svg></span></a> </li> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1 is-tabbing:focus:ring-white" href="https://play.google.com/store/apps/details?id=ridewithvia.maymobility.grandrapids.av&hl=en_US&gl=US" target="_blank" data-gtm-element="app-download-play-store"><svg class="block flex-initial w-4 h-4 pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"/></svg><span class="block flex-initial pointer-events-none">Get on Google Play</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M304 24c0 13.3 10.7 24 24 24H430.1L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223V184c0 13.3 10.7 24 24 24s24-10.7 24-24V24c0-13.3-10.7-24-24-24H328c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104V440c0 39.8 32.2 72 72 72H408c39.8 0 72-32.2 72-72V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V440c0 13.3-10.7 24-24 24H72c-13.3 0-24-10.7-24-24V104c0-13.3 10.7-24 24-24H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H72z"/></svg></span></a> </li> </ol> </div> </div> <div class="relative md:col-start-9 md:col-span-6" data-intro="slide-left" data-parallax> <svg class="block absolute -bottom-2 left-1/2 -ml-48 w-96 h-auto fill-teal lg:w-[30rem] lg:-ml-[15rem] lg:-bottom-16 lg:parallax-y-16" width="398" height="199" viewBox="0 0 398 199" fill="none" aria-hidden="true"> <path d="M0 199C0 89.0953 89.0953 0 199 0C308.905 0 398 89.0953 398 199H0Z" /> </svg> <div class="block absolute top-1/2 left-1/2 -mt-32 -ml-52 w-32 h-32 lg:parallax-y-12 xl:-ml-[15.5rem]"> <svg class="block w-full h-full fill-navy -rotate-90" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> <div class="relative w-52 max-w-full aspect-iphone-portrait mx-auto rounded-t-24 border-solid border-navy border-8 border-b-0 bg-white overflow-hidden shadow-xl"> <img class="block w-full h-full object-cover object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/App-in-Use/GLOBAL_App-Screenshot-2023.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=436&height=920 1x, https://maymobility.imgix.net/App-in-Use/GLOBAL_App-Screenshot-2023.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=436&height=920&dpr=1.5 1.5x" width="436" height="920" alt="" loading="lazy"> <svg width="39" height="12" viewBox="0 0 39 12" class="absolute top-4 left-1/2 -ml-4 w-8 fill-navy"> <rect x="0.576172" y="0.333008" width="37.875" height="11.5" rx="5.75" /> </svg> </div> </div> </div> </div> </div> <div id="how-it-works" class="py-12 md:py-24 bg-brand-gray-light"> <div class="relative" data-parallax> <div class="absolute z-0 bottom-0 left-0 w-full h-[80%] lg:h-1/2 lg:-parallax-y-16"> <x-svelte component="route" data-path="video-simple"></x-svelte> </div> <div class="relative w-full max-w-7xl mx-auto px-12 grid gap-8 md:p-0 md:grid-cols-14 md:gap-x-3 md:gap-y-8 lg:gap-x-8"> <figure class="relative md:col-start-2 md:col-span-12 lg:col-start-3 lg:col-span-10" data-intro="slide-up"> <div class="relative"> <div class="group relative aspect-video overflow-hidden rounded bg-navy shadow-xl"> <div class="w-full h-full" data-toggle="#video-simple-modal-12727"> <picture class="block w-full h-full object-cover object-center opacity-70 scale-105 transition-all duration-600 ease-in-out group-hover:opacity-30 group-hover:scale-110"><source srcset="https://maymobility.imgix.net/Riders-Guide-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675 1x, https://maymobility.imgix.net/Riders-Guide-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675&dpr=1.5 1.5x" width="1200" height="675" media="(min-width: 640px)"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Riders-Guide-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325 1x, https://maymobility.imgix.net/Riders-Guide-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325&dpr=1.5 1.5x" width="600" height="325" alt="" loading="lazy"></picture> </div> <button type="button" class="absolute top-1/2 left-1/2 w-16 h-16 p-3 -mt-8 -ml-8 flex items-center justify-center rounded-full bg-navy-800/90 text-white transition-colors duration-200 group-hover:text-gray-100" data-toggle="#video-simple-modal-12727"> <span class="sr-only">Show Video</span> <svg width="24" height="29" viewBox="0 0 24 29" class="block w-8 h-8 translate-x-0.5 fill-current transition-transform duration-200 group-hover:scale-105"> <path d="M24 15C24 14.3125 23.625 13.625 23 13.3125L3 1.3125C2.4375 0.9375 1.625 0.875 1 1.25C0.375 1.625 0 2.25 0 3V27C0 27.75 0.375 28.375 1 28.75C1.3125 28.9375 1.6875 29 2 29C2.375 29 2.6875 28.875 3 28.6875L23 16.6875C23.625 16.375 24 15.6875 24 15Z" /> </svg> </button> </div> </div> <figcaption class="absolute top-0 left-0 -translate-y-1/2 -translate-x-8 block w-max max-w-full py-1 px-3 rounded-full bg-green text-white text-xs uppercase md:font-semibold md:text-sm lg:text-md"> HOW TO RIDE WITH MAY MOBILITY <svg width="12" height="12" class="block absolute top-full left-4 w-4 h-4 -mt-px fill-green" viewBox="0 0 12 12" fill="none"> <path d="M0 0H12V12L0 0Z" /> </svg> </figcaption> </figure> </div> </div> </div> <div class="pb-12 md:pb-24 bg-brand-gray-light"> <div class="relative bg-blue p-6 rounded-tr-24 rounded-br-24 md:py-12 lg:py-24 lg:pl-[max(4rem,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:pr-8 lg:rounded-tr-48 lg:rounded-br-48 lg:mr-[max(.25rem,calc(calc(100vw-theme(maxWidth.7xl))/2))]"> <div class="grid grid-cols-1 gap-8 lg:grid-cols-14 delay-300" data-intro="slide-right"> <div class="lg:col-start-2 lg:col-span-5"> <div class="grid gap-6"> <h2 class="h2 text-white"> How to Ride </h2> <div class="prose prose-invert"> <p>Follow this quick guide to riding in a May Mobility vehicle.</p> </div> </div> </div> <div class="lg:col-start-7 lg:col-span-8"> <div class="grid p-6 bg-white rounded-24 divide-blue divide-y"> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-21212-1"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">1. BOOK</span> </button> </h3> <div id="accordion-21212-1" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <picture><source srcset="https://maymobility.imgix.net/FOR-RIDERS_Guide-1.png?auto=format%2Ccompress&q=35&fit=max&width=800 1x, https://maymobility.imgix.net/FOR-RIDERS_Guide-1.png?auto=format%2Ccompress&q=35&fit=max&width=800&dpr=1.5 1.5x" width="800" height="644" media="(min-width: 640px)"><img class="block" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/FOR-RIDERS_Guide-1.png?auto=format%2Ccompress&q=35&fit=max&width=400 1x, https://maymobility.imgix.net/FOR-RIDERS_Guide-1.png?auto=format%2Ccompress&q=35&fit=max&width=400&dpr=1.5 1.5x" width="400" height="322" alt="" loading="lazy"></picture> </div> <div> <div class="prose"><p>First, book your ride. It’s easy to do with the May Mobility app—available on the APP STORE and GOOGLE PLAY. If you don’t have a smartphone, you can call your local service number.</p></div> </div> </div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-21212-2"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">2. LOOK</span> </button> </h3> <div id="accordion-21212-2" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <picture><source srcset="https://maymobility.imgix.net/FOR-RIDERS_Guide-2.png?auto=format%2Ccompress&q=35&fit=max&width=800 1x, https://maymobility.imgix.net/FOR-RIDERS_Guide-2.png?auto=format%2Ccompress&q=35&fit=max&width=800&dpr=1.5 1.5x" width="800" height="644" media="(min-width: 640px)"><img class="block" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/FOR-RIDERS_Guide-2.png?auto=format%2Ccompress&q=35&fit=max&width=400 1x, https://maymobility.imgix.net/FOR-RIDERS_Guide-2.png?auto=format%2Ccompress&q=35&fit=max&width=400&dpr=1.5 1.5x" width="400" height="322" alt="" loading="lazy"></picture> </div> <div> <div class="prose"><p>After your ride’s booked, keep an eye out for your May Mobility vehicle… Once your vehicle arrives, use the app to scan the QR code inside. Fasten your safety belts.</p></div> </div> </div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-21212-3"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">3. RIDE</span> </button> </h3> <div id="accordion-21212-3" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <picture><source srcset="https://maymobility.imgix.net/FOR-RIDERS_Guide-3.png?auto=format%2Ccompress&q=35&fit=max&width=800 1x, https://maymobility.imgix.net/FOR-RIDERS_Guide-3.png?auto=format%2Ccompress&q=35&fit=max&width=800&dpr=1.5 1.5x" width="800" height="644" media="(min-width: 640px)"><img class="block" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/FOR-RIDERS_Guide-3.png?auto=format%2Ccompress&q=35&fit=max&width=400 1x, https://maymobility.imgix.net/FOR-RIDERS_Guide-3.png?auto=format%2Ccompress&q=35&fit=max&width=400&dpr=1.5 1.5x" width="400" height="322" alt="" loading="lazy"></picture> </div> <div> <div class="prose"><p>Enjoy the ride! If your AVO (Autonomous Vehicle Operator) is riding along, they’ll be happy to answer any of your questions about May Mobility.</p></div> </div> </div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-21212-4"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">4. ARRIVE</span> </button> </h3> <div id="accordion-21212-4" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <picture><source srcset="https://maymobility.imgix.net/FOR-RIDERS_Guide-4.png?auto=format%2Ccompress&q=35&fit=max&width=800 1x, https://maymobility.imgix.net/FOR-RIDERS_Guide-4.png?auto=format%2Ccompress&q=35&fit=max&width=800&dpr=1.5 1.5x" width="800" height="644" media="(min-width: 640px)"><img class="block" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/FOR-RIDERS_Guide-4.png?auto=format%2Ccompress&q=35&fit=max&width=400 1x, https://maymobility.imgix.net/FOR-RIDERS_Guide-4.png?auto=format%2Ccompress&q=35&fit=max&width=400&dpr=1.5 1.5x" width="400" height="322" alt="" loading="lazy"></picture> </div> <div> <div class="prose"><p>Your vehicle will arrive at a designated drop-off point where you’re sure to do great things! Make sure to fill out our post-ride survey, and don’t forget your belongings!</p></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="wheelchair-accessible" class="py-12 md:py-24 bg-white"> <div class="relative" data-parallax> <div class="absolute z-0 bottom-0 left-0 w-full h-[80%] lg:h-1/2 lg:-parallax-y-16"> <x-svelte component="route" data-path="video-simple"></x-svelte> </div> <div class="relative w-full max-w-7xl mx-auto px-12 grid gap-8 md:p-0 md:grid-cols-14 md:gap-x-3 md:gap-y-8 lg:gap-x-8"> <figure class="relative md:col-start-2 md:col-span-12 lg:col-start-3 lg:col-span-10" data-intro="slide-up"> <div class="relative"> <div class="group relative aspect-video overflow-hidden rounded bg-navy shadow-xl"> <div class="w-full h-full" data-toggle="#video-simple-modal-12733"> <picture class="block w-full h-full object-cover object-center opacity-70 scale-105 transition-all duration-600 ease-in-out group-hover:opacity-30 group-hover:scale-110"><source srcset="https://maymobility.imgix.net/Riders-Guide-Video-Cover-ADA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675 1x, https://maymobility.imgix.net/Riders-Guide-Video-Cover-ADA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675&dpr=1.5 1.5x" width="1200" height="675" media="(min-width: 640px)"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Riders-Guide-Video-Cover-ADA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325 1x, https://maymobility.imgix.net/Riders-Guide-Video-Cover-ADA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325&dpr=1.5 1.5x" width="600" height="325" alt="" loading="lazy"></picture> </div> <button type="button" class="absolute top-1/2 left-1/2 w-16 h-16 p-3 -mt-8 -ml-8 flex items-center justify-center rounded-full bg-navy-800/90 text-white transition-colors duration-200 group-hover:text-gray-100" data-toggle="#video-simple-modal-12733"> <span class="sr-only">Show Video</span> <svg width="24" height="29" viewBox="0 0 24 29" class="block w-8 h-8 translate-x-0.5 fill-current transition-transform duration-200 group-hover:scale-105"> <path d="M24 15C24 14.3125 23.625 13.625 23 13.3125L3 1.3125C2.4375 0.9375 1.625 0.875 1 1.25C0.375 1.625 0 2.25 0 3V27C0 27.75 0.375 28.375 1 28.75C1.3125 28.9375 1.6875 29 2 29C2.375 29 2.6875 28.875 3 28.6875L23 16.6875C23.625 16.375 24 15.6875 24 15Z" /> </svg> </button> </div> </div> <figcaption class="absolute top-0 left-0 -translate-y-1/2 -translate-x-8 block w-max max-w-full py-1 px-3 rounded-full bg-green text-white text-xs uppercase md:font-semibold md:text-sm lg:text-md"> HOW TO RIDE (WHEELCHAIR ACCESSIBLE) <svg width="12" height="12" class="block absolute top-full left-4 w-4 h-4 -mt-px fill-green" viewBox="0 0 12 12" fill="none"> <path d="M0 0H12V12L0 0Z" /> </svg> </figcaption> </figure> </div> </div> </div> <div class="pb-12 md:pb-24 bg-white"> <div class="relative bg-blue p-6 rounded-tr-24 rounded-br-24 md:py-12 lg:py-24 lg:pl-[max(4rem,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:pr-8 lg:rounded-tr-48 lg:rounded-br-48 lg:mr-[max(.25rem,calc(calc(100vw-theme(maxWidth.7xl))/2))]"> <div class="grid grid-cols-1 gap-8 lg:grid-cols-14 delay-300" data-intro="slide-right"> <div class="lg:col-start-2 lg:col-span-5"> <div class="grid gap-6"> <h2 class="h2 text-white"> How to Ride (Wheelchair Accessible) </h2> <div class="prose prose-invert"> <p>Follow this quick guide to riding in a wheelchair-accessible May Mobility vehicle.</p> </div> </div> </div> <div class="lg:col-start-7 lg:col-span-8"> <div class="grid p-6 bg-white rounded-24 divide-blue divide-y"> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-21217-1"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">1. BOOK</span> </button> </h3> <div id="accordion-21217-1" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <picture><source srcset="https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-1.png?auto=format%2Ccompress&q=35&fit=max&width=800 1x, https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-1.png?auto=format%2Ccompress&q=35&fit=max&width=800&dpr=1.5 1.5x" width="800" height="644" media="(min-width: 640px)"><img class="block" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-1.png?auto=format%2Ccompress&q=35&fit=max&width=400 1x, https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-1.png?auto=format%2Ccompress&q=35&fit=max&width=400&dpr=1.5 1.5x" width="400" height="322" alt="" loading="lazy"></picture> </div> <div> <div class="prose"><p>First, book your ride. It’s easy to do with the May Mobility app—available on the APP STORE and GOOGLE PLAY. If you don’t have a smartphone, you can call your local service number.</p></div> <ol class="mt-6 flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1 px-3 text-sm border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full bg-blue text-white border-blue hover:bg-blue-600 hover:border-blue-600 focus:underline underline-offset-2 decoration-1" href="https://apps.apple.com/us/app/may-mobility/id1635037304" target="_blank"><svg class="block flex-initial w-4 h-4 pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM127 384.5c-5.5 9.6-17.8 12.8-27.3 7.3-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7c16.1-4.9 29.3-1.1 39.6 11.4L127 384.5zm138.9-53.9H84c-11 0-20-9-20-20s9-20 20-20h51l65.4-113.2-20.5-35.4c-5.5-9.6-2.2-21.8 7.3-27.3 9.6-5.5 21.8-2.2 27.3 7.3l8.9 15.4 8.9-15.4c5.5-9.6 17.8-12.8 27.3-7.3 9.6 5.5 12.8 17.8 7.3 27.3l-85.8 148.6h62.1c20.2 0 31.5 23.7 22.7 40zm98.1 0h-29l19.6 33.9c5.5 9.6 2.2 21.8-7.3 27.3-9.6 5.5-21.8 2.2-27.3-7.3-32.9-56.9-57.5-99.7-74-128.1-16.7-29-4.8-58 7.1-67.8 13.1 22.7 32.7 56.7 58.9 102h52c11 0 20 9 20 20 0 11.1-9 20-20 20z"/></svg><span class="block flex-initial pointer-events-none">Download on the App Store</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M304 24c0 13.3 10.7 24 24 24H430.1L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223V184c0 13.3 10.7 24 24 24s24-10.7 24-24V24c0-13.3-10.7-24-24-24H328c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104V440c0 39.8 32.2 72 72 72H408c39.8 0 72-32.2 72-72V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V440c0 13.3-10.7 24-24 24H72c-13.3 0-24-10.7-24-24V104c0-13.3 10.7-24 24-24H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H72z"/></svg></span></a></li> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1 px-3 text-sm border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://play.google.com/store/apps/details?id=ridewithvia.maymobility.grandrapids.av&hl=en_US&gl=US" target="_blank"><svg class="block flex-initial w-4 h-4 pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"/></svg><span class="block flex-initial pointer-events-none">Download on Google Play</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M304 24c0 13.3 10.7 24 24 24H430.1L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223V184c0 13.3 10.7 24 24 24s24-10.7 24-24V24c0-13.3-10.7-24-24-24H328c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104V440c0 39.8 32.2 72 72 72H408c39.8 0 72-32.2 72-72V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V440c0 13.3-10.7 24-24 24H72c-13.3 0-24-10.7-24-24V104c0-13.3 10.7-24 24-24H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H72z"/></svg></span></a></li> </ol> </div> </div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-21217-2"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">2. LOOK</span> </button> </h3> <div id="accordion-21217-2" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <picture><source srcset="https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-2.png?auto=format%2Ccompress&q=35&fit=max&width=800 1x, https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-2.png?auto=format%2Ccompress&q=35&fit=max&width=800&dpr=1.5 1.5x" width="800" height="644" media="(min-width: 640px)"><img class="block" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-2.png?auto=format%2Ccompress&q=35&fit=max&width=400 1x, https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-2.png?auto=format%2Ccompress&q=35&fit=max&width=400&dpr=1.5 1.5x" width="400" height="322" alt="" loading="lazy"></picture> </div> <div> <div class="prose"><p dir="ltr">After your ride’s booked, keep an eye out for your May Mobility vehicle…</p> <p dir="ltr">When your vehicle arrives, the Autonomous Vehicle Operator, or ”AVO,” will exit the vehicle to deploy any necessary ramps. If you are traveling with a service animal, let them board before you. We saved room for them in the middle row.</p> <p dir="ltr">To enter, position your wheelchair behind the vehicle’s rear-loading ramp, where the AVO will provide any needed assistance.</p> <p dir="ltr">Your AVO will then attach the front… and rear wheelchair securement straps… and assist you with fastening your seat belt.</p> <p dir="ltr">After you are securely inside, your AVO will secure the ramp, close the rear door, and return to the front of the vehicle. If you are traveling with any companions, they can board during this time.</p></div> </div> </div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-21217-3"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">3. RIDE</span> </button> </h3> <div id="accordion-21217-3" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <picture><source srcset="https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-3.png?auto=format%2Ccompress&q=35&fit=max&width=800 1x, https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-3.png?auto=format%2Ccompress&q=35&fit=max&width=800&dpr=1.5 1.5x" width="800" height="644" media="(min-width: 640px)"><img class="block" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-3.png?auto=format%2Ccompress&q=35&fit=max&width=400 1x, https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-3.png?auto=format%2Ccompress&q=35&fit=max&width=400&dpr=1.5 1.5x" width="400" height="322" alt="" loading="lazy"></picture> </div> <div> <div class="prose"><p>Enjoy the ride! If your AVO (Autonomous Vehicle Operator) is riding along, they’ll be happy to answer any of your questions about May Mobility.</p></div> </div> </div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-21217-4"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">4. ARRIVE</span> </button> </h3> <div id="accordion-21217-4" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <picture><source srcset="https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-4.png?auto=format%2Ccompress&q=35&fit=max&width=800 1x, https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-4.png?auto=format%2Ccompress&q=35&fit=max&width=800&dpr=1.5 1.5x" width="800" height="644" media="(min-width: 640px)"><img class="block" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-4.png?auto=format%2Ccompress&q=35&fit=max&width=400 1x, https://maymobility.imgix.net/Accessibility/FOR-RIDERS_Guide-ADA-4.png?auto=format%2Ccompress&q=35&fit=max&width=400&dpr=1.5 1.5x" width="400" height="322" alt="" loading="lazy"></picture> </div> <div> <div class="prose"><p dir="ltr">Once reaching your designated drop-off point, all non-wheelchair riders may exit on their own while your AVO helps you exit the vehicle.</p> <p dir="ltr">Once you and all passengers have disembarked, any service animals can join you on the curb.</p> <p dir="ltr">Make sure to fill out our post-ride survey, and don’t forget your belongings!</p></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="faq" class="py-12 md:py-24 bg-brand-gray-light"> <div class="relative bg-blue p-6 rounded-tr-24 rounded-br-24 md:py-12 lg:py-24 lg:pl-[max(4rem,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:pr-8 lg:rounded-tr-48 lg:rounded-br-48 lg:mr-[max(.25rem,calc(calc(100vw-theme(maxWidth.7xl))/2))]"> <div class="grid grid-cols-1 gap-8 lg:grid-cols-14 delay-300" data-intro="slide-right"> <div class="lg:col-start-2 lg:col-span-5"> <div class="grid gap-6"> <h2 class="h2 text-white"> Frequently Asked Questions </h2> <div class="prose prose-invert"> <p>Need more details about riding with May Mobility? Take a look at our FAQ. If you still can’t find the information you’re looking for, reach out to us. We’re happy to help.</p> </div> <ol class="flex flex-wrap items-center gap-3"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/"><span class="block flex-initial pointer-events-none">Get in Touch</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> <div class="lg:col-start-7 lg:col-span-8"> <div class="grid p-6 bg-white rounded-24 divide-blue divide-y"> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-9147-1"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">What safety seat requirements for children and infants are in place?</span> </button> </h3> <div id="accordion-9147-1" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="prose"><p><em>Baby</em></p> <p>All infants and toddlers should ride in a secure rear-facing car safety seat.</p> <p><em>Toddler/Preschool</em></p> <p>All children who have outgrown the rear-facing weight or height limit for their car safety seat should use a forward-facing car safety seat with a harness.</p> <p><em>Elementary School Age</em></p> <p>All children whose weight or height is above the forward-facing limit for their car safety seat should use a belt-positioning booster seat until the vehicle lap and shoulder seat belt fits properly, typically when they have reached 4 feet 9 inches in height and are between 8 and 12 years of age.</p> <p><em>Middle School to Adult </em></p> <p>When children are old enough and large enough to use the vehicle seat belt alone, they should always use lap and shoulder seat belts for optimal protection.</p> <p><strong>All children younger than age 13 should be restrained in the rear seats of vehicles for optimal protection.</strong><strong><br /></strong></p></div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-9147-2"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">Do May Mobility vehicles provide car safety seats for children and infants?</span> </button> </h3> <div id="accordion-9147-2" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="prose"><p>No, May Mobility vehicles do not provide car safety seats for children and infants. Passengers are expected to bring the appropriate securement for their children.</p></div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-9147-3"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">Can I ride in a May Mobility vehicle if I use a wheelchair?</span> </button> </h3> <div id="accordion-9147-3" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="grid gap-6"> <div> <div class="aspect-video overflow-hidden rounded-[2px]"> <iframe class="block w-full h-full" src="https://www.youtube-nocookie.com/embed/ZIKat0WVALg?feature=oembed&enablejsapi=1&autoplay=0&controls=0&playsinline=1&rel=0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" frameborder="0" loading="lazy"></iframe></div> </div> <div> <div class="prose"><p>Yes, you can ride in a May vehicle if you use a wheelchair. A wheelchair-accessible vehicle is available on demand. Please select in the May Mobility app that you need a wheelchair-accessible vehicle.</p> <p>Our Autonomous Vehicle Operators announce when approaching your destination when requested to help individuals who have visual or hearing impairments.</p></div> </div> </div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-9147-4"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">I don't have a smart device. Can I still ride with May Mobility?</span> </button> </h3> <div id="accordion-9147-4" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="prose"><p>Yes, you can still ride with May Mobility if you don’t have a smart device. Call <a href="tel:7348004609" target="_blank" rel="noreferrer noopener">734.800.4608</a> to schedule a ride if you are unable to download the app.</p></div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-9147-5"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">Do May Mobility vehicles have bike racks?</span> </button> </h3> <div id="accordion-9147-5" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="prose"><p>No, there are no bike racks on May Mobility vehicles.</p></div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-9147-6"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">What activities are prohibited in the vehicles?</span> </button> </h3> <div id="accordion-9147-6" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="prose"><ul><li><strong>Animals</strong> – Only certified service animals are allowed in the vehicles.</li><li><strong>Eating and Drinking</strong> – There is no eating or drinking allowed in the vehicles.</li><li><strong>Smoking</strong> – There are no tobacco products, vaping, or smoking allowed in the vehicles.</li><li><strong>Alcohol</strong> – Alcohol products are not allowed in the vehicles.</li></ul></div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-9147-7"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">What is the minimum age to ride?</span> </button> </h3> <div id="accordion-9147-7" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="prose"><p>You must be 18 years or older to ride in a May Mobility vehicle unless accompanied by an adult.</p></div> </div> </div> </div> <div class="py-2"> <h3 class="h3 text-navy"> <button class="group relative flex items-center gap-6 w-full py-3 text-xl text-left is-tabbing:focus:rounded is-tabbing:focus:px-1" data-accordion="#accordion-9147-8"> <span class="flex items-center justify-center flex-initial w-10 h-10 rounded-full border-2 border-blue border-solid text-blue transition-colors duration-200 group-hover:bg-blue group-hover:text-white group-aria-expanded:bg-blue group-aria-expanded:text-white group-aria-expanded:hover:bg-blue-700 group-aria-expanded:hover:border-blue-700 group-aria-expanded:hover:text-white"> <svg class="block w-5 h-5 fill-current group-aria-expanded:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg><svg class="hidden w-5 h-5 fill-current group-aria-expanded:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z"/></svg></span> <span class="flex flex-1">How do I get in contact with May Mobility?</span> </button> </h3> <div id="accordion-9147-8" class="duration-200" style="display: none;"> <div class="py-6 xl:pl-16"> <div class="prose"><p>If you are experiencing issues, you’ve left behind a belonging or you if you want to provide our teams with feedback, please contact us at <a target="_blank" href="/cdn-cgi/l/email-protection#7e0d0b0e0e110c0a3e131f0713111c1712170a07501d1113" rel="noreferrer noopener"><span class="__cf_email__" data-cfemail="1a696f6a6a75686e5a777b637775787376736e6334797577">[email protected]</span></a>.</p></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""> <div class="contents lg:hidden"> <div class="py-12"> <div class="max-w-lg pr-16 mr-auto md:max-w-2xl"> <div class="relative h-full"> <div class="relative z-0 w-full aspect-video mr-auto rounded-tr object-center overflow-hidden"> <picture><source srcset="https://maymobility.imgix.net/Learn-More-About-May-Mobility-Closing-CTA-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/Learn-More-About-May-Mobility-Closing-CTA-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Learn-More-About-May-Mobility-Closing-CTA-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/Learn-More-About-May-Mobility-Closing-CTA-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -right-7 rotate-90 md:w-20 md:h-20 md:-top-10 md:-right-10 fill-green" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6 md:px-16"> <div class="grid gap-4 p-6 bg-brand-gray-light rounded md:p-8"> <h2 class="h2 text-navy">Learn More About May Mobility</h2> <div class="prose "> <p> Meet the team making a difference in the world of autonomous vehicle technology and learn more about the core values that drive us. </p> </div> <ol class="flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/meet-may/" data-gtm-element="call-to-action-button-15670"><span class="block flex-initial pointer-events-none">Meet May</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li> </ol> </div> </div> </div> </div> <div class="hidden lg:contents"> <div class="relative pt-10 overflow-hidden bg-brand-gray-light"> <div class="hidden md:block absolute -bottom-20 left-0 w-full h-40 bg-brand-gradient-full-dark blur-3xl opacity-20 animation-enabled:bg-gradient-pulse"></div> <div class="relative container grid grid-cols-14 gap-8 items-end"> <div class="col-start-2 col-span-7 pb-20 pt-10" data-intro="slide-right" data-parallax> <div class="grid gap-4 pr-4 text-gray-900 -parallax-y-12"> <h2 class="h2 text-navy">Learn More About May Mobility</h2> <div class="prose "> <p> Meet the team making a difference in the world of autonomous vehicle technology and learn more about the core values that drive us. </p> </div> <ol class="flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/meet-may/" data-gtm-element="call-to-action-button-15670"><span class="block flex-initial pointer-events-none">Meet May</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li> </ol> </div> </div> <div class="relative col-start-9 col-span-6" data-intro="slide-left" data-parallax> <div class="absolute -bottom-20 -left-8 w-[50vw] h-[calc(5rem+50%)] rounded-tl-48 bg-green parallax-y-16 parallax-x-6"></div> <div class="relative z-0 block aspect-7/5 rounded-t-48 object-cover object-center overflow-hidden -parallax-x-6"> <img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Learn-More-About-May-Mobility-Closing-CTA-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400 1x, https://maymobility.imgix.net/Learn-More-About-May-Mobility-Closing-CTA-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400&dpr=1.5 1.5x" width="600" height="400" alt="" loading="lazy"> </div> </div> </div> </div> </div> </div> </main> <footer> <h2 class="sr-only"> Footer: Contact Information and Additional Links </h2> <div class="h-3 bg-brand-gradient-full-dark lg:hidden"></div> <div class="pt-12 pb-32 bg-navy text-white"> <div class="container lg:grid lg:grid-cols-14 lg:gap-x-8 lg:gap-y-12"> <div class="lg:col-start-2 lg:col-span-12"> <a href="https://maymobility.com/" class="inline-block p-1 -ml-1 rounded-full" title="May Mobility Home page"> <svg class="block w-[192px] h-[76px] fill-white" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg> </a> </div> <div class="lg:col-start-2 lg:col-span-12"> <div class="contents lg:hidden"> <div class="pt-6 pb-12"> <div class="py-6 border-solid border-white/30 border-t flex items-center justify-between gap-6 lg:items-start"> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 rounded-full border-berry text-white hover:bg-berry is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/"><span class="block flex-initial pointer-events-none">Contact</span></a> <h3 class="sr-only"> Follow May Mobility </h3> <ul class="flex flex-wrap items-center lg:grid lg:grid-flow-row lg:grid-cols-3"> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.linkedin.com/company/maymobility/" target="_blank"> <span class="sr-only">on LinkedIn</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/><title>LinkedIn</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.instagram.com/maymobility/" target="_blank"> <span class="sr-only">on Instagram</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/><title>Instagram</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://twitter.com/may_mobility" target="_blank"> <span class="sr-only">on Twitter</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><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"/><title>Twitter</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://medium.com/may-mobility" target="_blank"> <span class="sr-only">on Medium</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" role="img"><path d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/><title>Medium</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.facebook.com/maymobility/" target="_blank"> <span class="sr-only">on Facebook</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>Facebook</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank"> <span class="sr-only">on YouTube</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img"><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"/><title>YouTube</title></svg></a> </li> </ul> </div> <ol class="pt-6 border-solid border-white/30 border-t grid grid-cols-2 gap-6 md:grid-cols-3"> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/our-solutions/" data-gtm-element="footer-nav-item-level1-5131">Our Solutions</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="footer-nav-item-level2-5134">Commercial</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/locations/" data-gtm-element="footer-nav-item-level1-5132">Our Locations</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="footer-nav-item-level2-5135">For Riders</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/meet-may/" data-gtm-element="footer-nav-item-level1-5136">About May Mobility</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/careers/" data-gtm-element="footer-nav-item-level2-5137">Careers</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/technology/" data-gtm-element="footer-nav-item-level1-5138">Technology</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="footer-nav-item-level2-5139">Safety</a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="footer-nav-item-level2-5140">Accessibility</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/resources/" data-gtm-element="footer-nav-item-level1-5143">Resources</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="footer-nav-item-level2-5144">News & Updates</a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/posts/type/company-blog/?types=237&page=1" data-gtm-element="footer-nav-item-level2-5145">Blog</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/investors/" data-gtm-element="footer-nav-item-level1-5146">Investors</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/investors/ntt/" data-gtm-element="footer-nav-item-level2-82409">NTT</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <span class="block text-sm font-medium">Languages</span> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://www.maymobility.co.jp/"> 日本語 </a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/es/for-riders/"> Español (Estados Unidos) </a> </li> </ol> </li> </ol> </div> </div> <div class="hidden lg:contents"> <div class="flex items-start justify-between gap-6"> <ol class="flex-grow flex flex-wrap gap-8"> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/our-solutions/" data-gtm-element="footer-nav-item-level1-5131">Our Solutions</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="footer-nav-item-level2-5134">Commercial</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/locations/" data-gtm-element="footer-nav-item-level1-5132">Our Locations</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="footer-nav-item-level2-5135">For Riders</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/meet-may/" data-gtm-element="footer-nav-item-level1-5136">About May Mobility</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/careers/" data-gtm-element="footer-nav-item-level2-5137">Careers</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/technology/" data-gtm-element="footer-nav-item-level1-5138">Technology</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="footer-nav-item-level2-5139">Safety</a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="footer-nav-item-level2-5140">Accessibility</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/resources/" data-gtm-element="footer-nav-item-level1-5143">Resources</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="footer-nav-item-level2-5144">News & Updates</a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/posts/type/company-blog/?types=237&page=1" data-gtm-element="footer-nav-item-level2-5145">Blog</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/investors/" data-gtm-element="footer-nav-item-level1-5146">Investors</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/investors/ntt/" data-gtm-element="footer-nav-item-level2-82409">NTT</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <span class="block text-14px font-medium">Languages</span> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://www.maymobility.co.jp/"> 日本語 </a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/es/for-riders/"> Español (Estados Unidos) </a> </li> </ol> </li> </ol> <div class="flex flex-col justify-center gap-6"> <p> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/"><span class="block flex-initial pointer-events-none">Contact</span></a> </p> <h3 class="sr-only"> Follow May Mobility </h3> <ul class="flex flex-wrap items-center lg:grid lg:grid-flow-row lg:grid-cols-3"> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.linkedin.com/company/maymobility/" target="_blank"> <span class="sr-only">on LinkedIn</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/><title>LinkedIn</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.instagram.com/maymobility/" target="_blank"> <span class="sr-only">on Instagram</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/><title>Instagram</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://twitter.com/may_mobility" target="_blank"> <span class="sr-only">on Twitter</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><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"/><title>Twitter</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://medium.com/may-mobility" target="_blank"> <span class="sr-only">on Medium</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" role="img"><path d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/><title>Medium</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.facebook.com/maymobility/" target="_blank"> <span class="sr-only">on Facebook</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>Facebook</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank"> <span class="sr-only">on YouTube</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img"><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"/><title>YouTube</title></svg></a> </li> </ul> </div> </div> </div> </div> <div class="pt-8 border-solid border-white/30 border-t lg:col-start-2 lg:col-span-12"> <div class="flex flex-col gap-6 text-14px uppercase md:flex-row md:gap-2"> <p> © 2025 May Mobility </p> <ol class="flex flex-col gap-6 md:flex-row md:gap-2"> <li> <button class="linkClasses" onclick="window.displayPreferenceModal();return false;" id="termly-consent-preferences"> Consent Preferences </button> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/privacy-policy/" data-gtm-element="footer-legal-menu-337">Privacy Policy</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/terms-of-use/" data-gtm-element="footer-legal-menu-338">Terms of Use</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/ada-policy/" data-gtm-element="footer-legal-menu-11111">ADA Policy</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/website-accessibility-policy/" data-gtm-element="footer-legal-menu-92271">Website Accessibility</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://net.maymobility.com/" target="_blank" data-gtm-element="footer-legal-menu-22653">Network Security</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://www.mostlyserious.io/" data-gtm-element="footer-legal-menu-339">Site by Mostly Serious</a> </li> </ol> </div> </div> </div> </div> </footer> </div> <x-svelte component="animation-control"></x-svelte> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"https://www.maymobility.com#identity"},"copyrightHolder":{"@id":"https://www.maymobility.com#identity"},"copyrightYear":"2023","creator":{"@id":"#creator"},"dateCreated":"2023-01-16T11:31:35-05:00","dateModified":"2023-11-03T12:25:35-04:00","datePublished":"2023-01-16T11:31:00-05:00","description":"Looking for more information about riding with May Mobility? We’ve got you covered with quick video guides, FAQs and other helpful resources.","headline":"For Riders","image":{"@type":"ImageObject","url":"https://media.maymobility.com/_1200x630_crop_center-center_82_none/FOR_RIDERS-Hero-Banner.png?mtime=1678715499"},"inLanguage":"en-us","mainEntityOfPage":"https://maymobility.com/for-riders/","name":"For Riders","publisher":{"@id":"#creator"},"url":"https://maymobility.com/for-riders/"},{"@id":"https://www.maymobility.com#identity","@type":"Organization","address":{"@type":"PostalAddress","addressCountry":"United States of America","addressLocality":"Ann Arbor","addressRegion":"Michigan","postalCode":"48108","streetAddress":"650 Avis Drive"},"alternateName":"May","description":"May Mobility aims to make transit more sustainable, safe, accessible and equitable for everyone by building a better autonomous vehicle technology that works in the real world.","email":"info@maymobility.com","founder":"Edwin Olson","foundingDate":"2017","foundingLocation":"Ann Arbor, MI","image":{"@type":"ImageObject","height":"261","url":"https://media.maymobility.com/may-mobility-logo-charcoal-horizontal.png","width":"1407"},"logo":{"@type":"ImageObject","height":"60","url":"https://media.maymobility.com/_600x60_fit_center-center_82_none/may-mobility-logo-charcoal-horizontal.png?mtime=1727705561","width":"323"},"name":"May Mobility","sameAs":["https://www.linkedin.com/company/maymobility/","https://www.instagram.com/maymobility/","https://twitter.com/may_mobility","https://medium.com/may-mobility","https://www.facebook.com/maymobility/","https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw"],"telephone":"(734) 369-8874","url":"https://www.maymobility.com"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://maymobility.com/","name":"Home","position":1},{"@type":"ListItem","item":"https://maymobility.com/for-riders/","name":"For Riders","position":2}],"name":"Breadcrumbs"}]}</script> <div id="video-simple-modal-12727" class="invisible opacity-0 fixed z-50 top-0 left-0 w-full h-full flex items-center justify-center py-12 transition-all duration-600 is-active:opacity-100" data-target-lock-scroll data-target-trap-focus data-target-duration="600"> <div class="absolute inset-0 bg-gray-900 opacity-95" data-toggle="#video-simple-modal-12727"></div> <div class="flex items-center justify-center aspect-video h-full max-h-[65vh] max-w-full translate-y-12 transition-all duration-400 is-active:translate-y-0"> <div class="relative w-full"> <div class="absolute -top-12 right-3 flex items-center justify-end"> <button type="button" class="flex items-center gap-1 p-3 text-base font-bold text-white transition-opacity duration-200 hover:opacity-90" data-toggle="#video-simple-modal-12727"> <span class="block">Close Video</span> <svg class="block w-4 h-auto fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg> </button> </div> <div class="w-full"> <div class="aspect-video overflow-hidden rounded-[2px]"> <iframe class="block w-full h-full" src="https://www.youtube-nocookie.com/embed/T5l7PzeHkko?feature=oembed&enablejsapi=1&autoplay=0&controls=0&playsinline=1&rel=0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" frameborder="0" loading="lazy"></iframe></div> </div> </div> </div> </div> <div id="video-simple-modal-12733" class="invisible opacity-0 fixed z-50 top-0 left-0 w-full h-full flex items-center justify-center py-12 transition-all duration-600 is-active:opacity-100" data-target-lock-scroll data-target-trap-focus data-target-duration="600"> <div class="absolute inset-0 bg-gray-900 opacity-95" data-toggle="#video-simple-modal-12733"></div> <div class="flex items-center justify-center aspect-video h-full max-h-[65vh] max-w-full translate-y-12 transition-all duration-400 is-active:translate-y-0"> <div class="relative w-full"> <div class="absolute -top-12 right-3 flex items-center justify-end"> <button type="button" class="flex items-center gap-1 p-3 text-base font-bold text-white transition-opacity duration-200 hover:opacity-90" data-toggle="#video-simple-modal-12733"> <span class="block">Close Video</span> <svg class="block w-4 h-auto fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg> </button> </div> <div class="w-full"> <div class="aspect-video overflow-hidden rounded-[2px]"> <iframe class="block w-full h-full" src="https://www.youtube-nocookie.com/embed/ZIKat0WVALg?feature=oembed&enablejsapi=1&autoplay=0&controls=0&playsinline=1&rel=0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" frameborder="0" loading="lazy"></iframe></div> </div> </div> </div> </div> </body> </html>

CINXE.COM

For Riders | May Mobility