CINXE.COM
Careers at May Mobility | 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>Careers at May Mobility | 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="See May Mobility's open positions and learn more about the benefits team members enjoy, from flexible vacation days to a generous parental leave policy."> <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="ja" property="og:locale:alternate"> <meta content="May Mobility" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://maymobility.com/careers/" property="og:url"> <meta content="Careers at May Mobility" property="og:title"> <meta content="See May Mobility's open positions and learn more about the benefits team members enjoy, from flexible vacation days to a generous parental leave policy." property="og:description"> <meta content="https://media.maymobility.com/_1200x630_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220" 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="Careers at May Mobility"> <meta name="twitter:description" content="See May Mobility's open positions and learn more about the benefits team members enjoy, from flexible vacation days to a generous parental leave policy."> <meta name="twitter:image" content="https://media.maymobility.com/_800x418_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="418"> <link href="https://maymobility.com/careers/" 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/careers-2/" rel="alternate" hreflang="es-us"> <link href="https://www.maymobility.co.jp/careers-2/" rel="alternate" hreflang="ja"> <link href="https://maymobility.com/careers/" rel="alternate" hreflang="x-default"> <link href="https://maymobility.com/careers/" 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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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/careers-2/"> <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/careers-2/"> <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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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/careers-2/"> <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/careers-2/"> <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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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>(Not Just)</u> Careers </h1> <div class="prose"> <p>Our vehicles drive themselves, but it’s people like <em>you </em>who drive May Mobility. Join ranks with our diverse group of curious, passionate people and help us solve a spectrum of autonomous mobility challenges.</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-production.mostlyserious.io/careers#full-time" data-gtm-element="header-80119-button-80121"><span class="block flex-initial pointer-events-none">Browse Full-Time Roles</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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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> <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-production.mostlyserious.io/careers#part-time" data-gtm-element="header-80119-button-80317"><span class="block flex-initial pointer-events-none">Browse Part-Time Roles & Internships</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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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)]"> <video class="absolute inset-0 h-full w-full object-cover object-center hidden animation-enabled:block" playsinline autoplay loop muted fetchpriority="high" aria-hidden="true"> <source src="https://media.maymobility.com/Videos/Careers-Masthead-Vide.mp4" type="video/mp4" /> </video> </div> </div> </div> </section> <div class="py-12 md:py-24 bg-white"> <div class="max-w-7xl mx-auto px-12 lg:px-28" data-intro="slide-up"> <div class="grid gap-6"> <h2 class="h2 text-navy u-to-gradient"> Why work at May Mobility? </h2> </div> </div> <div class="splide" data-splide='{"type":"fade","rewind":true,"speed":800,"pagination":true,"perPage":1,"perMove":1}' data-splide-adaptive-height> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="w-full py-8 md:py-12 lg:py-16"> <div class="lg:flex lg:items-end lg:gap-8 lg:max-w-7xl lg:mx-auto lg:pl-28 lg:pr-6"> <div class="max-w-lg pr-16 mr-auto md:max-w-2xl lg:max-w-none lg:p-0 lg:m-0 lg:self-stretch lg:w-[56%]"> <div class="relative h-full"> <picture><source srcset="https://maymobility.imgix.net/Culture/CAREERS_Why-Work-at-May-Mobility-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400 1x, https://maymobility.imgix.net/Culture/CAREERS_Why-Work-at-May-Mobility-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" media="(min-width: 960px)"><source srcset="https://maymobility.imgix.net/Culture/CAREERS_Why-Work-at-May-Mobility-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600 1x, https://maymobility.imgix.net/Culture/CAREERS_Why-Work-at-May-Mobility-1.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: 480px)"><img class="block aspect-video mr-auto rounded-tr object-cover object-center lg:aspect-auto lg:m-0 lg:w-full lg:h-full lg:rounded-tl" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Culture/CAREERS_Why-Work-at-May-Mobility-1.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300 1x, https://maymobility.imgix.net/Culture/CAREERS_Why-Work-at-May-Mobility-1.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="" loading="lazy"></picture> <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 lg:w-32 lg:h-32 lg:top-auto lg:right-auto lg:-left-16 lg:-bottom-16 lg:-rotate-90 fill-blue" 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 lg:p-0 lg:m-0 lg:w-[44%] lg:pb-12 lg:pt-12"> <div class="grid gap-4 p-6 bg-brand-gray-medium rounded md:p-8 lg:rounded-bl-none"> <h3 class="h3 text-navy">Bring your whole self to work.</h3> <div class="prose"> <p>We aspire to grow a team of people who represent the vibrance of the communities in which we operate. We empower our team to pursue their passions and all team members are free to fully, unapologetically be themselves at work.</p> </div> </div> </div> </div> </div> </li> <li class="splide__slide"> <div class="w-full py-8 md:py-12 lg:py-16"> <div class="lg:flex lg:items-end lg:gap-8 lg:max-w-7xl lg:mx-auto lg:pl-28 lg:pr-6"> <div class="max-w-lg pr-16 mr-auto md:max-w-2xl lg:max-w-none lg:p-0 lg:m-0 lg:self-stretch lg:w-[56%]"> <div class="relative h-full"> <picture><source srcset="https://maymobility.imgix.net/2024_MayDays_socials020.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400 1x, https://maymobility.imgix.net/2024_MayDays_socials020.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400&dpr=1.5 1.5x" width="600" height="400" media="(min-width: 960px)"><source srcset="https://maymobility.imgix.net/2024_MayDays_socials020.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600 1x, https://maymobility.imgix.net/2024_MayDays_socials020.jpg?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: 480px)"><img class="block aspect-video mr-auto rounded-tr object-cover object-center lg:aspect-auto lg:m-0 lg:w-full lg:h-full lg:rounded-tl" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/2024_MayDays_socials020.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300 1x, https://maymobility.imgix.net/2024_MayDays_socials020.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300&dpr=1.5 1.5x" width="400" height="300" alt="" loading="lazy"></picture> <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 lg:w-32 lg:h-32 lg:top-auto lg:right-auto lg:-left-16 lg:-bottom-16 lg:-rotate-90 fill-blue" 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 lg:p-0 lg:m-0 lg:w-[44%] lg:pb-12 lg:pt-12"> <div class="grid gap-4 p-6 bg-brand-gray-medium rounded md:p-8 lg:rounded-bl-none"> <h3 class="h3 text-navy">Make a real world impact.</h3> <div class="prose"> <p>At May Mobility, the work we do directly improves the experiences of the communities we serve today. We come to work every day to move another step closer to our mission of a safer, greener, more accessible world.</p> </div> </div> </div> </div> </div> </li> <li class="splide__slide"> <div class="w-full py-8 md:py-12 lg:py-16"> <div class="lg:flex lg:items-end lg:gap-8 lg:max-w-7xl lg:mx-auto lg:pl-28 lg:pr-6"> <div class="max-w-lg pr-16 mr-auto md:max-w-2xl lg:max-w-none lg:p-0 lg:m-0 lg:self-stretch lg:w-[56%]"> <div class="relative h-full"> <picture><source srcset="https://maymobility.imgix.net/2024_MayOlympics_socials_060.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400 1x, https://maymobility.imgix.net/2024_MayOlympics_socials_060.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400&dpr=1.5 1.5x" width="600" height="400" media="(min-width: 960px)"><source srcset="https://maymobility.imgix.net/2024_MayOlympics_socials_060.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600 1x, https://maymobility.imgix.net/2024_MayOlympics_socials_060.jpg?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: 480px)"><img class="block aspect-video mr-auto rounded-tr object-cover object-center lg:aspect-auto lg:m-0 lg:w-full lg:h-full lg:rounded-tl" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/2024_MayOlympics_socials_060.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300 1x, https://maymobility.imgix.net/2024_MayOlympics_socials_060.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300&dpr=1.5 1.5x" width="400" height="300" alt="" loading="lazy"></picture> <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 lg:w-32 lg:h-32 lg:top-auto lg:right-auto lg:-left-16 lg:-bottom-16 lg:-rotate-90 fill-blue" 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 lg:p-0 lg:m-0 lg:w-[44%] lg:pb-12 lg:pt-12"> <div class="grid gap-4 p-6 bg-brand-gray-medium rounded md:p-8 lg:rounded-bl-none"> <h3 class="h3 text-navy">Build lasting relationships.</h3> <div class="prose"> <p>We’re intentional about creating a working experience that empowers our team members, lifts their voices and brings everyone closer together. We love to celebrate and connect with each other near and far through a variety of employee events, social activities (IRL and virtual!) and community involvement.</p> </div> </div> </div> </div> </div> </li> </ul> </div> <div class="!py-4 lg:!hidden"> <ul class="splide__pagination"> </ul> </div> <div class="hidden lg:block lg:container lg:relative lg:z-1 splide__arrows"> <div class="flex items-center gap-4 pl-[calc(56%+2rem)]"> <button class="splide__arrow splide__arrow--prev flex items-center justify-center p-3 rounded-full text-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Previous"> <svg class="block w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" role="img"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z"/><title>Previous</title></svg> </button> <button class="splide__arrow splide__arrow--next flex items-center justify-center p-3 rounded-full text-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Next"> <svg class="block w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" role="img"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"/><title>next</title></svg> </button> </div> </div> </div> </div> <div id="full-time" class="py-12 md:py-24"> <div class="w-full px-6 mx-auto max-w-3xl"> <iframe style="border: 0px #ffffff none;" src="https://boards.greenhouse.io/maymobility" name="myiFrame" width="100%" height="1100px" frameborder="0" marginwidth="0px" marginheight="0px" scrolling="yes" allowfullscreen="allowfullscreen"></iframe> </div> </div> <div class="py-12 md:py-24 bg-white"> <div class="relative h-14"> <x-svelte component="route" data-path="divider"></x-svelte> </div> </div> <div id="part-time" class="py-12 md:py-24"> <div class="w-full px-6 mx-auto max-w-3xl"> <iframe style="border: 0px #ffffff none;" src="https://boards.greenhouse.io/maymobilityjobs" name="myiFrame" width="100%" height="1000px" frameborder="0" marginwidth="0px" marginheight="0px" scrolling="yes" allowfullscreen="allowfullscreen"></iframe> </div> </div> <div class="py-12 md:py-24 bg-brand-gray-light"> <div class="relative"> <div class="hidden md:block absolute top-0 left-0 w-full h-full"> <x-svelte component="route" data-path="icon-grid-large"></x-svelte> </div> <div class="relative container lg:grid lg:grid-cols-14 lg:gap-8"> <div class="lg:col-start-2 lg:col-span-12"> <div class="grid grid-cols-1 gap-x-6 gap-y-12 md:grid-cols-2 md:gap-x-8 md:gap-y-14 lg:grid-cols-3"> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-0 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M287.1 424.9L186.5 320h-66.78l145.2 150.2C271.3 476.7 279.6 480 287.1 480c8.332 0 16.69-3.268 23.01-9.805L456.2 320h-66.78L287.1 424.9zM495.2 62.86C471 41.92 440.1 31.1 410.8 32c-37.49 0-75.41 15.34-103.1 43.92L288 96.25L268.3 75.92C240.6 47.34 202.7 32 165.2 32C135.1 32 104.1 41.92 80.81 62.86C18.66 116.7 15.8 212.5 71.82 270.5l16.73 17.53l97.16 .0313l29.88-71.75l56.88 126.4c5.5 12.25 22.88 12.62 28.88 .625l49.75-99.5l22.12 44.25l114.2-.0313l16.73-17.53C560.2 212.5 557.4 116.6 495.2 62.86zM469.6 237.1l-18.31 18.93h-58.33l-27.62-55.25c-5.875-11.75-22.62-11.75-28.5 0l-49 98L229.7 169.4c-5.75-12.75-24-12.5-29.38 .375l-36 86.25H124.6L106.3 237.1C74.1 203.8 66.46 138.1 112.5 99.15c39.9-34.54 94.59-17.5 121.4 10.17l54.17 55.92l54.16-55.92c26.42-27.27 81.26-44.89 121.4-10.17C509.1 138.6 502.5 203.1 469.6 237.1z"/></svg> </div> <h3 class="h4">Comprehensive Health Benefits</h3> <p class="text-md text-brand-gray-dark"> May offers company-paid medical, dental, and vision plans (including an HSA & FSA) with buy-up options available as well. Domestic partners who have been residing together at least one year are eligible to participate in May’s healthcare plans. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-blue translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-0 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-300 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-green" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M443.5 17.94C409.8 5.608 375.3 0 341.4 0C250.1 0 164.6 41.44 107.1 112.1c-6.752 8.349-2.752 21.07 7.375 24.68C303.1 203.8 447.4 258.3 618.4 319.1c1.75 .623 3.623 .9969 5.5 .9969c8.25 0 15.88-6.355 16-15.08C643 180.7 567.2 62.8 443.5 17.94zM177.1 108.4c42.88-36.51 97.76-58.07 154.5-60.19c-4.5 3.738-36.88 28.41-70.25 90.72L177.1 108.4zM452.6 208.1L307.4 155.4c14.25-25.17 30.63-47.23 48.13-63.8c25.38-23.93 50.13-34.02 67.51-27.66c17.5 6.355 29.75 29.78 33.75 64.42C459.6 152.4 457.9 179.6 452.6 208.1zM497.8 224.4c7.375-34.89 12.13-76.76 4.125-117.9c45.75 38.13 77.13 91.34 86.88 150.9L497.8 224.4zM576 488.1C576 501.3 565.3 512 552 512L23.99 510.4c-13.25 0-24-10.72-24-23.93c0-13.21 10.75-23.93 24-23.93l228 .6892l78.35-214.8l45.06 16.5l-72.38 198.4l248.1 .7516C565.3 464.1 576 474.9 576 488.1z"/></svg> </div> <h3 class="h4">Flexible Unlimited Vacation Days</h3> <p class="text-md text-brand-gray-dark"> We believe work-life balance is critical for our team members to do their best work, so we encourage all MAYniacs to take the time they need to unwind. We also celebrate 15 paid company holidays. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-green translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-300 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-600 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-berry" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M138.9 22.92L256 192H400V152C400 121.1 425.1 96 456 96H488C501.3 96 512 106.7 512 120C512 133.3 501.3 144 488 144H456C451.6 144 448 147.6 448 152V224C448 251.1 441.9 279.6 430.3 305.1C418.6 330.7 401.7 353.6 380.7 372.7C359.8 391.7 335.1 406.6 308.3 416.7C281.4 426.8 252.8 432 224 432C195.2 432 166.6 426.8 139.7 416.7C112.9 406.6 88.24 391.7 67.26 372.7C46.28 353.6 29.36 330.7 17.72 305.1C6.07 279.6 0 251.1 0 224V192H.1405C2.742 117.9 41.34 52.95 98.99 14.1C112.2 5.175 129.8 9.784 138.9 22.92V22.92zM61.4 285.2C70.24 304.6 83.21 322.3 99.55 337.1C115.9 351.1 135.3 363.8 156.6 371.8C178 379.9 200.9 384 224 384C247.1 384 270 379.9 291.4 371.8C312.7 363.8 332.1 351.1 348.5 337.1C364.8 322.3 377.8 304.6 386.6 285.2C388.6 280.9 390.3 276.5 391.9 272C395.5 261.6 397.9 250.9 399.1 240H48.88C50.08 250.9 52.5 261.6 56.11 272C57.65 276.5 59.42 280.9 61.4 285.2H61.4zM32 464C32 437.5 53.49 416 80 416C106.5 416 128 437.5 128 464C128 490.5 106.5 512 80 512C53.49 512 32 490.5 32 464zM416 464C416 490.5 394.5 512 368 512C341.5 512 320 490.5 320 464C320 437.5 341.5 416 368 416C394.5 416 416 437.5 416 464z"/></svg> </div> <h3 class="h4">Paid Parental Leave</h3> <p class="text-md text-brand-gray-dark"> May Mobility offers a generous parental leave policy, as well as a weekly reimbursement for meals for those first few weeks at home so new parents have less to stress about. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-berry translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-600 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-0 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-teal" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M448 0h-112c-17.67 0-32 14.33-32 32v48h32c17.67 0 32 14.33 32 32s-14.33 32-32 32h-32v64h64V224c0 17.67 14.33 32 32 32s32-14.33 32-32V208H480c17.67 0 32-14.33 32-32V64C512 28.65 483.3 0 448 0zM416 288h-48v32c0 17.67-14.33 32-32 32s-32-14.33-32-32V288H224v64H192c-17.67 0-32 14.33-32 32s14.33 32 32 32h32v48H72c-13.25 0-24-10.75-24-24V288H96V256c0-17.67 14.33-32 32-32s32 14.33 32 32v32h64V208h16c17.67 0 32-14.33 32-32s-14.33-32-32-32H224V96c0-17.67-14.33-32-32-32H64C28.65 64 0 92.65 0 128v312C0 479.8 32.24 512 72 512H384c35.35 0 64-28.65 64-64v-128C448 302.3 433.7 288 416 288z"/></svg> </div> <h3 class="h4">mayID (Inclusion and Diversity) Group</h3> <p class="text-md text-brand-gray-dark"> An employee-founded, self-organizing group at May Mobility advocates for—and supports—a more diverse, equitable and inclusive workplace that drives a sense of belonging for all of May’s team members. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-teal translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-0 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-300 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M288 432V416H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H304c-10-13.4-16-30-16-48zM64 32C28.7 32 0 60.7 0 96V320c0 35.3 28.7 64 64 64H288V320H64V96H288V80c0-18 6-34.6 16-48H64zm304 0c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48H592c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48H368zM544 320c0-35.3-28.7-64-64-64s-64 28.7-64 64s28.7 64 64 64s64-28.7 64-64zm32 0c0 53-43 96-96 96s-96-43-96-96s43-96 96-96s96 43 96 96zM512 128c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z"/></svg> </div> <h3 class="h4">Workspace and Home Office Benefits</h3> <p class="text-md text-brand-gray-dark"> For those MAYniacs who work hybrid or remote, May Mobility offers a generous monthly stipend to cover the cost of Wi-Fi and cell phone service. In addition, all new team members receive a stipend to maximize their home office space. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-blue translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-300 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-600 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-green" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M320 24C320 10.75 330.7 0 344 0H456C469.3 0 480 10.75 480 24V136C480 149.3 469.3 160 456 160C442.7 160 432 149.3 432 136V81.94L304.1 208.1C296.1 217.8 281.9 218.4 272.4 210.2L176.1 127.7L71.72 218.1C61.7 226.8 46.54 225.7 37.86 215.7C29.18 205.7 30.27 190.5 40.28 181.9L160.3 77.86C169.3 70.08 182.6 70.04 191.6 77.78L286.7 159.3L398.1 47.1H344C330.7 47.1 320 37.25 320 23.1L320 24zM192 384C192 348.7 220.7 320 256 320C291.3 320 320 348.7 320 384C320 419.3 291.3 448 256 448C220.7 448 192 419.3 192 384zM464 256C490.5 256 512 277.5 512 304V464C512 490.5 490.5 512 464 512H48C21.49 512 0 490.5 0 464V304C0 277.5 21.49 256 48 256H464zM48 359.5V408.5C76.95 412.1 99.89 435 103.5 464H408.5C412.1 435 435 412.1 464 408.5V359.5C435 355.9 412.1 332.1 408.5 304H103.5C99.9 332.1 76.95 355.9 48 359.5V359.5z"/></svg> </div> <h3 class="h4">401(k) Matching</h3> <p class="text-md text-brand-gray-dark"> To help prepare our MAYniacs for the future and to achieve their personal financial goals, we offer a matching 401K program (up to the first 4%). </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-green translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-600 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-0 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-berry" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M160 320c53.02 0 96-42.98 96-96c0-53.02-42.98-96-96-96C106.1 128 64 170.1 64 224C64 277 106.1 320 160 320zM160 176c26.47 0 48 21.53 48 48S186.5 272 160 272S112 250.5 112 224S133.5 176 160 176zM192 352H128c-70.69 0-128 57.3-128 128c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32C320 409.3 262.7 352 192 352zM49.61 464C57.04 427.5 89.37 400 128 400h64c38.63 0 70.96 27.53 78.39 64H49.61zM584 0H216C185.1 0 160 25.12 160 56V80c0 13.25 10.75 24 24 24S208 93.25 208 80V56c0-4.406 3.594-8 8-8h368c4.406 0 8 3.594 8 8v304c0 4.406-3.594 8-8 8H352c-13.25 0-24 10.75-24 24S338.8 416 352 416h232c30.88 0 56-25.12 56-56v-304C640 25.12 614.9 0 584 0zM328.1 167c-9.375-9.375-24.6-9.375-33.98 0s-9.354 24.58 .0208 33.96l71.98 72.02C371.7 277.7 377.8 280 384 280s12.3-2.323 16.99-7.01L496 177.9V200C496 213.3 506.8 224 520 224S544 213.3 544 200v-80C544 106.8 533.3 96 520 96h-80C426.8 96 416 106.8 416 120s10.75 24 24 24h22.06L384 222L328.1 167z"/></svg> </div> <h3 class="h4">Competitive Salary and Equity (Stock Option) Program</h3> <p class="text-md text-brand-gray-dark"> Our compensation philosophy supports being fair and equitable. We compensate all employees at competitive rates for their level and experience at the time of hire, and we continue to “pay for performance” throughout their time at May Mobility. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-berry translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-0 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-300 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-teal" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M180.9 325.3L112.2 259.1C94.63 242.1 94.63 213.9 112.2 196.9C128.1 180.8 155.5 180.8 172.2 196.9L192 216L211.8 196.9C228.5 180.8 255 180.8 271.8 196.9C289.4 213.9 289.4 242.1 271.8 259.1L203.1 325.3C196.9 331.3 187.1 331.3 180.9 325.3V325.3zM271.7 0C298.4 0 320 21.63 320 48.32V65.6C356.5 73.01 384 105.3 384 144V368C384 406.7 356.5 438.1 320 446.4V464C320 490.5 298.5 512 272 512H112C85.49 512 64 490.5 64 464V446.4C27.48 438.1 0 406.7 0 368V144C0 105.3 27.48 73.01 64 65.6V48.32C64 21.63 85.63 0 112.3 0L271.7 0zM304 112H80C62.33 112 48 126.3 48 144V368C48 385.7 62.33 400 80 400H304C321.7 400 336 385.7 336 368V144C336 126.3 321.7 112 304 112z"/></svg> </div> <h3 class="h4">Employee Total Wellness Program</h3> <p class="text-md text-brand-gray-dark"> May Mobility partners with a variety of vendors to provide resources across 8 dimensions of wellness. These resources provide assistance with concerns related to physical, mental, and emotional well-being, finances, job performance and more. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-teal translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-300 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-600 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M127.1 0C141.3 0 151.1 10.75 151.1 24V64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V192H47.1V448C47.1 456.8 55.16 464 63.1 464H284.5C296.7 482.8 312.5 499.1 330.8 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0H127.1zM576 368C576 447.5 511.5 512 432 512C352.5 512 287.1 447.5 287.1 368C287.1 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368zM415.1 304V368C415.1 376.8 423.2 384 431.1 384H480C488.8 384 496 376.8 496 368C496 359.2 488.8 352 480 352H447.1V304C447.1 295.2 440.8 288 431.1 288C423.2 288 415.1 295.2 415.1 304V304z"/></svg> </div> <h3 class="h4">Core Hours</h3> <p class="text-md text-brand-gray-dark"> Early bird? Night owl, Responsible for kid drop-off or pick-up? No worries—May Mobility values flexibility. Our core hours are between 10am and 4pm EST, but team members are free to flex their working time to accommodate individual schedules. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-blue translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-0 lg:delay-600 intro-active:translate-x-[101%]"></div> </div> </div> </div> </div> <div data-intro="custom" data-intro-in-margin="-25% 50% -25% 50%"> <div class="group h-full"> <div class="relative h-full transition-all delay-25 ease-in-out duration-400 group-hover:-translate-y-4"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium transition-all delay-25 ease-in-out duration-400 md:p-8 group-hover:bg-white group-hover:shadow-xl"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14 translate-y-8 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-0 intro-active:translate-y-0" aria-hidden="true"> <svg class="block w-full h-full fill-green" width="48" height="58" viewBox="0 0 48 58" fill="none"> <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> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M184 160c5.438 0 10.87-1.812 15.37-5.562c35.97-30 56.62-74.06 56.62-120.9V24c0-13.25-10.75-24-23.1-24s-23.1 10.75-23.1 24v9.531c0 32.56-14.34 63.19-39.37 84.03C158.4 126.1 157.1 141.2 165.6 151.4C170.3 157.1 177.1 160 184 160zM64 63.1c17.67 0 31.1-14.33 31.1-31.1c0-17.67-14.33-31.1-31.1-31.1c-17.67 0-31.1 14.33-31.1 31.1C32 49.67 46.33 63.1 64 63.1zM487.1 256h-9.531C431.6 256 387.6 276.7 357.6 312.6c-8.5 10.19-7.125 25.31 3.062 33.81C365.1 350.2 370.6 352 375.1 352c6.875 0 13.69-2.938 18.44-8.625C415.3 318.3 445.9 304 478.5 304h9.531c13.25 0 23.1-10.75 23.1-24S501.2 256 487.1 256zM479.1 416c-17.67 0-31.1 14.33-31.1 31.1c0 17.67 14.33 31.1 31.1 31.1s31.1-14.33 31.1-31.1C511.1 430.3 497.7 416 479.1 416zM479.1 128c-17.67 0-31.1 14.33-31.1 31.1c0 17.67 14.33 31.1 31.1 31.1s31.1-14.33 31.1-31.1C511.1 142.3 497.7 128 479.1 128zM389.7 176c20.88-24.47 19.37-48.19 18.25-65.5c-.9687-14.97-1.062-21.97 6.844-31.22c7.875-9.219 14.78-10.19 29.66-11.53c17.25-1.562 40.91-3.688 61.84-28.16c8.594-10.06 7.438-25.22-2.656-33.84c-10.03-8.5-25.16-7.438-33.84 2.656c-7.875 9.219-14.78 10.19-29.66 11.53c-17.25 1.562-40.91 3.688-61.84 28.16c-20.88 24.47-19.37 48.19-18.25 65.5c.9687 14.97 1.062 21.97-6.844 31.22c-7.844 9.188-14.75 10.16-29.59 11.5c-17.25 1.531-40.91 3.625-61.81 28.09C253.2 194.5 254.3 209.7 264.4 218.3C268.9 222.1 274.5 224 279.1 224c6.781 0 13.5-2.844 18.25-8.406c7.844-9.188 14.75-10.16 29.56-11.5C345.1 202.6 368.7 200.5 389.7 176zM150.6 201.4C144.6 195.3 136.4 192 127.9 192c-2.234 0-4.482 .2269-6.711 .6996c-10.62 2.312-19.37 9.844-23.19 20.03l-95.1 256c-4.406 11.75-1.531 25 7.344 33.88C15.47 508.7 23.66 512 32 512c3.781 0 7.594-.6563 11.25-2.031l255.1-96c10.19-3.812 17.72-12.56 20.03-23.19c2.281-10.62-.9702-21.72-8.656-29.41L150.6 201.4zM59.33 452.7l32.57-86.85l54.28 54.28L59.33 452.7zM195.5 401.6L110.4 316.5l23.84-63.59l124.9 124.9L195.5 401.6z"/></svg> </div> <h3 class="h4">Team and Company Events</h3> <p class="text-md text-brand-gray-dark"> With annual in-person get-togethers at our Ann Arbor, MI headquarters and regular events that range from in-person to remote, we look for any opportunity to bring the team together just for fun. </p> </div> </article> <div class="absolute z-2 inset-0 rounded overflow-hidden"> <div class="absolute inset-0 rounded-l bg-green translate-x-0 transition-all delay-25 ease-in-out duration-400 md:delay-300 lg:delay-0 intro-active:translate-x-[101%]"></div> </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/Stay-in-Touch-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/Stay-in-Touch-Closing-CTA.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/Stay-in-Touch-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/Stay-in-Touch-Closing-CTA.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">Stay in touch with us!</h2> <div class="prose "> <p> Keep up with our latest news and updates by following us on our favorite corners of the Internet: <a href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank" rel="noreferrer noopener">YouTube</a>, <a href="https://www.linkedin.com/company/maymobility/" target="_blank" rel="noreferrer noopener">LinkedIn</a>, <a href="https://twitter.com/may_mobility" target="_blank" rel="noreferrer noopener">Twitter</a>, <a href="https://www.instagram.com/maymobility/" target="_blank" rel="noreferrer noopener">Instagram</a> and <a href="https://www.facebook.com/maymobility/" target="_blank" rel="noreferrer noopener">Facebook</a>. You can also sign up for our newsletter to get regular updates delivered to your inbox. </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://share.hsforms.com/1r73ym6DMThuCpIRwDgIlNgcf6pe" target="_blank" data-gtm-element="call-to-action-button-18407"><span class="block flex-initial pointer-events-none">Sign Up For Our Newsletter</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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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 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">Stay in touch with us!</h2> <div class="prose "> <p> Keep up with our latest news and updates by following us on our favorite corners of the Internet: <a href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank" rel="noreferrer noopener">YouTube</a>, <a href="https://www.linkedin.com/company/maymobility/" target="_blank" rel="noreferrer noopener">LinkedIn</a>, <a href="https://twitter.com/may_mobility" target="_blank" rel="noreferrer noopener">Twitter</a>, <a href="https://www.instagram.com/maymobility/" target="_blank" rel="noreferrer noopener">Instagram</a> and <a href="https://www.facebook.com/maymobility/" target="_blank" rel="noreferrer noopener">Facebook</a>. You can also sign up for our newsletter to get regular updates delivered to your inbox. </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://share.hsforms.com/1r73ym6DMThuCpIRwDgIlNgcf6pe" target="_blank" data-gtm-element="call-to-action-button-18407"><span class="block flex-initial pointer-events-none">Sign Up For Our Newsletter</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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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 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/Stay-in-Touch-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400 1x, https://maymobility.imgix.net/Stay-in-Touch-Closing-CTA.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> <div class="py-12 md:py-24 bg-white"> <div class="relative 2xl:container" data-parallax> <div class="hidden md:block absolute -top-12 right-0 w-[30%] aspect-square" data-intro="slide-left"> <div class="block w-full h-full bg-berry bg-gradient-to-l from-berry-500 to-berry-light-500 rounded-l-12 md:-parallax-y-8 lg:-parallax-y-12 2xl:rounded-r"></div> </div> </div> <div class="relative container"> <div class="px-6 grid gap-8 md:p-0 md:grid-cols-10 md:gap-x-3 md:gap-y-8 lg:grid-cols-14 lg:gap-x-8"> <figure class="relative md:row-start-1 md:row-span-1 md:col-start-3 md:col-span-7 lg:col-start-4 lg:col-span-10" data-intro="slide-down"> <div class="absolute -bottom-4 -left-[20%] block aspect-square max-w-[33%] md:max-w-[40%] lg:-bottom-20 lg:-left-[44%] lg:max-w-[58%]" data-intro="slide-right" data-parallax> <svg class="block w-full h-full md:parallax-y-40" width="525" height="566" viewBox="0 0 525 566" fill="none" aria-hidden="true"> <path d="M0 262C0 117.301 117.801 0 262.5 0V0C407.199 0 525 117.301 525 262V564C525 565.105 524.105 566 523 566H262C117.301 566 0 448.699 0 304V262Z" fill="url(#paint0_linear_2878_61757)"/> <path d="M0 262C0 117.301 117.801 0 262.5 0V0C407.199 0 525 117.301 525 262V564C525 565.105 524.105 566 523 566H262C117.301 566 0 448.699 0 304V262Z" fill="url(#paint1_radial_2878_61757)" fill-opacity="0.7"/> <defs> <linearGradient id="paint0_linear_2878_61757" x1="262.5" y1="0" x2="262.5" y2="566" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#369040" stop-opacity="0.76"/> <stop offset="0.338542" stop-color="#059C93"/> </linearGradient> <radialGradient id="paint1_radial_2878_61757" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(525 566) rotate(-90) scale(566 525)"> <stop offset="0" stop-color="#F2F6FF"/> <stop offset="1" stop-color="#F2F6FF" stop-opacity="0"/> </radialGradient> </defs> </svg> </div> <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-fancy-modal-80146"> <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/Team-Member-Testimonial-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675 1x, https://maymobility.imgix.net/Team-Member-Testimonial-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/Team-Member-Testimonial-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325 1x, https://maymobility.imgix.net/Team-Member-Testimonial-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-fancy-modal-80146"> <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-blue text-white text-xs uppercase md:font-semibold md:text-sm lg:text-md"> A FEW THINGS OUR TEAM LOVES ABOUT MAY <svg width="12" height="12" class="block absolute top-full left-4 w-4 h-4 -mt-px fill-blue" viewBox="0 0 12 12" fill="none"> <path d="M0 0H12V12L0 0Z" /> </svg> </figcaption> </figure> <div class="md:row-start-2 md:row-span-1 md:col-start-3 md:col-span-7 lg:col-start-6 lg:col-span-7" data-intro="slide-up"> <div class="grid gap-6"> <h2 class="h1 text-navy"> Our Team's Take on Life at May Mobility </h2> <div class="prose"> <p>We think May Mobility is a great place to work (and others agree), but we wanted to give some of our amazing team members the floor to share what they like most about May. Here's some of what they said.</p> </div> </div> </div> </div> </div> </div> <div class="pb-12 md:pb-24 bg-white"> <div class="contents md:hidden"> <div class="container"> <div class="flex flex-col"> <div class="px-12"> <div class="relative max-w-lg -mr-12 ml-auto" data-intro="slide-up"> <div class="relative z-0 w-full aspect-video rounded overflow-hidden"> <picture><source srcset="https://maymobility.imgix.net/OUR-SOLUTIONS_Slider-3_2023-03-15-155110_ziio.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/OUR-SOLUTIONS_Slider-3_2023-03-15-155110_ziio.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/OUR-SOLUTIONS_Slider-3_2023-03-15-155110_ziio.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/OUR-SOLUTIONS_Slider-3_2023-03-15-155110_ziio.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 -left-6 -rotate-90 fill-blue" 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"> <div class="grid gap-4 p-6 bg-brand-gray-light rounded"> <h2 class="h2 text-navy u-to-gradient">Our Recent Awards</h2> <div class="prose prose-sm"> <p>It's an honor to be nominated (and awarded!) by top organizations for our team's impactful work. These are a few of the latest:</p> <ul><li><strong>2020, 2021, and 2022</strong>: Recognized by Y Combinator as a <a href="https://www.ycombinator.com/topcompanies" target="_blank" rel="noreferrer noopener">Top Company</a></li><li><strong>2022</strong>: Recognized by Frost & Sullivan with the <a href="https://www.frost.com/news/press-releases/may-mobility-applauded-by-frost-sullivan-for-its-leadership-position-in-the-autonomous-shared-mobility-market/" target="_blank" rel="noreferrer noopener">2022 North American Market Leadership Award</a> for the autonomous shared mobility industry<br /></li><li><strong>2023</strong>: Recognized by Forbes as one of <a href="https://www.forbes.com/lists/americas-best-startup-employers/?sh=2aa82a582ad7" target="_blank" rel="noreferrer noopener">America’s Best Startup Employers</a> and listed in the top 10 companies in the Transportation & Logistics category</li></ul> </div> </div> </div> </div> </div> </div> <div class="hidden md:contents"> <div class="container"> <div class="flex items-start justify-start gap-8 lg:px-24" data-intro="slide-up" data-parallax> <div class="relative z-1 w-1/2 order-2 lg:w-[44%] -parallax-y-8"> <div class="relative"> <div class="relative z-0 w-full aspect-7/5 rounded overflow-hidden"> <img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/OUR-SOLUTIONS_Slider-3_2023-03-15-155110_ziio.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350 1x, https://maymobility.imgix.net/OUR-SOLUTIONS_Slider-3_2023-03-15-155110_ziio.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350&dpr=1.5 1.5x" width="500" height="350" alt="" loading="lazy"> </div> <div class="absolute -bottom-10 -right-4 lg:-bottom-16 lg:-right-16"> <svg class="block w-20 h-20 lg:w-32 lg:h-32 rotate-90 fill-blue" 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> <div class="relative z-0 md:w-1/2 pt-12 order-1 lg:w-[56%] lg:pt-24 lg:parallax-y-16"> <div class="p-8 pr-24 -mr-20 rounded bg-brand-gray-light"> <div class="grid gap-10"> <h2 class="h2 text-navy u-to-gradient">Our Recent Awards</h2> <div class="prose prose-sm"> <p>It's an honor to be nominated (and awarded!) by top organizations for our team's impactful work. These are a few of the latest:</p> <ul><li><strong>2020, 2021, and 2022</strong>: Recognized by Y Combinator as a <a href="https://www.ycombinator.com/topcompanies" target="_blank" rel="noreferrer noopener">Top Company</a></li><li><strong>2022</strong>: Recognized by Frost & Sullivan with the <a href="https://www.frost.com/news/press-releases/may-mobility-applauded-by-frost-sullivan-for-its-leadership-position-in-the-autonomous-shared-mobility-market/" target="_blank" rel="noreferrer noopener">2022 North American Market Leadership Award</a> for the autonomous shared mobility industry<br /></li><li><strong>2023</strong>: Recognized by Forbes as one of <a href="https://www.forbes.com/lists/americas-best-startup-employers/?sh=2aa82a582ad7" target="_blank" rel="noreferrer noopener">America’s Best Startup Employers</a> and listed in the top 10 companies in the Transportation & Logistics category</li></ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="pb-12 md:pb-24 bg-white"> <div class="container"> <div class="grid items-start grid-cols-2 gap-4 md:grid-cols-14 md:gap-3 lg:gap-8"> <div class="relative group col-span-1 md:col-start-1 md:col-span-7 md:self-end"> <div class="relative overflow-hidden rounded w-full aspect-square md:aspect-video md:rounded-br-none" data-intro="slide-up"><picture><source srcset="https://maymobility.imgix.net/Bureau_MayDays_7865.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800 1x, https://maymobility.imgix.net/Bureau_MayDays_7865.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800&dpr=1.5 1.5x" width="800" height="800" media="(min-width: 640px)"><img class="block w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Bureau_MayDays_7865.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400 1x, https://maymobility.imgix.net/Bureau_MayDays_7865.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400&dpr=1.5 1.5x" width="400" height="400" alt="" loading="lazy"></picture></div> </div> <div class="relative group col-span-1 md:col-start-8 md:col-span-6 md:self-end"> <div class="relative overflow-hidden rounded w-full aspect-square md:aspect-video md:rounded-bl-none md:delay-300" data-intro="slide-up"><picture><source srcset="https://maymobility.imgix.net/2024_MayOlympics_socials_059.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800 1x, https://maymobility.imgix.net/2024_MayOlympics_socials_059.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800&dpr=1.5 1.5x" width="800" height="800" media="(min-width: 640px)"><img class="block w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/2024_MayOlympics_socials_059.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400 1x, https://maymobility.imgix.net/2024_MayOlympics_socials_059.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400&dpr=1.5 1.5x" width="400" height="400" alt="" loading="lazy"></picture></div> </div> <div class="relative group col-span-2 md:col-start-2 md:col-span-5"> <div class="relative overflow-hidden rounded w-full aspect-video md:aspect-7/5 md:rounded-tr-none md:delay-600" data-intro="slide-up"><picture><source srcset="https://maymobility.imgix.net/Untitled-design.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800 1x, https://maymobility.imgix.net/Untitled-design.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800&dpr=1.5 1.5x" width="800" height="800" media="(min-width: 640px)"><img class="block w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Untitled-design.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400 1x, https://maymobility.imgix.net/Untitled-design.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400&dpr=1.5 1.5x" width="400" height="400" alt="" loading="lazy"></picture></div> <svg class="hidden md:block -rotate-90 w-20 h-20 absolute -bottom-10 -left-10 fill-berry lg:w-32 lg:h-32 lg:-bottom-16 lg:-left-16" 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 group col-span-1 md:col-start-7 md:col-span-4"> <div class="relative overflow-hidden rounded w-full aspect-square md:aspect-8/10 md:rounded-t-none md:delay-900" data-intro="slide-up"><picture><source srcset="https://maymobility.imgix.net/Bureau_MayDays_6745.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800 1x, https://maymobility.imgix.net/Bureau_MayDays_6745.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800&dpr=1.5 1.5x" width="800" height="800" media="(min-width: 640px)"><img class="block w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Bureau_MayDays_6745.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400 1x, https://maymobility.imgix.net/Bureau_MayDays_6745.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400&dpr=1.5 1.5x" width="400" height="400" alt="" loading="lazy"></picture></div> </div> <div class="relative group col-span-1 md:col-start-11 md:col-span-4"> <div class="relative overflow-hidden rounded w-full aspect-square md:aspect-7/5 md:rounded-tl-none md:delay-1200" data-intro="slide-up"><picture><source srcset="https://maymobility.imgix.net/Bureau_MayDays_8100.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800 1x, https://maymobility.imgix.net/Bureau_MayDays_8100.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=800&dpr=1.5 1.5x" width="800" height="800" media="(min-width: 640px)"><img class="block w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Bureau_MayDays_8100.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400 1x, https://maymobility.imgix.net/Bureau_MayDays_8100.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=400&dpr=1.5 1.5x" width="400" height="400" alt="" loading="lazy"></picture></div> </div> </div> </div> </div> <div class="py-12 md:py-24 bg-brand-gray-light"> <div class="splide" data-splide='{"type":"loop","perPage":1,"perMove":1,"arrows":true,"pagination":false,"mediaQuery":"min","breakpoints":{"460":{"perPage":1,"padding":{"left":"0","right":"20%"}},"780":{"perPage":2,"padding":{"left":"0","right":"10%"}},"960":{"perPage":2,"padding":{"left":"0","right":"20%"}}}}'> <div class="container mb-8 lg:px-16 xl:px-24"> <div class="lg:flex lg:justify-between lg:gap-8"> <div class="flex flex-col gap-6 lg:flex-row lg:gap-8 lg:items-center" data-intro="slide-up"> <h2 class="h2 text-navy"> Featured May Content </h2> <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 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/posts/" aria-label="View all posts"><span class="block flex-initial pointer-events-none">View All</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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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></p> </div> <div class="hidden lg:flex items-center gap-2 splide__arrows"> <button class="splide__arrow splide__arrow--prev flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Previous"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z"/></svg> </button> <button class="splide__arrow splide__arrow--next flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Next"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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> </button> </div> </div> </div> <div class="relative bg-navy ml-6 py-2 overflow-hidden rounded-bl-24 rounded-tl-sm lg:rounded-bl-48 lg:ml-[calc(2rem_+_max(0rem,calc(calc(100vw-theme(maxWidth.7xl))/2)))] xl:ml-[calc(4rem_+_max(0rem,calc(calc(100vw-theme(maxWidth.7xl))/2)))]"> <div class="relative"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Get to know May: Takashi Nakamura, Japan Country Manager</h3> </div> <p> October 15, 2024 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/get-to-know-may-takashi-nakamura-japan-country-manager/" aria-label="View posts - Get to know May: Takashi Nakamura, Japan Country Manager"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Women of May: Leading the charge</h3> </div> <p> March 28, 2024 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/women-of-may-leading-the-charge/" aria-label="View posts - Women of May: Leading the charge"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Women of May: Here to change the world</h3> </div> <p> March 6, 2024 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/women-of-may/" aria-label="View posts - Women of May: Here to change the world"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">The future of autonomous technology at CES 2024</h3> </div> <p> January 23, 2024 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/future-of-autonomous-technology-ces-2024/" aria-label="View posts - The future of autonomous technology at CES 2024"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">May Mobility CEO Edwin Olson to speak at CES® 2024</h3> </div> <p> January 3, 2024 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/may-mobility-ceo-edwin-olson-to-speak-at-ces-2024/" aria-label="View posts - May Mobility CEO Edwin Olson to speak at CES® 2024"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Get to know May: Anna Brunelle, chief financial officer</h3> </div> <p> December 6, 2023 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/get-to-know-anna-brunelle-chief-financial-officer/" aria-label="View posts - Get to know May: Anna Brunelle, chief financial officer"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Innovation needs a little MAYhem</h3> </div> <p> November 20, 2023 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/innovation-needs-a-little-mayhem/" aria-label="View posts - Innovation needs a little MAYhem"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">May Mobility announces Anna Brunelle has joined the leadership team as Chief Financial Officer</h3> </div> <p> November 15, 2023 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/may-mobility-anna-brunelle-chief-financial-officer/" aria-label="View posts - May Mobility announces Anna Brunelle has joined the leadership team as Chief Financial Officer"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Autonomy experts in training: May Mobility internships</h3> </div> <p> September 13, 2023 </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://maymobility.com/posts/may-mobility-internships/" aria-label="View posts - Autonomy experts in training: May Mobility internships"></a> </article> </div> </div> </li> </ul> </div> </div> <div class="absolute top-0 left-0 w-8 h-full pointer-events-none bg-gradient-cut-off-left"></div> </div> </div> </div> <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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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> </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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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/careers-2/"> 日本語 </a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/es/careers-2/"> 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/careers-2/"> 日本語 </a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/es/careers-2/"> 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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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 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":"2024-07-15T15:39:46-04:00","dateModified":"2024-07-16T10:07:30-04:00","datePublished":"2023-01-16T11:32:00-05:00","description":"See May Mobility's open positions and learn more about the benefits team members enjoy, from flexible vacation days to a generous parental leave policy.","headline":"Careers at May Mobility","image":{"@type":"ImageObject","url":"https://media.maymobility.com/_1200x630_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220"},"inLanguage":"en-us","mainEntityOfPage":"https://maymobility.com/careers/","name":"Careers at May Mobility","publisher":{"@id":"#creator"},"url":"https://maymobility.com/careers/"},{"@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/careers/","name":"Careers","position":2}],"name":"Breadcrumbs"}]}</script> <div id="video-fancy-modal-80146" 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-fancy-modal-80146"></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-fancy-modal-80146"> <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"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><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/MVvs_ILSIQo?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>