www.virail.co.uk
Open in
urlscan Pro
172.66.40.180
Public Scan
URL:
https://www.virail.co.uk/
Submission: On March 28 via manual from GB — Scanned from GB
Submission: On March 28 via manual from GB — Scanned from GB
Form analysis 1 forms found in the DOM
<form data-v-73d8e745="" class="m-0 p-0 w-full">
<div data-v-73d8e745="" class="flex z-10 my-2 justify-between md:hidden"><!----><!----></div>
<div data-v-73d8e745="" class="hidden lg:flex flex-row w-full gap-x-2 items-center">
<div data-v-73d8e745="" 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"><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 class="w-full" style="display: none;">
<div
class="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 h-12 overflow-hidden">
<span class="text-gray-300">Select a departure</span></div>
</div>
</div><button data-v-73d8e745="" 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-73d8e745="" 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"><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 class="w-full" style="display: none;">
<div
class="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 h-12 overflow-hidden">
<span class="text-gray-300">Select a destination</span></div>
</div>
</div>
<div data-v-73d8e745="" class="grid grid-cols-2 gap-0.5">
<div data-v-73d8e745="" 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-73d8e745="" 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">
29/03/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"><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">March</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 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="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 rounded-full 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">Mo</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Tu</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">We</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Th</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Fr</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sa</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Su</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>
<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="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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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="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>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-73d8e745="" 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-73d8e745="" 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"><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">March</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 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="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 rounded-full 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">Mo</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Tu</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">We</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Th</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Fr</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sa</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Su</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>
<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="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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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="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>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-73d8e745="" 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 data-v-73d8e745="" data-headlessui-state="" class="relative inline-block text-left w-full" id="passenger-dropdown" data-component="passsenger-dropdown" option-title-key="text"><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><button data-v-73d8e745="" 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-73d8e745=""
class="vir-wordbreak-keep-all">Search</span></button>
</div>
<div data-v-73d8e745="" class="lg:hidden" data-test-id="mobile-departure-input">
<div data-v-73d8e745="" class="relative"><button data-v-73d8e745="" 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-73d8e745="" class="absolute inset-y-0 left-0 px-3 flex items-center pointer-events-none"><svg data-v-73d8e745="" class="w-5 aspect-square" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path data-v-73d8e745=""
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"><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 class="w-full" style="display: none;">
<div
class="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 h-12 overflow-hidden">
<span class="text-gray-300">Select a departure</span></div>
</div>
</div>
</div>
<div data-v-73d8e745="" class="mt-2 lg:hidden" data-test-id="mobile-destination-input"><!---->
<div data-v-73d8e745="" class="relative">
<div data-v-73d8e745="" class="absolute inset-y-0 left-0 px-3 flex items-center pointer-events-none"><svg data-v-73d8e745="" class="h-5" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path data-v-73d8e745=""
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"><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 class="w-full" style="display: none;">
<div
class="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 h-12 overflow-hidden">
<span class="text-gray-300">Select a destination</span></div>
</div>
</div>
</div>
<div data-v-73d8e745="" class="mt-2 grid grid-cols-8 gap-y-3 lg:hidden">
<div data-v-73d8e745="" 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-73d8e745="" class="rounded-lg relative">
<div data-v-73d8e745="" class="z-10 absolute inset-y-0 left-0 flex items-center pointer-events-none px-3"><svg data-v-73d8e745="" 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-73d8e745="" 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">
29/03/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"><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">March</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 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="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 rounded-full 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">Mo</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Tu</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">We</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Th</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Fr</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sa</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Su</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>
<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="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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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="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>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-73d8e745="" 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-73d8e745="" class="rounded-lg relative w-full h-full bg-gray-200">
<div data-v-73d8e745="" 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"><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">March</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 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="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 rounded-full 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">Mo</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Tu</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">We</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Th</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Fr</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Sa</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">Su</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>
<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="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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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-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>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="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>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-73d8e745="" class="lg:hidden rounded-lg overflow-hidden relative w-full h-full bg-virail-gray-50 mt-2">
<div data-v-73d8e745="" class="z-10 absolute inset-y-0 left-0 flex items-center pointer-events-none px-3"><svg data-v-73d8e745="" 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 data-v-73d8e745="" data-headlessui-state="" class="relative inline-block text-left w-full" id="passenger-dropdown" data-component="passsenger-dropdown" option-title-key="text"><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><button data-v-73d8e745="" 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-73d8e745="" class="block my-2 md:hidden booking-options-switch">
<fieldset data-v-73d8e745="">
<div data-v-73d8e745="" class="flex flex-row-reverse justify-between">
<div data-v-73d8e745="" 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-73d8e745="" 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 GBP virail United Kingdom * 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 Select a departure Select a destination 29/03/2024 March2024 Mo Tu We Th Fr Sa Su 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 March2024 Mo Tu We Th Fr Sa Su 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 Select a departure Select a destination 29/03/2024 March2024 Mo Tu We Th Fr Sa Su 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 March2024 Mo Tu We Th Fr Sa Su 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 London - Leeds Train London - Sheffield Train London - Edinburgh Train London - Bristol Train London - Manchester Train London - Leicester Train London - Islington Train London - Coventry Train London - Hull Train London - Cardiff Train London - Bradford Train London - Belfast Train London - Stoke-on-Trent Train London - Wolverhampton Train London - Plymouth Train London - Nottingham Train London - Southampton Train London - Reading Train London - Derby Train London - Dudley Train London - Northampton Train London - Portsmouth Train London - Luton Train Birmingham - Leeds Train Birmingham - Sheffield Train Birmingham - Edinburgh Train Birmingham - Bristol Train Birmingham - Manchester Train Birmingham - Leicester Train Birmingham - Islington Train Birmingham - Coventry Train Birmingham - Hull Train Birmingham - Cardiff Train Birmingham - Bradford Train Birmingham - Belfast Train Birmingham - Stoke-on-Trent Train Birmingham - Wolverhampton Train Birmingham - Plymouth Train Birmingham - Nottingham Train Birmingham - Southampton Train Birmingham - Reading Train Birmingham - Derby Train Birmingham - Dudley Train Birmingham - Northampton Train Birmingham - Portsmouth Train Birmingham - Luton Train Glasgow - Leeds Train Glasgow - Sheffield Train London - Preston Train Birmingham - Preston TOP BUS ROUTES Bus Birmingham - Hull Bus London - Leeds Bus London - Sheffield Bus London - Edinburgh Bus London - Bristol Bus London - Manchester Bus London - Leicester Bus London - Coventry Bus London - Hull Bus London - Cardiff Bus London - Bradford Bus London - Belfast Bus London - Stoke-on-Trent Bus London - Wolverhampton Bus London - Plymouth Bus London - Nottingham Bus London - Southampton Bus London - Reading Bus London - Derby Bus London - Dudley Bus London - Northampton Bus London - Portsmouth Bus London - Luton Bus London - Sutton Bus Birmingham - Leeds Bus Birmingham - Sheffield Bus Birmingham - Edinburgh Bus Birmingham - Bristol Bus Birmingham - Manchester Bus Birmingham - Leicester Bus Birmingham - Coventry Bus Birmingham - Cardiff Bus Birmingham - Bradford Bus Birmingham - Belfast Bus Birmingham - Stoke-on-Trent Bus Birmingham - Wolverhampton Bus Birmingham - Plymouth Bus Birmingham - Nottingham Bus Birmingham - Southampton Bus Birmingham - Reading Bus Birmingham - Derby Bus Birmingham - Dudley Bus Birmingham - Northampton Bus Birmingham - Portsmouth Bus Birmingham - Luton Bus Birmingham - Milton Keynes Bus Glasgow - Leeds Bus Glasgow - Sheffield Bus London - Newcastle, Newcastle upon Tyne Bus London - Preston Bus Birmingham - Newcastle, Newcastle upon Tyne Bus Birmingham - Preston -------------------------------------------------------------------------------- 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 United Kingdom 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 British Airways, EasyJet, Ryanair, KLM and Lufthansa. If you would rather travel by bus, we have built partnerships with National Express, Eurolines and Flixbus among many more. For train lovers, check out the many offers from virail’s partners Nationalrail, SNCF, Deutsche Bahn or Trenitalia. You can discover the European fastest trains: Eurostar, Thalys, as well as 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! 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 Naples to SorrentoTrain from Faro to LisbonTrain from Manchester to LondonTrain from Leicester to LondonTrain from Dublin to GalwayTrain from New york to WashingtonTrain from London to NottinghamTrain from London to LeicesterTrain from London to LeedsTrain from Manchester to HeathrowTrain from Glasgow to LondonTrain from London to BristolTrain from London to BradfordTrain from Lisbon to FaroTrain from Birmingham to ManchesterTrain from Luton to BrightonTrain from Porto to LisbonTrain from Toronto to Niagara fallsTrain from Dublin to CorkTrain from London to Swindon Bus Bus from London to BournemouthBus from Sutton to GatwickBus from Nottingham to LondonBus from Reading to HeathrowBus from London to BelfastBus from Manchester to GatwickBus from Cambridge to GatwickBus from London to NottinghamBus from Glasgow to BelfastBus from Oxford to LutonBus from Heathrow to Milton keynesBus from Luton to HeathrowBus from Edinburgh to DunfermlineBus from Liverpool to LondonBus from London to LeicesterBus from Gatwick to GuildfordBus from London to PragueBus from Bristol to LondonBus from Oxford to StanstedBus from Reading to Gatwick Virail is an online platform that compares all available routes for your trip. ABOUT US * Imprint * Help Center VIRAIL UNITED KINGDOM * Bus times United Kingdom * Flight times United Kingdom * Train times United Kingdom INTERNATIONAL * Train timetables abroad * International trains * Bus timetables abroad * International buses * International flights -------------------------------------------------------------------------------- © 2024 Virail All Rights Reserved. Continue with GoogleContinue with 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