<turbo-stream url="https://www.yseasonal.com/en/seasonal-jobs?page=2" title="" state="{}" action="replace_state"><template></template></turbo-stream><turbo-stream action="replace" target="filters_wrapper"><template><turbo-stream url="https://www.yseasonal.com/en/seasonal-jobs?page=2" title="" state="{}" action="replace_state"><template></template></turbo-stream>
<turbo-frame id="filters_wrapper">
  <aside id="filters" data-drawer-backdrop="true" class="top-0 left-0 z-90 fixed w-full h-screen max-h-screen transition-transform -translate-x-full">
  <div class="flex flex-col justify-between bg-gray-50 h-full overflow-y-auto">
    <div class="flex flex-row justify-between items-center mb-4 p-4 border-gray-200 border-b">
      <p class="font-medium text-gray-900 text-lg">
        Filters
      </p>
      <button type="button" class="inline-flex justify-center items-center bg-transparent hover:bg-gray-200 ms-auto rounded-lg w-8 h-8 text-gray-400 hover:text-gray-900 text-sm" data-drawer-hide="filters">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6"></path>
</svg>

      </button>
    </div>

    <div class="flex flex-col px-4 h-full overflow-y-auto grow">
      <div class="flex flex-col justify-start h-full overflow-y-auto">

        <form data-controller="autosubmit" data-turbo-method="get" data-turbo-stream="true" data-turbo-frame="_top" action="/en/seasonal-jobs" accept-charset="UTF-8" method="get">
          <input autocomplete="off" value="drawer" type="hidden" name="from_display" id="from_display" />
          

          
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <p class="font-medium text-gray-900">
          Active filters
       </p>

      <div id="drawer-active-filters" class="space-y-1 pb-2 px-2 ">
        
            <turbo-frame id="filters_drawer_active">
              <ul class="flex flex-row flex-wrap gap-2 mb-2 pt-6">
    <li class="text-gray-500 text-sm">No filters set</li>
</ul>

</turbo-frame>
      </div>
    </div>
  </div>

            <turbo-frame id="filters_drawer_sections">
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-countries">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Countries
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-countries" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="austria" name="countries[]" id="drawer-countries-austria" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-austria" class="ms-2 w-full text-gray-900 text-sm">Austria</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="croatia" name="countries[]" id="drawer-countries-croatia" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-croatia" class="ms-2 w-full text-gray-900 text-sm">Croatia</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="cyprus" name="countries[]" id="drawer-countries-cyprus" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-cyprus" class="ms-2 w-full text-gray-900 text-sm">Cyprus</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="france" name="countries[]" id="drawer-countries-france" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-france" class="ms-2 w-full text-gray-900 text-sm">France</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="germany" name="countries[]" id="drawer-countries-germany" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-germany" class="ms-2 w-full text-gray-900 text-sm">Germany</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="greece" name="countries[]" id="drawer-countries-greece" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-greece" class="ms-2 w-full text-gray-900 text-sm">Greece</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="italy" name="countries[]" id="drawer-countries-italy" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-italy" class="ms-2 w-full text-gray-900 text-sm">Italy</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="luxembourg" name="countries[]" id="drawer-countries-luxembourg" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-luxembourg" class="ms-2 w-full text-gray-900 text-sm">Luxembourg</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="malta" name="countries[]" id="drawer-countries-malta" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-malta" class="ms-2 w-full text-gray-900 text-sm">Malta</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="portugal" name="countries[]" id="drawer-countries-portugal" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-portugal" class="ms-2 w-full text-gray-900 text-sm">Portugal</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="spain" name="countries[]" id="drawer-countries-spain" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-spain" class="ms-2 w-full text-gray-900 text-sm">Spain</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="the-netherlands" name="countries[]" id="drawer-countries-the-netherlands" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-the-netherlands" class="ms-2 w-full text-gray-900 text-sm">The Netherlands</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="turkey" name="countries[]" id="drawer-countries-turkey" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-turkey" class="ms-2 w-full text-gray-900 text-sm">Turkey</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="united-states" name="countries[]" id="drawer-countries-united-states" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-countries-united-states" class="ms-2 w-full text-gray-900 text-sm">United States</label>
  </div>


      </div>
    </div>
  </div>
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-categories">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Categories
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-categories" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="camping" name="categories[]" id="drawer-categories-camping" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-camping" class="ms-2 w-full text-gray-900 text-sm">Camping</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="childcare+and+au+pair" name="categories[]" id="drawer-categories-childcare+and+au+pair" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-childcare+and+au+pair" class="ms-2 w-full text-gray-900 text-sm">Childcare and Au Pair</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="cleaning" name="categories[]" id="drawer-categories-cleaning" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-cleaning" class="ms-2 w-full text-gray-900 text-sm">Cleaning</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="cook" name="categories[]" id="drawer-categories-cook" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-cook" class="ms-2 w-full text-gray-900 text-sm">Cook</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="education" name="categories[]" id="drawer-categories-education" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-education" class="ms-2 w-full text-gray-900 text-sm">Education</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="entertainment" name="categories[]" id="drawer-categories-entertainment" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-entertainment" class="ms-2 w-full text-gray-900 text-sm">Entertainment</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="hospitality" name="categories[]" id="drawer-categories-hospitality" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-hospitality" class="ms-2 w-full text-gray-900 text-sm">Hospitality</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="hotel" name="categories[]" id="drawer-categories-hotel" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-hotel" class="ms-2 w-full text-gray-900 text-sm">Hotel</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="reception" name="categories[]" id="drawer-categories-reception" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-reception" class="ms-2 w-full text-gray-900 text-sm">Reception</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sport+and+fitness" name="categories[]" id="drawer-categories-sport+and+fitness" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-sport+and+fitness" class="ms-2 w-full text-gray-900 text-sm">Sport and fitness</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="supermarket" name="categories[]" id="drawer-categories-supermarket" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-supermarket" class="ms-2 w-full text-gray-900 text-sm">Supermarket</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="tourism" name="categories[]" id="drawer-categories-tourism" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-categories-tourism" class="ms-2 w-full text-gray-900 text-sm">Tourism</label>
  </div>


      </div>
    </div>
  </div>
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-seasons">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Seasons
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-seasons" class="space-y-1 pb-2 px-2 hidden">
        
                    <ul class="items-stretch gap-2 grid grid-cols-2 mb-4 px-4 py-2 w-full">
      <li class="h-full">
          <input type="checkbox" value="spring" name="season[]" id="drawer-season-spring" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-season-spring" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="300" viewbox="0 0 512 512" width="300" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" class="mx-auto mb-2 w-12 h-12">
  <g width="100%" height="100%" transform="matrix(1,0,0,1,0,0)">
    <g>
      <path d="m482.0911 61.4016h-452.1543c-16.5132 0-29.9478 13.4219-29.9478 29.9194v367.087c0 16.5132 13.4346 29.9478 29.9478 29.9478h452.1543c16.498 0 29.9199-13.4346 29.9199-29.9478v-367.087c0-16.4975-13.4219-29.9194-29.9199-29.9194z" fill="#edebeb" fill-opacity="1" data-original-color="#edebebff" stroke="none" stroke-opacity="1"></path>
      <path d="m310.5718 324.9872c-14.5133-5.1591-27.2408-5.4425-37.9558-.4252-3.2063 1.4948-6.063 3.3909-8.6174 5.5914v-12.5906c-.4282-.175-.8616-.3547-1.3038-.541-3.8834-1.6441-5.8395-2.4662-6.6898-2.4662s-2.8063.8221-6.718 2.4945c-.4321.1809-.8564.3559-1.2756.5262v22.8069c-2.6534-2.2925-5.5222-4.1711-8.6173-5.6166-10.7433-5.0173-23.4425-4.7339-37.9843.4252-4.167 1.474-6.3496 6.0378-4.8756 10.1764 4.6205 12.5858 10.715 23.7543 23.1591 30.0189 8.0525 4.0585 17.4739 5.1152 28.3181 2.9888v16.4852c0 4.3937 3.5717 7.9937 7.9937 7.9937 4.4221 0 7.9937-3.6 7.9937-7.9937v-26.6981c10.842 2.1174 20.2415 1.076 28.2898-2.9805 12.4158-6.2362 18.5953-17.4897 23.1592-30.0189 1.4736-4.1669-.709-8.7024-4.876-10.1764z" fill="#4cd3aa" fill-opacity="1" data-original-color="#4cd3aaff" stroke="none" stroke-opacity="1"></path>
      <path d="m315.1356 264.6093c-1.6725-3.9118-2.4945-5.8677-2.4945-6.6898 0-.8504.822-2.8063 2.4662-6.7181 2.7213-6.4346 4.3654-11.3102 1.4457-18.3401-2.8914-6.9449-7.4551-9.3827-14.0032-12.0472-3.9119-1.5874-5.8677-2.3811-6.463-2.9764-.6237-.6237-1.4174-2.5795-3.0048-6.463-2.6646-6.5764-5.1023-11.1401-12.0471-14.0032-7.03-2.9197-11.9055-1.3039-18.3402 1.4174-3.9117 1.6441-5.8678 2.4661-6.6898 2.4661-.8503 0-2.8063-.822-6.718-2.4661-6.4347-2.7213-11.3103-4.337-18.3402-1.4174-4.6488 1.9276-8.5607 5.6126-10.63 10.6016-.8503 2.0126-3.4866 8.9575-4.3936 9.8646-.8788.907-7.8521 3.5717-9.8646 4.3937-4.989 2.0693-8.7024 5.9811-10.6016 10.6299-2.9198 7.0582-1.304 11.9055 1.4174 18.3401 1.644 3.9118 2.4661 5.8677 2.4661 6.7181 0 .8503-.822 2.8063-2.4661 6.6898-2.7213 6.463-4.3372 11.3102-1.4174 18.3685 2.8629 6.9166 7.4268 9.3543 14.0031 12.0189 1.1624.4819 5.641 2.1543 6.4915 3.0047.5669.5386 1.3606 2.5228 2.948 6.463 2.6646 6.548 5.1306 11.1401 12.0472 14.0031 7.0299 2.9197 11.9055 1.2756 18.3402-1.4173 3.9117-1.6724 5.8677-2.4945 6.718-2.4945s2.8064.8221 6.6898 2.4662c6.463 2.7213 11.3102 4.3654 18.3685 1.4456 6.9165-2.863 9.3542-7.4551 12.0188-14.0031.4819-1.1906 2.1543-5.6126 2.9764-6.4913.6237-.5953 2.5795-1.389 6.4913-2.9764 6.5764-2.6646 11.1401-5.1024 14.0032-12.0189 2.9198-7.0582 1.2757-11.9339-1.4173-18.3685z" fill="#f15d5b" fill-opacity="1" data-original-color="#f15d5bff" stroke="none" stroke-opacity="1"></path>
      <path d="m315.1356 264.6093c-1.6725-3.9118-2.4945-5.8677-2.4945-6.6898 0-.8504.822-2.8063 2.4662-6.7181 2.7213-6.4346 4.3654-11.3102 1.4457-18.3401-2.8914-6.9449-7.4551-9.3827-14.0032-12.0472-3.9119-1.5874-5.8677-2.3811-6.463-2.9764-.6237-.6237-1.4174-2.5795-3.0048-6.463-2.6646-6.5764-5.1023-11.1401-12.0471-14.0032-4.2662-1.7719-7.7391-1.8674-11.2484-1.0652 1.0416.2495 2.1195.5922 3.2584 1.0652 6.9448 2.863 9.3826 7.4268 12.0471 14.0032 1.5874 3.8835 2.3811 5.8394 3.0048 6.463.5953.5953 2.5511 1.389 6.463 2.9764 6.5481 2.6646 11.1118 5.1024 14.0032 12.0472 2.9197 7.0299 1.2756 11.9055-1.4457 18.3401-1.6442 3.9118-2.4662 5.8677-2.4662 6.7181 0 .822.822 2.778 2.4945 6.6898 2.693 6.4346 4.337 11.3102 1.4174 18.3685-2.863 6.9166-7.4268 9.3543-14.0032 12.0189-3.9119 1.5874-5.8677 2.3811-6.4913 2.9764-.8221.8787-2.4945 5.3008-2.9764 6.4913-2.6646 6.548-5.1023 11.1401-12.0188 14.0031-1.1313.468-2.2012.8071-3.2346 1.055 3.4971.801 6.9568.7104 11.2246-1.055 6.9165-2.863 9.3542-7.4551 12.0188-14.0031.4819-1.1906 2.1543-5.6126 2.9764-6.4913.6237-.5953 2.5795-1.389 6.4913-2.9764 6.5764-2.6646 11.1401-5.1024 14.0032-12.0189 2.9197-7.0582 1.2756-11.9339-1.4174-18.3685z" fill="#e55a5a" fill-opacity="1" data-original-color="#e55a5aff" stroke="none" stroke-opacity="1"></path>
      <path d="m256.0049 228.0707c-16.4692 0-29.8488 13.3796-29.8488 29.8489 0 16.4692 13.3795 29.8204 29.8488 29.8204s29.8206-13.3512 29.8206-29.8204c-.0001-16.4693-13.3514-29.8489-29.8206-29.8489z" fill="#fdca03" fill-opacity="1" data-original-color="#fdca03ff" stroke="none" stroke-opacity="1"></path>
      <path d="m256.0049 228.0707c-1.027 0-2.042.0522-3.0425.1537 15.0404 1.5272 26.7786 14.2529 26.7786 29.6951s-11.7382 28.1431-26.7786 29.6671c1.0005.1014 2.0155.1534 3.0425.1534 16.4692 0 29.8206-13.3512 29.8206-29.8204-.0001-16.4693-13.3514-29.8489-29.8206-29.8489z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      <path d="m404.2839 443.3269 75.3164-44.6743c2.4254-1.4384 3.9127-4.0465 3.918-6.8655 0-.0046 0-.0099 0-.0144l-76.2881-27.377c-2.4106-.6729-4.9956-.1797-6.9883 1.3325-1.9932 1.5127-2.9895 3.8766-3.1636 6.3726-5.9263 84.9785-47.1658 87.7373-70.0938 87.7373h17.1206c22.0494 0 41.171-5.2461 60.1788-16.5112z" fill="#dbdcdd" fill-opacity="1" data-original-color="#dbdcddff" stroke="none" stroke-opacity="1"></path>
      <path d="m482.0911 61.4016h-452.1543c-16.5132 0-29.9478 13.4219-29.9478 29.9194v55.5308h512.022v-55.5308c0-16.4975-13.4219-29.9194-29.9199-29.9194z" fill="#f15d5b" fill-opacity="1" data-original-color="#686bdfff" stroke="none" stroke-opacity="1"></path>
      <path d="m483.5227 391.7654c0 2.8271-1.4907 5.4453-3.9224 6.8877l-75.3164 44.6738c-18.9878 11.2651-38.1206 16.5122-60.2114 16.5122h-285.6475c-16.4976 0-29.9194-13.4219-29.9194-29.9194v-283.0679h-28.5166v311.5562c0 16.5132 13.4346 29.9478 29.9478 29.9478h452.1543c16.498 0 29.9199-13.4346 29.9199-29.9478v-311.5562h-28.4883z" fill="#ced4df" fill-opacity="1" data-original-color="#ced4dfff" stroke="none" stroke-opacity="1"></path>
      <path d="m-.011 134.706h512.022v12.146h-512.022z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
      <path d="m409.4675 92.6394c-5.0093 0-8.1255-1.937-8.7734-2.8799v-47.2197c.6479-.9429 3.7642-2.8799 8.7734-2.8799 5.0181 0 8.1313 1.9341 8.7734 2.8735v18.8682h16.0156v-19.1479c0-10.4351-10.8887-18.6094-24.7891-18.6094s-24.7891 8.1743-24.7891 18.6094v47.792c0 10.4351 10.8887 18.6094 24.7891 18.6094 4.4229 0 8.0078-3.585 8.0078-8.0078s-3.5848-8.0079-8.0077-8.0079z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m307.1653 92.6394c-5.0181 0-8.1313-1.9341-8.7734-2.8735v-47.2325c.6421-.9395 3.7554-2.8735 8.7734-2.8735 5.0093 0 8.1255 1.937 8.7734 2.8799v18.8618h16.0156v-19.1479c0-10.4351-10.8887-18.6094-24.7891-18.6094s-24.7891 8.1743-24.7891 18.6094v47.792c0 10.4351 10.8887 18.6094 24.7891 18.6094 4.4229 0 8.0078-3.585 8.0078-8.0078s-3.5849-8.0079-8.0077-8.0079z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m204.863 92.6394c-5.0181 0-8.1313-1.9341-8.7734-2.8735v-47.2325c.6421-.9395 3.7554-2.8735 8.7734-2.8735 5.0088 0 8.125 1.937 8.7729 2.8794v18.8623h16.0156v-19.1479c0-10.4351-10.8882-18.6094-24.7886-18.6094s-24.7891 8.1743-24.7891 18.6094v47.792c0 10.4351 10.8887 18.6094 24.7891 18.6094 4.4229 0 8.0078-3.585 8.0078-8.0078s-3.5848-8.0079-8.0077-8.0079z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m102.532 92.6394c-5.0088 0-8.125-1.937-8.7729-2.8794v-47.2207c.6479-.9424 3.7642-2.8794 8.7729-2.8794 5.0181 0 8.1313 1.9341 8.7734 2.8735v18.8682h16.0156v-19.1479c0-10.4351-10.8887-18.6094-24.7891-18.6094s-24.7886 8.1743-24.7886 18.6094v47.792c0 10.4351 10.8882 18.6094 24.7886 18.6094 4.4229 0 8.0078-3.585 8.0078-8.0078s-3.5849-8.0079-8.0077-8.0079z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <g fill="#626acc">
        <path d="m409.4675 85.4067c-3.2695 0-6.2913 1.0389-8.7734 2.7916v1.5612c.6479.9429 3.7642 2.8799 8.7734 2.8799 4.4229 0 8.0078 3.585 8.0078 8.0078s-3.585 8.0078-8.0078 8.0078c-5.4789 0-10.4858-1.274-14.5466-3.4518 1.9372 6.1913 7.7167 10.6845 14.5466 10.6845 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8234-15.2405-15.2405-15.2405z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
        <path d="m307.1653 85.4067c-3.2695 0-6.2913 1.0389-8.7734 2.7916v1.5676c.6421.9395 3.7554 2.8735 8.7734 2.8735 4.4229 0 8.0078 3.585 8.0078 8.0078s-3.585 8.0078-8.0078 8.0078c-5.4789 0-10.4858-1.274-14.5466-3.4518 1.9372 6.1913 7.7167 10.6845 14.5466 10.6845 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2405-15.2405-15.2405z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
        <path d="m204.8628 85.4067c-3.2695 0-6.2911 1.0389-8.7732 2.7914v1.5677c.6421.9395 3.7554 2.8735 8.7734 2.8735 4.4229 0 8.0078 3.585 8.0078 8.0078s-3.585 8.0078-8.0078 8.0078c-5.4791 0-10.486-1.2741-14.5469-3.452 1.9371 6.1914 7.7167 10.6847 14.5466 10.6847 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8234-15.2404-15.2404-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
        <path d="m102.532 85.4067c-3.2693 0-6.291 1.0388-8.7729 2.7912v1.5621c.6479.9424 3.7642 2.8794 8.7729 2.8794 4.4229 0 8.0078 3.585 8.0078 8.0078s-3.585 8.0078-8.0078 8.0078c-5.4791 0-10.4858-1.2741-14.5466-3.452 1.9372 6.1913 7.7167 10.6846 14.5466 10.6846 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2404-15.2405-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#626accff" stroke="none" stroke-opacity="1"></path>
      </g>
      <path d="m248.0076 365.4919-51.2476-25.9821c-.7913 1.793-.9331 3.8731-.226 5.8585 4.6205 12.5858 10.715 23.7543 23.1591 30.0189 8.0515 4.0581 17.4717 5.115 28.3145 2.9896z" fill="#4bc49b" fill-opacity="1" data-original-color="#4bc49bff" stroke="none" stroke-opacity="1"></path>
      <path d="m315.1128 329.0431-51.1143 24.6688v-23.5584-12.5906c-.4282-.175-.8616-.3547-1.3038-.541-3.8834-1.6441-5.8395-2.4662-6.6898-2.4662s-2.8063.8221-6.718 2.4945c-.4321.1809-.8564.3559-1.2756.5262v1.6348h3.9701c2.2222 0 4.0236 1.8014 4.0236 4.0236v79.6202c4.4221 0 7.9937-3.6 7.9937-7.9937v-26.6983c10.842 2.1174 20.2415 1.076 28.2898-2.9805 12.4158-6.2362 18.5953-17.4897 23.1592-30.0189.7398-2.0921.5571-4.2767-.3349-6.1205z" fill="#4bc49b" fill-opacity="1" data-original-color="#4bc49bff" stroke="none" stroke-opacity="1"></path>
    </g>
  </g>
