www.virail.bg
Open in
urlscan Pro
188.114.97.3
Public Scan
Submitted URL: http://virail.bg/
Effective URL: https://www.virail.bg/
Submission: On May 21 via api from US — Scanned from NL
Effective URL: https://www.virail.bg/
Submission: On May 21 via api from US — Scanned from NL
Form analysis 1 forms found in the DOM
<form class="m-0 p-0 w-full" data-v-cf09761d="">
<div class="flex z-10 my-2 justify-between md:hidden" data-v-cf09761d=""><!----><!----></div>
<div class="hidden lg:flex flex-row w-full gap-x-2 items-center" data-v-cf09761d="">
<div class="flex-1 relative isolate" data-test-id="desktop-departure-input" data-v-cf09761d="">
<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" style=""><!----><input type="text"
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 placeholder-gray-300"
placeholder="От:" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div><!----><!--teleport start--><!--teleport end--><!--]--><!--]-->
</div><button id="destination-switcher" data-test-id="desktop-location-switcher" aria-label="Switch Destination" data-v-cf09761d="">
<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 class="flex-1 relative isolate" data-test-id="desktop-destination-input" data-v-cf09761d="">
<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" style=""><!----><input type="text"
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 placeholder-gray-300"
placeholder="До:" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div><!----><!--teleport start--><!--teleport end--><!--]--><!--]-->
</div>
<div class="grid grid-cols-2 gap-0.5" data-v-cf09761d="">
<div class="flex-1 relative isolate w-32" data-test-id="desktop-start-date" data-v-cf09761d="">
<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 class="flex-1 relative h-full flex items-center" data-v-cf09761d=""><!--[--><!--[--><!--[--><!--[-->
<div data-test-id="masked-date" role="button" id=""
class="py-2 px-3 h-12 rounded-l-lg bg-virail-gray-light-500 cursor-pointer pl-10 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]">
22/05/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">май</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">пн</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">вт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">ср</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">чт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">пт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">сб</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">нд</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-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="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>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><!--teleport end--><!--]-->
</div><!--]-->
</div>
<div class="flex-1 relative isolate w-32" data-test-id="desktop-return-date" data-v-cf09761d="">
<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 class="flex-1 relative h-full flex items-center" data-v-cf09761d=""><!--[--><!--[-->
<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">+ Връщане</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">май</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">пн</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">вт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">ср</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">чт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">пт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">сб</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">нд</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-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="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>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><!--teleport end--><!--]-->
</div><!--]-->
</div>
</div>
<div class="flex-1 relative isolate" data-test-id="desktop-passenger-input" data-v-cf09761d="">
<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 пътник</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 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" data-v-cf09761d=""><span class="vir-wordbreak-keep-all"
data-v-cf09761d="">Търсене</span></button>
</div>
<div class="lg:hidden" data-test-id="mobile-departure-input" data-v-cf09761d="">
<div class="relative" data-v-cf09761d=""><button id="destination-switcher" data-test-id="desktop-location-switcher" aria-label="Switch Destination" class="absolute right-0 z-10 group" data-v-cf09761d="">
<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 class="absolute inset-y-0 left-0 px-3 flex items-center pointer-events-none" data-v-cf09761d=""><svg class="w-5 aspect-square" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-cf09761d="">
<path
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" data-v-cf09761d=""></path>
</svg></div><!--[-->
<div class="w-full flex relative" style=""><!----><input type="text"
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 placeholder-gray-300"
placeholder="От:" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div><!----><!--teleport start--><!--teleport end--><!--]-->
</div>
</div>
<div class="mt-2 lg:hidden" data-test-id="mobile-destination-input" data-v-cf09761d=""><!---->
<div class="relative" data-v-cf09761d="">
<div class="absolute inset-y-0 left-0 px-3 flex items-center pointer-events-none" data-v-cf09761d=""><svg class="h-5" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-cf09761d="">
<path
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" data-v-cf09761d=""></path>
</svg></div><!--[-->
<div class="w-full flex relative" style=""><!----><input type="text"
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 placeholder-gray-300"
placeholder="До:" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div><!----><!--teleport start--><!--teleport end--><!--]-->
</div>
</div>
<div class="mt-2 grid grid-cols-8 gap-y-3 lg:hidden" data-v-cf09761d="">
<div class="col-span-4 lg:col-span-3 order-first lg:order-2 border-r border-white" data-test-id="mobile-departure-datepicker" data-v-cf09761d="">
<div class="rounded-lg relative" data-v-cf09761d="">
<div class="z-10 absolute inset-y-0 left-0 flex items-center pointer-events-none px-3" data-v-cf09761d=""><svg data-test-id="icon-calendar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
data-v-cf09761d="">
<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 class="flex-1 relative h-full flex items-center" data-v-cf09761d=""><!--[--><!--[--><!--[--><!--[-->
<div data-test-id="masked-date" role="button" id=""
class="py-1 px-3 h-12 rounded-l-lg bg-virail-gray-50 cursor-pointer lg:rounded-lg pl-10 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]">
22/05/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">май</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">пн</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">вт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">ср</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">чт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">пт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">сб</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">нд</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-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="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>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><!--teleport end--><!--]-->
</div>
</div>
</div>
<div class="col-span-4 lg:col-span-3 order-2 lg:order-3 border-l border-white" data-test-id="mobile-destination-datepicker" data-v-cf09761d="">
<div class="rounded-lg relative w-full h-full bg-gray-200" data-v-cf09761d="">
<div class="flex-1 relative h-full flex items-center" data-v-cf09761d=""><!--[--><!--[-->
<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">+ Връщане</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">май</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">пн</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">вт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">ср</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">чт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">пт</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">сб</div>
<div class="text-gray-800 font-medium text-center text-xs w-12">нд</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-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="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>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><!--teleport end--><!--]-->
</div>
</div>
</div>
</div>
<div class="lg:hidden rounded-lg overflow-hidden relative w-full h-full bg-virail-gray-50 mt-2" data-test-id="mobile-passenger-input" data-v-cf09761d="">
<div class="z-10 absolute inset-y-0 left-0 flex items-center pointer-events-none px-3" data-v-cf09761d=""><svg data-test-id="icon-passenger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
data-v-cf09761d="">
<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 пътник</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 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" data-v-cf09761d="">Търсене</button>
<div class="block my-2 md:hidden booking-options-switch" data-v-cf09761d="">
<fieldset data-v-cf09761d="">
<div class="flex flex-row-reverse justify-between" data-v-cf09761d="">
<div class="flex items-center justify-center" data-test-id="mobile-booking-switch" data-v-cf09761d="">
<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" style="height:1.5rem;width:2.75rem;"
id="headlessui-switch-12707" role="switch" type="button" tabindex="0" aria-checked="true" data-headlessui-state="checked"><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 class="leading-7 text-sm text-virail-gray-500" data-v-cf09761d="">Останете с Booking.com</span>
</div>
</fieldset>
</div>
</form>Text Content
ПОСЛЕДНИ ТЪРСЕНИЯ Историята на последните ви търсения е празна. * Начална страница * Помощен център * Впиши се Хотели BGN virail България * 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 Помощен център * Моята сметка * Излезте Впиши се Впиши се НАМЕРЕТЕ НАЙ-ЕВТИНИЯ БИЛЕТ ЗА ВАШЕТО ПЪТУВАНЕ! 22/05/2024 май2024 пн вт ср чт пт сб нд 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 + Връщане май2024 пн вт ср чт пт сб нд 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 пътник Търсене 22/05/2024 май2024 пн вт ср чт пт сб нд 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 + Връщане май2024 пн вт ср чт пт сб нд 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 пътник Търсене Останете с Booking.com търсене на настаняване Отказ ЛЕСНО Най-лесният начин да намерите най-добрите сделки само с няколко кликвания НАЙ-ДОБРА ЦЕНА Намерете най-добрата цена за вашето пътуване без допълнителни разходи ГЛОБАЛЕН Пътувайте до хиляди дестинации по целия свят НАШИТЕ ПАРТНЬОРИ Най-добрият начин да намерите и сравните билети за влакове, автобуси, споделени пътувания и самолети. Ние работим с повече от 100 партньора, за да ви предложим най-добрите цени на пазара. ТОП МАРШРУТИ С ВЛАК Влак София - Русе Влак София - Стара Загора Влак София - Плевен Влак София - Сливен Влак София - Добрич Влак София - Шумен Влак София - Перник Влак София - Ямбол Влак София - Хасково Влак София - Пазарджик Влак София - Благоевград Влак София - Велико Търново Влак София - Габрово Влак София - Враца Влак София - Казанлък Влак София - Видин Влак София - Асеновград Влак София - Кърджали Влак София - Кюстендил Влак София - Монтана Влак София - Димитровград, Област Хасково Влак София - Ловеч Влак София - Силистра Влак София - Горна Оряховица Влак София - Разград Влак Пловдив - Русе Влак Пловдив - Стара Загора Влак Пловдив - Плевен Влак Пловдив - Сливен Влак Пловдив - Добрич Влак Пловдив - Шумен Влак Пловдив - Перник Влак Пловдив - Ямбол Влак Пловдив - Хасково Влак Пловдив - Пазарджик Влак Пловдив - Благоевград Влак Пловдив - Велико Търново Влак Пловдив - Габрово Влак Пловдив - Враца Влак Пловдив - Казанлък Влак Пловдив - Видин Влак Пловдив - Асеновград Влак Пловдив - Кърджали Влак Пловдив - Кюстендил Влак Пловдив - Монтана Влак Пловдив - Димитровград, Област Хасково Влак Пловдив - Ловеч Влак Пловдив - Силистра Влак Пловдив - Горна Оряховица Влак Пловдив - Разград Влак Варна - Русе Влак Варна - Стара Загора ТОП АВТОБУСНИ МАРШРУТИ Автобус София - Русе Автобус София - Стара Загора Автобус София - Плевен Автобус София - Сливен Автобус София - Шумен Автобус София - Перник Автобус София - Хасково Автобус София - Пазарджик Автобус София - Благоевград Автобус София - Габрово Автобус София - Враца Автобус София - Казанлък Автобус София - Видин Автобус София - Кюстендил Автобус София - Монтана Автобус София - Димитровград, Област Хасково Автобус София - Силистра Автобус София - Разград Автобус София - Търговище, Област Търговище Автобус София - Дупница Автобус София - Свищов Автобус София - Петрич Автобус София - Сандански Автобус София - Нова Загора Автобус София - Троян Автобус Пловдив - Стара Загора Автобус Пловдив - Сливен Автобус Пловдив - Хасково Автобус Пловдив - Пазарджик Автобус Пловдив - Благоевград Автобус Пловдив - Враца Автобус Пловдив - Видин Автобус Пловдив - Монтана Автобус Пловдив - Сандански Автобус Пловдив - Нова Загора Автобус Пловдив - Айтос Автобус Пловдив - Карнобат Автобус Варна - Стара Загора Автобус Варна - Шумен Автобус Варна - Хасково Автобус Варна - Благоевград Автобус Варна - Кърджали Автобус Варна - Димитровград, Област Хасково Автобус Варна - Търговище, Област Търговище Автобус Варна - Сандански Автобус Бургас - Пловдив Автобус Бургас - Варна Автобус Бургас - Стара Загора Автобус Бургас - Плевен Автобус Бургас - Сливен Автобус Русе - София Автобус Стара Загора - София -------------------------------------------------------------------------------- АБОНИРАЙТЕ СЕ ЗА НАШИЯ БЮЛЕТИН Получавайте последните новини, продуктови актуализации и изключителни промоции директно във входящата си поща Влезте с Google Влезте с Google, за да се абонирате Влакове Влак от София до ШуменВлак от София до Стара загораВлак от София до ВарнаВлак от Бургас до СофияВлак от Варна до СофияВлак от София до ПловдивВлак от Пловдив до СофияВлак от Пловдив до БургасВлак от Плевен до СофияВлак от София до ПлевенВлак от Стара загора до СофияВлак от София до РусеВлак от Стара загора до БургасВлак от Русе до СофияВлак от София до ВидинВлак от Сливен до СофияВлак от Пазарджик до СофияВлак от София до БургасВлак от Бургас до ПловдивВлак от Шумен до София Автобус Aвтобус от Варна до СофияAвтобус от Слънчев бряг до БургасAвтобус от Велико търново до СофияAвтобус от София до БургасAвтобус от София до ВарнаAвтобус от София до ПловдивAвтобус от Пловдив до СофияAвтобус от Бургас до СофияAвтобус от Бургас до СозополAвтобус от Бургас до Слънчев брягAвтобус от Созопол до БургасAвтобус от София до СозополAвтобус от София до Велико търновоAвтобус от София до КюстендилAвтобус от София до РусеAвтобус от София до Слънчев брягAвтобус от София до СолунAвтобус от София до Стара загораAвтобус от Стара загора до СофияAвтобус от Пловдив до Бургас Virail е онлайн платформа, която сравнява всички налични маршрути за вашето пътуване. ЗА НАС * За компанията * Помощен център VIRAIL БЪЛГАРИЯ * Разписание на автобусите България * Разписания на влаковете България МЕЖДУНАРОДЕН * Международни влакове * Международни автобуси * Международни самолети * Обучение на разписания в чужбина -------------------------------------------------------------------------------- © 2024 Virail All Rights Reserved. Doorgaan met GoogleDoorgaan met Google обратно Влезте във Virail, за да получите ексклузивни оферти за пътуване Искам да получавам ексклузивни оферти и актуализации на продуктите, изпратени направо във входящата ми поща НИЕ ИЗПОЛЗВАМЕ БИСКВИТКИ! Здравейте, този уебсайт използва основни бисквитки, за да гарантира правилното му функциониране и проследяващи бисквитки, за да разбере как взаимодействате с него. Последното ще се задава само след съгласие. Приемам всичкоУправление на настройките Предпочитания за бисквитки Използване на бисквитки 📢 Ние използваме бисквитки, за да гарантираме основните функции на уебсайта и да подобрим вашето онлайн изживяване. Можете да изберете за всяка категория да се включите/откажете, когато пожелаете. Основни функции 🧠Основни функции 🧠 Тези бисквитки са от решаващо значение за правилното функциониране на нашия уебсайт и неговите жизненоважни функции и сигурност. Анализ 📈Анализ 📈 Бисквитките за ефективност и статистика помагат да разберем как използвате нашия уебсайт, за да можем да подобрим потребителското изживяване. Може да включва услуги за анализ на трети страни. Маркетинг 🎯Маркетинг 🎯 Маркетинговите бисквитки поддържат нашите промоционални усилия и оптимизират ефективността на онлайн рекламите. Тези бисквитки ни позволяват да показваме персонализирани и подходящи реклами от рекламни партньори на трети страни. Потребителските идентификатори, получени от тези бисквитки, могат да бъдат качени в нашата рекламна партньорска платформа, за да усъвършенстваме допълнително персонализирането на нашите реклами. Повече информация За всякакви въпроси във връзка с нашата политика относно бисквитките и вашия избор, моля, свържете се с нас. Приемам всичкоЗапазете настройките