<turbo-stream action="replace" target="vacancies_header"><template>
  <turbo-frame id="vacancies_header">

  <section class="header-vacancies relative">
    <div class="items relative z-20">
      <div class="mx-auto max-w-screen-md px-4 lg:max-w-screen-2xl lg:px-8">
        <div class="pt-8 pb-3 lg:pt-12">
          <div class="flex items-center">
            <div class="max-w-screen-xl overflow-hidden">
                <div class="flex items-center gap-x-2 mb-3 text-[13px] overflow-hidden">
                    <div
                      data-test-id="breadcrumb" class="whitespace-nowrap inline-block"
                    >
                      <a class="hover:text-gray-900 text-gray-900/60" data-turbo-frame="_top" href="/en/vacancies-abroad">Jobs abroad</a>
                    </div>

                      <span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="8px" height="8px" viewBox="0 0 12 12" role="img" aria-hidden="true" class="size-2 text-gray-500" style="fill: currentColor !important;"><g transform="translate(0, 0)"><path d="M9.707,5.293l-5-5A1,1,0,0,0,3.293,1.707L7.586,6,3.293,10.293a1,1,0,1,0,1.414,1.414l5-5A1,1,0,0,0,9.707,5.293Z"></path></g></svg></span>
                    <div
                      data-test-id="breadcrumb" class="whitespace-nowrap inline-block max-w-[200px] truncate"
                    >
                      HR jobs
                    </div>

                </div>

              <h1 class="fs-display1 mb-4 font-bold text-gray-900">
                HR jobs
              </h1>

              <div class="prose prose-sm max-w-none prose-p:text-gray-900">
                Have you ever thought about working abroad? Check out Yobbers’ HR jobs abroad and turn your daily routine to a new adventure! Discover new cultures, grow professionally, and make unforgettable memories along the way!

                  <a data-turbo="false" href="#information">Read more below</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_frame"><template>
  <turbo-frame autoscroll="true" class="turbo-loader" data-turbo-action="advance" data-controller="turbo-param-filter" data-turbo-param-filter-params-value="[&quot;reset&quot;, &quot;filter_id&quot;]" id="vacancies_frame">
  

  <div class="mt-3 mb-3 flex items-center justify-between px-3 text-gray-600">
    <div>0 vacancies</div>

    <div>
      <div class="group relative select-none z-50 isolate contents" data-controller="ui--dropdown" data-ui--dropdown-placement-value="bottom-end" data-ui--dropdown-is-open-value="false" data-ui--dropdown-clone-menu-value="false" data-ui--dropdown-searchable-value="false" data-ui--dropdown-wrapper-class="is-open" data-ui--dropdown-open-class="hidden">
    <button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 duration-(--duration-hover) ease-linear cursor-pointer [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-input-sm rounded-md gap-1.5 px-3 has-[&gt;svg]:px-[10px] [&amp;_svg:not([class*=&quot;size-&quot;])]:size-[14px]" data-ripplet="true" data-slot="button" data-ui--dropdown-target="trigger" type="button" tabindex="0" id="sortVacancies">          Recommended
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" class="shrink-0" style="fill: currentColor !important;" width="16px" height="16px"><g><polygon points="8,11.4 2.6,6 4,4.6 8,8.6 12,4.6 13.4,6 "></polygon></g></svg></button>

  <div
    class="absolute hidden min-w-45 w-max" id="041d4917ad" data-ui--dropdown-target="menu"
  >

    <div
      class="rounded-md bg-white shadow-md ring-1 ring-gray-900/15 origin-top" data-ui--dropdown-target="menuWrapper"
    >

      <div
        class="w-full overflow-hidden overflow-y-auto max-h-120 relative y-custom-scrollbar" data-ui--dropdown-target="menuContent"
      >
        <div class="p-1.5 min-w-[180px]">          <div id="ui-action_list-component-d1ec46ca19" class="">
  <div class="text-sm p-0 font-medium text-gray-800 gap-1.5 flex flex-col flex-wrap">
        <a data-turbo-frame="vacancies_frame" data-slot="action-list-item" class="group flex items-center gap-x-3 py-1.5 px-2 truncate rounded-md data-[active]:bg-gray-100 data-[active]:text-gray-900 [&amp;_svg]:text-gray-400 hover:[&amp;_svg]:text-gray-900 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;amp;_svg]:text-gray-900" href="/en/vacancies-abroad?category_ids=24">
    <svg xmlns="http://www.w3.org/2000/svg" height="16px" width="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3" style="fill: currentColor !important;"><g fill="currentColor" class="nc-icon-wrapper"><path d="M4.5,3c-.827,0-1.5-.673-1.5-1.5,0-.276-.224-.5-.5-.5s-.5,.224-.5,.5c0,.827-.673,1.5-1.5,1.5-.276,0-.5,.224-.5,.5s.224,.5,.5,.5c.827,0,1.5,.673,1.5,1.5,0,.276,.224,.5,.5,.5s.5-.224,.5-.5c0-.827,.673-1.5,1.5-1.5,.276,0,.5-.224,.5-.5s-.224-.5-.5-.5Z" fill="currentColor"></path><path d="M14.5,13c-.827,0-1.5-.673-1.5-1.5,0-.276-.224-.5-.5-.5s-.5,.224-.5,.5c0,.827-.673,1.5-1.5,1.5-.276,0-.5,.224-.5,.5s.224,.5,.5,.5c.827,0,1.5,.673,1.5,1.5,0,.276,.224,.5,.5,.5s.5-.224,.5-.5c0-.827,.673-1.5,1.5-1.5,.276,0,.5-.224,.5-.5s-.224-.5-.5-.5Z" fill="currentColor"></path><path d="M8.325,7.675l-1.062-.352L.293,14.293c-.391,.391-.391,1.023,0,1.414,.195,.195,.451,.293,.707,.293s.512-.098,.707-.293l6.97-6.969-.352-1.063Z" fill="currentColor"></path><path d="M10.819,9.392c-.025,0-.05-.002-.075-.006-.177-.028-.323-.152-.379-.322l-.852-2.577-2.577-.852c-.169-.056-.294-.203-.322-.379s.045-.354,.189-.46l2.188-1.606,.014-2.714c0-.178,.102-.342,.261-.423,.16-.082,.351-.066,.496,.037l2.204,1.584,2.586-.825c.17-.053,.357-.009,.483,.118s.172,.313,.117,.484l-.826,2.585,1.585,2.205c.104,.146,.119,.337,.037,.496-.081,.16-.245,.26-.423,.261l-2.714,.014-1.606,2.187c-.091,.124-.234,.195-.385,.195Z" fill="currentColor" data-color="color-2"></path></g></svg>
                    Recommended

    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3 ml-auto" style="fill: currentColor !important;" width="16px" height="16px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg>
</a>
        <a data-turbo-frame="vacancies_frame" data-slot="action-list-item" class="group flex items-center gap-x-3 py-1.5 px-2 truncate rounded-md data-[active]:bg-gray-100 data-[active]:text-gray-900 [&amp;_svg]:text-gray-400 hover:[&amp;_svg]:text-gray-900 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;amp;_svg]:text-gray-900" href="/en/vacancies-abroad?category_ids=24&amp;filter_sort_by=DESC">
    <svg xmlns="http://www.w3.org/2000/svg" height="16px" width="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3" style="fill: currentColor !important;"><g fill="currentColor" class="nc-icon-wrapper"><path d="M13.707,9.293a1,1,0,0,0-1.414,0L9,12.586V1A1,1,0,0,0,7,1V12.586L3.707,9.293a1,1,0,0,0-1.414,1.414l5,5a1,1,0,0,0,1.414,0l5-5A1,1,0,0,0,13.707,9.293Z" fill="currentColor"></path></g></svg>
                    Newest first

    
    <div class="size-3 ml-auto"></div>
</a>
        <a data-turbo-frame="vacancies_frame" data-slot="action-list-item" class="group flex items-center gap-x-3 py-1.5 px-2 truncate rounded-md data-[active]:bg-gray-100 data-[active]:text-gray-900 [&amp;_svg]:text-gray-400 hover:[&amp;_svg]:text-gray-900 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&amp;amp;_svg]:text-gray-900" href="/en/vacancies-abroad?category_ids=24&amp;filter_sort_by=ASC">
    <svg xmlns="http://www.w3.org/2000/svg" height="16px" width="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3" style="fill: currentColor !important;"><g fill="currentColor" class="nc-icon-wrapper"><path d="M13.707,5.293l-5-5a1,1,0,0,0-1.414,0l-5,5A1,1,0,0,0,3.707,6.707L7,3.414V15a1,1,0,0,0,2,0V3.414l3.293,3.293a1,1,0,0,0,1.414-1.414Z" fill="currentColor"></path></g></svg>
                    Oldest first

    
    <div class="size-3 ml-auto"></div>
</a>
  </div>
</div>
</div>
      </div>
    </div>
  </div>
</div>    </div>
  </div>

    <div class="flex w-full flex-wrap gap-1 px-3 pt-3 pb-1.5">
        <div
          data-controller="vacancy-filter" data-vacancy-filter-id-value="reset" data-turbo-frame="modal" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{}"
        >
          <form data-vacancy-filter-target="form" action="https://www.yobbers.com/en/vacancies-abroad" accept-charset="UTF-8" method="get">
            <button name="button" type="submit" class="y-btn y-btn--xs y-btn--rounded gap-x-1.5 !bg-gray-900 !text-gray-100" data-do="click-&gt;vacancy-filter#submit:prevent">
              <span>HR</span>
              <svg xmlns="http://www.w3.org/2000/svg" height="16px" width="16px" viewBox="0 0 12 12" role="img" aria-hidden="true" class="y-btn__icon" style="fill: currentColor !important;"><g stroke-width="1" stroke-linejoin="round" fill="none" stroke="currentColor" stroke-linecap="round" class="nc-icon-wrapper"><line x1="1.5" y1="1.5" x2="10.5" y2="10.5"></line> <line x1="10.5" y1="1.5" x2="1.5" y2="10.5"></line></g></svg>
</button></form>        </div>

      <div
        class="ml-3" data-controller="vacancy-filter" data-vacancy-filter-id-value="reset" data-turbo-frame="modal" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{}"
      >
        <form data-vacancy-filter-target="form" action="https://www.yobbers.com/en/vacancies-abroad" accept-charset="UTF-8" method="get">
          <button name="button" type="submit" class="inline-flex items-center justify-center underline text-gray-600 text-sm hover:text-gray-800" data-do="click-&gt;vacancy-filter#submit:prevent">Reset all filters</button>
</form>      </div>
    </div>

  <div class="mb-6 lg:mb-12"></div>

      <div class="mx-auto flex max-w-xs flex-col justify-center px-3 py-3 text-center lg:px-0">
    <div class="bg-white ring-1 overflow-hidden rounded-lg ring-gray-900/10 ring-inset">
        <img alt="" loading="lazy" decoding="async" srcset="https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=1&q=75 1x,
https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=2&q=50 2x,
https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=3&q=35 3x,
https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=4&q=23 4x,
https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center&dpr=5&q=20 5x" sizes="100vw" src="https://static-files-yobbers.imgix.net/promoted/ha-lissabon?ixlib=rails-4.3.1&auto=format&rect&h=120&w=740&fit=crop&crop=center" />


      <div class="p-6 lg:p-16">
        <h4 class="fs-headline1 mb-3">Sorry, no vacancies match your filters!</h4>

        <p class="mb-6 text-gray-600">Unfortunately, our current vacancies do not match your filters. We can notify you when we have new vacancies that match your current filters.</p>

        <a class="gw-button -notification s-fullwidth -light-border -rounded" data-do="click-&gt;modal#open" data-modal-size="sm" data-turbo-frame="modal" href="/en/search_queries/new">
          <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px" role="img" aria-hidden="true" class="text-primary" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path d="M21.855,18.482A12.85,12.85,0,0,1,20,11.994V8.006a8,8,0,0,0-16,0v3.982a12.851,12.851,0,0,1-1.855,6.494A1,1,0,0,0,3,20H21a1,1,0,0,0,.855-1.518Z"></path> <path data-color="color-2" d="M13.007,23.825a3,3,0,0,0,1.819-1.819H9.174A3,3,0,0,0,13.007,23.825Z"></path></g></svg></div>
          <span class="pl-3">Receive updates</span>
</a>      </div>
    </div>
  </div>

</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_filter_index"><template>
  <turbo-frame id="vacancies_filter_index">
  <div class="mb-6 flex flex-col gap-y-4">
    <div class="px-1.5">
      <a class="gw-button -notification -block -light-border -rounded" data-turbo-frame="modal" data-do="click-&gt;modal#open" data-modal-size="sm" href="/en/search_queries/new">
        <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px" role="img" aria-hidden="true" class="text-primary" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path d="M21.855,18.482A12.85,12.85,0,0,1,20,11.994V8.006a8,8,0,0,0-16,0v3.982a12.851,12.851,0,0,1-1.855,6.494A1,1,0,0,0,3,20H21a1,1,0,0,0,.855-1.518Z"></path> <path data-color="color-2" d="M13.007,23.825a3,3,0,0,0,1.819-1.819H9.174A3,3,0,0,0,13.007,23.825Z"></path></g></svg></div>
        <span class="pl-3">Receive updates</span>
</a>    </div>

        <turbo-frame id="filter_english_only">
    <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
      <div>Language</div>
    </div>

    <div class="px-1.5" data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="english_only" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;24&quot;}">
      <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
        <div class="flex items-center justify-between">
          <label class="form-checkbox-toggle form-checkbox-toggle--sm">
            <input type="checkbox" name="english_only" id="english_only" value="true" />
            <span class="form-checkbox-toggle__slider"></span>
            <span class="form-checkbox-toggle__text">English only</span>