</svg>

            <div class="font-medium">
              Spring
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="summer" name="season[]" id="drawer-season-summer" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-season-summer" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="300" viewbox="0 0 512 512" width="300" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" class="mx-auto mb-2 w-12 h-12">
  <g width="100%" height="100%" transform="matrix(1,0,0,1,0,0)">
    <g>
      <path d="m482.0867 61.4116h-452.1484c-16.5088 0-29.9399 13.4185-29.9399 29.9116v367.082c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1484c16.4932 0 29.9116-13.4312 29.9116-29.9399v-367.082c0-16.4931-13.4184-29.9116-29.9116-29.9116z" fill="#edebeb" fill-opacity="1" data-original-color="#edebebff" stroke="none" stroke-opacity="1"></path>
      <path d="m482.0867 61.4116h-452.1484c-16.5088 0-29.9399 13.4185-29.9399 29.9116v55.5303h512v-55.5303c-.0001-16.4931-13.4185-29.9116-29.9117-29.9116z" fill="#f15d5b" fill-opacity="1" data-original-color="#4679e1ff" stroke="none" stroke-opacity="1"></path>
      <path d="m508.0794 390.2822-75.3154 44.6733c-18.9546 11.2637-38.0781 16.5112-60.1782 16.5112h-342.6475c-16.4232 0-29.7953-13.2806-29.9335-29.6563h-.0065v36.5947c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1484c16.4932 0 29.9116-13.4312 29.9116-29.9399v-75.0039c.0001 2.8249-1.4891 5.4396-3.9188 6.881z" fill="#ced4df" fill-opacity="1" data-original-color="#ced4dfff" stroke="none" stroke-opacity="1"></path>
      <path d="m-.002 134.68h512v12.174h-512z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
      <path d="m102.5325 92.6494c-5.0171 0-8.1348-1.9409-8.7808-2.8848v-47.225c.646-.9438 3.7637-2.8848 8.7808-2.8848 5.0259 0 8.1406 1.938 8.7808 2.8784v18.8784h16v-19.1553c0-10.4307-10.8853-18.6016-24.7808-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8-8-8z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m409.4641 92.6494c-5.0171 0-8.1348-1.9409-8.7808-2.8848v-47.225c.646-.9438 3.7637-2.8848 8.7808-2.8848 5.0259 0 8.1406 1.938 8.7808 2.8784v18.8784h16v-19.1553c0-10.4307-10.8853-18.6016-24.7808-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8-8-8z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m307.1629 92.6494c-5.0264 0-8.1411-1.9385-8.7808-2.8789v-47.2368c.6396-.9404 3.7544-2.8789 8.7808-2.8789 5.0176 0 8.1353 1.9409 8.7813 2.8848v18.8721h16v-19.1554c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8848 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m204.8621 92.6494c-5.0264 0-8.1411-1.9385-8.7813-2.8789v-47.2368c.6401-.9404 3.7549-2.8789 8.7813-2.8789 5.0171 0 8.1348 1.9409 8.7808 2.8848v18.8721h16v-19.1554c0-10.4307-10.8848-18.6016-24.7808-18.6016s-24.7813 8.1709-24.7813 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <g fill="#4271c6">
        <path d="m102.5325 85.4089c-3.2728 0-6.2972 1.0412-8.7808 2.7971v1.5587c.646.9438 3.7637 2.8848 8.7808 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.4552 1.9336 6.1971 7.7166 10.6957 14.5505 10.6957 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2406-15.2405-15.2406z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m409.4641 85.4089c-3.2728 0-6.2972 1.0412-8.7808 2.7971v1.5587c.646.9438 3.7637 2.8848 8.7808 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.4552 1.9336 6.1971 7.7166 10.6957 14.5505 10.6957 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2406-15.2405-15.2406z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m307.1631 85.4089c-3.2729 0-6.2974 1.0413-8.781 2.7972v1.5643c.6396.9404 3.7544 2.8789 8.7808 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.481 0-10.4894-1.2752-14.5503-3.4549 1.9338 6.197 7.7166 10.6954 14.5505 10.6954 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2404-15.2405-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m204.8477 85.4089c-3.2666 0-6.2859 1.0369-8.7668 2.7866v1.575c.6401.9404 3.7549 2.8789 8.7813 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.489 0-10.5043-1.2789-14.5684-3.4644 1.9307 6.202 7.7164 10.7049 14.554 10.7049 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8236-15.2405-15.2406-15.2405z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
      </g>
      <g fill="#dbdcdd">
        <path d="m428.722 357.3569c-1.9932 1.5127-2.9895 3.8766-3.1636 6.3726-5.9263 84.9785-47.1658 87.7373-70.0938 87.7373h17.1211c22.1001 0 41.2236-5.2476 60.1782-16.5112l75.3154-44.6733c2.4297-1.4414 3.9189-4.0562 3.9189-6.8809l-76.2881-27.377c-2.4105-.6728-4.9955-.1797-6.9881 1.3325z" fill="#dbdcdd" fill-opacity="1" data-original-color="#dbdcddff" stroke="none" stroke-opacity="1"></path>
        <path d="m511.9983 383.4014v1.1068c.0076-.1416 0-.9641 0-1.1068z" fill="#dbdcdd" fill-opacity="1" data-original-color="#dbdcddff" stroke="none" stroke-opacity="1"></path>
      </g>
      <circle cx="256" cy="295.161" fill="#fdca03" r="50.18" fill-opacity="1" data-original-color="#fdca03ff" stroke="none" stroke-opacity="1"></circle>
      <path d="m256 244.981c-2.0798 0-4.126.1422-6.1401.3892 24.7813 3.0392 44.0396 24.2014 44.0396 49.7905s-19.2583 46.7513-44.0396 49.7905c2.0142.247 4.0603.3892 6.1401.3892 27.6689 0 50.1797-22.5107 50.1797-50.1797s-22.5108-50.1797-50.1797-50.1797z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      <g>
        <g fill="#f4bb06">
          <path d="m256 191.6616c-4.4185 0-8 3.5815-8 8v28.2329c0 4.4185 3.5815 8 8 8s8-3.5815 8-8v-28.2329c0-4.4184-3.5815-8-8-8z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m169.2808 254.3228 24.4629 14.1445c1.2612.729 2.6377 1.0757 3.9971 1.0757 2.7627 0 5.4507-1.4331 6.9331-3.9971 2.2114-3.8247.9038-8.7183-2.9214-10.9302l-24.4629-14.1445c-3.8247-2.2114-8.7188-.9038-10.9302 2.9214-2.2115 3.8247-.9038 8.7182 2.9214 10.9302z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m193.7495 321.8501-24.4629 14.1167c-3.8267 2.2085-5.1387 7.1011-2.9307 10.9277 1.4819 2.5674 4.1714 4.0029 6.9365 4.0029 1.3569 0 2.7319-.3457 3.9912-1.0723l24.4629-14.1167c3.8267-2.2085 5.1387-7.1011 2.9307-10.9277-2.2099-3.8276-7.103-5.1376-10.9277-2.9306z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m256 354.3984c-4.4185 0-8 3.5815-8 8v28.2612c0 4.4185 3.5815 8 8 8s8-3.5815 8-8v-28.2612c0-4.4184-3.5815-8-8-8z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m342.6851 335.9668-24.4629-14.1167c-3.8271-2.2065-8.7192-.8965-10.9277 2.9307-2.208 3.8267-.896 8.7192 2.9307 10.9277l24.4629 14.1167c1.2598.7266 2.6343 1.0723 3.9912 1.0723 2.7651 0 5.4551-1.4355 6.9365-4.0029 2.2079-3.8267.8959-8.7193-2.9307-10.9278z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m314.231 269.543c1.3589 0 2.7363-.3467 3.9971-1.0757l24.4629-14.1445c3.8252-2.2119 5.1328-7.1055 2.9214-10.9302-2.2114-3.8252-7.1045-5.1328-10.9302-2.9214l-24.4629 14.1445c-3.8252 2.2119-5.1328 7.1055-2.9214 10.9302 1.4829 2.564 4.1699 3.9971 6.9331 3.9971z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m215.4224 240.9048c1.481 2.5688 4.1709 4.0054 6.9375 4.0054 1.356 0 2.73-.3452 3.9888-1.0713 3.8276-2.207 5.1411-7.0986 2.9341-10.9263l-8.5322-14.7969c-2.207-3.8281-7.0991-5.1421-10.9263-2.9341-3.8276 2.207-5.1411 7.0986-2.9341 10.9263z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m171.6406 303.1606h17.0933c4.4185 0 8-3.5815 8-8s-3.5815-8-8-8h-17.0933c-4.4185 0-8 3.5815-8 8s3.5816 8 8 8z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m226.3433 346.4507c-3.8301-2.2036-8.7207-.8857-10.9243 2.9429l-8.5322 14.8252c-2.2041 3.8296-.8862 8.7207 2.9429 10.9243 1.2578.7241 2.6294 1.0679 3.9834 1.0679 2.7681 0 5.4609-1.4395 6.9409-4.0107l8.5322-14.8252c2.204-3.8297.8862-8.7208-2.9429-10.9244z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m296.5469 349.3838c-2.2085-3.8262-7.1025-5.1357-10.9282-2.9272-3.8262 2.209-5.1367 7.1021-2.9272 10.9282l8.5605 14.8252c1.4814 2.5664 4.1704 4.001 6.9351 4.001 1.3574 0 2.7334-.3462 3.9932-1.0737 3.8262-2.209 5.1367-7.1021 2.9272-10.9282z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m340.3594 287.1606h-17.1216c-4.4185 0-8 3.5815-8 8s3.5815 8 8 8h17.1216c4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
          <path d="m302.186 215.187c-3.8242-2.2114-8.7188-.9063-10.9312 2.9185l-8.5605 14.7969c-2.2124 3.8247-.9058 8.7183 2.9185 10.9312 1.2617.7295 2.6392 1.0767 3.999 1.0767 2.7622 0 5.4492-1.4321 6.9321-3.9951l8.5605-14.7969c2.2125-3.8248.9059-8.7184-2.9184-10.9313z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
        </g>
      </g>
    </g>
  </g>
