<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 pt-6 bg-primaryBg lg:rounded-[36px] lg:mt-0">
    <div class="mb-3 flex items-center gap-x-1.5 px-3 lg:px-6">
      <svg xmlns="http://www.w3.org/2000/svg" height="32px" width="32px" viewBox="0 0 48 48" role="img" aria-hidden="true" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><path d="M34.438,11.774c-.245-.3-.462-.569-.645-.806a1,1,0,0,0-1.745.3,15.325,15.325,0,0,1-2.474,4.648c.064-3.972-.723-10.981-6.479-14.756A1,1,0,0,0,21.546,2c0,3.276-1.755,6.767-4.806,9.575C13.788,14.293,6.929,21.476,7,29.433c.047,5.223,2.558,12.328,8.843,15.674a1,1,0,0,0,1.449-.672,19.274,19.274,0,0,1,2.843-6.087c1.41-2.264,2.743-4.4,2.865-7.389a1,1,0,0,1,1.685-.688c3.548,3.339,5.638,8.108,6.16,13.884a1,1,0,0,0,1.46.782c4.517-2.413,8.066-7,8.632-14.085C41.743,20.771,36.809,14.694,34.438,11.774Z" fill="#e86c60"></path></g></svg>

      <div>
        <h4 class="text-body-sm font-semibold md:text-body text-black/80">Yobbers Choice</h4>
        <div class="text-body-xs md:text-body-sm text-black/60">These jobs give you the best chances right now!</div>
      </div>
    </div>

    <div class="relative" data-controller=" ui--slider">
  <div
    data-ui--slider-target="viewport" class="mb-6 overflow-hidden"
  >
    <div style="--spv:1; --spv-md:2; --spv-lg:3; --spv-xl:3; --peek:15%; --peek-md:5%; --peek-lg:6%; --peek-xl:6%; --gap:12px; --gap-md:16px; --gap-lg:12px; --gap-xl:12px; --ps:12px; --ps-md:16px; --ps-lg:24px; --ps-xl:24px; --pe:12px; --pe-md:16px; --pe-lg:24px; --pe-xl:24px;" class="grid grid-flow-col overflow-x-auto snap-x snap-mandatory snap-start scroll-smooth scrollbar-hide md:[--spv:var(--spv-md)]! lg:[--spv:var(--spv-lg)]! xl:[--spv:var(--spv-xl)]! md:[--peek:var(--peek-md)]! lg:[--peek:var(--peek-lg)]! xl:[--peek:var(--peek-xl)]! md:[--gap:var(--gap-md)]! lg:[--gap:var(--gap-lg)]! xl:[--gap:var(--gap-xl)]! md:[--ps:var(--ps-md)]! lg:[--ps:var(--ps-lg)]! xl:[--ps:var(--ps-xl)]! md:[--pe:var(--pe-md)]! lg:[--pe:var(--pe-lg)]! xl:[--pe:var(--pe-xl)]! auto-cols-[calc((100%-var(--peek)-((var(--spv)-1)*var(--gap)))/var(--spv))] scroll-pl-(--ps) scroll-pr-(--pe) gap-(--gap) ps-(--ps) pe-(--pe)" data-ui--slider-target="container">
        <div class="min-w-0 snap-start" id="slide-0">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4846" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4846/toggle" data-gtm-favourite-vacancy-id-value="4846" data-gtm-favourite-vacancy-title-value="Work remotely in Greece as a German-speaking Customer Advisor for a leading insurance company" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_a6f7d085-cdc2-41b2-a443-646fa3f1318e" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&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_4846" href="/en/login-sign-up?saved_vacancy=4846" class="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
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/en/vacancies-abroad/working-in-greece-remote-german-speaking-customer-advisor-insurance">
                  <img loading="eager" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/media/de-tpg-greece-remote-cs-huk-coburg-31_1-iimhugmxcmjr_w-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=b27ac393ea54f67b02ff79cbf17a6c3d" alt="Woman standing in front of a laptop with security shield graphics and the waterfront of Mykonos in the background." fetchpriority="high" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/de-tpg-greece-remote-cs-huk-coburg-31_1-iimhugmxcmjr_w-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=78a11ad3dc36637a18f6128f0a0dc30b 320w, https://yobbers-assets.imgix.net/media/de-tpg-greece-remote-cs-huk-coburg-31_1-iimhugmxcmjr_w-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=67e93370acd6ddb0920023ea2e886ffa 480w, https://yobbers-assets.imgix.net/media/de-tpg-greece-remote-cs-huk-coburg-31_1-iimhugmxcmjr_w-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=2e6ce8844cf2c3e7c965d01a3402b8c5 640w, https://yobbers-assets.imgix.net/media/de-tpg-greece-remote-cs-huk-coburg-31_1-iimhugmxcmjr_w-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=c27072edf7de4a6880e6d3349146b6c4 800w, https://yobbers-assets.imgix.net/media/de-tpg-greece-remote-cs-huk-coburg-31_1-iimhugmxcmjr_w-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=4163e6a7452468007384ef308e7c3348 960w, https://yobbers-assets.imgix.net/media/de-tpg-greece-remote-cs-huk-coburg-31_1-iimhugmxcmjr_w-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=30dd5f33925d8203883d44576ee00c81 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Work remotely in Greece as a German-speaking Customer Advisor for a leading insurance company</div>

                      <div class="flex flex-wrap items-center gap-x-1">

                          <div class="text-body-xs font-medium">
                            German + English
                          </div>

                          <span>•</span>

                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Temporary accommodation 🏠
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-1">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4840" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4840/toggle" data-gtm-favourite-vacancy-id-value="4840" data-gtm-favourite-vacancy-title-value="Work hybrid as a Dutch Customer Service Agent at a large online bank in Lisbon" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_2b8a93fb-d439-4ba0-bceb-eb8701ba8d95" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;PT&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_4840" href="/en/login-sign-up?saved_vacancy=4840" class="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
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/en/vacancies-abroad/work-hybrid-dutch-customer-service-agent-online-bank-lisbon">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/media/nl-tpp-lisbon_hybrid-customer-service-trade-republic_-ks82kbqadjirig-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=a8d1b01cdecee1d02127122a86f00f05" alt="Smartphone with banking app and credit card in front of the red rooftops and waterfront of Lisbon." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/nl-tpp-lisbon_hybrid-customer-service-trade-republic_-ks82kbqadjirig-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=a3b3f6657586f1749452a7a7f8cfde9e 320w, https://yobbers-assets.imgix.net/media/nl-tpp-lisbon_hybrid-customer-service-trade-republic_-ks82kbqadjirig-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=c67a7cf323ead67a73ed68f5f6abfc8f 480w, https://yobbers-assets.imgix.net/media/nl-tpp-lisbon_hybrid-customer-service-trade-republic_-ks82kbqadjirig-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=87fe21db825637abc434061039bb4007 640w, https://yobbers-assets.imgix.net/media/nl-tpp-lisbon_hybrid-customer-service-trade-republic_-ks82kbqadjirig-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=623e16a4335d49ba8611a5bb8d2d7132 800w, https://yobbers-assets.imgix.net/media/nl-tpp-lisbon_hybrid-customer-service-trade-republic_-ks82kbqadjirig-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=ea95687fd9791eb707692d3babd9cd97 960w, https://yobbers-assets.imgix.net/media/nl-tpp-lisbon_hybrid-customer-service-trade-republic_-ks82kbqadjirig-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=56ed90332c3732f7dc8bf34c009c1022 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Work hybrid as a Dutch Customer Service Agent at a large online bank in Lisbon</div>

                      <div class="flex flex-wrap items-center gap-x-1">

                          <div class="text-body-xs font-medium">
                            Dutch + English
                          </div>

                          <span>•</span>

                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              €1.500 signing bonus 💶
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-2">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4555" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4555/toggle" data-gtm-favourite-vacancy-id-value="4555" data-gtm-favourite-vacancy-title-value="Work as a Dutch/Flemish-speaking Online Croupier in Malta or Madrid" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_3f57d3de-71b3-4dd2-9bc7-4af9e2f29b1e" data-gtm-favourite-vacancy-categories-value="[37]" data-gtm-favourite-vacancy-country-codes-value="[&quot;MT&quot;,&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_4555" href="/en/login-sign-up?saved_vacancy=4555" class="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
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/en/vacancies-abroad/working-in-spain-madrid-malta-dutch-flemish-speaking-online-croupier">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=e2d9eb603ee4a81f3bd6a2146c561de8" alt="girl standing inbetween spotlights in front of a sunset and houses in madrid" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;rect=0%2C0%2C3000%2C900&amp;s=ced02ed1665d2e2b2f6ab70c6f4eb8ba 320w, https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;rect=0%2C0%2C3000%2C900&amp;s=1fc9905704121c974420d05257631e74 480w, https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;rect=0%2C0%2C3000%2C900&amp;s=4fa689af59e1ac8effe1fdab5f55e8fd 640w, https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;rect=0%2C0%2C3000%2C900&amp;s=a0b2ecdb31c2715ff14b2ca3ba94d4d5 800w, https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;rect=0%2C0%2C3000%2C900&amp;s=cd766bc0be0cd4ba9381e1a277a5f617 960w, https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;rect=0%2C0%2C3000%2C900&amp;s=ceae88e8ed83d9cf135dc5235ca490be 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Work as a Dutch/Flemish-speaking Online Croupier in Malta or Madrid</div>

                      <div class="flex flex-wrap items-center gap-x-1">

                          <div class="text-body-xs font-medium">
                            Dutch (Belgian)/Dutch + English
                          </div>

                          <span>•</span>

                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Flight included 🛩️
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +2
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-3">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4507" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4507/toggle" data-gtm-favourite-vacancy-id-value="4507" data-gtm-favourite-vacancy-title-value="Work remotely in Portugal as a Customer Service Agent for bol" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_cd725166-e17a-4870-8cc8-8de7255b3e1c" data-gtm-favourite-vacancy-categories-value="[16,33,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;PT&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_4507" href="/en/login-sign-up?saved_vacancy=4507" class="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
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/en/vacancies-abroad/working-in-portugal-remote-dutch-speaking-customer-service-bol">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/vacancyphoto/5281/photo/f3d7326290565ebae4dcdda7294908f3.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=d8e708528f944dd105ce7e883d9cb077" alt="woman with laptop smiling and bol.com logo and skyline of portugal in the background" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/5281/photo/f3d7326290565ebae4dcdda7294908f3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=c3b7264a6a442d04c6d65f3152a8bc73 320w, https://yobbers-assets.imgix.net/vacancyphoto/5281/photo/f3d7326290565ebae4dcdda7294908f3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=47d2205ce16e56925873f1f068406d21 480w, https://yobbers-assets.imgix.net/vacancyphoto/5281/photo/f3d7326290565ebae4dcdda7294908f3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=734643910992f1aab0f188df64a3d3af 640w, https://yobbers-assets.imgix.net/vacancyphoto/5281/photo/f3d7326290565ebae4dcdda7294908f3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=5b54e2c4804d0c377748e68aae71e88b 800w, https://yobbers-assets.imgix.net/vacancyphoto/5281/photo/f3d7326290565ebae4dcdda7294908f3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=41ffb4c84d29073736733282850150a3 960w, https://yobbers-assets.imgix.net/vacancyphoto/5281/photo/f3d7326290565ebae4dcdda7294908f3.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=f129b2408169c173c0e8cdf52fd4b540 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Work remotely in Portugal as a Customer Service Agent for bol</div>

                      <div class="flex flex-wrap items-center gap-x-1">

                          <div class="text-body-xs font-medium">
                            Dutch (Belgian)/Dutch + English
                          </div>

                          <span>•</span>

                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Accommodation provided 🏠
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-4">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4512" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4512/toggle" data-gtm-favourite-vacancy-id-value="4512" data-gtm-favourite-vacancy-title-value="German-speaking Customer Service Agents wanted for Netflix in Greece" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_4c661ccd-ea05-4e02-8d39-6f2046995ac7" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&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_4512" href="/en/login-sign-up?saved_vacancy=4512" class="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
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/en/vacancies-abroad/working-in-greece-remote-german-speaking-customer-service-agent-netflix">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/media/vacancy-tp-greece-customer-advisor-fc5b-uzc7f8hka-jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=21da489907bba979a5a51eab470677f6" alt="Open laptop on a table with a bowl of popcorn; city skyline and large ruins in the background." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/vacancy-tp-greece-customer-advisor-fc5b-uzc7f8hka-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=899e012b2afc2060550fbbb8ef62066b 320w, https://yobbers-assets.imgix.net/media/vacancy-tp-greece-customer-advisor-fc5b-uzc7f8hka-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=86a78e9dc2d4bfc3dd0a530ec1395f5e 480w, https://yobbers-assets.imgix.net/media/vacancy-tp-greece-customer-advisor-fc5b-uzc7f8hka-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=382bfe563f658ed3b61fd9964663f1d7 640w, https://yobbers-assets.imgix.net/media/vacancy-tp-greece-customer-advisor-fc5b-uzc7f8hka-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=b2acd8ebde4b95a72d38deecf86e65aa 800w, https://yobbers-assets.imgix.net/media/vacancy-tp-greece-customer-advisor-fc5b-uzc7f8hka-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=e25d925f40e2c0f68f00cd121d979efa 960w, https://yobbers-assets.imgix.net/media/vacancy-tp-greece-customer-advisor-fc5b-uzc7f8hka-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=db976654686c6a11e5fa38f9a067df89 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">German-speaking Customer Service Agents wanted for Netflix in Greece</div>

                      <div class="flex flex-wrap items-center gap-x-1">

                          <div class="text-body-xs font-medium">
                            German + English
                          </div>

                          <span>•</span>

                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Flight included 🛩️
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +2
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-5">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4804" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4804/toggle" data-gtm-favourite-vacancy-id-value="4804" data-gtm-favourite-vacancy-title-value="Work as a German-speaking Customer Service Advisor in Athens" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_1681bf93-15d4-4da0-aa7f-805cb06a78c4" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&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_4804" href="/en/login-sign-up?saved_vacancy=4804" class="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
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/en/vacancies-abroad/working-in-greece-athens-german-speaking-customer-service-hybrid">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/media/2_customer-service_athens-3rs8mz7jxzgqeq-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=029c1581e0dd43606c2ddc674946d60a" alt="Woman with laptop and headset in front of the skyline of Athens." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/2_customer-service_athens-3rs8mz7jxzgqeq-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=11aaf6d12bfacadcff50a6616951767d 320w, https://yobbers-assets.imgix.net/media/2_customer-service_athens-3rs8mz7jxzgqeq-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=5962f153f1bc8cd7441c09f47737d764 480w, https://yobbers-assets.imgix.net/media/2_customer-service_athens-3rs8mz7jxzgqeq-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=2dd03fc4b06941c3f894acda454cdf4b 640w, https://yobbers-assets.imgix.net/media/2_customer-service_athens-3rs8mz7jxzgqeq-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=142aabd82e8f3b6e5df5919098d8b4e5 800w, https://yobbers-assets.imgix.net/media/2_customer-service_athens-3rs8mz7jxzgqeq-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=ccd60ab483a69691c52c0791ce3bb39b 960w, https://yobbers-assets.imgix.net/media/2_customer-service_athens-3rs8mz7jxzgqeq-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=cac673edee7ed75ca928d686499031ae 1200w">

                  <div class="dark-gradient-bg"></div>

                  <div class="relative z-20 flex h-full flex-col items-end p-3 text-white">
                    <div class="flex-1">
                      <div class="py-6 lg:py-8">
                        <div></div>
                      </div>
                    </div>

                    <div class="flex-0">
                      <div class="mb-1 leading-snug font-semibold">Work as a German-speaking Customer Service Advisor in Athens</div>

                      <div class="flex flex-wrap items-center gap-x-1">

                          <div class="text-body-xs font-medium">
                            German + English
                          </div>

                          <span>•</span>

                          <div class="flex flex-wrap items-center gap-1.5">
                            <div
                              class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                            >
                              Temporary accommodation 🏠
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +1
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
    </div>
  </div>

  <div class="mt-auto">
    <div class="flex items-center gap-x-3 ps-3 pe-3 md:ps-0 md:pe-0">
        <button class="hidden lg:flex items-center disabled:opacity-0! group justify-center absolute z-50 w-8 h-8 rounded-full bg-white shadow-sm -left-[16px] top-[calc(50%-28px)] ring-1 ring-gray-900/15 transition hover:ring-gray-900/20 hover:bg-gray-50" type="button" data-do="click-&gt;ui--slider#prev" data-ui--slider-target="prevButton">        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="14px" height="14px" role="img" aria-hidden="true" class="text-gray-600 group-disabled:text-gray-300 transition" style="fill: currentColor !important;"><g class="nc-icon-wrapper"><polygon points="6.7,14.7 8.1,13.3 3.8,9 16,9 16,7 3.8,7 8.1,2.7 6.7,1.3 0,8 "></polygon></g></svg>
