<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="4806" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4806/toggle" data-gtm-favourite-vacancy-id-value="4806" data-gtm-favourite-vacancy-title-value="Start in Lisbon as a German-speaking Customer Advisor (m/f/d) for a social media platform" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_bfa7eb3d-06bb-4ecf-9567-8f8eff00519d" data-gtm-favourite-vacancy-categories-value="[16,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_4806" href="/en/login-sign-up?saved_vacancy=4806" 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-lisbon-german-speaking-technical-customer-advisor">
                  <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/vacancyphoto/6819/photo/06af13cd92dbb490e9004cb081bb3000.jpeg?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=14c751bb81ea868b5d05ce06481b24f5" alt="her holding a phone to her ear and behind her a phone and hashtag and like symbols" fetchpriority="high" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6819/photo/06af13cd92dbb490e9004cb081bb3000.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=65eb0593d426b83a555a0f0e5f07d606 320w, https://yobbers-assets.imgix.net/vacancyphoto/6819/photo/06af13cd92dbb490e9004cb081bb3000.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=7c9bc1ae0ef5aac982c7867d39fcecdd 480w, https://yobbers-assets.imgix.net/vacancyphoto/6819/photo/06af13cd92dbb490e9004cb081bb3000.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=f974ad5c8395ce4de88b9c74f1787099 640w, https://yobbers-assets.imgix.net/vacancyphoto/6819/photo/06af13cd92dbb490e9004cb081bb3000.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=1aee2ab240b2716816c614ef897cd152 800w, https://yobbers-assets.imgix.net/vacancyphoto/6819/photo/06af13cd92dbb490e9004cb081bb3000.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=040ade3d1a215d1e2e4d7d75ed80be50 960w, https://yobbers-assets.imgix.net/vacancyphoto/6819/photo/06af13cd92dbb490e9004cb081bb3000.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=911bd08550c9fd2166953e2a9edfa6ad 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">Start in Lisbon as a German-speaking Customer Advisor (m/f/d) for a social media platform</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"
                            >
                              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-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="4867" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4867/toggle" data-gtm-favourite-vacancy-id-value="4867" data-gtm-favourite-vacancy-title-value="Work remote in Greece as a Dutch-speaking Customer Service Agent for bol" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_cc2a137b-2a56-44a0-9245-7d9670136310" data-gtm-favourite-vacancy-categories-value="[16,33,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_4867" href="/en/login-sign-up?saved_vacancy=4867" 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-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/media/vacancy-header_tpg_bol_3-jx6cc-phoezf8q-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=d72e762ac0d08288dcd133c096b9b93c" alt="Young woman outdoors holding a smartphone and stacked pizza boxes, standing near a stone wall." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/vacancy-header_tpg_bol_3-jx6cc-phoezf8q-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=94a34e6899bc9773adefe6afd2231cc4 320w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_bol_3-jx6cc-phoezf8q-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=67db6a954ce931ec068f14b1951c6d2c 480w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_bol_3-jx6cc-phoezf8q-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=f3442e886756de2fe6beef1eb73275be 640w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_bol_3-jx6cc-phoezf8q-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=e4d24e5fe3e8397ab29768253e0b42d6 800w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_bol_3-jx6cc-phoezf8q-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=2fc5b511e134c208424711a7fc636587 960w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_bol_3-jx6cc-phoezf8q-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=7b078011b02ba2bbf9f0dce6da1130b8 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 remote in Greece as a Dutch-speaking Customer Service Agent for bol</div>

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

                          <div class="text-body-xs font-medium">
                            Dutch + English
                          </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="4510" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4510/toggle" data-gtm-favourite-vacancy-id-value="4510" data-gtm-favourite-vacancy-title-value="Work as a German-speaking Customer Advisor for healthcare in Lisbon" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_fdeb5f4c-8753-4e56-9dfb-62ac38cf42bd" data-gtm-favourite-vacancy-categories-value="[16,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_4510" href="/en/login-sign-up?saved_vacancy=4510" 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-lisbon-german-speaking-customer-advisor-health">
                  <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/6601/photo/821966094f84077f4cffdc09dfe55334.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=0c6c7a11377f637a1703ad2568df54dd" alt="Girl in front of a phone screen showing the number 121, with a red bridge and water in the background" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6601/photo/821966094f84077f4cffdc09dfe55334.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=26cbf8cc55fadb34d5c276a90c0ca126 320w, https://yobbers-assets.imgix.net/vacancyphoto/6601/photo/821966094f84077f4cffdc09dfe55334.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=0f4fcb536f53eb4641f471104cf819ca 480w, https://yobbers-assets.imgix.net/vacancyphoto/6601/photo/821966094f84077f4cffdc09dfe55334.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=2b30585d937482b4ee296f2076ddd302 640w, https://yobbers-assets.imgix.net/vacancyphoto/6601/photo/821966094f84077f4cffdc09dfe55334.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=d061bc2171fdd3ca0bd7087c1a1cc7f3 800w, https://yobbers-assets.imgix.net/vacancyphoto/6601/photo/821966094f84077f4cffdc09dfe55334.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=80b1bc06cca4259d10e515a62c19f49a 960w, https://yobbers-assets.imgix.net/vacancyphoto/6601/photo/821966094f84077f4cffdc09dfe55334.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=83cf9cd586afa6f14a8953854b19834a 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 Advisor for healthcare in Lisbon</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"
                            >
                              Accommodation provided 🏠
                            </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="4831" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4831/toggle" data-gtm-favourite-vacancy-id-value="4831" data-gtm-favourite-vacancy-title-value="Start as a Dutch-speaking Customer Service Agent in Porto for a major mobility project" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_3b1bf516-b68c-4ff2-9018-c8d0347724a4" 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_4831" href="/en/login-sign-up?saved_vacancy=4831" 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-in-portugal-porto-dutch-customer-service-agent-mobility">
                  <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-header_tpp_ascendi-cs-alj-dic5kj5ogg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=903deab36ab49ca309b9989f9d1a8864" alt="Smiling young man with headphones and messaging app graphics in front of the riverside skyline of Porto." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/vacancy-header_tpp_ascendi-cs-alj-dic5kj5ogg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=756651afa2eb173710d0bc1fabc3fc72 320w, https://yobbers-assets.imgix.net/media/vacancy-header_tpp_ascendi-cs-alj-dic5kj5ogg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=f4a99f755933c66edabdc9cd7774a82f 480w, https://yobbers-assets.imgix.net/media/vacancy-header_tpp_ascendi-cs-alj-dic5kj5ogg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=ecee71b071f94a72ea3b7acad6e99592 640w, https://yobbers-assets.imgix.net/media/vacancy-header_tpp_ascendi-cs-alj-dic5kj5ogg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=430fcfe4a22c373b2105b68b63cc423e 800w, https://yobbers-assets.imgix.net/media/vacancy-header_tpp_ascendi-cs-alj-dic5kj5ogg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=66b26ca7696ba4257cffa3a79c545bf0 960w, https://yobbers-assets.imgix.net/media/vacancy-header_tpp_ascendi-cs-alj-dic5kj5ogg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=c3b3ac6a299332a55a0017d78991d269 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">Start as a Dutch-speaking Customer Service Agent in Porto for a major mobility project</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"
                            >
                              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="4752" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4752/toggle" data-gtm-favourite-vacancy-id-value="4752" data-gtm-favourite-vacancy-title-value="Become a German-speaking Customer Service Agent for Netflix in Lisbon" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_784bcb52-5b33-45c7-bf72-72c64fa6fb10" data-gtm-favourite-vacancy-categories-value="[16,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_4752" href="/en/login-sign-up?saved_vacancy=4752" 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-lisbon-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/vacancyphoto/6248/photo/6bfb1ddb1c7f3741ca0393d1154002fe.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&rect=0%2C0%2C3000%2C900&s=db5c3286060c8a4850278e46549393eb" alt="women with a red shirt is holding popcorn and standing next to the netflix logo in lisbon" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6248/photo/6bfb1ddb1c7f3741ca0393d1154002fe.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=ee34f00d062a8f8c5bb93a2feefc5339 320w, https://yobbers-assets.imgix.net/vacancyphoto/6248/photo/6bfb1ddb1c7f3741ca0393d1154002fe.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=57368c4af96ec4e38e6ed6aabbca2778 480w, https://yobbers-assets.imgix.net/vacancyphoto/6248/photo/6bfb1ddb1c7f3741ca0393d1154002fe.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=3e19de48610308970e6b0100b05a7f15 640w, https://yobbers-assets.imgix.net/vacancyphoto/6248/photo/6bfb1ddb1c7f3741ca0393d1154002fe.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=ae96faff2616c2242b0ab2404ffb6d47 800w, https://yobbers-assets.imgix.net/vacancyphoto/6248/photo/6bfb1ddb1c7f3741ca0393d1154002fe.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=f1dd8a090b349e35ab965ce508d73b66 960w, https://yobbers-assets.imgix.net/vacancyphoto/6248/photo/6bfb1ddb1c7f3741ca0393d1154002fe.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=e9da39bf5cf58f63dc23258d8a504925 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">Become a German-speaking Customer Service Agent for Netflix in Lisbon</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"
                              >
                                +3
                              </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="4761" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4761/toggle" data-gtm-favourite-vacancy-id-value="4761" data-gtm-favourite-vacancy-title-value="Start your Dutch-speaking job in Portugal" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_abed294e-bd36-4cf1-8c87-32ee6b0d9f98" data-gtm-favourite-vacancy-categories-value="[16,21,36,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_4761" href="/en/login-sign-up?saved_vacancy=4761" 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-lisbon-porto-dutch-speaking">
                  <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/6723/photo/772a84b1bdfec3830fb04c3b76e8b782.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=6f34b4b22acae68d0accfa1cf479caaa" alt="Girl next to a pair of headphones and a white envelope in a frame, with a square in Lisbon in the background" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6723/photo/772a84b1bdfec3830fb04c3b76e8b782.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=e513d2daa813a19419bcb793b86058f7 320w, https://yobbers-assets.imgix.net/vacancyphoto/6723/photo/772a84b1bdfec3830fb04c3b76e8b782.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=84c8495324fcf970a0705d51dcec1b1a 480w, https://yobbers-assets.imgix.net/vacancyphoto/6723/photo/772a84b1bdfec3830fb04c3b76e8b782.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=4677b95a0b60cf456e34c04e5916b508 640w, https://yobbers-assets.imgix.net/vacancyphoto/6723/photo/772a84b1bdfec3830fb04c3b76e8b782.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=f21a6af6cfda2cf7ff6901593cabcfe8 800w, https://yobbers-assets.imgix.net/vacancyphoto/6723/photo/772a84b1bdfec3830fb04c3b76e8b782.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=830b37d7725926df0ebf8f6fba7897e9 960w, https://yobbers-assets.imgix.net/vacancyphoto/6723/photo/772a84b1bdfec3830fb04c3b76e8b782.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=027128fd5d8ec9fe8c6628e4f9e2168e 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">Start your Dutch-speaking job in Portugal</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"
                              >
                                +3
                              </div>
                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-6">            <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 Dutch-speaking Customer Service Agent for bol" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_a7e76dff-50c6-4d56-a469-35f0a992b70b" 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/5279/photo/211b8dac16dec29606da94655dfa01ee.jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=075891ee6a659fcf8feff047904f04d0" alt="above photo from Lisbon with bol.com gift cards badge" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/5279/photo/211b8dac16dec29606da94655dfa01ee.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=052c3f9227eaea8ac2785aa8ea52dcfb 320w, https://yobbers-assets.imgix.net/vacancyphoto/5279/photo/211b8dac16dec29606da94655dfa01ee.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=a6fc073d540e3afd98545d278616424b 480w, https://yobbers-assets.imgix.net/vacancyphoto/5279/photo/211b8dac16dec29606da94655dfa01ee.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=2124de04349a4896d77673e643129556 640w, https://yobbers-assets.imgix.net/vacancyphoto/5279/photo/211b8dac16dec29606da94655dfa01ee.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=f3002cd56b3d78073b52f667243b9c76 800w, https://yobbers-assets.imgix.net/vacancyphoto/5279/photo/211b8dac16dec29606da94655dfa01ee.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=322730cde6e956dcf6681a22a2ba317c 960w, https://yobbers-assets.imgix.net/vacancyphoto/5279/photo/211b8dac16dec29606da94655dfa01ee.jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=e3d10a2654555ec9949955c8fc09c714 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 Dutch-speaking 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"
                            >
                              Flight included 🛩️
                            </div>


                              <div
                                class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150"
                              >
                                +3
                              </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-is-open-value="false" data-ui--dropdown-placement-value="bottom-end" data-ui--dropdown-searchable-value="false" data-ui--dropdown-wrapper-class="is-open">
    <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 aria-expanded:bg-accent aria-expanded: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" popovertarget="dropdown-125b1a335a" aria-haspopup="menu" aria-controls="dropdown-125b1a335a" aria-expanded="false" id="sortVacancies" type="button">          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
    id="dropdown-125b1a335a" popover="auto" role="menu" class="fixed m-1 min-w-45 w-max max-w-[calc(100dvw-0.5rem)] overflow-visible border-0 bg-transparent p-0 outline-none" style="position-area: bottom span-left; justify-self: end; inset: auto; position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;" data-ui--dropdown-target="menu"
  >
    <div
      class="flex flex-col overflow-hidden rounded-md bg-white shadow-md ring-1 ring-gray-900/15" style="max-height: min(35rem, var(--dropdown-available-height, calc(100dvh - 1rem)));"
    >

      <div
        class="relative min-h-0 w-full flex-1 overflow-x-hidden overflow-y-auto y-custom-scrollbar" data-ui--dropdown-target="menuContent"
      >
        <div
          class="min-w-45 p-1.5"
        >
                    <div id="ui-action_list-component-3a99c72527" class="">
  <div class="text-sm p-0 font-medium text-gray-800 gap-1.5 flex flex-col flex-wrap" data-action-list="true">
        <a data-turbo-frame="vacancies_frame" data-slot="action-list-item" class="group flex items-center gap-x-3 py-1.5 px-2 truncate rounded-md data-active:bg-gray-100 data-active:text-gray-900 [&amp;_svg]:text-gray-400 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&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:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&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:bg-gray-100 hover:text-gray-900 active:bg-gray-200 hover:[&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_languages">

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

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

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


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

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


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

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


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

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


</form>    </div>

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

  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="countries" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{}">
    <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="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 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="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 (6)</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="37" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

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


      </div>
</form>

      <div class="px-1.5">
        <div class="my-3">
          <form class="button_to" method="get" action="/en/vacancy_filters/categories"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">View more (8)</button></form>
        </div>
      </div>
  </div>
</turbo-frame>
      <turbo-frame id="filter_working_hours">
  <div
    id="workingHours" data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="working_hours" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{}"
  >
    <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>