</svg>

            <div class="font-medium">
              Summer
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="autumn" name="season[]" id="drawer-season-autumn" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-season-autumn" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="300" viewbox="0 0 512 512" width="300" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" class="mx-auto mb-2 w-12 h-12">
  <g width="100%" height="100%" transform="matrix(1,0,0,1,0,0)">
    <g>
      <path d="m482.0913 61.4094h-452.1543c-16.5088 0-29.9399 13.4185-29.9399 29.9121v367.0865c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1543c16.4932 0 29.9116-13.4312 29.9116-29.9399v-26.249-340.8375c0-16.4936-13.4184-29.9121-29.9116-29.9121z" fill="#edebeb" fill-opacity="1" data-original-color="#edebebff" stroke="none" stroke-opacity="1"></path>
      <path d="m482.0913 61.4094h-452.1543c-16.5088 0-29.9399 13.4185-29.9399 29.9121v55.5303h512.0059v-55.5303c-.0001-16.4936-13.4185-29.9121-29.9117-29.9121z" fill="#f15d5b" fill-opacity="1" data-original-color="#4679e1ff" stroke="none" stroke-opacity="1"></path>
      <path d="m508.084 374.6365-75.3164 44.6743c-19.0078 11.2651-38.1294 16.5112-60.1787 16.5112h-342.6519c-16.5088 0-29.9399-13.4312-29.9399-29.9399v26.2769c0 16.4937 13.4312 29.9121 29.9399 29.9121h452.1543c16.4932 0 29.9116-13.4185 29.9116-29.9121v-64.4028c0 2.8246-1.4892 5.4394-3.9189 6.8803z" fill="#ced4df" fill-opacity="1" data-original-color="#ced4dfff" stroke="none" stroke-opacity="1"></path>
      <path d="m432.7676 419.3108 75.3164-44.6743c2.4254-1.4384 3.9127-4.0465 3.918-6.8655 0-.0046 0-.0099 0-.0144l-76.2881-27.377c-2.4106-.6729-4.9956-.1797-6.9883 1.3325-1.9932 1.5127-2.9895 3.8766-3.1636 6.3726-5.9263 84.9785-47.1658 87.7373-70.0938 87.7373h17.1206c22.0494 0 41.171-5.2461 60.1788-16.5112z" fill="#dbdcdd" fill-opacity="1" data-original-color="#dbdcddff" stroke="none" stroke-opacity="1"></path>
      <path d="m482.0913 462.071h-452.1543c-16.5088 0-29.9399-13.4185-29.9399-29.9121v26.249c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1543c16.4932 0 29.9116-13.4312 29.9116-29.9399v-26.249c0 16.4937-13.4184 29.9121-29.9116 29.9121z" fill="#c5cbd3" fill-opacity="1" data-original-color="#c5cbd3ff" stroke="none" stroke-opacity="1"></path>
      <path d="m-.003 134.683h512.006v12.169h-512.006z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
      <path d="m409.4678 92.6472c-5.0176 0-8.1353-1.9409-8.7813-2.8848v-47.2255c.646-.9438 3.7637-2.8848 8.7813-2.8848 5.0264 0 8.1411 1.9385 8.7813 2.8789v18.8784h16v-19.1557c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7813 8.1709-24.7813 18.6016v47.792c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8.0001-8-8.0001z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m307.1655 92.6472c-5.0264 0-8.1411-1.938-8.7813-2.8789v-47.2373c.6401-.9409 3.7549-2.8789 8.7813-2.8789 5.0171 0 8.1348 1.9409 8.7808 2.8848v18.8726h16v-19.1558c0-10.4307-10.8848-18.6016-24.7808-18.6016s-24.7813 8.1709-24.7813 18.6016v47.792c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8.0001-8-8.0001z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m204.8628 92.6472c-5.0264 0-8.1411-1.9385-8.7808-2.8789v-47.2373c.6396-.9404 3.7544-2.8789 8.7808-2.8789 5.0176 0 8.1353 1.9409 8.7813 2.8848v18.8726h16v-19.1558c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7808 8.1709-24.7808 18.6016v47.792c0 10.4307 10.8848 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8.0001-8-8.0001z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <path d="m102.5322 92.6472c-5.0176 0-8.1353-1.9409-8.7813-2.8848v-47.2255c.646-.9438 3.7637-2.8848 8.7813-2.8848 5.0264 0 8.1411 1.9385 8.7813 2.8789v18.8784h16v-19.1557c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7812 8.1709-24.7812 18.6016v47.792c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8.0001-8.0001-8.0001z" fill="#666666" fill-opacity="1" data-original-color="#666666ff" stroke="none" stroke-opacity="1"></path>
      <g fill="#4271c6">
        <path d="m409.4678 85.4116c-3.2731 0-6.2977 1.0414-8.7813 2.7974v1.5534c.646.9438 3.7637 2.8848 8.7813 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4821 0-10.4913-1.2757-14.5527-3.4561 1.9318 6.2003 7.7165 10.7015 14.5527 10.7015 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2405-15.2405-15.2405z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m307.1653 85.4116c-3.2729 0-6.2974 1.0413-8.781 2.7972v1.5594c.6401.9409 3.7549 2.8789 8.7813 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4822 0-10.4916-1.2758-14.553-3.4563 1.9318 6.2003 7.7165 10.7017 14.5528 10.7017 8.4171 0 15.2405-6.8234 15.2405-15.2405-.0001-8.417-6.8236-15.2404-15.2406-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m204.863 85.4116c-3.2729 0-6.2974 1.0413-8.781 2.7972v1.5594c.6396.9404 3.7544 2.8789 8.7808 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.482 0-10.4912-1.2757-14.5525-3.4561 1.9318 6.2002 7.7165 10.7014 14.5527 10.7014 8.4171 0 15.2405-6.8234 15.2405-15.2405 0-8.4169-6.8234-15.2403-15.2405-15.2403z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
        <path d="m102.5322 85.4067c-3.2731 0-6.2977 1.0414-8.7813 2.7974v1.5583c.646.9438 3.7637 2.8848 8.7813 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.455 1.9337 6.197 7.7166 10.6954 14.5505 10.6954 8.4171 0 15.2405-6.8234 15.2405-15.2405s-6.8234-15.2404-15.2405-15.2404z" fill="#e55a5a" fill-opacity="1" data-original-color="#4271c6ff" stroke="none" stroke-opacity="1"></path>
      </g>
      <path d="m356.6855 261.8936c-1.5464-2.6162-4.4478-4.1416-7.4702-3.9082l-23.1299 1.6904 2.1372-4.8027c1.3472-3.0273.6885-6.5728-1.6567-8.9141-2.3457-2.3418-5.8926-2.9937-8.917-1.6421l-21.0957 9.4302 10.5781-37.8438c.7808-2.793-.0112-5.79-2.0698-7.8325s-5.0601-2.8105-7.8477-2.0093l-22.0522 6.3481-11.998-24.1333c-1.3521-2.7192-4.127-4.4385-7.1636-4.4385-.001 0-.002 0-.0029 0-3.0381.001-5.813 1.7227-7.1631 4.4438l-11.9722 24.1265-22.0474-6.3467c-2.7847-.8013-5.7876-.0337-7.8467 2.0078-2.0581 2.042-2.8511 5.0376-2.0718 7.8301l10.5605 37.8521-21.1055-9.4346c-3.0264-1.3525-6.5752-.6982-8.9209 1.646-2.3447 2.3447-3.0005 5.8926-1.6479 8.9204l2.1396 4.791-23.1089-1.689c-3.0298-.2271-5.9224 1.2915-7.4688 3.9058s-1.4785 5.8789.1743 8.4268l12.8252 19.769-7.2988 3.4565c-2.8457 1.3477-4.6362 4.2397-4.5742 7.3882.0625 3.1484 1.9658 5.9678 4.8633 7.2017l28.5742 12.1729-11.0713 5.6973c-2.9365 1.5112-4.6431 4.6719-4.2949 7.9561.3481 3.2847 2.6787 6.0176 5.8672 6.8799l48.5293 13.124c1.8618.5039 3.8418.3174 5.5776-.5234l21.4858-10.4136 21.5137 10.415c1.0947.5303 2.2871.7993 3.4858.7993.7002 0 1.4023-.0918 2.0884-.2773l48.5293-13.124c3.1885-.8623 5.519-3.5952 5.8672-6.8799.3481-3.2842-1.3584-6.4448-4.2949-7.9561l-11.0713-5.6973 28.5742-12.1729c2.8979-1.2344 4.8022-4.0547 4.8633-7.2041.061-3.1499-1.7314-6.042-4.5796-7.3882l-7.312-3.457 12.8403-19.7612c1.656-2.5478 1.7253-5.8134.1794-8.4291z" fill="#fdca03" fill-opacity="1" data-original-color="#fdca03ff" stroke="none" stroke-opacity="1"></path>
      <path d="m253.3813 190.3884 10.8552 21.8346c.8393 1.6883 2.7651 2.5357 4.5769 2.0142l6.3482-1.8275-11.998-24.1331c-1.3519-2.7193-4.1269-4.4387-7.1637-4.4387h-.0029c-2.4423.0008-4.7007 1.1266-6.1993 2.9767 1.521.7635 2.7971 1.992 3.5836 3.5738z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      <path d="m296.7337 212.1461c.9865 1.854 1.1249 4.0463.5596 6.0688l-9.8363 35.1899c-.56 2.0033 1.4684 3.752 3.3674 2.9032l5.7288-2.5609 10.5165-37.6233c.6229-2.2285.3797-4.6565-.8551-6.6134-1.9521-3.0939-5.6326-4.417-9.0008-3.4488l-6.5166 1.8759c2.4648.3277 4.7481 1.7872 6.0365 4.2086z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      <path d="m303.1685 289.4893c-1.9893-3.9453-6.7998-5.5317-10.7451-3.541l-28.4234 14.3323v-47.6961c0-4.4185-3.5815-8-8-8s-8 3.5815-8 8v47.692l-28.3931-14.3272c-3.9448-1.9922-8.7559-.4067-10.7461 3.5381-1.9907 3.9443-.4063 8.7559 3.5381 10.7461l35.6011 17.9643v64.6386c0 4.4185 3.5815 8 8 8s8-3.5815 8-8v-64.6371l35.6274-17.965c3.9449-1.9892 5.5303-6.7997 3.5411-10.745z" fill="#edb107" fill-opacity="1" data-original-color="#edb107ff" stroke="none" stroke-opacity="1"></path>
      <g fill="#f4bb06">
        <path d="m318.321 257.2533-.8695 1.954c-.2323.5219.1767 1.1028.7464 1.0601l7.8875-.5916 2.0641-4.6385c1.0822-2.4319 1.0099-5.2765-.3791-7.5472-2.171-3.5493-6.5173-4.7839-10.1216-3.1732l-4.0566 1.8134c1.8001.582 3.4177 1.7868 4.4712 3.612 1.3187 2.2846 1.3301 5.1011.2576 7.511z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
        <path d="m357.468 263.6763c-1.1178-3.6823-4.5966-5.9733-8.2527-5.691l-10.4337.7625s4.9097-.0433 8.082 5.1919c1.5911 2.6258 1.52 5.9411-.1529 8.5156l-11.3337 17.4426c-.7902 1.216-.3266 2.8498.9845 3.4696l4.6229 2.1856c2.2914 1.0834 4.0666 3.1137 4.6043 5.5907.84 3.8693-1.2056 7.6231-4.6766 9.1016l-23.8824 10.1741c-1.8658.7949-1.9605 3.4043-.1572 4.3323l6.3331 3.259c2.3852 1.2274 4.0818 3.5096 4.4776 6.1627.9858 6.6083-5.7262 9.2789-5.7262 9.2789l9.4373-2.5522c2.5898-.7003 4.7847-2.555 5.6727-5.0866 1.3653-3.8924-.3874-8.015-3.8756-9.8102l-11.0713-5.6973 28.3646-12.0835c2.3315-.9932 4.1827-2.9541 4.8141-5.4084.9862-3.8333-.9106-7.6614-4.3208-9.2733l-7.312-3.457 12.7077-19.557c1.3164-2.026 1.7961-4.5386 1.0943-6.8506z" fill="#f4bb06" fill-opacity="1" data-original-color="#f4bb06ff" stroke="none" stroke-opacity="1"></path>
      </g>
    </g>
  </g>