</label>
          <div
            data-controller="tooltip" data-content="Filter vacancies that only require English language skills."
          >
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="icon text-gray-500" style="fill: currentColor !important;"><g transform="translate(0, 0)"><path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M8,13c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1  C9,12.6,8.6,13,8,13z M9.5,8.4C9,8.7,9,8.8,9,9v1H7V9c0-1.3,0.8-1.9,1.4-2.3C8.9,6.4,9,6.3,9,6c0-0.6-0.4-1-1-1  C7.6,5,7.3,5.2,7.1,5.5L6.6,6.4l-1.7-1l0.5-0.9C5.9,3.6,6.9,3,8,3c1.7,0,3,1.3,3,3C11,7.4,10.1,8,9.5,8.4z"></path></g></svg>
          </div>
        </div>
</form>    </div>
</turbo-frame>  <div class="w-full h-[1px] bg-gray-200 mx-2 my-1.5"></div>
  <turbo-frame id="filter_languages">

    <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="languages" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;24&quot;}">
      <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="language_ids" id="language_ids" value="27" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Dutch</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="language_ids" id="language_ids" value="22" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Dutch (Belgian)</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="language_ids" id="language_ids" value="1" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">English</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="language_ids" id="language_ids" value="2" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">German</span>
</label>


</form>    </div>

