<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">

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

              <div class="prose prose-sm max-w-none prose-p:text-gray-900">
                Explore a wide range of job opportunities and find your next career adventure with our list of international vacancies.

              </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>3 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-2.5 [&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="e5f610a085" aria-hidden="true" data-ui--dropdown-target="menu"
  >

    <div
      class="flex max-h-140 flex-col overflow-hidden rounded-md bg-white shadow-md ring-1 ring-gray-900/15 origin-top" data-ui--dropdown-target="menuWrapper"
    >

      <div
        class="relative min-h-0 w-full flex-1 overflow-y-auto y-custom-scrollbar" data-ui--dropdown-target="menuContent"
      >
        <div class="p-1.5 min-w-45">          <div id="ui-action_list-component-8e56c278a3" class="">
  <div class="text-sm p-0 font-medium text-gray-800 gap-1.5 flex flex-col flex-wrap" data-action-list="true">
        <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=16&amp;country_code=ES">
    <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=16&amp;country_code=ES&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=16&amp;country_code=ES&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="{&quot;category_ids&quot;:&quot;16&quot;}"
        >
          <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>Spain</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
          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="{&quot;country_code&quot;:&quot;ES&quot;}"
        >
          <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>Customer Service</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="flex flex-col gap-y-3 px-3">
      

  <div id="vacancy_4744">
    
<div
  class="relative block group"
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Work as a Dutch-speaking Service Specialist in Valencia" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6917/photo/da6c2a3a8874032c8e96414d41a79a27.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=b9150a2131354f250bf748c8f0ad4edb 1x,
https://yobbers-assets.imgix.net/vacancyphoto/6917/photo/da6c2a3a8874032c8e96414d41a79a27.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=4054cc9fe21cbfe850cb6b6dd21446a8 2x,
https://yobbers-assets.imgix.net/vacancyphoto/6917/photo/da6c2a3a8874032c8e96414d41a79a27.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=d9f63cbeb4765fb25795b70ec65625c7 3x,
https://yobbers-assets.imgix.net/vacancyphoto/6917/photo/da6c2a3a8874032c8e96414d41a79a27.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=658d4894673b521f09efe327a2628912 4x,
https://yobbers-assets.imgix.net/vacancyphoto/6917/photo/da6c2a3a8874032c8e96414d41a79a27.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=839c597bb83907394a0fb2a3490abd9f 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/6917/photo/da6c2a3a8874032c8e96414d41a79a27.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=d12d3a5b8ff95e144bda95d6629cd7c3" />


      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Work as a Dutch-speaking Service Specialist in Valencia</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path data-color="color-2" d="M15 13h-5c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1H1v2c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-2z"></path><path d="M15 4h-3V1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v3H1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h5v-1c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v1h5c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1zm-5 0H6V2h4v2z"></path></g></svg>
                <span>Service Specialist</span>
              </div>

              <div class="mb-1"></div>

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M8 0C4.1 0 1 3.1 1 7c0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg>
                <span>Valencia, Spain</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g transform="translate(0, 0)"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-0.1,3-0.3l5.6,2.2c0.1,0,0.2,0.1,0.4,0.1  c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.4-0.6,0.4-0.9l-0.5-4.7C23.1,15.4,24,13.2,24,11z M14,14H7v-2h7V14z M17,10H7V8h10V10z"></path></g></svg>
                    <span>Dutch + English</span>
                  </div>
            </div>

            <div class="mb-3"></div>

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Looking for a fresh start in Spain? Become a Service Specialist in Valencia at a growing organization and enjoy the sun, beach, and a vibrant city life. Apply now!
            </div>

            <div class="mb-3"></div>
          </div>
        </div>
      </div>

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Daily breakfast and lunch at the office 😋</div>

              <div class="perk-badge js-loader-el">+2</div>
          </div>
      </div>
    </div>
  </div>

  <a class="absolute top-0 left-0 w-full h-full rounded-lg tap-highlight-none outline-none transition active:ring-4 focus:ring-4 ring-primary-500/20" data-turbo-frame="_top" data-do="click-&gt;vacancy-tracking#trackClick" href="/en/vacancies-abroad/work-in-spain-valencia-service-specialist"></a>

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4744" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4744/toggle" data-gtm-favourite-vacancy-id-value="4744" data-gtm-favourite-vacancy-title-value="Work as a Dutch-speaking Service Specialist in Valencia" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_1e003ce1-843e-40ea-a1b7-206993bc0ce0" data-gtm-favourite-vacancy-categories-value="[16,21]" data-gtm-favourite-vacancy-country-codes-value="[&quot;ES&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4744" href="/en/login-sign-up?saved_vacancy=4744" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-width="2"></path></g></svg>
</a>
  </div>
</div>


      <div class="mb-3 xl:mb-8"></div>
  </div>


  <div id="vacancy_4865">
    
<div
  class="relative block group"
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Work in Valencia as a Dutch-speaking Customer Service Agent for Odido" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/nl-_wewow_customer-support-qrggpgiwyynhea-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=4634cd997d6b250d535915ebc75d6e4e 1x,
https://yobbers-assets.imgix.net/media/nl-_wewow_customer-support-qrggpgiwyynhea-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=5741f4d05073f4ad2a677eab221af989 2x,
https://yobbers-assets.imgix.net/media/nl-_wewow_customer-support-qrggpgiwyynhea-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=5944c9e50d9004282e6d78fbb7cd6991 3x,
https://yobbers-assets.imgix.net/media/nl-_wewow_customer-support-qrggpgiwyynhea-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=c9100bc3e032ed5cbaa8d1468a20f2f5 4x,
https://yobbers-assets.imgix.net/media/nl-_wewow_customer-support-qrggpgiwyynhea-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=4cabcbd3d328ddf533c67b5cdcdefbbe 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/nl-_wewow_customer-support-qrggpgiwyynhea-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=ff7625af1656ec1bda251dc2fe424e48" />


          <div id="500_signing_bonus" class="absolute z-10 min-w-0 w-fit bottom-2 mx-auto justify-center js-loader-el left-1 right-1 max-w-[calc(100%-0.5rem)] hidden lg:flex"><div class="relative bg-no-repeat max-w-full bg-center truncate text-white font-semibold font-caveat text-shadow-md/25 text-center py-4 pl-[18px] pr-[24px] text-2xl bg-size-[100%_auto]" style="background-image: url(&#39;https://static-files-yobbers.imgix.net/promoted/medium_banner_v2?ixlib=rails-4.3.1&#39;);">€500 signing bonus </div></div>
      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Work in Valencia as a Dutch-speaking Customer Service Agent for Odido</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path data-color="color-2" d="M15 13h-5c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1H1v2c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-2z"></path><path d="M15 4h-3V1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v3H1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h5v-1c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v1h5c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1zm-5 0H6V2h4v2z"></path></g></svg>
                <span>Customer Service Agent</span>
              </div>

              <div class="mb-1"></div>

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M8 0C4.1 0 1 3.1 1 7c0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg>
                <span>Valencia, Spain</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g transform="translate(0, 0)"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-0.1,3-0.3l5.6,2.2c0.1,0,0.2,0.1,0.4,0.1  c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.4-0.6,0.4-0.9l-0.5-4.7C23.1,15.4,24,13.2,24,11z M14,14H7v-2h7V14z M17,10H7V8h10V10z"></path></g></svg>
                    <span>Dutch (Belgian)/Dutch</span>
                  </div>
            </div>

            <div class="mb-3"></div>

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Work as a Dutch-speaking Customer Service Agent for Odido in Valencia, Spain. Help Dutch customers with telecom questions and enjoy life in one of Europe&#39;s sunniest cities.
            </div>

            <div class="mb-3"></div>
          </div>
        </div>
      </div>

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Flight included 🛩️</div>

              <div class="perk-badge js-loader-el">+2</div>
          </div>
      </div>
    </div>
  </div>

  <a class="absolute top-0 left-0 w-full h-full rounded-lg tap-highlight-none outline-none transition active:ring-4 focus:ring-4 ring-primary-500/20" data-turbo-frame="_top" data-do="click-&gt;vacancy-tracking#trackClick" href="/en/vacancies-abroad/working-in-spain-valencia-dutch-speaking-customer-service-agent-odido"></a>

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4865" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4865/toggle" data-gtm-favourite-vacancy-id-value="4865" data-gtm-favourite-vacancy-title-value="Work in Valencia as a Dutch-speaking Customer Service Agent for Odido" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_a0a02fd2-76cb-4267-9b11-c79d72b66fc0" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;ES&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4865" href="/en/login-sign-up?saved_vacancy=4865" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-width="2"></path></g></svg>
</a>
  </div>
</div>


      <div class="mb-3 xl:mb-8"></div>
  </div>


  <div id="vacancy_4825">
    
<div
  class="relative block group"
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="ASN Bank is hiring Dutch-speaking Customer Service Advisors in Alicante" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/vacancy-header_yource-spain_asn-2-brdslkxlxivuvw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=17c20cbf49271c48621af44b527dda83 1x,
https://yobbers-assets.imgix.net/media/vacancy-header_yource-spain_asn-2-brdslkxlxivuvw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=f3629def016db67d3d9c39301dc16295 2x,
https://yobbers-assets.imgix.net/media/vacancy-header_yource-spain_asn-2-brdslkxlxivuvw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=3f4c970e684d48819b83ed0d87482ff8 3x,
https://yobbers-assets.imgix.net/media/vacancy-header_yource-spain_asn-2-brdslkxlxivuvw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=c44a76703cc38a68465991b58d459c93 4x,
https://yobbers-assets.imgix.net/media/vacancy-header_yource-spain_asn-2-brdslkxlxivuvw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=34279c7d48dd457e013b3bad46004ea0 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/vacancy-header_yource-spain_asn-2-brdslkxlxivuvw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=0dfc65be6e92827d8a90cfd6af3e4ef0" />


          <div id="500_signing_bonus" class="absolute z-10 min-w-0 w-fit bottom-2 mx-auto justify-center js-loader-el left-1 right-1 max-w-[calc(100%-0.5rem)] hidden lg:flex"><div class="relative bg-no-repeat max-w-full bg-center truncate text-white font-semibold font-caveat text-shadow-md/25 text-center py-4 pl-[18px] pr-[24px] text-2xl bg-size-[100%_auto]" style="background-image: url(&#39;https://static-files-yobbers.imgix.net/promoted/medium_banner_v2?ixlib=rails-4.3.1&#39;);">€500 signing bonus </div></div>
      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">ASN Bank is hiring Dutch-speaking Customer Service Advisors in Alicante</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path data-color="color-2" d="M15 13h-5c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1H1v2c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-2z"></path><path d="M15 4h-3V1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v3H1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h5v-1c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v1h5c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1zm-5 0H6V2h4v2z"></path></g></svg>
                <span>Customer Service Advisors</span>
              </div>

              <div class="mb-1"></div>

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M8 0C4.1 0 1 3.1 1 7c0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg>
                <span>Alicante, Spain</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><g transform="translate(0, 0)"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-0.1,3-0.3l5.6,2.2c0.1,0,0.2,0.1,0.4,0.1  c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.4-0.6,0.4-0.9l-0.5-4.7C23.1,15.4,24,13.2,24,11z M14,14H7v-2h7V14z M17,10H7V8h10V10z"></path></g></svg>
                    <span>Dutch (Belgian)/Dutch + English</span>
                  </div>
            </div>

            <div class="mb-3"></div>

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Start your career in the financial sector in sunny Alicante! Work for a Dutch bank, support customers and enjoy the Spanish lifestyle.
            </div>

            <div class="mb-3"></div>
          </div>
        </div>
      </div>

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Flight included 🛩️</div>

              <div class="perk-badge js-loader-el">+3</div>
          </div>
      </div>
    </div>
  </div>

  <a class="absolute top-0 left-0 w-full h-full rounded-lg tap-highlight-none outline-none transition active:ring-4 focus:ring-4 ring-primary-500/20" data-turbo-frame="_top" data-do="click-&gt;vacancy-tracking#trackClick" href="/en/vacancies-abroad/working-in-spain-alicante-dutch-speaking-asn"></a>

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4825" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4825/toggle" data-gtm-favourite-vacancy-id-value="4825" data-gtm-favourite-vacancy-title-value="ASN Bank is hiring Dutch-speaking Customer Service Advisors in Alicante" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_80ddf11c-c122-4b51-a061-483e28833ff0" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;ES&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4825" href="/en/login-sign-up?saved_vacancy=4825" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><g stroke-linecap="round" fill="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M20.554,11.889,12,20.778,3.446,11.889A5.265,5.265,0,1,1,12,5.964a5.265,5.265,0,1,1,8.554,5.925Z" fill="none" stroke="currentColor" stroke-width="2"></path></g></svg>
</a>
  </div>
</div>


      <div class="mb-3 xl:mb-8"></div>
  </div>

    </div>
    <div class="mb-12"></div>
    


    <div class="mb-12"></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_languages">

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

    <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;country_code&quot;:&quot;ES&quot;,&quot;category_ids&quot;:&quot;16&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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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;16&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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 border-primary-100 bg-primary-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="ES" checked="checked" 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_locations">

    <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="locations" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;country_code&quot;:&quot;ES&quot;,&quot;category_ids&quot;:&quot;16&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">
            Cities
          </div>


            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="3779" 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"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Alicante</span><span class="block truncate text-body-xs leading-tight text-gray-500">Spain</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_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"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Madrid</span><span class="block truncate text-body-xs leading-tight text-gray-500">Spain</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="29" 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"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Valencia</span><span class="block truncate text-body-xs leading-tight text-gray-500">Spain</span></span></span></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="{&quot;country_code&quot;:&quot;ES&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">Categories</div>

          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 border-primary-100 bg-primary-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="16" checked="checked" 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="42" 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">Automotive</span>
</label>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 hidden 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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>


          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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">iGaming</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 (8)</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;country_code&quot;:&quot;ES&quot;,&quot;category_ids&quot;:&quot;16&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;country_code&quot;:&quot;ES&quot;,&quot;category_ids&quot;:&quot;16&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;country_code&quot;:&quot;ES&quot;,&quot;category_ids&quot;:&quot;16&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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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>
</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;country_code&quot;:&quot;ES&quot;,&quot;category_ids&quot;:&quot;16&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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="52" 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">Extras</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_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">Flight included</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="45" 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">Health insurance included</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="47" 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">Language course included</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_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">Part-time possible</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="perk_category_ids" id="perk_category_ids" value="42" 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 support</span>
</label>


          </div>
          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 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</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"
    >
      <p>Vacancies abroad can come in all shapes, roles, and industries. Yobbers offers a diverse range of jobs abroad tailored to various preferences and career paths. Choose from our various locations and language options that suit your preferences and skills to find the perfect option for you! Each position offers a chance for personal growth and self-discovery. Find the role that aligns with your skills and interests, and embark on a unique journey abroad with Yobbers as your travel partner. Apply now for a job abroad and unlock the doors to an unforgettable adventure with Yobbers!</p>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream>
  <turbo-stream url="/en/vacancies-abroad?category_ids=16&amp;country_code=ES" action="push_vacancy_index_state"><template></template></turbo-stream>
  <turbo-stream title="Find job vacancies abroad – Start your global career | Yobbers" action="set_title"><template></template></turbo-stream>

<turbo-stream text="Show 3 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;:[&quot;ES&quot;],&quot;vacanciesFilteredLocations&quot;:[],&quot;vacanciesFilteredJobPerkCategories&quot;:[],&quot;vacanciesFilteredCategories&quot;:[&quot;Customer Service&quot;],&quot;vacanciesFilteredWorkingHours&quot;:null,&quot;vacanciesFilteredResultsCount&quot;:3,&quot;vacanciesFilteredAccommodationType&quot;:null,&quot;vacanciesFilteredEnglishProficiency&quot;:null}" debounce_time="3000" action="track_event"><template></template></turbo-stream>