</svg>

            <div class="font-medium">
              Autumn
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="winter" name="season[]" id="drawer-season-winter" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-season-winter" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2 w-12 h-12">
  <g>
    <path d="m482.0867 61.4116h-452.1484c-16.5088 0-29.9399 13.4185-29.9399 29.9116v367.082c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1484c16.4932 0 29.9116-13.4312 29.9116-29.9399v-367.082c0-16.4931-13.4184-29.9116-29.9116-29.9116z" fill="#edebeb"></path>
    <path d="m482.0867 61.4116h-452.1484c-16.5088 0-29.9399 13.4185-29.9399 29.9116v55.5303h512v-55.5303c-.0001-16.4931-13.4185-29.9116-29.9117-29.9116z" fill="#f15d5b"></path>
    <path d="m508.0794 390.2822-75.3154 44.6733c-18.9546 11.2637-38.0781 16.5112-60.1782 16.5112h-342.6475c-16.4232 0-29.7953-13.2806-29.9335-29.6563h-.0065v36.5947c0 16.5088 13.4312 29.9399 29.9399 29.9399h452.1484c16.4932 0 29.9116-13.4312 29.9116-29.9399v-75.0039c.0001 2.8249-1.4891 5.4396-3.9188 6.881z" fill="#ced4df"></path>
    <path d="m-.002 134.68h512v12.174h-512z" fill="#e55a5a"></path>
    <path d="m102.5325 92.6494c-5.0171 0-8.1348-1.9409-8.7808-2.8848v-47.225c.646-.9438 3.7637-2.8848 8.7808-2.8848 5.0259 0 8.1406 1.938 8.7808 2.8784v18.8784h16v-19.1553c0-10.4307-10.8853-18.6016-24.7808-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8-8-8z" fill="#666"></path>
    <path d="m409.4641 92.6494c-5.0171 0-8.1348-1.9409-8.7808-2.8848v-47.225c.646-.9438 3.7637-2.8848 8.7808-2.8848 5.0259 0 8.1406 1.938 8.7808 2.8784v18.8784h16v-19.1553c0-10.4307-10.8853-18.6016-24.7808-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5815-8-8-8z" fill="#666"></path>
    <path d="m307.1629 92.6494c-5.0264 0-8.1411-1.9385-8.7808-2.8789v-47.2368c.6396-.9404 3.7544-2.8789 8.7808-2.8789 5.0176 0 8.1353 1.9409 8.7813 2.8848v18.8721h16v-19.1554c0-10.4307-10.8853-18.6016-24.7813-18.6016s-24.7808 8.1709-24.7808 18.6016v47.7915c0 10.4307 10.8848 18.6016 24.7808 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#666"></path>
    <path d="m204.8621 92.6494c-5.0264 0-8.1411-1.9385-8.7813-2.8789v-47.2368c.6401-.9404 3.7549-2.8789 8.7813-2.8789 5.0171 0 8.1348 1.9409 8.7808 2.8848v18.8721h16v-19.1554c0-10.4307-10.8848-18.6016-24.7808-18.6016s-24.7813 8.1709-24.7813 18.6016v47.7915c0 10.4307 10.8853 18.6016 24.7813 18.6016 4.4185 0 8-3.5815 8-8s-3.5816-8-8-8z" fill="#666"></path>
    <g fill="#e55a5a">
      <path d="m102.5325 85.4089c-3.2728 0-6.2972 1.0412-8.7808 2.7971v1.5587c.646.9438 3.7637 2.8848 8.7808 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.4552 1.9336 6.1971 7.7166 10.6957 14.5505 10.6957 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2406-15.2405-15.2406z"></path>
      <path d="m409.4641 85.4089c-3.2728 0-6.2972 1.0412-8.7808 2.7971v1.5587c.646.9438 3.7637 2.8848 8.7808 2.8848 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.4811 0-10.4895-1.2753-14.5505-3.4552 1.9336 6.1971 7.7166 10.6957 14.5505 10.6957 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2406-15.2405-15.2406z"></path>
      <path d="m307.1631 85.4089c-3.2729 0-6.2974 1.0413-8.781 2.7972v1.5643c.6396.9404 3.7544 2.8789 8.7808 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.481 0-10.4894-1.2752-14.5503-3.4549 1.9338 6.197 7.7166 10.6954 14.5505 10.6954 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8235-15.2404-15.2405-15.2404z"></path>
      <path d="m204.8477 85.4089c-3.2666 0-6.2859 1.0369-8.7668 2.7866v1.575c.6401.9404 3.7549 2.8789 8.7813 2.8789 4.4185 0 8 3.5815 8 8s-3.5815 8-8 8c-5.489 0-10.5043-1.2789-14.5684-3.4644 1.9307 6.202 7.7164 10.7049 14.554 10.7049 8.417 0 15.2405-6.8234 15.2405-15.2405s-6.8236-15.2405-15.2406-15.2405z"></path>
    </g>
    <g fill="#dbdcdd">
      <path d="m428.722 357.3569c-1.9932 1.5127-2.9895 3.8766-3.1636 6.3726-5.9263 84.9785-47.1658 87.7373-70.0938 87.7373h17.1211c22.1001 0 41.2236-5.2476 60.1782-16.5112l75.3154-44.6733c2.4297-1.4414 3.9189-4.0562 3.9189-6.8809l-76.2881-27.377c-2.4105-.6728-4.9955-.1797-6.9881 1.3325z"></path>
      <path d="m511.9983 383.4014v1.1068c.0076-.1416 0-.9641 0-1.1068z"></path>
    </g>
    <path d="m351.499 287.1606h-15.7289l6.8348-7.5513c2.9648-3.2759 2.7129-8.335-.5625-11.2998-3.2754-2.9639-8.3345-2.7134-11.2998.5625l-16.5533 18.2886h-38.876l27.489-27.4889 24.6337 1.2145c.1343.0068.2676.0098.4004.0098 4.2378 0 7.7729-3.3271 7.9839-7.606.2178-4.4131-3.1836-8.167-7.5962-8.3843l-10.1552-.5007 11.1093-11.1092c3.1245-3.124 3.1245-8.1895 0-11.3135-3.124-3.124-8.1895-3.124-11.3135 0l-11.1094 11.1093-.5005-10.1552c-.2173-4.4126-3.9502-7.8169-8.3843-7.5962-4.4126.2173-7.814 3.9712-7.5962 8.3843l1.2141 24.634-27.4884 27.4885v-38.8757l18.2886-16.5533c3.2754-2.9648 3.5273-8.0239.5625-11.2998-2.9648-3.2754-8.0239-3.5278-11.2998-.5625l-7.5513 6.8348v-15.7289c0-4.4185-3.5815-8-8-8s-8 3.5815-8 8v15.7289l-7.5513-6.8348c-3.2754-2.9639-8.334-2.7134-11.2998.5625-2.9648 3.2759-2.7129 8.335.5625 11.2998l18.2886 16.5533v38.8757l-27.4852-27.4851 1.2386-24.6295c.2222-4.4126-3.1753-8.1699-7.5879-8.3916-4.3936-.2178-8.1699 3.1748-8.3916 7.5879l-.512 10.1804-11.1267-11.1266c-3.124-3.124-8.1895-3.124-11.3135 0-3.1245 3.124-3.1245 8.1895 0 11.3135l11.1093 11.1092-10.1552.5007c-4.4126.2173-7.814 3.9712-7.5962 8.3843.2109 4.2788 3.7461 7.606 7.9839 7.606.1323 0 .2666-.0029.4004-.0098l24.6337-1.2145 27.489 27.4889h-38.8725l-16.5247-18.2842c-2.9619-3.2773-8.02-3.5332-11.2993-.5708-3.2778 2.9624-3.5337 8.021-.5708 11.2993l6.8286 7.5557h-15.747c-4.4185 0-8 3.5815-8 8s3.5815 8 8 8h15.7468l-6.8283 7.5552c-2.9624 3.2778-2.707 8.3369.5708 11.2993 1.5308 1.3833 3.4492 2.0649 5.3618 2.0649 2.1831 0 4.3584-.8887 5.9375-2.6357l16.5246-18.2837h38.8721l-27.4852 27.4852-24.6292-1.2386c-4.394-.2153-8.1699 3.1748-8.3916 7.5879-.2222 4.4126 3.1753 8.1699 7.5879 8.3916l10.18.512-11.1263 11.1262c-3.1245 3.124-3.1245 8.1895 0 11.3135 1.562 1.5625 3.6089 2.3433 5.6567 2.3433 2.0474 0 4.0947-.7813 5.6567-2.3433l11.1267-11.1266.512 10.1808c.2148 4.2759 3.749 7.5981 7.9829 7.5981.1353 0 .272-.0034.4087-.0103 4.4126-.2217 7.8101-3.979 7.5879-8.3916l-1.2386-24.6299 27.4852-27.4853v38.8726l-18.2842 16.5247c-3.2778 2.9624-3.5337 8.021-.5708 11.2993 1.5791 1.7476 3.7539 2.6357 5.9375 2.6357 1.9121 0 3.8311-.6816 5.3618-2.0649l7.5557-6.8285v15.747c0 4.4185 3.5815 8 8 8s8-3.5815 8-8v-15.747l7.5557 6.8286c1.5308 1.3833 3.4492 2.0649 5.3618 2.0649 2.1831 0 4.3584-.8887 5.9375-2.6357 2.9629-3.2783 2.707-8.3369-.5708-11.2993l-18.2842-16.5248v-38.8726l27.4885 27.4884-1.2141 24.6349c-.2178 4.4126 3.1836 8.1665 7.5962 8.3838.1343.0068.2676.0098.4004.0098 4.2373 0 7.7729-3.3276 7.9839-7.606l.5005-10.1557 11.1094 11.1093c1.562 1.562 3.6094 2.3433 5.6567 2.3433s4.0947-.7813 5.6567-2.3433c3.1245-3.124 3.1245-8.1895 0-11.3135l-11.1263-11.1262 10.18-.512c4.4126-.2217 7.8101-3.979 7.5879-8.3916-.2217-4.4121-3.9814-7.8154-8.3916-7.5879l-24.6292 1.2386-27.4852-27.4852h38.8755l16.5533 18.2881c1.5791 1.7446 3.752 2.6313 5.9336 2.6313 1.9141 0 3.8354-.6831 5.3662-2.0688 3.2754-2.9648 3.5273-8.0239.5625-11.2998l-6.8345-7.5508h15.7286c4.4185 0 8-3.5815 8-8s-3.5815-7.9999-8-7.9999z" fill="#c3e3fe"></path>
    <path d="m351.499 287.1606h-15.7289l6.8348-7.5513c2.9648-3.2759 2.7129-8.335-.5625-11.2998-3.2754-2.9639-8.3345-2.7134-11.2998.5625l-16.5533 18.2886h-38.876l27.489-27.4889 24.6337 1.2145c.1343.0068.2676.0098.4004.0098 4.2378 0 7.7729-3.3271 7.9839-7.606.2178-4.4131-3.1836-8.167-7.5962-8.3843l-10.1552-.5007 11.1093-11.1092c3.1245-3.124 3.1245-8.1895 0-11.3135-3.124-3.124-8.1895-3.124-11.3135 0l-11.1094 11.1093-.5005-10.1552c-.2173-4.4126-3.9502-7.8169-8.3843-7.5962-4.4126.2173-7.814 3.9712-7.5962 8.3843l1.2141 24.634-27.4884 27.4885v-38.8757l18.2886-16.5533c3.2754-2.9648 3.5273-8.0239.5625-11.2998-2.9648-3.2754-8.0239-3.5278-11.2998-.5625l-7.5513 6.8348v-15.7289c0-4.4185-3.5815-8-8-8-.0005 0-.0012.0001-.0017.0001v206.9979c.0005 0 .0012.0001.0017.0001 4.4185 0 8-3.5815 8-8v-15.747l7.5557 6.8286c1.5308 1.3833 3.4492 2.0649 5.3618 2.0649 2.1831 0 4.3584-.8887 5.9375-2.6357 2.9629-3.2783 2.707-8.3369-.5708-11.2993l-18.2842-16.5248v-38.8726l27.4885 27.4884-1.2141 24.6349c-.2178 4.4126 3.1836 8.1665 7.5962 8.3838.1343.0068.2676.0098.4004.0098 4.2373 0 7.7729-3.3276 7.9839-7.606l.5005-10.1557 11.1094 11.1093c1.562 1.562 3.6094 2.3433 5.6567 2.3433s4.0947-.7813 5.6567-2.3433c3.1245-3.124 3.1245-8.1895 0-11.3135l-11.1263-11.1262 10.18-.512c4.4126-.2217 7.8101-3.979 7.5879-8.3916-.2217-4.4121-3.9814-7.8154-8.3916-7.5879l-24.6292 1.2386-27.4852-27.4852h38.8755l16.5533 18.2881c1.5791 1.7446 3.752 2.6313 5.9336 2.6313 1.9141 0 3.8354-.6831 5.3662-2.0688 3.2754-2.9648 3.5273-8.0239.5625-11.2998l-6.8345-7.5508h15.7286c4.4185 0 8-3.5815 8-8s-3.5815-7.9999-8-7.9999z" fill="#accbe2"></path>
  </g>