</turbo-frame>
      <turbo-frame id="filter_countries">

  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="countries" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;24&quot;}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">Countries</div>


          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="BG" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Bulgaria</span>
</label>


          </div>

          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="GR" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Greece</span>
</label>


          </div>

          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="MT" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Malta</span>
</label>


          </div>

          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="PT" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Portugal</span>
</label>


          </div>

          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="ES" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Spain</span>
</label>


          </div>
      </div>
</form>

  </div>
</turbo-frame>
      <turbo-frame id="filter_categories">
  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="categories" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">Categories</div>

          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="39" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">No experience needed</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="16" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Customer service</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="21" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Sales</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="23" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Marketing</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="36" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Content moderation</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="37" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Game presenting</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="25" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">IT</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="31" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Internship</span>
</label>


          <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="33" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Remote</span>
</label>


      </div>
</form>

      <div class="px-1.5">
        <div class="my-3">
          <form class="button_to" method="get" action="/en/vacancy_filters/categories"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">View more (9)</button></form>
        </div>
      </div>
  </div>
</turbo-frame>
      <turbo-frame id="filter_working_hours">
  <div
    id="workingHours" data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="working_hours" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;24&quot;}"
  >
    <div>
      <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
        Working hours
      </div>

      <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
        <div
          data-controller="range-slider" data-collapsible-target="body" data-range-slider-options-value="[&quot;24&quot;,&quot;32&quot;,&quot;40&quot;]" data-range-slider-multiple-slider="true"
        >
          <div class="mx-3">
            <div class="slider-wrapper">
              <input type="hidden" name="working_hours_min" id="working_hours_min" data-range-slider-target="minValue" autocomplete="off" />
              <input type="hidden" name="working_hours_max" id="working_hours_max" data-range-slider-target="maxValue" autocomplete="off" />

              <div class="range-slider" data-range-slider-target="slider filter"></div>
              <div class="marker -m0"><span>24</span></div>
              <div class="marker -m50"><span>32</span></div>
              <div class="marker -m100"><span>40</span></div>
            </div>
          </div>
        </div>
