www.virail.com
Open in
urlscan Pro
172.67.188.79
Public Scan
Submitted URL: http://virail.com/
Effective URL: https://www.virail.com/
Submission: On May 07 via manual from US — Scanned from DE
Effective URL: https://www.virail.com/
Submission: On May 07 via manual from US — Scanned from DE
Form analysis 1 forms found in the DOM
<form data-v-cf09761d="" class="m-0 p-0 w-full">
<div data-v-cf09761d="" class="flex z-10 my-2 justify-between md:hidden"><!----><!----></div>
<div data-v-cf09761d="" class="hidden lg:flex flex-row w-full gap-x-2 items-center">
<div data-v-cf09761d="" class="flex-1 relative isolate" data-test-id="desktop-departure-input">
<div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><svg data-test-id="icon-departure" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_1568_1148" style="mask-type:alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect width="24" height="24" fill="#D9D9D9"></rect>
</mask>
<g mask="url(#mask0_1568_1148)">
<path
d="M12 16C13.1048 16 14.0476 15.6095 14.8286 14.8286C15.6095 14.0476 16 13.1048 16 12C16 10.8952 15.6095 9.95238 14.8286 9.17143C14.0476 8.39048 13.1048 8 12 8C10.8952 8 9.95238 8.39048 9.17143 9.17143C8.39048 9.95238 8 10.8952 8 12C8 13.1048 8.39048 14.0476 9.17143 14.8286C9.95238 15.6095 10.8952 16 12 16Z"
fill="#9D9D9D"></path>
<path
d="M10.9998 22.9501V20.9501C8.91647 20.7167 7.12914 19.8544 5.6378 18.3631C4.1458 16.8711 3.28314 15.0834 3.0498 13H1.0498V11H3.0498C3.28314 8.91672 4.1458 7.12905 5.6378 5.63705C7.12914 4.14572 8.91647 3.28338 10.9998 3.05005V1.05005H12.9998V3.05005C15.0831 3.28338 16.8708 4.14572 18.3628 5.63705C19.8541 7.12905 20.7165 8.91672 20.9498 11H22.9498V13H20.9498C20.7165 15.0834 19.8541 16.8711 18.3628 18.3631C16.8708 19.8544 15.0831 20.7167 12.9998 20.9501V22.9501H10.9998ZM11.9998 19C13.9331 19 15.5831 18.3167 16.9498 16.95C18.3165 15.5834 18.9998 13.9334 18.9998 12C18.9998 10.0667 18.3165 8.41672 16.9498 7.05005C15.5831 5.68338 13.9331 5.00005 11.9998 5.00005C10.0665 5.00005 8.41647 5.68338 7.0498 7.05005C5.68314 8.41672 4.9998 10.0667 4.9998 12C4.9998 13.9334 5.68314 15.5834 7.0498 16.95C8.41647 18.3167 10.0665 19 11.9998 19Z"
fill="#1E1E1E"></path>
</g>
</svg></div>
<div class="w-full flex relative"><!----><input type="text"
class="placeholder-gray-300 w-full border-none pl-10 bg-virail-gray-light-500 rounded-lg text-sm outline-none text-virail-gray-600 py-2 px-3 leading-[26px] font-normal transition-colors duration-200 ease-in-out focus:ring-transparent border-transparentplaceholder-gray-400"
placeholder="Select a departure" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div><!---->
</div><button data-v-cf09761d="" id="destination-switcher" data-test-id="desktop-location-switcher" aria-label="Switch Destination">
<div class="flex h-12 w-10 items-center justify-center lg:shrink-0 lg:bg-virail-gray-light-500 lg:hover:bg-virail-green-500 lg:hover:text-white lg:rounded-lg lg:transition lg:duration-300 lg:w-[42px] lg:h-[42px]"><svg
data-test-id="icon-swap-location-desktop" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path>
</svg></div>
</button>
<div data-v-cf09761d="" class="flex-1 relative isolate" data-test-id="desktop-destination-input">
<div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><svg data-test-id="icon-destination" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M7.97559 17.5306C8.09687 18.0694 7.7584 18.6045 7.2196 18.7258C6.35214 18.9211 5.71016 19.1549 5.31073 19.3834C5.23079 19.4291 5.16903 19.4694 5.12159 19.5035C5.13958 19.5165 5.15957 19.5304 5.18177 19.5451C5.46383 19.7324 5.93794 19.9398 6.61348 20.1295C7.95067 20.505 9.85544 20.7502 12 20.7502C14.1446 20.7502 16.0493 20.505 17.3865 20.1295C18.0621 19.9398 18.5362 19.7324 18.8182 19.5451C18.8404 19.5304 18.8604 19.5165 18.8784 19.5035C18.831 19.4694 18.7692 19.4291 18.6893 19.3834C18.2898 19.1549 17.6479 18.9211 16.7804 18.7258C16.2416 18.6045 15.9031 18.0694 16.0244 17.5306C16.1457 16.9918 16.6808 16.6533 17.2196 16.7746C18.1811 16.991 19.0391 17.2794 19.6824 17.6474C20.2542 17.9745 21 18.5672 21 19.5039C21 20.3297 20.4136 20.8866 19.9244 21.2114C19.3968 21.5616 18.6994 21.8382 17.9272 22.055C16.3689 22.4926 14.2737 22.7502 12 22.7502C9.72629 22.7502 7.63105 22.4926 6.07281 22.055C5.30063 21.8382 4.60317 21.5616 4.07559 21.2114C3.58644 20.8866 3 20.3297 3 19.5039C3 18.5672 3.74579 17.9745 4.31758 17.6474C4.96092 17.2794 5.81894 16.991 6.7804 16.7746C7.31921 16.6533 7.85431 16.9918 7.97559 17.5306Z"
fill="#1E1E1E"></path>
<path
d="M4.84158 6.01574C6.05208 3.10493 8.94965 1.25 12.0005 1.25C15.0514 1.25 17.949 3.10493 19.1595 6.01574C20.285 8.72228 19.6745 11.034 18.4106 13.0032C17.367 14.6292 15.8394 16.0769 14.4806 17.3645C14.2401 17.5925 14.0044 17.8157 13.7781 18.0337C13.3008 18.4935 12.6633 18.75 12.0005 18.75C11.3377 18.75 10.7003 18.4935 10.223 18.0338L10.2214 18.0322C9.98199 17.8002 9.73237 17.5628 9.47688 17.3198C8.13245 16.0411 6.62554 14.6079 5.59274 13.0023C4.32729 11.035 3.71464 8.72562 4.84158 6.01574Z"
fill="#9D9D9D"></path>
<path d="M9 9C9 7.34315 10.3431 6 12 6C13.6569 6 15 7.34315 15 9C15 10.6569 13.6569 12 12 12C10.3431 12 9 10.6569 9 9Z" fill="#1E1E1E"></path>
</svg></div>
<div class="w-full flex relative"><!----><input type="text"
class="placeholder-gray-300 w-full border-none pl-10 bg-virail-gray-light-500 rounded-lg text-sm outline-none text-virail-gray-600 py-2 px-3 leading-[26px] font-normal transition-colors duration-200 ease-in-out focus:ring-transparent border-transparentplaceholder-gray-400"
placeholder="Select a destination" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div><!---->
</div>
<div data-v-cf09761d="" class="grid grid-cols-2 gap-0.5">
<div data-v-cf09761d="" class="flex-1 relative isolate w-32" data-test-id="desktop-start-date">
<div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><svg data-test-id="icon-calendar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path d="M7 3C4.7909 3 2.9999 4.791 3 7L3 8H21V7C21 4.791 19.2091 3 17 3C16.1646 3.00001 10.4434 3.00001 8 3C7.51869 3 7.16456 3 7 3Z" fill="#9D9D9D"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.99414 2C8.54643 2 8.99414 2.44738 8.99414 2.99926V4.99777C8.99414 5.54964 8.54643 5.99702 7.99414 5.99702C7.44186 5.99702 6.99414 5.54964 6.99414 4.99777V2.99926C6.99414 2.44738 7.44186 2 7.99414 2ZM15.9941 2C16.5464 2 16.9941 2.44738 16.9941 2.99926V4.99777C16.9941 5.54964 16.5464 5.99702 15.9941 5.99702C15.4419 5.99702 14.9941 5.54964 14.9941 4.99777V2.99926C14.9941 2.44738 15.4419 2 15.9941 2ZM3 17.003V10.0082H21V17.003C21.0001 19.2103 19.2091 21 17 21H7C4.7909 21 3 19.2103 3 17.003ZM9 13.006C9 12.4544 8.5523 12.0067 8 12.0067C7.4477 12.0067 7 12.4544 7 13.006C7 13.5575 7.4477 14.0052 8 14.0052C8.5523 14.0052 9 13.5575 9 13.006ZM13 13.006C13 12.4544 12.5523 12.0067 12 12.0067C11.4477 12.0067 11 12.4544 11 13.006C11 13.5575 11.4477 14.0052 12 14.0052C12.5523 14.0052 13 13.5575 13 13.006ZM17 13.006C17 12.4544 16.5523 12.0067 16 12.0067C15.4477 12.0067 15 12.4544 15 13.006C15 13.5575 15.4477 14.0052 16 14.0052C16.5523 14.0052 17 13.5575 17 13.006ZM9 17.003C9 16.4514 8.5523 16.0037 8 16.0037C7.4477 16.0037 7 16.4514 7 17.003C7 17.5546 7.4477 18.0022 8 18.0022C8.5523 18.0022 9 17.5546 9 17.003ZM13 17.003C13 16.4514 12.5523 16.0037 12 16.0037C11.4477 16.0037 11 16.4514 11 17.003C11 17.5546 11.4477 18.0022 12 18.0022C12.5523 18.0022 13 17.5546 13 17.003ZM17 17.003C17 16.4514 16.5523 16.0037 16 16.0037C15.4477 16.0037 15 16.4514 15 17.003C15 17.5546 15.4477 18.0022 16 18.0022C16.5523 18.0022 17 17.5546 17 17.003Z"
fill="#1E1E1E"></path>
</svg></div>
<div data-v-cf09761d="" class="flex-1 relative h-full flex items-center">
<div data-test-id="masked-date" role="button" id=""
class="w-full flex items-center border-none text-sm outline-none leading-[18.4px] transition-colors duration-200 ease-in-out xs:text-base lg:text-sm lg:leading-[26px] lg:font-normal lg:h-[42px] py-2 px-3 h-12 rounded-l-lg bg-virail-gray-light-500 cursor-pointer pl-10">
05/08/2024</div><!---->
<div data-test-id="date-picker-modal" class="mt-14 bg-white h-auto lg:w-[28rem] rounded-lg shadow lg:p-4 absolute z-50 top-0" style="display: none;"><button type="button"
class="inline-flex lg:hidden my-10 focus:outline-none focus:shadow-outline transition ease-in-out duration-100 cursor-pointer bg-virail-default hover:bg-virail-200 p-1 rounded-full z-20" data-test-id="back-button"><svg
class="h-8 w-8 text-white inline-flex" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg></button>
<div class="flex justify-between items-center mb-6">
<div><span class="text-lg font-bold text-gray-800">May</span><span class="ml-1 text-lg text-gray-600 font-normal">2024</span></div>
<div><button type="button" class="cursor-not-allowed border-virail-gray-100 text-virail-gray-100 border rounded-full focus:outline-none focus:shadow-outline inline-flex p-2 mr-2"><svg class="h-4 w-4 inline-flex" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg></button><button type="button" class="border border-virail-gray-800 text-virail-gray-800 hover:bg-gray-200 focus:outline-none focus:shadow-outline inline-flex cursor-pointer p-2 rounded-full"><svg class="h-4 w-4 inline-flex"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg></button></div>
</div>
<div class="grid grid-cols-7 gap-4">
<div class="text-gray-800 font-medium text-center text-xs w-12">Mon</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Tue</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Wed</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Thu</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Fri</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sat</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sun</div>
<div>
<div class="text-center border p-1 border-transparent text-sm"></div>
</div>
<div>
<div class="text-center border p-1 border-transparent text-sm"></div>
</div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>1</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>2</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>3</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>4</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>5</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>6</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>7</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="bg-virail-default text-white cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>8</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>9</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>10</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>11</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>12</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>13</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>14</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>15</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>16</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>17</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>18</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>19</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>20</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>21</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>22</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>23</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>24</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>25</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>26</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>27</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>28</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>29</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>30</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>31</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
</div><!---->
</div>
</div>
</div>
<div data-v-cf09761d="" class="flex-1 relative isolate w-32" data-test-id="desktop-return-date">
<div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><!----></div>
<div data-v-cf09761d="" class="flex-1 relative h-full flex items-center">
<div role="button"
class="py-2 px-3 h-12 bg-virail-gray-light-500 rounded-r-lg cursor-pointer justify-center px-3 w-full flex items-center border-none rounded-r-lg text-sm outline-none leading-[18.4px] transition-colors duration-200 ease-in-out xs:text-base lg:text-sm lg:leading-[26px] lg:font-normal lg:h-[42px] py-1 bg-virail-gray-50 cursor-pointer">
<span class="tracking-tighter text-gray-700 text-sm xs:text-base lg:text-sm" data-test-id="add-return-button">+ Add return</span></div>
<div data-test-id="date-picker-modal" class="mt-14 bg-white h-auto lg:w-[28rem] rounded-lg shadow lg:p-4 absolute z-50 top-0" style="display: none;"><button type="button"
class="inline-flex lg:hidden my-10 focus:outline-none focus:shadow-outline transition ease-in-out duration-100 cursor-pointer bg-virail-default hover:bg-virail-200 p-1 rounded-full z-20" data-test-id="back-button"><svg
class="h-8 w-8 text-white inline-flex" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg></button>
<div class="flex justify-between items-center mb-6">
<div><span class="text-lg font-bold text-gray-800">May</span><span class="ml-1 text-lg text-gray-600 font-normal">2024</span></div>
<div><button type="button" class="cursor-not-allowed border-virail-gray-100 text-virail-gray-100 border rounded-full focus:outline-none focus:shadow-outline inline-flex p-2 mr-2"><svg class="h-4 w-4 inline-flex" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg></button><button type="button" class="border border-virail-gray-800 text-virail-gray-800 hover:bg-gray-200 focus:outline-none focus:shadow-outline inline-flex cursor-pointer p-2 rounded-full"><svg class="h-4 w-4 inline-flex"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg></button></div>
</div>
<div class="grid grid-cols-7 gap-4">
<div class="text-gray-800 font-medium text-center text-xs w-12">Mon</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Tue</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Wed</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Thu</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Fri</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sat</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sun</div>
<div>
<div class="text-center border p-1 border-transparent text-sm"></div>
</div>
<div>
<div class="text-center border p-1 border-transparent text-sm"></div>
</div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>1</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>2</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>3</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>4</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>5</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>6</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>7</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="bg-virail-default text-white cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>8</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>9</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>10</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>11</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>12</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>13</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>14</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>15</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>16</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>17</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>18</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>19</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>20</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>21</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>22</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>23</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>24</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>25</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>26</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>27</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>28</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>29</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>30</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>31</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
</div><!---->
</div>
</div>
</div>
</div>
<div data-v-cf09761d="" class="flex-1 relative isolate" data-test-id="desktop-passenger-input">
<div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><svg data-test-id="icon-passenger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M17.8063 14.8372C17.9226 14.9064 18.0663 14.9875 18.229 15.0793C18.9418 15.4814 20.0193 16.0893 20.7575 16.8118C21.2191 17.2637 21.6578 17.8592 21.7375 18.5888C21.8223 19.3646 21.4839 20.0927 20.8048 20.7396C19.6334 21.8556 18.2276 22.75 16.4093 22.75H7.59104C5.77274 22.75 4.36695 21.8556 3.1955 20.7396C2.51649 20.0927 2.17802 19.3646 2.26283 18.5888C2.34257 17.8592 2.78123 17.2637 3.2429 16.8118C3.98106 16.0893 5.05857 15.4814 5.77139 15.0793C5.93405 14.9876 6.07773 14.9064 6.19404 14.8372C9.74809 12.7209 14.2523 12.7209 17.8063 14.8372Z"
fill="#1E1E1E"></path>
<path d="M6.75 6.5C6.75 3.6005 9.1005 1.25 12 1.25C14.8995 1.25 17.25 3.6005 17.25 6.5C17.25 9.39949 14.8995 11.75 12 11.75C9.1005 11.75 6.75 9.39949 6.75 6.5Z" fill="#9D9D9D"></path>
</svg></div>
<div class="relative inline-block text-left w-full" id="passenger-dropdown" data-component="passsenger-dropdown" option-title-key="text" data-headlessui-state=""><button
class="w-full bg-virail-gray-light-500 flex flex-row items-center gap-1 rounded-md lead ing-7 pl-10 pr-1 py-[9px] text-sm focus:outline-none" data-test-id="button" id="headlessui-popover-button-1" type="button" aria-expanded="false"
data-headlessui-state="">
<div class="label font-normal leading-6 xl:font-medium" data-test-id="label">1 Passenger</div><!---->
</button><!----><!----><!----></div>
<div style="position: fixed; height: 0px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"></div>
</div><button data-v-cf09761d="" type="submit" class="virail-cta-button flex justify-center border-0 py-2 px-6 focus:outline-none rounded-lg text-base leading-[26px] tracking-wider font-medium"><span data-v-cf09761d=""
class="vir-wordbreak-keep-all">Search</span></button>
</div>
<div data-v-cf09761d="" class="lg:hidden" data-test-id="mobile-departure-input">
<div data-v-cf09761d="" class="relative"><button data-v-cf09761d="" id="destination-switcher" data-test-id="desktop-location-switcher" aria-label="Switch Destination" class="absolute right-0 z-10 group">
<div class="flex h-12 w-10 items-center justify-center lg:shrink-0 lg:bg-virail-gray-light-500 lg:hover:bg-virail-green-500 lg:hover:text-white lg:rounded-lg lg:transition lg:duration-300 lg:w-[42px] lg:h-[42px]"><svg
data-test-id="icon-swap-location-mobile" width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-2.18557e-07 5L5 -4.80825e-07L10 5L8.575 6.4L6 3.825L6 11L4 11L4 3.825L1.425 6.4L-2.18557e-07 5ZM6 15L7.425 13.6L10 16.175L10 9L12 9L12 16.175L14.575 13.6L16 15L11 20L6 15Z" fill="#20203E"></path>
</svg></div>
</button>
<div data-v-cf09761d="" class="absolute inset-y-0 left-0 px-3 flex items-center pointer-events-none"><svg data-v-cf09761d="" class="w-5 aspect-square" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path data-v-cf09761d=""
d="M9.9998 21.9501V19.9501C7.91647 19.7167 6.12914 18.8544 4.6378 17.3631C3.1458 15.8711 2.28314 14.0834 2.0498 12H0.0498047V10H2.0498C2.28314 7.91672 3.1458 6.12905 4.6378 4.63705C6.12914 3.14572 7.91647 2.28338 9.9998 2.05005V0.0500488H11.9998V2.05005C14.0831 2.28338 15.8708 3.14572 17.3628 4.63705C18.8541 6.12905 19.7165 7.91672 19.9498 10H21.9498V12H19.9498C19.7165 14.0834 18.8541 15.8711 17.3628 17.3631C15.8708 18.8544 14.0831 19.7167 11.9998 19.9501V21.9501H9.9998ZM10.9998 18C12.9331 18 14.5831 17.3167 15.9498 15.95C17.3165 14.5834 17.9998 12.9334 17.9998 11C17.9998 9.06672 17.3165 7.41672 15.9498 6.05005C14.5831 4.68338 12.9331 4.00005 10.9998 4.00005C9.06647 4.00005 7.41647 4.68338 6.0498 6.05005C4.68314 7.41672 3.9998 9.06672 3.9998 11C3.9998 12.9334 4.68314 14.5834 6.0498 15.95C7.41647 17.3167 9.06647 18 10.9998 18ZM10.9998 15C9.8998 15 8.95814 14.6084 8.1748 13.825C7.39147 13.0417 6.9998 12.1 6.9998 11C6.9998 9.90005 7.39147 8.95838 8.1748 8.17505C8.95814 7.39172 9.8998 7.00005 10.9998 7.00005C12.0998 7.00005 13.0415 7.39172 13.8248 8.17505C14.6081 8.95838 14.9998 9.90005 14.9998 11C14.9998 12.1 14.6081 13.0417 13.8248 13.825C13.0415 14.6084 12.0998 15 10.9998 15Z"
fill="#20203E"></path>
</svg></div>
<div class="w-full flex relative"><!----><input type="text"
class="placeholder-gray-300 w-full flex items-center border-none pl-10 bg-virail-gray-50 rounded-lg text-base outline-none text-virail-gray-600 font-normal py-1 px-3 leading-4 h-12 transition-colors duration-200 ease-in-out focus:ring-virail-500placeholder-gray-400"
placeholder="Select a departure" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div><!---->
</div>
</div>
<div data-v-cf09761d="" class="mt-2 lg:hidden" data-test-id="mobile-destination-input"><!---->
<div data-v-cf09761d="" class="relative">
<div data-v-cf09761d="" class="absolute inset-y-0 left-0 px-3 flex items-center pointer-events-none"><svg data-v-cf09761d="" class="h-5" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path data-v-cf09761d=""
d="M7 20C4.65 18.2667 1.737 11.95 1.737 11.95C1.737 11.95 0 8.71667 0 7.15C0 5.96667 0.212667 4.929 0.638 4.037C1.06267 3.14567 1.60833 2.4 2.275 1.8C2.94167 1.2 3.69167 0.75 4.525 0.45C5.35833 0.15 6.18333 0 7 0C7.81667 0 8.64167 0.15 9.475 0.45C10.3083 0.75 11.0583 1.2 11.725 1.8C12.3917 2.4 12.9377 3.14567 13.363 4.037C13.7877 4.929 14 5.96667 14 7.15C14 8.71667 12.262 11.95 12.262 11.95C12.262 11.95 9.35 18.2667 7 20ZM7 9C7.55 9 8.021 8.804 8.413 8.412C8.80433 8.02067 9 7.55 9 7C9 6.45 8.80433 5.979 8.413 5.587C8.021 5.19567 7.55 5 7 5C6.45 5 5.97933 5.19567 5.588 5.587C5.196 5.979 5 6.45 5 7C5 7.55 5.196 8.02067 5.588 8.412C5.97933 8.804 6.45 9 7 9Z"
fill="#20203E"></path>
</svg></div>
<div class="w-full flex relative"><!----><input type="text"
class="placeholder-gray-300 w-full flex items-center border-none pl-10 bg-virail-gray-50 rounded-lg text-base outline-none text-gray-700 py-1 px-3 leading-4 h-12 transition-colors duration-200 ease-in-out focus:ring-virail-500placeholder-gray-400"
placeholder="Select a destination" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div><!---->
</div>
</div>
<div data-v-cf09761d="" class="mt-2 grid grid-cols-8 gap-y-3 lg:hidden">
<div data-v-cf09761d="" class="col-span-4 lg:col-span-3 order-first lg:order-2 border-r border-white" data-test-id="mobile-departure-datepicker">
<div data-v-cf09761d="" class="rounded-lg relative">
<div data-v-cf09761d="" class="z-10 absolute inset-y-0 left-0 flex items-center pointer-events-none px-3"><svg data-v-cf09761d="" data-test-id="icon-calendar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path d="M7 3C4.7909 3 2.9999 4.791 3 7L3 8H21V7C21 4.791 19.2091 3 17 3C16.1646 3.00001 10.4434 3.00001 8 3C7.51869 3 7.16456 3 7 3Z" fill="#9D9D9D"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.99414 2C8.54643 2 8.99414 2.44738 8.99414 2.99926V4.99777C8.99414 5.54964 8.54643 5.99702 7.99414 5.99702C7.44186 5.99702 6.99414 5.54964 6.99414 4.99777V2.99926C6.99414 2.44738 7.44186 2 7.99414 2ZM15.9941 2C16.5464 2 16.9941 2.44738 16.9941 2.99926V4.99777C16.9941 5.54964 16.5464 5.99702 15.9941 5.99702C15.4419 5.99702 14.9941 5.54964 14.9941 4.99777V2.99926C14.9941 2.44738 15.4419 2 15.9941 2ZM3 17.003V10.0082H21V17.003C21.0001 19.2103 19.2091 21 17 21H7C4.7909 21 3 19.2103 3 17.003ZM9 13.006C9 12.4544 8.5523 12.0067 8 12.0067C7.4477 12.0067 7 12.4544 7 13.006C7 13.5575 7.4477 14.0052 8 14.0052C8.5523 14.0052 9 13.5575 9 13.006ZM13 13.006C13 12.4544 12.5523 12.0067 12 12.0067C11.4477 12.0067 11 12.4544 11 13.006C11 13.5575 11.4477 14.0052 12 14.0052C12.5523 14.0052 13 13.5575 13 13.006ZM17 13.006C17 12.4544 16.5523 12.0067 16 12.0067C15.4477 12.0067 15 12.4544 15 13.006C15 13.5575 15.4477 14.0052 16 14.0052C16.5523 14.0052 17 13.5575 17 13.006ZM9 17.003C9 16.4514 8.5523 16.0037 8 16.0037C7.4477 16.0037 7 16.4514 7 17.003C7 17.5546 7.4477 18.0022 8 18.0022C8.5523 18.0022 9 17.5546 9 17.003ZM13 17.003C13 16.4514 12.5523 16.0037 12 16.0037C11.4477 16.0037 11 16.4514 11 17.003C11 17.5546 11.4477 18.0022 12 18.0022C12.5523 18.0022 13 17.5546 13 17.003ZM17 17.003C17 16.4514 16.5523 16.0037 16 16.0037C15.4477 16.0037 15 16.4514 15 17.003C15 17.5546 15.4477 18.0022 16 18.0022C16.5523 18.0022 17 17.5546 17 17.003Z"
fill="#1E1E1E"></path>
</svg></div>
<div data-v-cf09761d="" class="flex-1 relative h-full flex items-center">
<div data-test-id="masked-date" role="button" id=""
class="w-full flex items-center border-none text-sm outline-none leading-[18.4px] transition-colors duration-200 ease-in-out xs:text-base lg:text-sm lg:leading-[26px] lg:font-normal lg:h-[42px] py-1 px-3 h-12 rounded-l-lg bg-virail-gray-50 cursor-pointer lg:rounded-lg pl-10">
05/08/2024</div><!---->
<div data-test-id="date-picker-modal" class="mt-14 bg-white h-auto lg:w-[28rem] rounded-lg shadow lg:p-4 absolute z-50 top-0" style="display: none;"><button type="button"
class="inline-flex lg:hidden my-10 focus:outline-none focus:shadow-outline transition ease-in-out duration-100 cursor-pointer bg-virail-default hover:bg-virail-200 p-1 rounded-full z-20" data-test-id="back-button"><svg
class="h-8 w-8 text-white inline-flex" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg></button>
<div class="flex justify-between items-center mb-6">
<div><span class="text-lg font-bold text-gray-800">May</span><span class="ml-1 text-lg text-gray-600 font-normal">2024</span></div>
<div><button type="button" class="cursor-not-allowed border-virail-gray-100 text-virail-gray-100 border rounded-full focus:outline-none focus:shadow-outline inline-flex p-2 mr-2"><svg class="h-4 w-4 inline-flex" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg></button><button type="button" class="border border-virail-gray-800 text-virail-gray-800 hover:bg-gray-200 focus:outline-none focus:shadow-outline inline-flex cursor-pointer p-2 rounded-full"><svg class="h-4 w-4 inline-flex"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg></button></div>
</div>
<div class="grid grid-cols-7 gap-4">
<div class="text-gray-800 font-medium text-center text-xs w-12">Mon</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Tue</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Wed</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Thu</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Fri</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sat</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sun</div>
<div>
<div class="text-center border p-1 border-transparent text-sm"></div>
</div>
<div>
<div class="text-center border p-1 border-transparent text-sm"></div>
</div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>1</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>2</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>3</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>4</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>5</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>6</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>7</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="bg-virail-default text-white cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>8</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>9</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>10</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>11</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>12</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>13</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>14</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>15</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>16</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>17</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>18</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>19</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>20</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>21</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>22</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>23</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>24</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>25</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>26</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>27</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>28</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>29</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>30</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>31</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
</div><!---->
</div>
</div>
</div>
</div>
<div data-v-cf09761d="" class="col-span-4 lg:col-span-3 order-2 lg:order-3 border-l border-white" data-test-id="mobile-destination-datepicker">
<div data-v-cf09761d="" class="rounded-lg relative w-full h-full bg-gray-200">
<div data-v-cf09761d="" class="flex-1 relative h-full flex items-center">
<div role="button"
class="py-1 px-3 h-12 bg-virail-gray-50 rounded-r-lg cursor-pointer lg:rounded-lg justify-center px-3 w-full flex items-center border-none rounded-r-lg text-sm outline-none leading-[18.4px] transition-colors duration-200 ease-in-out xs:text-base lg:text-sm lg:leading-[26px] lg:font-normal lg:h-[42px] py-1 bg-virail-gray-50 cursor-pointer">
<span class="tracking-tighter text-gray-700 text-sm xs:text-base lg:text-sm" data-test-id="add-return-button">+ Add return</span></div>
<div data-test-id="date-picker-modal" class="mt-14 bg-white h-auto lg:w-[28rem] rounded-lg shadow lg:p-4 absolute z-50 top-0" style="display: none;"><button type="button"
class="inline-flex lg:hidden my-10 focus:outline-none focus:shadow-outline transition ease-in-out duration-100 cursor-pointer bg-virail-default hover:bg-virail-200 p-1 rounded-full z-20" data-test-id="back-button"><svg
class="h-8 w-8 text-white inline-flex" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg></button>
<div class="flex justify-between items-center mb-6">
<div><span class="text-lg font-bold text-gray-800">May</span><span class="ml-1 text-lg text-gray-600 font-normal">2024</span></div>
<div><button type="button" class="cursor-not-allowed border-virail-gray-100 text-virail-gray-100 border rounded-full focus:outline-none focus:shadow-outline inline-flex p-2 mr-2"><svg class="h-4 w-4 inline-flex" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg></button><button type="button" class="border border-virail-gray-800 text-virail-gray-800 hover:bg-gray-200 focus:outline-none focus:shadow-outline inline-flex cursor-pointer p-2 rounded-full"><svg class="h-4 w-4 inline-flex"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg></button></div>
</div>
<div class="grid grid-cols-7 gap-4">
<div class="text-gray-800 font-medium text-center text-xs w-12">Mon</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Tue</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Wed</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Thu</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Fri</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sat</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sun</div>
<div>
<div class="text-center border p-1 border-transparent text-sm"></div>
</div>
<div>
<div class="text-center border p-1 border-transparent text-sm"></div>
</div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>1</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>2</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>3</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>4</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>5</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>6</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>7</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="bg-virail-default text-white cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>8</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>9</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>10</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>11</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>12</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>13</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>14</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>15</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>16</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>17</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>18</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>19</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>20</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>21</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>22</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>23</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>24</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>25</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>26</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>27</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>28</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>29</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>30</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
<div data-test-id="day-wrapper" class="text-virail-gray-800 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded leading-loose w-12 h-10 rounded inline-grid flex-col items-center justify-evenly"><span>31</span><span
class="text-xxs transition ease-in-out duration-100 truncate px-px"><span> </span></span></div>
</div><!---->
</div>
</div>
</div>
</div>
</div>
<div data-v-cf09761d="" class="lg:hidden rounded-lg overflow-hidden relative w-full h-full bg-virail-gray-50 mt-2" data-test-id="mobile-passenger-input">
<div data-v-cf09761d="" class="z-10 absolute inset-y-0 left-0 flex items-center pointer-events-none px-3"><svg data-v-cf09761d="" data-test-id="icon-passenger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path
d="M17.8063 14.8372C17.9226 14.9064 18.0663 14.9875 18.229 15.0793C18.9418 15.4814 20.0193 16.0893 20.7575 16.8118C21.2191 17.2637 21.6578 17.8592 21.7375 18.5888C21.8223 19.3646 21.4839 20.0927 20.8048 20.7396C19.6334 21.8556 18.2276 22.75 16.4093 22.75H7.59104C5.77274 22.75 4.36695 21.8556 3.1955 20.7396C2.51649 20.0927 2.17802 19.3646 2.26283 18.5888C2.34257 17.8592 2.78123 17.2637 3.2429 16.8118C3.98106 16.0893 5.05857 15.4814 5.77139 15.0793C5.93405 14.9876 6.07773 14.9064 6.19404 14.8372C9.74809 12.7209 14.2523 12.7209 17.8063 14.8372Z"
fill="#1E1E1E"></path>
<path d="M6.75 6.5C6.75 3.6005 9.1005 1.25 12 1.25C14.8995 1.25 17.25 3.6005 17.25 6.5C17.25 9.39949 14.8995 11.75 12 11.75C9.1005 11.75 6.75 9.39949 6.75 6.5Z" fill="#9D9D9D"></path>
</svg></div>
<div class="relative inline-block text-left w-full" id="passenger-dropdown" data-component="passsenger-dropdown" option-title-key="text" data-headlessui-state=""><button
class="w-full flex flex-row items-center gap-1 rounded-md lead ing-7 pl-10 pr-1 py-3 text-base focus:outline-none" data-test-id="button" id="headlessui-popover-button-6" type="button" aria-expanded="false" data-headlessui-state="">
<div class="label font-normal leading-6 xl:font-medium" data-test-id="label">1 Passenger</div><!---->
</button><!----><!----><!----></div>
<div style="position: fixed; height: 0px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"></div>
</div><button data-v-cf09761d="" type="submit"
class="w-full mt-4 text-white bg-virail-red-500 hover:bg-virail-red-400 hover:text-red-700 border-0 py-3 px-6 focus:outline-none rounded-lg capitalize text-base font-medium leading-5 tracking-wider virail-color-transition lg:hidden"
data-test-id="mobile-search-button">Search</button>
<div data-v-cf09761d="" class="block my-2 md:hidden booking-options-switch">
<fieldset data-v-cf09761d="">
<div data-v-cf09761d="" class="flex flex-row-reverse justify-between">
<div data-v-cf09761d="" class="flex items-center justify-center" data-test-id="mobile-booking-switch">
<div class="w-full max-w-xs mx-auto">
<div class="flex items-center space-x-4"><!----><!----><button aria-label="Toggle Switch"
class="relative inline-flex shrink-0 transition-all duration-200 ease-in-out rounded-full cursor-pointer focus:outline-none focus:shadow-outline bg-virail-green-default border-2 border-transparent" id="headlessui-switch-11"
role="switch" type="button" tabindex="0" aria-checked="true" data-headlessui-state="checked" style="height: 1.5rem; width: 2.75rem;"><span class="inline-block transition duration-200 ease-in-out transform bg-white rounded-full"
style="transform: translateX(1.25rem); height: 1.25rem; width: 1.25rem;"></span></button></div>
</div>
</div><span data-v-cf09761d="" class="leading-7 text-sm text-virail-gray-500">Stay with Booking.com</span>
</div>
</fieldset>
</div>
</form>Text Content
RECENT SEARCHES Your recent searches history is empty. * Homepage * Help Center * Sign In Hotels USD virail USA * virail Österreich * virail Belgium (DE) * virail Belgium (FR) * virail Belgium (NL) * virail България * virail en Català * virail Deutschland * virail España * virail France * virail Magyarország * virail India (HI) * virail India (EN) * virail Italia * virail Polsce * virail Nederland * virail Romania * Вираил Россия * virail United Kingdom * virail USA * virail Türkiye * virail Brasil * virail Portugal * virail Argentina * virail Schweiz (DE) * virail Schweiz (IT) * virail Schweiz (FR) * virail 中国 * virail Canada (EN) * virail Canada (FR) * virail ประเทศไทย * virail Việt Nam * virail України (UA) * virail України (RU) * virail ヴィレイル・日本 * virail Ireland * virail Danmark * virail Hrvatska * virail Česká republika * virail Luxembourg (FR) * virail Luxembourg (DE) * virail Ελλάδα * virail Singapore * virail Colombia * virail Australia * virail Mexico * virail Chile * virail New Zealand * virail Malaysia Help Center * My Account * Sign Out Sign In Sign In FIND THE CHEAPEST TICKET FOR YOUR TRIP 05/08/2024 May2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 + Add return May2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 Passenger Search 05/08/2024 May2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 + Add return May2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 Passenger Search Stay with Booking.com Search accommodation with Booking.com Cancel SIMPLE The easiest way to find the best deals in just a few clicks BEST PRICE Find the best price for your journey at no extra cost GLOBAL Travel to thousands of destinations all over the world OUR PARTNERS The best way to find and compare tickets for trains, buses, carpools and planes. We work with more than 100 partners to offer you the best prices on the market. TOP TRAIN ROUTES Train from Milan to Genoa Train from Naples to Sorrento Train from Frankfurt to Stuttgart Train from Bari to Alberobello Train from Paris to Strasbourg Train from Florence to Rome Train from Como to Venice Train from Pisa to Lucca Train from Bologna to Milan Train from Rome to Venice Train from Hamburg to Frankfurt Train from Lyon to Paris Train from Florence to Milan Train from Hamburg to Berlin Train from Rome to Naples Train from Heathrow to Manchester Train from Düsseldorf to Cologne Train from Venice to Rome Train from Nice to Paris Train from Berlin to Frankfurt Train from Paris to Lyon Train from Paris to Montpellier Train from Paris to Nice Train from Paris to Toulouse Train from Frankfurt to Berlin Train from Paris to Amsterdam Train from Düsseldorf to Amsterdam Train from Rome to Paris Train from Copenhagen to Berlin Train from Berlin to Paris Train from Nice to Milan Train from Warsaw to Berlin Train from Geneva to Annecy Train from Paris to Madrid Train from Paris to Berlin Train from Paris to Milan Train from Stuttgart to Paris Train from Porto to Madrid Train from Paris to Luxembourg Train from Paris to Lucerne Train from Berlin to Poznan Train from Paris to Rome Train from Paris to Bern Train from Paris to London Train from London to Paris Train from Paris to Brussels Train from Paris to Copenhagen Train from Paris to Munich Train from Paris to Lisbon Train from Brussels to Amsterdam TOP BUS ROUTES Bus from Dunfermline to Edinburgh Bus from Kings lynn to Norwich Bus from Catania to Taormina Bus from Paris to Beauvais Bus from Lloret de mar to Barcelona Bus from Manchester to Heathrow Bus from Nice to Cannes Bus from Barcelona to Lloret de mar Bus from Catania to Syracuse Bus from Girona to Lloret de mar Bus from Cambridge to Stansted Bus from Birmingham to Stratford-upon-avon Bus from Girona to Platja d'aro Bus from Barcelona to Tossa de mar Bus from Cambridge to Kings lynn Bus from Catania to Palermo Bus from Hull to Grimsby Bus from Palermo to Trapani Bus from Coventry to Heathrow Bus from Bergamo to Milan Bus from Trapani to Palermo Bus from Syracuse to Noto Bus from Málaga to Marbella Bus from Bologna to Florence Bus from Stansted to Luton Bus from Faro to Seville Bus from Gdańsk to Kaliningrad Bus from Albufeira to Seville Bus from Vilnius to Minsk Bus from Sofia to Istanbul Bus from Istanbul to Burgas Bus from Vienna to Budapest Bus from Thessaloniki to Sofia Bus from Seville to Faro Bus from Geneva to Annecy Bus from Vienna to Bratislava Bus from Burgas to Istanbul Bus from Lisbon to Paris Bus from Copenhagen to Oslo Bus from Prague to Budapest Bus from Paris to Lisbon Bus from Tallinn to Riga Bus from Bucharest to Varna Bus from Cluj-napoca to Budapest Bus from Stockholm to Copenhagen Bus from Istanbul to Sofia Bus from Oslo to Gothenburg Bus from London to Paris Bus from Barcelona to Lisbon Bus from Düsseldorf to Amsterdam -------------------------------------------------------------------------------- What is virail? virail is an online platform that compares all available routes for your trip. Choose your departure and arrival locations as well as your dates and let our search engine show you all your options by plane, train, bus and carpooling! Feel free to filter the results by price, departure and arrival time, duration or by amount of connections. In just a few clicks, find the trip that will best fit your needs and your budget. Our comparison tool works with more than 200 transportation companies and offers you the best travel solutions in the USA and in the rest of the world. Buy your tickets safely on our partner’s website Through virail, buy your tickets without any worry! virail redirects you to the partner’s website so that you can book your trips as easily as possible. Among our partners you can find multiple airline companies like American Airlines, Delta, United and Virgin America. If you would rather travel by bus, we have built partnerships with BoltBus, Go Buses and Greyhound among many more. For train lovers, check out the many offers from virail’s partners Amtrak in the USA and SNCF, Deutsche Bahn or Trenitalia in Europe. You can also discover the best European fast trains: the French TGV, the German ICE or the Spanish AVE. virail is always there for you and provides a quick, free comparison of all travel offers, either for your next vacation or your professional trip. We wish you a nice search! INSPIRING JOURNEYS AWAIT YOU Discover captivating travel stories and unique insider tips shared by locals, guiding you to experience the world anew through our blog Passage. * WHAT IS THE MOST SUSTAINABLE MEAN OF TRANSPORTATION? In order to reach far destinations, to travel between cities for example, or to move goods and products, it is necessary to use other means of transportation such as cars, trains, ships, trucks or planes. This leads to a BIG amount of polluting emissions. So, let’s answer the question what the most sustainable means of transportation is. Vanja · 12/21/2022 * SUSTAINABLE ALTERNATIVES: WHAT IS THE DIFFERENCE BETWEEN CAR SHARING AND CARPOOLING? Shared mobility is one of the most important forms of sustainable mobility and is used by a constantly growing number of people. Let's find out how car sharing and car pooling services work and what are the peculiarities that differentiate them! Vanja · 12/21/2022 * GREEN ECOLOGICAL TOURISM: GLAMPING Glamping is a new trend and type of outdoor tourism where luxury and respect for nature are the masters. It is a way of camping in a comfortable way with many services that have nothing to envy to those offered by hotels from four stars upwards. Vanja · 12/21/2022 * WHAT IS ECO-SUSTAINABLE TOURISM? HOW CAN PEOPLE DO IT AND WHERE? LET’S DISCOVER TOGETHER! Today, as never before, it is necessary to travel in a conscious and responsible way. This means respecting the environment, ecosystems, cultures and communities that you visit. How to do it? Through Eco-sustainable tourism. Vanja · 12/21/2022 * WHAT IS SLOW TOURISM? A way of traveling and experiencing the territories in a different and deeper way that is combined with the concept of sustainable tourism and the desire to take a break from the hectic pace of everyday life. Vanja · 12/21/2022 * WHAT IS A SUSTAINABLE CITY? WHICH ARE THE CHARACTERISTICS IT MUST HAVE? A city is defined as "sustainable" when it guarantees its citizens the right to mobility, the integration of various technologies, personal connectivity and spaces dedicated to urban greenery. Vanja · 12/21/2022 * PEDALING ACROSS FRANCE: DISCOVERING THE CULTURAL AND SPORTING MARVELS OF THE TOUR DE FRANCE There is an event that runs through the arteries and veins of France each year, pulsating with the rhythm of cycling gears, spinning wheels, and a shared, palpable passion. This phenomenon, known as the Tour de France, has been a cultural and sporting staple since its start in 1903, and every year since, it has captivated millions of spectators across the globe. Burcu · 08/02/2023 Explore SUBSCRIBE TO OUR NEWSLETTER Get the latest news, product updates, and exclusive promotions directly in your inbox Sign in with Google Sign In with Google to subscribe Trains Train from San diego to Los angelesTrain from Boston to ProvidenceTrain from Zurich to BernTrain from Hartford to New yorkTrain from Washington to New yorkTrain from New york to WashingtonTrain from New york to BostonTrain from Baltimore to WashingtonTrain from Boston to New yorkTrain from New york to PhiladelphiaTrain from Naples to SorrentoTrain from Philadelphia to WashingtonTrain from Washington to PhiladelphiaTrain from Washington to BaltimoreTrain from Baltimore to New yorkTrain from Vancouver to SeattleTrain from New york to ProvidenceTrain from Richmond to WashingtonTrain from Lancaster to PhiladelphiaTrain from Los angeles to San diego Bus Bus from Boston to New yorkBus from Istanbul to IzmirBus from New york to TorontoBus from New york to MontrealBus from New york to WashingtonBus from Dunfermline to EdinburghBus from Tbilisi to KutaisiBus from Tampa to OrlandoBus from New york to BostonBus from Kings lynn to NorwichBus from Montreal to New yorkBus from Washington to New yorkBus from Istanbul to AntalyaBus from Las cruces to AlbuquerqueBus from Vancouver to SeattleBus from Washington to NewarkBus from Boston to BurlingtonBus from Antalya to AlanyaBus from Toronto to MontrealBus from Montreal to Quebec Virail is an online platform that compares all available routes for your trip. ABOUT US * Imprint * Blog * Help Center VIRAIL USA * Flight times USA * Train times USA * Train companies * Stations * Bus times USA INTERNATIONAL * International buses * International flights * Train timetables abroad * Bus timetables abroad -------------------------------------------------------------------------------- © 2024 Virail All Rights Reserved. Weiter mit GoogleWeiter mit Google Back Sign in to Virail to get exclusive travel deals I wish to receive exclusive deals and product updates sent right to my inbox WE USE COOKIES! Hi, this website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. The latter will be set only after consent. Accept allManage Settings Cookie preferences Cookie usage 📢 We use cookies to ensure the basic functionalities of the website and to enhance your online experience. You can choose for each category to opt-in/out whenever you want. Core Functions 🧠Core Functions 🧠 These cookies are crucial for the proper operation of our website and its vital features and security. Analytics 📈Analytics 📈 Cookies for performance and statistics aid in understanding how you use of our website so we could improve the user experience. It may involve third-party analytics services. Marketing 🎯Marketing 🎯 Marketing cookies support our promotional endeavors and optimize online ad performance. These cookies enable us to display tailored and relevant ads from third-party ad partners. User identifiers received from these cookies may be uploaded to our ad partner platform to further refine the personalization of our ads. More information For more information or any queries in relation to our policy on cookies and your choices, please read more here. Accept allSave settings