</svg>

            <div class="font-medium">
              Winter
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
  </ul>


      </div>
    </div>
  </div>
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-availability">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Availability
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-availability" class="space-y-1 pb-2 px-2 hidden">
        
                    <div class="flex items-center py-2">
      <input type="checkbox" value="0-3-month" name="availability[]" id="drawer-availability-0-3-month" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-availability-0-3-month" class="ms-2 w-full text-gray-900 text-sm">1-3 Months</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="4-9-months" name="availability[]" id="drawer-availability-4-9-months" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-availability-4-9-months" class="ms-2 w-full text-gray-900 text-sm">4-9 Months</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="9-months" name="availability[]" id="drawer-availability-9-months" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="drawer-availability-9-months" class="ms-2 w-full text-gray-900 text-sm">9+ Months</label>
  </div>


      </div>
    </div>
  </div>
                
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="drawer-accommodation">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Accommodation
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="drawer-accommodation" class="space-y-1 pb-2 px-2 hidden">
        
                    <ul class="items-stretch gap-2 grid grid-cols-2 mb-4 px-4 py-2 w-full">
      <li class="h-full">
          <input type="checkbox" value="unknown" name="accommodation[]" id="drawer-accommodation-unknown" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-accommodation-unknown" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2 w-12 h-12">
  <g>
    <path d="m393.32 247.91v-61.59l40.4 29.45c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.96 0l-59.21 43.17v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.79 2.27 5.06 5.06 5.06h8.32v48.77l-91.37 66.64c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l40.43-29.47v232.09c0 3.2 2.27 5.79 5.06 5.79h191.83c19.38 45.46 64.56 77.42 117.07 77.42 70.1 0 127.14-56.97 127.14-126.99-.01-67.19-52.52-122.34-118.69-126.7z" fill="#eceff1"></path>
    <path d="m384.86 247.62c-70.12 0-127.17 56.97-127.17 126.99s57.05 126.99 127.17 126.99c70.1 0 127.14-56.97 127.14-126.99s-57.03-126.99-127.14-126.99z" fill="#4a90e2"></path>
    <path d="m384.86 247.62c-2.96 0-5.89.11-8.8.31c66.01 4.53 118.34 59.61 118.34 126.68s-52.32 122.15-118.34 126.68c2.91.2 5.84.31 8.8.31 70.1 0 127.14-56.97 127.14-126.99s-57.03-126.99-127.14-126.99z" fill="#357abd"></path>
    <path d="m229.12 11.38-227.04 165.55c-2.26 1.65-2.75 4.82-1.1 7.08l22.42 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.97 0z" fill="#ff4c4c"></path>
    <path d="m462.1 176.93-7.64-5.57-13.68 18.71c-1.65 2.25-4.81 2.75-7.07 1.1l-201.61-147-201.64 147c-2.26 1.64-5.42 1.15-7.07-1.1l-13.67-18.71-7.64 5.57c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.4-30.67c1.66-2.25 1.16-5.42-1.1-7.07z" fill="#f33939"></path>
    <path d="m93.46 61.52v48.77l66.89-48.77z" fill="#de9252"></path>
    <path d="m85.13 61.52h75.22l9.57-6.97v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.8 2.27 5.06 5.06 5.06z" fill="#f1ba84"></path>
    <path d="m257.69 374.61c0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-101.63c-2.79 0-5.06 2.27-5.06 5.06v167.48h40.3 51.26c-6.5-15.24-10.1-32-10.1-49.57z" fill="#f1ba84"></path>
    <path d="m267.79 424.18c-6.49-15.24-10.09-31.99-10.09-49.57 0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-49.33c2.79 0 5.06 2.27 5.06 5.06v167.48z" fill="#de9252"></path>
    <path d="m362.16 249.65c7.37-1.33 14.95-2.03 22.7-2.03 2.84 0 5.66.1 8.46.29v-61.59l-161.22-117.55-15.58 11.36 145.64 106.19z" fill="#ccdfed"></path>
    <g fill="#eceff1">
      <circle cx="384.86" cy="450" r="12"></circle>
      <path d="m391.02 420.92h-12.32c-2.43 0-4.4-1.97-4.4-4.4v-27.2c0-5.81 4.68-10.62 10.49-10.59 18.88.04 34.18-15.65 33.5-34.67-.61-17.2-14.41-31.26-31.61-32.18-19.28-1.03-35.29 14.35-35.29 33.4v4.4c0 2.43-1.97 4.4-4.4 4.4h-12.32c-2.43 0-4.4-1.97-4.4-4.4v-3.8c0-30.11 24.15-55.01 54.25-55.18 30.25-.17 54.9 24.38 54.9 54.61 0 26.48-18.96 48.63-44.04 53.57v17.74c0 2.43-1.97 4.4-4.4 4.4z"></path>
    </g>
  </g>
</svg>
            <div class="font-medium">
              Unknown
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="unavailable" name="accommodation[]" id="drawer-accommodation-unavailable" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-accommodation-unavailable" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2 w-12 h-12">
  <g>
    <path d="m393.32 247.91v-61.59l40.4 29.45c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.96 0l-59.21 43.17v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.79 2.27 5.06 5.06 5.06h8.32v48.77l-91.37 66.64c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l40.43-29.47v232.09c0 3.2 2.27 5.79 5.06 5.79h191.83c19.38 45.46 64.56 77.42 117.07 77.42 70.1 0 127.14-56.97 127.14-126.99-.01-67.19-52.52-122.34-118.69-126.7z" fill="#eceff1"></path>
    <path d="m384.86 247.62c-70.12 0-127.17 56.97-127.17 126.99s57.05 126.99 127.17 126.99c70.1 0 127.14-56.97 127.14-126.99s-57.03-126.99-127.14-126.99z" fill="#ff4c4c"></path>
    <path d="m384.86 247.62c-2.96 0-5.89.11-8.8.31 66.01 4.53 118.34 59.61 118.34 126.68s-52.32 122.15-118.34 126.68c2.91.2 5.84.31 8.8.31 70.1 0 127.14-56.97 127.14-126.99s-57.03-126.99-127.14-126.99z" fill="#f33939"></path>
    <path d="m229.12 11.38-227.04 165.55c-2.26 1.65-2.75 4.82-1.1 7.08l22.42 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.97 0z" fill="#ff4c4c"></path>
    <path d="m462.1 176.93-7.64-5.57-13.68 18.71c-1.65 2.25-4.81 2.75-7.07 1.1l-201.61-147-201.64 147c-2.26 1.64-5.42 1.15-7.07-1.1l-13.67-18.71-7.64 5.57c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.4-30.67c1.66-2.25 1.16-5.42-1.1-7.07z" fill="#f33939"></path>
    <path d="m93.46 61.52v48.77l66.89-48.77z" fill="#de9252"></path>
    <path d="m85.13 61.52h75.22l9.57-6.97v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.8 2.27 5.06 5.06 5.06z" fill="#f1ba84"></path>
    <path d="m257.69 374.61c0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-101.63c-2.79 0-5.06 2.27-5.06 5.06v167.48h40.3 51.26c-6.5-15.24-10.1-32-10.1-49.57z" fill="#f1ba84"></path>
    <path d="m267.79 424.18c-6.49-15.24-10.09-31.99-10.09-49.57 0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-49.33c2.79 0 5.06 2.27 5.06 5.06v167.48z" fill="#de9252"></path>
    <path d="m362.16 249.65c7.37-1.33 14.95-2.03 22.7-2.03 2.84 0 5.66.1 8.46.29v-61.59l-161.22-117.55-15.58 11.36 145.64 106.19z" fill="#ccdfed"></path>
    <path d="m338.01 349.21c-5.9-5.92-5.9-15.49 0-21.4 5.92-5.92 15.51-5.92 21.43 0l25.4 25.37 25.43-25.37c5.9-5.92 15.51-5.92 21.43 0 5.9 5.92 5.9 15.49 0 21.4l-25.43 25.37 25.43 25.39c5.9 5.89 5.9 15.49 0 21.37-5.92 5.92-15.53 5.92-21.43 0l-25.43-25.37-25.4 25.37c-5.92 5.92-15.51 5.92-21.43 0-5.9-5.89-5.9-15.49 0-21.37l25.43-25.39z" fill="#eceff1"></path>
  </g>