</form>    </div>
  </div>
</turbo-frame>
      <turbo-frame id="filter_english_language_level">
  <div
    data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="english_language_level" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;24&quot;}"
  >
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
          English language level
        </div>

        <div
          data-controller="range-slider" data-collapsible-target="body" data-range-slider-options-value="[&quot;0&quot;,&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;]" data-range-slider-multiple-slider="true"
        >
          <div class="mx-3">

            <div class="slider-wrapper">
              <input type="hidden" name="english_language_level_min" id="english_language_level_min" data-range-slider-target="minValue" autocomplete="off" />
              <input type="hidden" name="english_language_level_max" id="english_language_level_max" data-range-slider-target="maxValue" autocomplete="off" />

              <div class="range-slider" data-range-slider-target="slider filter"></div>

                <div class="marker" style="left: 0%"><span>A1</span></div>
                <div class="marker" style="left: 20%"><span>A2</span></div>
                <div class="marker" style="left: 40%"><span>B1</span></div>
                <div class="marker" style="left: 60%"><span>B2</span></div>
                <div class="marker" style="left: 80%"><span>C1</span></div>
                <div class="marker" style="left: 100%"><span>C2</span></div>
            </div>
          </div>
        </div>
      </div>
</form>  </div>
</turbo-frame>
      <turbo-frame id="filter_accommodation">
  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="accommodation" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;24&quot;}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
          Accommodation 
        </div>

          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="assistance" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Help with searching for accommodation provided</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="temporary" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Temporary accommodation provided</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="positive" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Accommodation provided</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="negative" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">No accommodation provided</span>