</button>

        <button class="hidden lg:flex items-center disabled:opacity-0! group justify-center absolute z-50 w-8 h-8 rounded-full bg-white shadow-sm -right-[16px] top-[calc(50%-28px)] ring-1 ring-gray-900/15 transition hover:ring-gray-900/20 hover:bg-gray-50" data-do="click-&gt;ui--slider#next" data-ui--slider-target="nextButton">        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" class="text-gray-600 group-disabled:text-gray-300 transition" style="fill: currentColor !important;" width="14px" height="14px"><g><polygon points="9.3,1.3 7.9,2.7 12.2,7 0,7 0,9 12.2,9 7.9,13.3 9.3,14.7 16,8 "></polygon></g></svg>
</button>

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


  <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-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="fc8552492a" 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-a985ed1c8f" 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">
    <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?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?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="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="{}">
      <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="{}">
      <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="7" 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">Danish</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="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>


          <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="language_ids" id="language_ids" value="15" 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">Norwegian</span>
</label>


</form>    </div>

      <div class="px-1.5">
        <div class="my-3">
          <form class="button_to" method="get" action="/en/vacancy_filters/languages"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">View more (6)</button></form>
        </div>
      </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="{}">
    <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 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_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="{}">
      <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="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"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Athens</span><span class="block truncate text-body-xs leading-tight text-gray-500">Greece</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="3" 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">Lisbon</span><span class="block truncate text-body-xs leading-tight text-gray-500">Portugal</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="11" 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">Porto</span><span class="block truncate text-body-xs leading-tight text-gray-500">Portugal</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 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="9" 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">Sofia</span><span class="block truncate text-body-xs leading-tight text-gray-500">Bulgaria</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 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="4485" 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">Thessaloniki</span><span class="block truncate text-body-xs leading-tight text-gray-500">Greece</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 hidden 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 class="px-1.5">
          <div class="my-3">
            <form class="button_to" method="get" action="/en/vacancy_filters/locations"><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_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="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 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="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="41" 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">Telecom</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 (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="{}"
  >
    <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="{}"
  >
    <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="{}">
    <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="{}">
      <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?search_term=barcelona" 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 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;vacanciesFilteredLocations&quot;:[],&quot;vacanciesFilteredJobPerkCategories&quot;:[],&quot;vacanciesFilteredCategories&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>