</svg>

            <div class="font-medium">
              Unavailable
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="available" name="accommodation[]" id="drawer-accommodation-available" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-accommodation-available" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-2 w-12 h-12">
  <g>
    <path d="m505.36 285.09c-26.46-4.56-47.13-16.58-58.21-33.84-1.47-2.29-4.01-3.68-6.73-3.68h-27.29v-63.99l42.43 30.44c2.37 1.7 5.69 1.19 7.42-1.14l23.55-31.7c1.73-2.33 1.22-5.61-1.16-7.31l-238.44-171.11c-1.87-1.34-4.4-1.34-6.26 0l-62.19 44.62v-24.18c0-2.89-2.38-5.23-5.31-5.23h-83.75c-2.94 0-5.31 2.34-5.31 5.23v26.16c0 2.89 2.38 5.23 5.31 5.23h8.74v50.41l-95.98 68.88c-2.37 1.7-2.89 4.98-1.16 7.31l23.55 31.7c1.73 2.33 5.05 2.84 7.42 1.14l42.46-30.46v239.9c0 3.3 2.38 5.98 5.32 5.98h221.71c7.51 13.53 17.56 26.43 30.03 38.44 15.46 14.89 41.36 33.62 64.36 41.88.87.31 1.79.47 2.7.47s1.83-.16 2.7-.47c23-8.26 48.89-26.99 64.35-41.88 30.33-29.18 46.36-63.66 46.36-99.73v-75.19c.02-3.89-2.78-7.22-6.62-7.88z" fill="#eceff1"></path>
    <path d="m240.66 2.76-238.48 171.12c-2.37 1.7-2.89 4.98-1.16 7.31l23.55 31.7c1.73 2.33 5.05 2.84 7.42 1.14l211.8-151.95 211.76 151.94c2.37 1.7 5.69 1.19 7.42-1.14l23.55-31.7c1.73-2.33 1.22-5.61-1.16-7.31l-238.43-171.11c-1.87-1.34-4.4-1.34-6.27 0z" fill="#ff4c4c"></path>
    <path d="m485.37 173.88-8.02-5.76-14.37 19.34c-1.73 2.33-5.05 2.84-7.42 1.14l-211.77-151.94-211.79 151.94c-2.37 1.7-5.69 1.19-7.42-1.14l-14.37-19.34-8.02 5.76c-2.37 1.7-2.89 4.98-1.16 7.31l23.55 31.7c1.73 2.33 5.05 2.84 7.42 1.14l211.79-151.95 211.76 151.94c2.37 1.7 5.69 1.19 7.42-1.14l23.55-31.7c1.75-2.32 1.23-5.6-1.15-7.3z" fill="#f33939"></path>
    <path d="m98.16 54.59v50.41l70.27-50.41z" fill="#de9252"></path>
    <path d="m89.42 54.59h79.01l10.05-7.21v-24.18c0-2.89-2.38-5.23-5.32-5.23h-83.74c-2.94 0-5.31 2.34-5.31 5.23v26.16c-.01 2.89 2.37 5.23 5.31 5.23z" fill="#f1ba84"></path>
    <path d="m505.36 285.09c-26.46-4.56-47.13-16.58-58.21-33.84-1.47-2.29-4.01-3.68-6.73-3.68h-83.65c-2.72 0-5.26 1.38-6.73 3.67-11.11 17.27-31.79 29.29-58.24 33.84-3.84.66-6.64 3.99-6.64 7.88v75.19c0 36.03 16.03 70.52 46.36 99.72 15.46 14.89 41.36 33.62 64.36 41.88.87.31 1.79.47 2.7.47s1.83-.16 2.7-.47c23-8.26 48.89-26.99 64.35-41.88 30.33-29.18 46.36-63.66 46.36-99.73v-75.19c.01-3.87-2.79-7.2-6.63-7.86z" fill="#4caf50"></path>
    <path d="m285.16 368.16v-75.19c0-3.89 2.8-7.22 6.64-7.88 3.68-.63 7.24-1.43 10.68-2.34v-26.42c0-2.89-2.38-5.23-5.32-5.23h-106.74c-2.94 0-5.31 2.34-5.31 5.23v173.12h42.33 74.06c-10.77-19.39-16.34-40.07-16.34-61.29z" fill="#f1ba84"></path>
    <path d="m301.49 429.45c-10.76-19.38-16.33-40.06-16.33-61.28v-75.19c0-3.89 2.8-7.22 6.64-7.88 3.68-.63 7.24-1.43 10.68-2.34v-26.42c0-2.89-2.38-5.23-5.32-5.23h-51.8c2.94 0 5.32 2.34 5.32 5.23v173.12h50.81z" fill="#de9252"></path>
    <path d="m380.4 247.58h32.73v-64l-169.34-121.5-16.36 11.74 152.97 109.76z" fill="#ccdfed"></path>
    <path d="m505.36 285.09c-26.46-4.56-47.13-16.58-58.21-33.84-1.47-2.29-4.01-3.68-6.73-3.68h-41.84v262.67c.92 0 1.83-.16 2.7-.47 23-8.26 48.89-26.99 64.35-41.88 30.33-29.18 46.36-63.66 46.36-99.73v-75.19c.01-3.89-2.79-7.22-6.63-7.88z" fill="#388e3c"></path>
    <path d="m345.63 389.34c-6.21-6.03-6.35-15.94-.31-22.14s15.96-6.34 22.17-.31l17.94 17.41 44.16-43.8c6.12-6.09 16.04-6.06 22.17.06 6.09 6.14 6.07 16.05-.09 22.14l-55.08 54.61c-6.07 6.03-15.85 6.11-22 .14z" fill="#eceff1"></path>
    <path d="m429.59 340.51-31.01 30.75v44.09l53.09-52.64c6.15-6.09 6.18-16 .08-22.14-6.11-6.12-16.04-6.15-22.16-.06z" fill="#dfe6ea"></path>
  </g>
</svg>

            <div class="font-medium">
              Available
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
      <li class="h-full">
          <input type="checkbox" value="temporary" name="accommodation[]" id="drawer-accommodation-temporary" class="peer hidden" data-autosubmit-target="input">
        <label for="drawer-accommodation-temporary" class="flex flex-col justify-center items-center bg-white hover:bg-gray-50 p-4 border border-gray-200 peer-checked:border-endeavour-600 rounded-lg w-full h-full min-h-[120px] text-gray-700 hover:text-gray-800 peer-checked:text-gray-800 cursor-pointer">
          <div class="text-center">
            <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewbox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com" class="mx-auto mb-2 w-12 h-12">
  <defs>
    <bx:export>
      <bx:file format="svg"></bx:file>
    </bx:export>
  </defs>
  <g>
    <path d="M 393.32 247.91 L 393.32 186.32 L 433.72 215.77 C 435.98 217.41 439.14 216.92 440.79 214.67 L 463.2 184 C 464.85 181.74 464.36 178.57 462.1 176.92 L 235.09 11.38 C 233.31 10.08 230.9 10.08 229.13 11.38 L 169.92 54.55 L 169.92 31.15 C 169.92 28.36 167.65 26.09 164.86 26.09 L 85.13 26.09 C 82.34 26.09 80.07 28.36 80.07 31.15 L 80.07 56.46 C 80.07 59.25 82.34 61.52 85.13 61.52 L 93.45 61.52 L 93.45 110.29 L 2.08 176.93 C -0.18 178.58 -0.67 181.75 0.98 184.01 L 23.41 214.67 C 25.06 216.92 28.22 217.42 30.48 215.77 L 70.91 186.3 L 70.91 418.39 C 70.91 421.59 73.18 424.18 75.97 424.18 L 267.8 424.18 C 389.127 424.18 390.854 426.05 391.378 424.497 C 391.554 423.975 393.32 294.328 393.32 247.91 Z" fill="#eceff1"></path>
    <path d="m229.12 11.38-227.04 165.55c-2.26 1.65-2.75 4.82-1.1 7.08l22.42 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.41-30.67c1.65-2.26 1.16-5.43-1.1-7.08l-227.01-165.54c-1.78-1.3-4.19-1.3-5.97 0z" fill="#ff4c4c"></path>
    <path d="m462.1 176.93-7.64-5.57-13.68 18.71c-1.65 2.25-4.81 2.75-7.07 1.1l-201.61-147-201.64 147c-2.26 1.64-5.42 1.15-7.07-1.1l-13.67-18.71-7.64 5.57c-2.26 1.65-2.75 4.82-1.1 7.08l22.43 30.66c1.65 2.25 4.81 2.75 7.07 1.1l201.64-147 201.61 147c2.26 1.64 5.42 1.15 7.07-1.1l22.4-30.67c1.66-2.25 1.16-5.42-1.1-7.07z" fill="#f33939"></path>
    <path d="m93.46 61.52v48.77l66.89-48.77z" fill="#de9252"></path>
    <path d="m85.13 61.52h75.22l9.57-6.97v-23.4c0-2.79-2.27-5.06-5.06-5.06h-79.73c-2.79 0-5.06 2.27-5.06 5.06v25.31c0 2.8 2.27 5.06 5.06 5.06z" fill="#f1ba84"></path>
    <path d="m257.69 374.61c0-31.31 11.41-60 30.29-82.16v-35.75c0-2.79-2.27-5.06-5.06-5.06h-101.63c-2.79 0-5.06 2.27-5.06 5.06v167.48h40.3 51.26c-6.5-15.24-10.1-32-10.1-49.57z" fill="#f1ba84"></path>
    <path d="M 286.686 424.393 C 288.955 424.012 287.99 256.7 287.99 256.7 C 287.99 253.91 285.72 251.64 282.93 251.64 L 233.6 251.64 C 236.39 251.64 238.66 253.91 238.66 256.7 L 238.66 424.18 L 286.686 424.393 Z" fill="#de9252"></path>
    <path d="m362.16 249.65c7.37-1.33 14.95-2.03 22.7-2.03 2.84 0 5.66.1 8.46.29v-61.59l-161.22-117.55-15.58 11.36 145.64 106.19z" fill="#ccdfed"></path>
  </g>
  <g style="" transform="matrix(0.469946, 0, 0, 0.469946, 175.864151, 307.463928)">
    <g>
      <g transform="matrix(1, 0, 0, 1, 189.534103, -147.379608)">
        <path d="m286.259 230.322 100.671-81.677c6.131-12.362 9.457-26.14 9.457-40.357v-58.74l-22.693-9.409h-185.918v68.148c0 69.987 59.511 106.476 59.511 147.712l-46.262 109.931 195.362 58.962v-21.181c0-30.372-15.179-58.735-40.451-75.583l-69.678-46.452c-8.586-5.723-13.742-15.359-13.742-25.677s5.157-19.953 13.743-25.677z" fill="#eaf3ff"></path>
        <path d="m237.085 243.947c5.865 14.359.552 29.8-11.344 37.73l-69.678 46.452c-25.271 16.848-40.451 45.21-40.451 75.583v21.181l98.91-21.181c0-30.372 5.203-58.735 13.864-75.583l23.882-46.452c2.943-5.723 4.71-15.359 4.71-25.677z" fill="#d5eaff"></path>
        <path d="m115.613 16.516v91.772c0 14.218 3.326 27.995 9.457 40.357l71.829 33.974 20.87-33.966c-2.103-12.363-3.245-26.143-3.245-40.365v-33.965c0-13.682 11.092-24.774 24.774-24.774h157.09v-33.033z" fill="#d5eaff"></path>
        <path d="m377.138 394.874-80.56-36.988c-14.663-6.732-24.062-21.389-24.062-37.524v-64.362c0-10.319 5.157-19.954 13.742-25.678l69.678-46.452c13.424-8.949 24.027-21.202 30.993-35.225h-169.161l-7.621 40.381 38.118 62.226-8.781 55.292v13.817c0 14.709-7.81 28.189-20.299 35.558l-23.156 24.346v90.57h176.688l23.67-8.384v-37.559c0-12.907-7.519-24.632-19.249-30.018z" fill="#ffd18d"></path>
        <path d="m239.484 256v50.544l12.784-24.867c2.943-5.723 4.71-15.359 4.71-25.677 0-10.319-1.768-19.954-4.71-25.678l-23.882-46.452c-4.601-8.949-8.231-21.202-10.619-35.225h-92.698c6.966 14.023 17.57 26.276 30.994 35.225l69.678 46.452c8.586 5.724 13.743 15.359 13.743 25.678z" fill="#fbbd80"></path>
        <path d="m396.387 462.452h-157.09c-13.682 0-24.774-11.092-24.774-24.774v-33.965c0-17.238 1.629-33.588 4.662-47.793-1.256.748-2.414 1.348-3.762 1.967l-80.56 36.988c-11.73 5.386-19.249 17.111-19.249 30.019v70.591h280.774v-33.033z" fill="#fbbd80"></path>
        <path d="m396.387 27.542h-220.557s-10.669-1.905-10.669-11.026c0-9.121 7.395-16.516 16.516-16.516h214.71c9.122 0 16.516 7.395 16.516 16.516z" fill="#e29a6c"></path>
        <path d="m181.677 0h-66.065c-9.121 0-16.516 7.394-16.516 16.516 0 9.121 7.395 16.516 16.516 16.516h280.774c9.121 0 16.516-7.395 16.516-16.516h-214.71c-9.12 0-16.515-7.395-16.515-16.516z" fill="#d48c64"></path>
        <path d="m396.387 506.51h-220.557s-10.669-1.905-10.669-11.026c0-9.122 7.395-16.516 16.516-16.516h214.71c9.122 0 16.516 7.395 16.516 16.516z" fill="#e29a6c"></path>
        <path d="m181.677 478.968h-66.065c-9.121 0-16.516 7.394-16.516 16.516 0 9.121 7.395 16.516 16.516 16.516h280.774c9.121 0 16.516-7.395 16.516-16.516h-214.71c-9.12 0-16.515-7.395-16.515-16.516z" fill="#d48c64"></path>
      </g>
    </g>
  </g>
</svg>

            <div class="font-medium">
              Temporarily available
            </div>
            <div class="text-sm">
              
            </div>
          </div>
        </label>
      </li>
  </ul>


      </div>
    </div>
  </div>
</turbo-frame>
</form>
      </div>
    </div>
    <div class="flex flex-row justify-between items-center p-4 border-gray-200 border-t shrink-0">
      <button type="button" class="text-white bg-endeavour-default hover:bg-endeavour-600 focus:ring-4 focus:outline-none focus:ring-endeavour-400 font-medium rounded-lg px-5 py-2.5 text-center cursor-pointer" data-drawer-hide="filters">
        See results
      </button>
    </div>
  </div>