</label>


          </div>
      </div>
</form>  </div>
</turbo-frame>
      <turbo-frame id="filter_vacancy_list">
    <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="perks" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;category_ids&quot;:&quot;24&quot;}">
      <div class="text-paragraph-sm px-1.5 py-3 font-semibold">Advantages</div>

      <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="5" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Bonus 💶</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="21" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Other benefits 🤩</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="19" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Relocation package 📦</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="flex py-1.5 px-1.5 gap-x-1.5 rounded y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="23" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Remote work 🌍</span>
</label>


          </div>
</form>    </div>
</turbo-frame>
  </div>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_footer"><template>
  <turbo-frame id="vacancies_footer">
  <div class="bg-primaryBg" id="information">
    <div
      class="px-6 md:px-16 py-16 text-gray-700 prose prose-sm max-w-screen-lg mx-auto prose-p:text-gray-900"
    >
      <h2>HR jobs abroad</h2><p>Working in HR abroad is a great <strong>chance to grow your career </strong>while experiencing life in a new country and getting to know different cultures. From recruiting international talents to supporting your team, you’ll gain valuable skills in an international environment. HR jobs abroad are a great opportunity to level up your skills and live abroad at the same time!</p><h3></h3><h3>HR jobs in Spain</h3><p>Ready to start working in HR abroad? HR jobs under the <strong>Spanish sun</strong> offer more than you think! Whether you&#39;re handling recruitment, supporting employee well-being, or building company culture, you&#39;ll gain hands-on experience! Want to get started? Start your HR job in <a href="https://www.yobbers.com/en/working-in-spain" rel="noopener noreferrer" target="_blank">Spain</a> for English speakers and become part of a dynamic, purpose-driven team while living and working in one of Europe’s most vibrant countries. ¡Vamos! 🇪🇸</p><h3></h3><h3>How to start your HR job abroad </h3><p>Got excited? Starting your HR job abroad is easier than you think! Begin by exploring open positions or internships that match your interests and language skills. Prepare a strong CV and a motivational letter that highlights your skills. Whether you&#39;re looking for a full-time role or an <a href="https://www.yobbers.com/en/blog/general/yobbers/hr-internship-yobbers-sofia" rel="noopener noreferrer" target="_blank">internship</a> like the one at <strong>Yobbers in Spain</strong>, taking the first step is all it takes to start working in HR abroad!</p>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream>
  <turbo-stream url="https://www.yobbers.com/en/hr-jobs" title="" state="{}" action="push_state"><template></template></turbo-stream>
  <turbo-stream title="HR | Yobbers" action="set_title"><template></template></turbo-stream>

<turbo-stream text="Show 0 vacancies" action="text_content" targets="#turboUpdateResults"><template></template></turbo-stream>
<turbo-stream event_name="vacanciesFiltered" event_props="{&quot;platform&quot;:&quot;EN&quot;,&quot;vacanciesFilteredEnglishOnly&quot;:false,&quot;vacanciesFilteredLanguages&quot;:[],&quot;vacanciesFilteredCountries&quot;:null,&quot;vacanciesFilteredJobPerkCategories&quot;:[],&quot;vacanciesFilteredCategories&quot;:[&quot;HR&quot;],&quot;vacanciesFilteredWorkingHours&quot;:null,&quot;vacanciesFilteredResultsCount&quot;:0,&quot;vacanciesFilteredAccommodationType&quot;:null,&quot;vacanciesFilteredEnglishProficiency&quot;:null}" debounce_time="3000" action="track_event"><template></template></turbo-stream>