</aside>

  <div class="hidden md:block min-w-[340px] w-[340px] shrink-0">
    <form data-controller="autosubmit" data-turbo-method="get" data-turbo-stream="true" data-turbo-frame="_top" action="/en/seasonal-jobs" accept-charset="UTF-8" method="get">
      <input autocomplete="off" value="sidebar" type="hidden" name="from_display" id="from_display" />
      
      
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <p class="font-medium text-gray-900">
          Active filters
       </p>

      <div id="sidebar-active-filters" class="space-y-1 pb-2 px-2 ">
        
        <turbo-frame id="filters_sidebar_active">
          <ul class="flex flex-row flex-wrap gap-2 mb-2 pt-6">
    <li class="text-gray-500 text-sm">No filters set</li>
</ul>

</turbo-frame>
      </div>
    </div>
  </div>
        <turbo-frame id="filters_sidebar_sections">
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-countries">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Countries
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-countries" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="austria" name="countries[]" id="sidebar-countries-austria" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-austria" class="ms-2 w-full text-gray-900 text-sm">Austria</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="croatia" name="countries[]" id="sidebar-countries-croatia" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-croatia" class="ms-2 w-full text-gray-900 text-sm">Croatia</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="cyprus" name="countries[]" id="sidebar-countries-cyprus" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-cyprus" class="ms-2 w-full text-gray-900 text-sm">Cyprus</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="france" name="countries[]" id="sidebar-countries-france" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-france" class="ms-2 w-full text-gray-900 text-sm">France</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="germany" name="countries[]" id="sidebar-countries-germany" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-germany" class="ms-2 w-full text-gray-900 text-sm">Germany</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="greece" name="countries[]" id="sidebar-countries-greece" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-greece" class="ms-2 w-full text-gray-900 text-sm">Greece</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="italy" name="countries[]" id="sidebar-countries-italy" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-italy" class="ms-2 w-full text-gray-900 text-sm">Italy</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="luxembourg" name="countries[]" id="sidebar-countries-luxembourg" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-luxembourg" class="ms-2 w-full text-gray-900 text-sm">Luxembourg</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="malta" name="countries[]" id="sidebar-countries-malta" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-malta" class="ms-2 w-full text-gray-900 text-sm">Malta</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="portugal" name="countries[]" id="sidebar-countries-portugal" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-portugal" class="ms-2 w-full text-gray-900 text-sm">Portugal</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="spain" name="countries[]" id="sidebar-countries-spain" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-spain" class="ms-2 w-full text-gray-900 text-sm">Spain</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="the-netherlands" name="countries[]" id="sidebar-countries-the-netherlands" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-the-netherlands" class="ms-2 w-full text-gray-900 text-sm">The Netherlands</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="turkey" name="countries[]" id="sidebar-countries-turkey" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-turkey" class="ms-2 w-full text-gray-900 text-sm">Turkey</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="united-states" name="countries[]" id="sidebar-countries-united-states" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-countries-united-states" class="ms-2 w-full text-gray-900 text-sm">United States</label>
  </div>


      </div>
    </div>
  </div>
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-categories">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Categories
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-categories" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="camping" name="categories[]" id="sidebar-categories-camping" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-camping" class="ms-2 w-full text-gray-900 text-sm">Camping</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="childcare+and+au+pair" name="categories[]" id="sidebar-categories-childcare+and+au+pair" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-childcare+and+au+pair" class="ms-2 w-full text-gray-900 text-sm">Childcare and Au Pair</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="cleaning" name="categories[]" id="sidebar-categories-cleaning" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-cleaning" class="ms-2 w-full text-gray-900 text-sm">Cleaning</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="cook" name="categories[]" id="sidebar-categories-cook" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-cook" class="ms-2 w-full text-gray-900 text-sm">Cook</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="education" name="categories[]" id="sidebar-categories-education" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-education" class="ms-2 w-full text-gray-900 text-sm">Education</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="entertainment" name="categories[]" id="sidebar-categories-entertainment" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-entertainment" class="ms-2 w-full text-gray-900 text-sm">Entertainment</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="hospitality" name="categories[]" id="sidebar-categories-hospitality" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-hospitality" class="ms-2 w-full text-gray-900 text-sm">Hospitality</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="hotel" name="categories[]" id="sidebar-categories-hotel" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-hotel" class="ms-2 w-full text-gray-900 text-sm">Hotel</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="reception" name="categories[]" id="sidebar-categories-reception" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-reception" class="ms-2 w-full text-gray-900 text-sm">Reception</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="sport+and+fitness" name="categories[]" id="sidebar-categories-sport+and+fitness" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-sport+and+fitness" class="ms-2 w-full text-gray-900 text-sm">Sport and fitness</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="supermarket" name="categories[]" id="sidebar-categories-supermarket" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-supermarket" class="ms-2 w-full text-gray-900 text-sm">Supermarket</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="tourism" name="categories[]" id="sidebar-categories-tourism" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-categories-tourism" class="ms-2 w-full text-gray-900 text-sm">Tourism</label>
  </div>


      </div>
    </div>
  </div>
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-seasons">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Seasons
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-seasons" class="space-y-1 pb-2 px-2 hidden">
        
                  <div class="flex items-center py-2">
        <input type="checkbox" value="spring" name="season[]" id="sidebar-season-spring" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-season-spring" class="ms-2 w-full text-gray-900 text-sm">Spring</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="summer" name="season[]" id="sidebar-season-summer" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-season-summer" class="ms-2 w-full text-gray-900 text-sm">Summer</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="autumn" name="season[]" id="sidebar-season-autumn" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-season-autumn" class="ms-2 w-full text-gray-900 text-sm">Autumn</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="winter" name="season[]" id="sidebar-season-winter" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-season-winter" class="ms-2 w-full text-gray-900 text-sm">Winter</label>
    </div>


      </div>
    </div>
  </div>
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-availability">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Availability
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-availability" class="space-y-1 pb-2 px-2 hidden">
        
                <div class="flex items-center py-2">
      <input type="checkbox" value="0-3-month" name="availability[]" id="sidebar-availability-0-3-month" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-availability-0-3-month" class="ms-2 w-full text-gray-900 text-sm">1-3 Months</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="4-9-months" name="availability[]" id="sidebar-availability-4-9-months" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-availability-4-9-months" class="ms-2 w-full text-gray-900 text-sm">4-9 Months</label>
  </div>
  <div class="flex items-center py-2">
      <input type="checkbox" value="9-months" name="availability[]" id="sidebar-availability-9-months" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
    <label for="sidebar-availability-9-months" class="ms-2 w-full text-gray-900 text-sm">9+ Months</label>
  </div>


      </div>
    </div>
  </div>
            
  <div class="py-6 border-gray-200 border-b">
    <div class="flow-root -my-3">
        <button type="button" class="group flex items-center py-4 rounded-lg w-full text-gray-900 text-base transition duration-75" data-collapse-toggle="sidebar-accommodation">
          <span class="flex-1 font-medium text-left whitespace-nowrap">
            Accommodation
          </span>
          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="h-5 w-5">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>

        </button>

      <div id="sidebar-accommodation" class="space-y-1 pb-2 px-2 hidden">
        
                  <div class="flex items-center py-2">
        <input type="checkbox" value="unknown" name="accommodation[]" id="sidebar-accommodation-unknown" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-accommodation-unknown" class="ms-2 w-full text-gray-900 text-sm">Unknown</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="unavailable" name="accommodation[]" id="sidebar-accommodation-unavailable" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-accommodation-unavailable" class="ms-2 w-full text-gray-900 text-sm">Unavailable</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="available" name="accommodation[]" id="sidebar-accommodation-available" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-accommodation-available" class="ms-2 w-full text-gray-900 text-sm">Available</label>
    </div>
    <div class="flex items-center py-2">
        <input type="checkbox" value="temporary" name="accommodation[]" id="sidebar-accommodation-temporary" class="bg-gray-100 border-gray-300 rounded-md focus:ring-2 focus:ring-endeavour-500 w-5 h-5 text-endeavour-600" data-autosubmit-target="input">
      <label for="sidebar-accommodation-temporary" class="ms-2 w-full text-gray-900 text-sm">Temporarily available</label>
    </div>


      </div>
    </div>
  </div>
</turbo-frame></form>  </div>
</turbo-frame></template></turbo-stream><turbo-stream action="replace" target="seasonal_jobs_list"><template><turbo-frame id="seasonal_jobs_list">
  <div class="flex flex-col gap-y-12 md:gap-y-10">
        <a id="seasonal_job_receptionist_wanted_at_beautiful_vacation_destinations_start_dates_from_april" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/holiday-work-abroad-receptionist">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Boat on crystal clear ocean " width="400" height="200" src="https://cdn1.yseasonal.com/isalkhw7etrjqeo04952ty1zsh0w.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Receptionist wanted at beautiful vacation destinations (Start dates from April)
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Cyprus, Spain and Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Tourism, Reception and Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Step into the world of hospitality and work in a vibrant, dynamic and international environment in a top vacation resort.
    </p>
  </div>
</a>
        <a id="seasonal_job_work_as_activity_manager_at_a_stunning_beachclub_in_baia_de_mori_italy" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-abroad-activity-manager-italy">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Managers at Neilson beachclub" width="400" height="200" src="https://cdn1.yseasonal.com/52tisac57gkfps5ziom3822fs37m.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Work as Activity Manager at a stunning beachclub in Baia De Mori, Italy! 
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Italy
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Entertainment
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      This is one of the most senior overseas positions on our team. It is a full-on, full-season role from early April to mid-November, and you will need to meet with all the details below to be considered.
    </p>
  </div>
</a>
        <a id="seasonal_job_chef_wanted_at_beautiful_dutch_coastal_location" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/working-in-the-dutch-autonomous-working-cook-coast">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Sunset on a beach in the Wadden Islands" width="400" height="200" src="https://cdn1.yseasonal.com/c3gy0f56hkd9k4fj4r9bt3rv1djz.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Chef wanted at beautiful Dutch coastal location!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        The Netherlands
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Cook and Hospitality
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Embark on a culinary adventure in one of the most enchanting places in the Netherlands! How about the tranquil beaches of Zeeland or the lively Wadden Islands? Your next challenge as a chef awaits! 🍽️
    </p>
  </div>
</a>
        <a id="seasonal_job_become_a_bartender_at_beautiful_greek_holiday_resorts_start_dates_from_april" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/holiday-work-in-greece-bartender">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="View on beach with crystal clear water" width="400" height="200" src="https://cdn1.yseasonal.com/wrdwlkbwmj0s04h4iys7mg18m5f2.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Become a bartender at beautiful Greek holiday resorts! (Start dates from April)
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel and Hospitality
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Are you ready for a summer full of adventure? Then this organization in Greece is for you. You can work as a bartender in beautiful vacation destinations!
    </p>
  </div>
</a>
        <a id="seasonal_job_spend_a_summer_as_a_kids_activity_leader_at_a_beach_resort" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/summer-job-abroad-beach-resort-kids-activity-leader">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Kids activity leader with a child at the beach" width="400" height="200" src="https://cdn1.yseasonal.com/jpaxq8f0uulwe5pz02vzn9u4qj2f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Spend a summer as a kids activity leader at a beach resort
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Croatia, Greece and Italy
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Entertainment and Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Are you ready to be a leader, a team player, and the ultimate creator of holiday magic? If so, welcome to the adventure of a lifetime at our Children’s Club Team!
    </p>
  </div>
</a>
        <a id="seasonal_job_bar_on_mallorca_seeks_employees_for_various_positions_eu_nationals" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/holiday-work-on-mallorca-operator">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Terrace on Mallorca" width="400" height="200" src="https://cdn1.yseasonal.com/n06ye3pcuw2g9u0psj1jiw4v940o.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Bar on Mallorca seeks employees for various positions! | EU Nationals
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Spain
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hospitality
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Mallorca, a paradise under the Spanish flag! An island where you need sunglasses more often than an umbrella and this is where you can go to work! Read on and have the summer of your life.

    </p>
  </div>
</a>
        <a id="seasonal_job_work_as_an_entertainer_in_sunny_greece_cyprus_eu_nationals" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-abroad-greece-entertainment">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Team of entertainers" width="400" height="200" src="https://cdn1.yseasonal.com/mjbhakyjpzsev732de1g20i8qlou.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Work as an Entertainer in Sunny Greece &amp; Cyprus! | EU Nationals
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Entertainment
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ready for a sun-soaked adventure in Greece or Cyprus? Join our entertainment team for Summer 2026 and create unforgettable holiday experiences! 🇬🇷✨
    </p>
  </div>
</a>
        <a id="seasonal_job_work_as_a_lifeguard_in_stunning_destinations_greece_spain_cyprus_or_the_maldives_start_dates_from_april" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-abroad-lifeguard-greece-spain-cyprys-maldives">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Men and woman walking on the beach with a surfboard" width="400" height="200" src="https://cdn1.yseasonal.com/3a6y3aw2jqyz27fnufo7vcz82nc2.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Work as a Lifeguard in Stunning Destinations: Greece, Spain, Cyprus, or the Maldives! (Start dates from April) 
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Cyprus, Spain and Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Tourism
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ready for a new challenge? We have a dream job for you! You can work as a lifeguard.
    </p>
  </div>
</a>
        <a id="seasonal_job_work_as_an_animator_in_beautiful_croatia" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/holiday-job-in-crown-animation">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Hvar on a sunny day in Croatia" width="400" height="200" src="https://cdn1.yseasonal.com/gacsabfrfmaj8m3zo6e7w8k10y8o.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Work as an animator in beautiful Croatia!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Croatia
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Camping, Entertainment and Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Ready to spend your summer entertaining guests on Croatia&#39;s stunning Adriatic coast? We are looking for enthusiastic animators for mini-club, sports/fitness, team leader and all-round entertainment positions. This is your chance to start an unforgettable adventure in Croatia.
    </p>
  </div>
</a>
        <a id="seasonal_job_bar_on_kos_is_looking_for_enthusiastic_employees" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-in-greece-kos-hospitality-employee">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="People partying at a beach bar" width="400" height="200" src="https://cdn1.yseasonal.com/3ucfvm92b9lwhol2u6ng23l2nz40.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Bar on Kos is looking for enthusiastic employees!
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hospitality
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      For our international bar we are looking for hospitality toppers. Our bar was founded in 1997 and is mainly aimed at Scandinavians, Dutch, English and Germans.

    </p>
  </div>
</a>
        <a id="seasonal_job_exciting_childcare_opportunities_available_at_a_beach_club_in_zakynthos" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-childcare-zakynthos-greece">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Kids jumping in the water on sunny day with kids club assistant" width="400" height="200" src="https://cdn1.yseasonal.com/pykqt7dn39zd8hge6daxe0awongu.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Exciting childcare opportunities available at a beach club in Zakynthos!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Childcare and Au Pair
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      The Peligoni Club is a family-run members club on the beautiful island of Zakynthos, Greece. Our childcare team plays a vital role in helping families relax and enjoy their holiday, offering a warm, nurturing and professional environment for our youngest guests — from 4 months to 3 years old.
    </p>
  </div>
</a>
        <a id="seasonal_job_work_at_a_summer_camp_in_america_in_2026" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-job-summer-camp-usa">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Two girls in a golf car at a summer camp" width="400" height="200" src="https://cdn1.yseasonal.com/x2u4gtpmzeai1r8xcs1dqcbti26f.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Work at a summer camp in America in 2026!
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        United States
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Camping, Sport and fitness and Entertainment
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Work Play USA is looking for people from all over the world to work at summer camps in the United States! They specialize in cultural exchanges and offer people the chance to spend their summer working at a camp in the United States. How cool is that!
    </p>
  </div>
</a>
        <a id="seasonal_job_get_to_work_as_a_waitress_at_a_sunny_vacation_destination_start_dates_from_april" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/holiday-work-in-greece-waiter">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/u2m12zeok0owc3jiam3haup89mis.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/u2m12zeok0owc3jiam3haup89mis.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/u2m12zeok0owc3jiam3haup89mis.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/u2m12zeok0owc3jiam3haup89mis.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/u2m12zeok0owc3jiam3haup89mis.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Beach with umbrellas and chairs" width="400" height="200" src="https://cdn1.yseasonal.com/u2m12zeok0owc3jiam3haup89mis.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Get to work as a waitress at a sunny vacation destination! (Start dates from April)
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel and Hospitality
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      How does a sunny challenge in a beautiful vacation destination sound? Exactly. As an Waiter/Waitress at a beautiful vacation resort, you&#39;ll find yourself in a dynamic work environment.
    </p>
  </div>
</a>
        <a id="seasonal_job_chef_roles_available_at_luxury_beachclub_in_zakynthos" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-abroad-chef-roles-zakuntos">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/4l5cmmfvt6tgz9kh3tb37qxq4nde.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/4l5cmmfvt6tgz9kh3tb37qxq4nde.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/4l5cmmfvt6tgz9kh3tb37qxq4nde.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/4l5cmmfvt6tgz9kh3tb37qxq4nde.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/4l5cmmfvt6tgz9kh3tb37qxq4nde.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Chefs in the kitchen" width="400" height="200" src="https://cdn1.yseasonal.com/4l5cmmfvt6tgz9kh3tb37qxq4nde.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Chef roles available at luxury beachclub in Zakynthos
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Cook
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      The Peligoni Club is a family-run members club on the beautiful island of Zakynthos, Greece. With four unique restaurants - The Terraces, Tasi, Mikro Nisi and The Deli Kitchen - plus a vibrant programme of feasts, weddings, BBQs and Guest Chef events, our kitchens deliver a diverse, creative and high-volume food offering throughout the season.
    </p>
  </div>
</a>
        <a id="seasonal_job_become_a_restaurant_supervisor_in_zakynthos" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-abroad-restaurant-supervisor">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/lbzm36a1xluimni5zxofgcado8wf.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/lbzm36a1xluimni5zxofgcado8wf.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/lbzm36a1xluimni5zxofgcado8wf.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/lbzm36a1xluimni5zxofgcado8wf.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/lbzm36a1xluimni5zxofgcado8wf.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Leadership at restaurant" width="400" height="200" src="https://cdn1.yseasonal.com/lbzm36a1xluimni5zxofgcado8wf.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Become a restaurant supervisor in Zakynthos
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hospitality
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      The Peligoni Club is a family-run members’ club on the beautiful island of Zakynthos, Greece. With guests spending most of their holiday at the club, our restaurants play a huge part in shaping their experience. We operate four unique outlets:
    </p>
  </div>
</a>
        <a id="seasonal_job_passionate_water_ski_instructors_needed_at_beautiful_locations" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/summer-job-abroad-working-ski-instructor">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/v1jp7j7nh6j85cp9gi9zugcj68oq.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/v1jp7j7nh6j85cp9gi9zugcj68oq.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/v1jp7j7nh6j85cp9gi9zugcj68oq.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/v1jp7j7nh6j85cp9gi9zugcj68oq.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/v1jp7j7nh6j85cp9gi9zugcj68oq.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Ski instructor doing a backflip" width="400" height="200" src="https://cdn1.yseasonal.com/v1jp7j7nh6j85cp9gi9zugcj68oq.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Passionate water ski instructors needed at beautiful locations! 
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Croatia, Greece and Italy
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Sport and fitness
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Spend your entire summer driving the best boats in the business, riding daily, and spreading your passion for the sport. You&#39;ll deliver safe, fun, and engaging Waterski/Wakeboard tuition. We expect our team to go above and beyond to create an unforgettable holiday experience for our guests. 
    </p>
  </div>
</a>
        <a id="seasonal_job_beach_club_in_croatia_is_looking_for_kitchen_staff" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/kitchen-staff-neilson-alana-beach-club-croatia">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/i78xkdp738bctv4s0hmodi3kk679.avif?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/i78xkdp738bctv4s0hmodi3kk679.avif?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/i78xkdp738bctv4s0hmodi3kk679.avif?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/i78xkdp738bctv4s0hmodi3kk679.avif?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/i78xkdp738bctv4s0hmodi3kk679.avif?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Beach club in Croatia" width="400" height="200" src="https://cdn1.yseasonal.com/i78xkdp738bctv4s0hmodi3kk679.avif?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Beach Club in Croatia is looking for kitchen staff
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Croatia
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Cook
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Neilson Alana Beach Club is a vibrant family-friendly resort offering high-quality dining experiences for guests of all ages. Blue Sun staff are essential in delivering a smooth, professional, and welcoming kitchen service that ensures every meal is enjoyable and memorable for families and children.
    </p>
  </div>
</a>
        <a id="seasonal_job_seasonal_housekeeping_positions_available_in_beautiful_greece_start_dates_from_april" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-abroad-housekeeping">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/91hbz4tm7oli7lwnyakimed1ae4p.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/91hbz4tm7oli7lwnyakimed1ae4p.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/91hbz4tm7oli7lwnyakimed1ae4p.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/91hbz4tm7oli7lwnyakimed1ae4p.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/91hbz4tm7oli7lwnyakimed1ae4p.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Beach with umbrellas, chairs and flowers" width="400" height="200" src="https://cdn1.yseasonal.com/91hbz4tm7oli7lwnyakimed1ae4p.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Seasonal housekeeping positions available in beautiful Greece! (Start dates from April)
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Join us in Greece as a housekeeper at a vibrant holiday resort! Connect with new people, discover the stunning surroundings, and soak up the amazing weather. Keep reading for all the details! 🧼

    </p>
  </div>
</a>
        <a id="seasonal_job_supermarket_employees_wanted_on_the_dutch_wadden_islands_eu_nationals" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-job-in-the-netherlands-dutch-wadden-islands">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/dmlh381kcecel6rmhhvbkjcb8vgh.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/dmlh381kcecel6rmhhvbkjcb8vgh.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/dmlh381kcecel6rmhhvbkjcb8vgh.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/dmlh381kcecel6rmhhvbkjcb8vgh.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/dmlh381kcecel6rmhhvbkjcb8vgh.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="Lighthouse on the island of Schiermonnikoog " width="400" height="200" src="https://cdn1.yseasonal.com/dmlh381kcecel6rmhhvbkjcb8vgh.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
      <div class="md:hidden inline-flex bottom-2 left-2 z-20 absolute flex-grow-0 flex-shrink-0">
        <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

      </div>
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Supermarket employees wanted on the Dutch Wadden Islands! | EU Nationals
      </h3>
        <div class="hidden md:inline-flex flex-grow-0 flex-shrink-0">
          <div class="inline-flex items-center bg-emerald-default px-6 py-2 rounded font-semibold text-emerald-100 text-sm antialiased">
  Topjob
</div>

        </div>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        The Netherlands
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Supermarket
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      This is your chance to work on one of the beautiful islands in The Netherlands. Join an international supermarket team and combine work with adventure.
    </p>
  </div>
</a>
        <a id="seasonal_job_work_as_a_cook_in_a_stunning_greek_resort_start_dates_from_april" data-turbo-frame="_top" class="bg-white flex flex-col md:flex-row w-full rounded-t-lg md:rounded-lg overflow-hidden group" href="/en/seasonal-jobs/seasonal-work-abroad-greece-cook">
  <div class="relative rounded-lg w-full md:max-w-sm overflow-hidden">
      <img class="object-cover h-full w-full group-hover:scale-105 transition-transform ease-in-out duration-300 aspect-[2/1]" srcset="https://cdn1.yseasonal.com/1mfd9ttuys77zuc2wseo05ayg3ti.jpg?width=150&amp;quality=65&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 150w, https://cdn1.yseasonal.com/1mfd9ttuys77zuc2wseo05ayg3ti.jpg?width=300&amp;quality=70&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 300w, https://cdn1.yseasonal.com/1mfd9ttuys77zuc2wseo05ayg3ti.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 400w, https://cdn1.yseasonal.com/1mfd9ttuys77zuc2wseo05ayg3ti.jpg?width=450&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 450w, https://cdn1.yseasonal.com/1mfd9ttuys77zuc2wseo05ayg3ti.jpg?width=600&amp;quality=80&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp 600w" sizes="(min-width: 768px) 450px, (min-width: 480px) 400px, 300px" loading="lazy" alt="View on beach and ocean on the Greek Island Crete" width="400" height="200" src="https://cdn1.yseasonal.com/1mfd9ttuys77zuc2wseo05ayg3ti.jpg?width=400&amp;quality=75&amp;aspect_ratio=2:1&amp;optimizer=image&amp;output=webp" />
  </div>
  <div class="md:px-4 md:py-0 pt-2 pb-4 w-full md:min-w-2/3">
    <div class="flex flex-row justify-between items-start gap-x-4 mb-2 md:mb-4">
      <h3 class="font-semibold text-gray-900 text-lg antialiased">
        Work as a cook in a stunning Greek resort! (Start dates from April) 
      </h3>
    </div>
    <dl class="gap-y-2 grid grid-cols-11 mb-2 md:mb-4 w-full">
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 0v6M9.5 9A2.5 2.5 0 0 1 12 6.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Locations
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Greece
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Categories
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Cook and Hotel
      </dd>
      <dt class="flex flex-nowrap col-span-1 md:col-span-3">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 text-gray-400">
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 12 8-8 8 8M6 10.5V19a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h3a1 1 0 0 0 1-1v-8.5"></path>
</svg>

        <span class="hidden md:inline ml-2 text-gray-400 text-sm">
          Accommodation
        </span>
      </dt>
      <dd class="col-span-10 md:col-span-8 text-gray-900 text-sm">
        Available
      </dd>
    </dl>
    <p class="text-gray-400 text-sm line-clamp-2">
      Are you the cook we are looking for? Then apply for this position and become a cook at a luxury holiday destination. 
    </p>
  </div>
</a>
        <div class="flex justify-center mt-10">
          <nav class="pagy nav" aria-label="Pages"><a href="/en/seasonal-jobs?full_reload=true" aria-label="Previous">&lt;</a><a href="/en/seasonal-jobs?full_reload=true">1</a><a role="link" aria-disabled="true" aria-current="page" class="current">2</a><a href="/en/seasonal-jobs?full_reload=true&page=3">3</a><a href="/en/seasonal-jobs?full_reload=true&page=3" aria-label="Next">&gt;</a></nav>
        </div>
  </div>
</turbo-frame></template></turbo-stream><turbo-stream action="replace" target="seasonal_jobs_count"><template><turbo-frame id="seasonal_jobs_count">48 Vacancies</turbo-frame></template></turbo-stream>