<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" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 48 48" role="img" aria-hidden="true" style="fill: currentColor !important;"><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></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="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_7d61f74c-6631-4ef9-b6ed-6ee9c1c9d420" 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" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></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="eager" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_customer-service_bol-hwsq-7qtwjmkjg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=985f59f27e97502b7d4104920baa735c" alt="Laptop with a blue gaming controller graphic floating over a seaside town and harbor with boats." fetchpriority="high" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_customer-service_bol-hwsq-7qtwjmkjg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=2630a1c390c6b4b944063fa96090bfae 320w, https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_customer-service_bol-hwsq-7qtwjmkjg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=33ea9dee651b0d30c7366a4e90549796 480w, https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_customer-service_bol-hwsq-7qtwjmkjg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=00c3203cecd056ae003d87bcd3471d4b 640w, https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_customer-service_bol-hwsq-7qtwjmkjg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=a9001c7a17ba77d39bd7c157fe1f75e9 800w, https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_customer-service_bol-hwsq-7qtwjmkjg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=c2ac72c106c74249862505fa35ae9725 960w, https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_customer-service_bol-hwsq-7qtwjmkjg-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=671eaf8e5e9b8808cf78339eac7fce05 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>

                          <span>•</span>

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

                              <div class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150">
                                +3
</div>                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-1">            <div class="relative h-full min-h-[130px] overflow-hidden rounded-lg">
              <div class="absolute top-3 left-3 z-30">
                <a data-save-vacancy-id="4828" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4828/toggle" data-gtm-favourite-vacancy-id-value="4828" data-gtm-favourite-vacancy-title-value="Start as Allround Maintenance Technician in the Netherlands" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_3b9a2336-8a6d-4220-9a03-ba88b1bcd131" data-gtm-favourite-vacancy-categories-value="[1,32]" data-gtm-favourite-vacancy-country-codes-value="[&quot;NL&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_4828" href="/en/login-sign-up?saved_vacancy=4828" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></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-the-netherlands-allround-maintenance-technician">
                  <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/header-yobbers-ebn5dhlsbmoctq-jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=7cb7d379618f0cdd3034c40f479f2a5e" alt="Smiling lab worker wearing a hairnet and gloves, adjusting a metal control panel in a cleanroom." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/header-yobbers-ebn5dhlsbmoctq-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=d5b2fb911d492ded91c4a958ffd81785 320w, https://yobbers-assets.imgix.net/media/header-yobbers-ebn5dhlsbmoctq-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=70d13ca7f7461ef936775ca9405e0ffe 480w, https://yobbers-assets.imgix.net/media/header-yobbers-ebn5dhlsbmoctq-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=bf6deb658730d3ca3142f469b5732148 640w, https://yobbers-assets.imgix.net/media/header-yobbers-ebn5dhlsbmoctq-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=5ca4068b2bb44c6b61f0838573cceeda 800w, https://yobbers-assets.imgix.net/media/header-yobbers-ebn5dhlsbmoctq-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=c7105d6c6d4c3ab32530cfb189970fdd 960w, https://yobbers-assets.imgix.net/media/header-yobbers-ebn5dhlsbmoctq-jpg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=d7e35b9ba028507661207fa29d7a32a7 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 Allround Maintenance Technician in the Netherlands</div>

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

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

                          <span>•</span>

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

                              <div class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150">
                                +1
</div>                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div 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="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_874e5b43-c8c7-4f01-b510-8158bea35cd9" 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" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></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 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="4512" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4512/toggle" data-gtm-favourite-vacancy-id-value="4512" data-gtm-favourite-vacancy-title-value="German-speaking Customer Service Agents wanted for Netflix in Greece" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_e7a57729-c549-4b5d-ac22-8ebfeed14504" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4512" href="/en/login-sign-up?saved_vacancy=4512" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/en/vacancies-abroad/working-in-greece-remote-german-speaking-customer-service-agent-netflix">
                  <img loading="lazy" decoding="async" width="330" height="200" class="absolute left-0 top-0 -z-10 block h-full w-full object-cover" src="https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=b306c51ff11fd32399088e23cb2d7af0" alt="Woman in a black dress smiling in front of a screen showing popcorn and a laptop, with ancient stone ruins behind her." sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=999147b9af3b43682b9faac498d1a47b 320w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=8e05e8bae857c8fe205a12025ed41cc4 480w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=15c71f0beb830e6e79fe1ea6e9635b85 640w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=66b5c3bd117b47f04dcb4631b6a9962e 800w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=27bf8ea4ad0d2f0d1cd846e5a1bd981a 960w, https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=94924492bd4b80d198f61b623a21c509 1200w">

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

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

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

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

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

                          <span>•</span>

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

                              <div class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150">
                                +2
</div>                          </div>
                      </div>
                    </div>
                  </div>
</a>              </div>
            </div>
</div>
        <div class="min-w-0 snap-start" id="slide-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="4812" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4812/toggle" data-gtm-favourite-vacancy-id-value="4812" data-gtm-favourite-vacancy-title-value="Work remotely as German-speaking Customer Advisor for Mercedes in Greece" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_14550558-a9bb-4580-afd6-502e870542c7" data-gtm-favourite-vacancy-categories-value="[16,33,39,42]" 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_4812" href="/en/login-sign-up?saved_vacancy=4812" class="c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
              </div>

              <div
                class="z-20 relative tap-highlight-none transition-transform origin-center rounded-lg will-change-transform overflow-hidden shadow h-full active:scale-[.98]" data-ripplet="true"
              >
                <a class="relative block h-full" data-turbo-frame="_top" href="/en/vacancies-abroad/working-in-greece-remote-german-speaking-customer-service-mercedes">
                  <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/6930/photo/9c3382334e8bd00702dbc83114a7be0f.jpeg?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=dc387403618502c2d342b89e9c8d0473" alt="young man on a greece beach. next to him a phonescreen with a mercedes car" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6930/photo/9c3382334e8bd00702dbc83114a7be0f.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=592e39ceb108a6aab2d4cee9d4eaa670 320w, https://yobbers-assets.imgix.net/vacancyphoto/6930/photo/9c3382334e8bd00702dbc83114a7be0f.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=e717634459c622cef3f7ce30c1487e0e 480w, https://yobbers-assets.imgix.net/vacancyphoto/6930/photo/9c3382334e8bd00702dbc83114a7be0f.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=c19b6e5fb834ec3a1a15ee61bc9d3f87 640w, https://yobbers-assets.imgix.net/vacancyphoto/6930/photo/9c3382334e8bd00702dbc83114a7be0f.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=843b3f842f55086825b2732887327b96 800w, https://yobbers-assets.imgix.net/vacancyphoto/6930/photo/9c3382334e8bd00702dbc83114a7be0f.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=af46fe6eb5eeb3cf3349d1da2d3fa3de 960w, https://yobbers-assets.imgix.net/vacancyphoto/6930/photo/9c3382334e8bd00702dbc83114a7be0f.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=da0d16fa47f300278912c7e94f25dcd9 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 as German-speaking Customer Advisor for Mercedes in Greece</div>

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

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

                          <span>•</span>

                          <div class="flex flex-wrap items-center gap-1.5">
                            <div class="perk-badge bg-perk/75 backdrop-blur backdrop-saturate-150">
                              Work remotely in Greece 🇬🇷
</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_56f210a9-4136-411c-acc4-238c010ce295" 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" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></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/6724/photo/de2dc582b418561212450b27dd08431a.png?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=42ffc5db3fb5b1bc39783e20d52f6cdc" alt="Laptop with black headphones, 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/6724/photo/de2dc582b418561212450b27dd08431a.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=794e4156219e8acef258fa2da66748df 320w, https://yobbers-assets.imgix.net/vacancyphoto/6724/photo/de2dc582b418561212450b27dd08431a.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=97ef5e27c2ef66521a79dfd7b1ac8a26 480w, https://yobbers-assets.imgix.net/vacancyphoto/6724/photo/de2dc582b418561212450b27dd08431a.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=999621266cfcea4c6e8c4952c4d576f4 640w, https://yobbers-assets.imgix.net/vacancyphoto/6724/photo/de2dc582b418561212450b27dd08431a.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=7eedbe69fab20bb110a0995978735ac9 800w, https://yobbers-assets.imgix.net/vacancyphoto/6724/photo/de2dc582b418561212450b27dd08431a.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=a2ca0138008cf3a872a7024df85e2bda 960w, https://yobbers-assets.imgix.net/vacancyphoto/6724/photo/de2dc582b418561212450b27dd08431a.png?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=103bec233c5c429f0236c60e76c61f39 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="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_71724e2c-edd4-4fc9-8f4d-84d4e6dc0795" 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" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></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="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/6818/photo/8ed38910c1506a9a3810a29e4e36dd94.jpeg?ixlib=rails-4.3.1&auto=format%2Ccompress&fit=crop&crop=center&w=330&h=200&s=75bfdbb9e3c0da616e9b2ceeb3f9084a" alt="girl in a phone in front of Lisbon with likes around her" sizes="(max-width: 767px) 85vw, (max-width: 1023px) 45vw, 330px" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6818/photo/8ed38910c1506a9a3810a29e4e36dd94.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=320&amp;h=194&amp;s=48548316276b28fc6f0cf51a47f8f5c2 320w, https://yobbers-assets.imgix.net/vacancyphoto/6818/photo/8ed38910c1506a9a3810a29e4e36dd94.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=480&amp;h=291&amp;s=ffa23909b2b3e59e168b141414b66937 480w, https://yobbers-assets.imgix.net/vacancyphoto/6818/photo/8ed38910c1506a9a3810a29e4e36dd94.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=640&amp;h=388&amp;s=dbcad79ce75698b8d2f089629b55aa45 640w, https://yobbers-assets.imgix.net/vacancyphoto/6818/photo/8ed38910c1506a9a3810a29e4e36dd94.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=800&amp;h=485&amp;s=5e9f9c128b3e759ec4909a245130394f 800w, https://yobbers-assets.imgix.net/vacancyphoto/6818/photo/8ed38910c1506a9a3810a29e4e36dd94.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=960&amp;h=582&amp;s=556a16c0568cb4ebe6c9dd862ca24ff7 960w, https://yobbers-assets.imgix.net/vacancyphoto/6818/photo/8ed38910c1506a9a3810a29e4e36dd94.jpeg?ixlib=rails-4.3.1&amp;auto=format%2Ccompress&amp;fit=crop&amp;crop=center&amp;w=1200&amp;h=727&amp;s=6bf995e8d2172e43a09edb876b9b540b 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></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" x="0px" y="0px" width="14px" height="14px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="text-gray-600 group-disabled:text-gray-300 transition" style="fill: currentColor !important;"><path d="M15,7H3.414L6.707,3.707A1,1,0,0,0,5.293,2.293l-5,5a1,1,0,0,0,0,1.414l5,5a1,1,0,1,0,1.414-1.414L3.414,9H15a1,1,0,0,0,0-2Z" fill="currentColor"></path></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" x="0px" y="0px" width="14px" height="14px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="text-gray-600 group-disabled:text-gray-300 transition" style="fill: currentColor !important;"><path d="M10.707,2.293A1,1,0,0,0,9.293,3.707L12.586,7H1A1,1,0,0,0,1,9H12.586L9.293,12.293a1,1,0,1,0,1.414,1.414l5-5a1,1,0,0,0,0-1.414Z" fill="currentColor"></path></svg>
</button>

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


  <div class="mt-3 mb-3 flex items-center justify-between px-3 text-gray-600">
    <div>8 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-4769eaf860" aria-haspopup="menu" aria-controls="dropdown-4769eaf860" aria-expanded="false" id="sortVacancies" type="button">          Recommended
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="shrink-0" style="fill: currentColor !important;"><path d="M8,11a1,1,0,0,1-.707-.293l-4-4A1,1,0,0,1,4.707,5.293L8,8.586l3.293-3.293a1,1,0,1,1,1.414,1.414l-4,4A1,1,0,0,1,8,11Z" fill="currentColor"></path></svg></button>

  <div id="dropdown-4769eaf860" 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-119e276137" 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" x="0px" y="0px" width="16px" height="16px" 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;"><path fill="currentColor" 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></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" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3" style="fill: currentColor !important;"><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></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" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="inline-flex items-center justify-center size-3" style="fill: currentColor !important;"><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></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="flex flex-col gap-y-3 px-3">
      

  <div id="vacancy_4874">
    
<div
  class="relative block group" data-controller="vacancy-tracking" data-vacancy-tracking-vacancy-id-value="4874" data-vacancy-tracking-vacancy-slug-value="working-in-greece-athens-german-speaking-customer-service-agent-coffee-machines" data-vacancy-tracking-vacancy-title-value="Become a German-speaking Customer Service Agent in Athens" data-vacancy-tracking-vacancy-function-value="Customer Service Agent" data-vacancy-tracking-vacancy-highlighted-perk-value="Temporary accommodation 🏠" data-vacancy-tracking-vacancy-header-photo-id-value="8889" data-vacancy-tracking-client-id-value="388" data-vacancy-tracking-vacancy-categories-value="[&quot;Customer Service&quot;]" data-vacancy-tracking-vacancy-countries-value="[&quot;Greece&quot;]" data-vacancy-tracking-vacancy-perks-value="Temporary accommodation 🏠, Flight included 🛩️, Hybrid work 💻, Health insurance included 🏥" data-vacancy-tracking-vacancy-source-value="vacancy_index" data-vacancy-tracking-locale-value="en" data-vacancy-tracking-page-value="1" data-vacancy-tracking-position-value="1" data-vacancy-tracking-filters-countries-value="[&quot;GR&quot;]" data-vacancy-tracking-filters-languages-value="[&quot;German&quot;]" data-vacancy-tracking-filters-categories-value="[]" data-vacancy-tracking-filters-work-period-value="" data-vacancy-tracking-filters-working-hours-value="" data-vacancy-tracking-filters-results-count-value="8" data-vacancy-tracking-filters-availability-end-value="" data-vacancy-tracking-filters-availability-start-value="" data-vacancy-tracking-filters-accommodation-type-value="[]" data-vacancy-tracking-filters-english-proficiency-value="[]" data-vacancy-tracking-filters-job-perk-categories-value="[]"
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Become a German-speaking Customer Service Agent in Athens" width="250" height="180" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/header-03-09-1_5-wj7jhcgzqnmtnq-jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=951a0ac286aaee7e117400b8747631bb 1x,
https://yobbers-assets.imgix.net/media/header-03-09-1_5-wj7jhcgzqnmtnq-jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=e6372fb27427cc2a51dedc6b80870e7a 2x,
https://yobbers-assets.imgix.net/media/header-03-09-1_5-wj7jhcgzqnmtnq-jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=e8acef7d6a956f44ae0a62ca44908ef0 3x,
https://yobbers-assets.imgix.net/media/header-03-09-1_5-wj7jhcgzqnmtnq-jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=22e12d38bdb3257cf5adbac7e5405a18 4x,
https://yobbers-assets.imgix.net/media/header-03-09-1_5-wj7jhcgzqnmtnq-jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=99b3a224abcb87606b97cccc8f23da59 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/header-03-09-1_5-wj7jhcgzqnmtnq-jpg?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=1067fd2275a7cde77682fa7e8bf2a3e6" />


      </div>
    </div>

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

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Customer Service Agent</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Athens, Greece</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-.1,3-.3l5.6,2.2c.1,0,.2,.1,.4,.1s.4-.1,.6-.2c.3-.2,.4-.6,.4-.9l-.5-4.7c1.6-1.8,2.5-4,2.5-6.2Zm-11,3h-5c-.552,0-1-.448-1-1s.448-1,1-1h5c.552,0,1,.448,1,1s-.448,1-1,1Zm3-4H8c-.552,0-1-.448-1-1s.448-1,1-1h8c.552,0,1,.448,1,1s-.448,1-1,1Z" fill="currentColor"></path></svg>
                    <span>German + English</span>
                  </div>
            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Work as a Customer Service Agent (m/w/d) in Athens and support customers by phone, email and chat. Wanting to work abroad in Greece? Apply now, and start with a paid flight, four weeks of hotel accommodation and a free Greek course.
            </div>

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

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Temporary accommodation 🏠</div>

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4874" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4874/toggle" data-gtm-favourite-vacancy-id-value="4874" data-gtm-favourite-vacancy-title-value="Become a German-speaking Customer Service Agent in Athens" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_2cb46c6f-5c43-4464-9032-3670dc39c8ca" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4874" href="/en/login-sign-up?saved_vacancy=4874" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


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


  <div id="vacancy_4804">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Work as a German-speaking Customer Service Advisor in Athens" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/customer-service_athens-8rka19t4ho-xtq-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=5b36d24517bd2a3ba5ee8bac38db063a 1x,
https://yobbers-assets.imgix.net/media/customer-service_athens-8rka19t4ho-xtq-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=f8602898ee10ba6d7292bb21acfc750e 2x,
https://yobbers-assets.imgix.net/media/customer-service_athens-8rka19t4ho-xtq-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=4a23d3896ed794cfe517989388b59aad 3x,
https://yobbers-assets.imgix.net/media/customer-service_athens-8rka19t4ho-xtq-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=a82143870a6eff5d5161d6717472082c 4x,
https://yobbers-assets.imgix.net/media/customer-service_athens-8rka19t4ho-xtq-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=00d1a848ef36c64b21fa8937cad1b7c6 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/customer-service_athens-8rka19t4ho-xtq-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=fc2816c54ebd5b0540df46cd04954911" />


      </div>
    </div>

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

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Customer Service Advisor</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Athens, Greece</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-.1,3-.3l5.6,2.2c.1,0,.2,.1,.4,.1s.4-.1,.6-.2c.3-.2,.4-.6,.4-.9l-.5-4.7c1.6-1.8,2.5-4,2.5-6.2Zm-11,3h-5c-.552,0-1-.448-1-1s.448-1,1-1h5c.552,0,1,.448,1,1s-.448,1-1,1Zm3-4H8c-.552,0-1-.448-1-1s.448-1,1-1h8c.552,0,1,.448,1,1s-.448,1-1,1Z" fill="currentColor"></path></svg>
                    <span>German + English</span>
                  </div>
            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Start your career in Customer Service in Athens and support customers via phone, email, and chat. Join an international team, enjoy hybrid work, and soak up the Greek sun. Apply now!
            </div>

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

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Temporary accommodation 🏠</div>

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4804" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4804/toggle" data-gtm-favourite-vacancy-id-value="4804" data-gtm-favourite-vacancy-title-value="Work as a German-speaking Customer Service Advisor in Athens" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_c95a04f7-d093-4a0d-b55d-29b2c0853151" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4804" href="/en/login-sign-up?saved_vacancy=4804" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


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


  <div id="vacancy_4508">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Work for Netflix as a Dutch-speaking Customer Service Agent in Athens" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_tpg_netflix-oxoodgu6tly4mg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=4b298388c84faa23284f28ff8889c643 1x,
https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_tpg_netflix-oxoodgu6tly4mg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=015ad95a6fa1d943fa3735f489dedf2f 2x,
https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_tpg_netflix-oxoodgu6tly4mg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=832412d51a57fc4205b2a632ed693a12 3x,
https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_tpg_netflix-oxoodgu6tly4mg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=06e46551909e13dddd9a5cb9f875501e 4x,
https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_tpg_netflix-oxoodgu6tly4mg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=08454b9d75b52718274981da1c206ca8 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/2_vacancy-header_nl_tpg_netflix-oxoodgu6tly4mg-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=be83f183811a2adf8921830e77b733ed" />


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

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

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Customer Service Agent</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Athens, Greece</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-.1,3-.3l5.6,2.2c.1,0,.2,.1,.4,.1s.4-.1,.6-.2c.3-.2,.4-.6,.4-.9l-.5-4.7c1.6-1.8,2.5-4,2.5-6.2Zm-11,3h-5c-.552,0-1-.448-1-1s.448-1,1-1h5c.552,0,1,.448,1,1s-.448,1-1,1Zm3-4H8c-.552,0-1-.448-1-1s.448-1,1-1h8c.552,0,1,.448,1,1s-.448,1-1,1Z" fill="currentColor"></path></svg>
                    <span>Dutch (Belgian)/Dutch + English</span>
                  </div>
            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Listen up all Netflix bingewatchers: you can work as a Customer Service Agent in Greece! Spend your free time on the beach and enjoy the relaxed Greek culture. Curious about the position? Read more here and start your adventure in Athens!
            </div>

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

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Temporary accommodation 🏠</div>

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4508" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4508/toggle" data-gtm-favourite-vacancy-id-value="4508" data-gtm-favourite-vacancy-title-value="Work for Netflix as a Dutch-speaking Customer Service Agent in Athens" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_d233f5bf-a8d5-420c-9f8d-76b112f7ff69" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4508" href="/en/login-sign-up?saved_vacancy=4508" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


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


  <div id="vacancy_4512">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="German-speaking Customer Service Agents wanted for Netflix in Greece" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=4f9a5c5ef01aa6de7ed8a42039107d33 1x,
https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=369d82ebc94653e8fc59f7657d45d54c 2x,
https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=5ba08f4d6b939bdba67b0a95dc70c43e 3x,
https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=13fb7a16f7a0abcf2a2d707f78d8c2f9 4x,
https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=75cf6d55c41ea023eb756b9b5837d1f6 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/vacancy-header_tpg_netflix-ywyxpeg2pv-new-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=32b87b5c865739d269e77f14471ee2a8" />


      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">German-speaking Customer Service Agents wanted for Netflix in Greece</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Customer Service Agent</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Greece</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-.1,3-.3l5.6,2.2c.1,0,.2,.1,.4,.1s.4-.1,.6-.2c.3-.2,.4-.6,.4-.9l-.5-4.7c1.6-1.8,2.5-4,2.5-6.2Zm-11,3h-5c-.552,0-1-.448-1-1s.448-1,1-1h5c.552,0,1,.448,1,1s-.448,1-1,1Zm3-4H8c-.552,0-1-.448-1-1s.448-1,1-1h8c.552,0,1,.448,1,1s-.448,1-1,1Z" fill="currentColor"></path></svg>
                    <span>German + English</span>
                  </div>
            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Can you picture yourself wandering from the Acropolis to the Agora, soaking up the vibrant atmosphere of the world’s oldest city? And do you love binge-watching the latest Netflix hits? If so, this vacancy is just what you’re looking for!
            </div>

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

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

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4512" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4512/toggle" data-gtm-favourite-vacancy-id-value="4512" data-gtm-favourite-vacancy-title-value="German-speaking Customer Service Agents wanted for Netflix in Greece" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_c8d90fa3-634a-4a2a-9a70-25c278ebd5fc" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4512" href="/en/login-sign-up?saved_vacancy=4512" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


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

  <div>
  <div class="bg-primaryBg my-3 flex flex-row gap-4 rounded-lg px-6 pt-8 pb-6 lg:mb-8 lg:pr-4 lg:pb-6 lg:pl-0">
    <div class="my-auto text-center hidden lg:block w-62.5">
      <img width="70" height="70" loading="lazy" class="hidden lg:block mx-auto" srcset="https://static-files-yobbers.imgix.net/promoted/newsletter-cta?ixlib=rails-4.3.1&fit=crop&crop=center&h=70&w=70&auto=format&dpr=1&q=75 1x,
https://static-files-yobbers.imgix.net/promoted/newsletter-cta?ixlib=rails-4.3.1&fit=crop&crop=center&h=70&w=70&auto=format&dpr=2&q=50 2x,
https://static-files-yobbers.imgix.net/promoted/newsletter-cta?ixlib=rails-4.3.1&fit=crop&crop=center&h=70&w=70&auto=format&dpr=3&q=35 3x,
https://static-files-yobbers.imgix.net/promoted/newsletter-cta?ixlib=rails-4.3.1&fit=crop&crop=center&h=70&w=70&auto=format&dpr=4&q=23 4x,
https://static-files-yobbers.imgix.net/promoted/newsletter-cta?ixlib=rails-4.3.1&fit=crop&crop=center&h=70&w=70&auto=format&dpr=5&q=20 5x" sizes="100vw" src="https://static-files-yobbers.imgix.net/promoted/newsletter-cta?ixlib=rails-4.3.1&fit=crop&crop=center&h=70&w=70&auto=format" />
</div>
    <div class="relative flex-1">
      <div class="absolute py-0.5 px-6 text-white font-semibold text-body-sm bg-gray-700 rounded-sm -top-10.5 -left-8 lg:left-0">
        Yobbers Tip
</div>
      <div class="text-paragraph-sm lg:text-body-lg font-bold text-gray-800 lg:font-semibold">Don&#39;t miss any updates!</div>
      <div class="text-body-sm lg:text-paragraph-sm mb-4">Stay up to date about the latest job vacancies and receive the best travel inspiration! Sign up for the <b>newsletter</b> and don't miss a thing!</div>

            <turbo-frame id="yobbers_cta">
  <div data-controller="impression-tracking" data-impression-tracking-event-name-value="viewedCta" data-impression-tracking-event-properties-value="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Newsletter Signup&quot;,&quot;ctaLocation&quot;:&quot;Yobbers tip card&quot;}" data-impression-tracking-threshold-value="0.75" data-impression-tracking-debounce-value="1000" data-impression-tracking-session-key-value="avo_impression_viewed_cta_Newsletter Signup_Yobbers tip card">
    <form class="flex flex-col w-full justify-center max-w-[600px]" data-controller="y-form label turnstile" data-turbo-frame="_top" data-turnstile-sitekey-value="0x4AAAAAAA7Tqax6PwdRkU2Z" data-turnstile-action="newsletter" data-turnstile-cdata="jobseeker" novalidate="novalidate" action="/en/subscribers?partial=jobseeker%2Fyobbers_cta%2Fnewsletter_signup&amp;turbo_frame=yobbers_cta" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pzcwrtoF0RsHKcpzUszH-lf7E_wGy6hONaSO6bV4gItd77ctx_ptvIsT8skdD6g1GH4-kZ-pxTx_D-1ke0ddJQ" autocomplete="off" />
        <div class="cf-turnstile h-0" data-turnstile-target="widget"></div>
        <div class="form-status mb-1.5 text-gray-500 text-sm" data-turnstile-target="status" aria-live="polite"></div>

      <div class="message_1793689400"><style media="screen">.message_1793689400 {display:none;}</style><label for="subscriber_message">If you are a human, ignore this field</label><input type="text" name="subscriber[message]" id="subscriber_message_homepage" autocomplete="off" tabindex="-1" /><input type="hidden" name="spinner" value="2f5bb041448ec9c7db9bd792532ec3c6" autocomplete="off" /></div>

      
<div role="group" class="flex items-stretch *:focus-visible:z-10 *:focus-visible:relative [&amp;&gt;[data-slot=select-trigger]:not([class*=&#39;w-&#39;])]:w-fit [&amp;&gt;input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&amp;&gt;[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[&gt;[data-slot=button-group]]:gap-2 [&amp;&gt;*:not([data-slot=button-group]):not(:first-child)]:rounded-l-none [&amp;&gt;*:not([data-slot=button-group]):not(:first-child)]:border-l-0 [&amp;&gt;*:not([data-slot=button-group]):not(:last-child)]:rounded-r-none [&amp;&gt;*:not([data-slot=button-group]):not(:first-child)&gt;[data-slot=button]]:rounded-l-none [&amp;&gt;*:not([data-slot=button-group]):not(:first-child)&gt;[data-slot=button]]:border-l-0 [&amp;&gt;*:not([data-slot=button-group]):not(:last-child)&gt;[data-slot=button]]:rounded-r-none w-full max-w-[560px]" data-slot="button-group">
            <input class="file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input w-full rounded-md border px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-[28px] file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive min-h-input-md min-w-0 flex-1 bg-white" data-slot="input" data-required-message="E-mail can&#39;t be blank" data-email-message="E-mail is invalid" placeholder="Email address" required="required" autocomplete="email" type="email" name="subscriber[email]" id="subscriber_email" />


        <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md 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 bg-primary text-white shadow-xs hover:bg-primary/90 h-input-md py-2 has-[&gt;svg]:px-3 [&amp;_svg:not([class*=&quot;size-&quot;])]:size-4 px-6 sm:px-7" data-ripplet="true" data-slot="button" data-turbo-disable-with="<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;16px&quot; height=&quot;16px&quot; viewBox=&quot;0 0 16 16&quot; role=&quot;img&quot; aria-hidden=&quot;true&quot; class=&quot;icon loading-spinner&quot; style=&quot;fill: currentColor !important;&quot;><g><path d=&quot;M8,16a8,8,0,1,1,8-8A8.009,8.009,0,0,1,8,16ZM8,2a6,6,0,1,0,6,6A6.006,6.006,0,0,0,8,2Z&quot; opacity=&quot;0.4&quot;></path> <path d=&quot;M16,8H14A6.006,6.006,0,0,0,8,2V0A8.009,8.009,0,0,1,16,8Z&quot;></path></g></svg><span>Sign up</span>" data-turnstile-target="submit" type="submit">Sign up</button>

</div>

      <div class="max-w-[400px]"></div>
</form></div></turbo-frame>

    </div>
  </div>
</div>
  <div id="vacancy_4813">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Work as a German-speaking Customer Advisor for Microsoft in Athens" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/vacancyphoto/6932/photo/a39d07c0e38ce5b54629d59b1f0d314b.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=c5098ca47f06bc1b63602ddf68640d3c 1x,
https://yobbers-assets.imgix.net/vacancyphoto/6932/photo/a39d07c0e38ce5b54629d59b1f0d314b.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=fe5390a9e945cbeae346f2e6f00a4272 2x,
https://yobbers-assets.imgix.net/vacancyphoto/6932/photo/a39d07c0e38ce5b54629d59b1f0d314b.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=3df8350f05a1b3d96a278bc1caeef3e3 3x,
https://yobbers-assets.imgix.net/vacancyphoto/6932/photo/a39d07c0e38ce5b54629d59b1f0d314b.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=8e093b59f988239272f8e606bede1573 4x,
https://yobbers-assets.imgix.net/vacancyphoto/6932/photo/a39d07c0e38ce5b54629d59b1f0d314b.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=691274835b41016e17260fe41d575920 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/6932/photo/a39d07c0e38ce5b54629d59b1f0d314b.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=9184f28c28ebc9425b2f609bd8b34a46" />


      </div>
    </div>

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

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Customer Service Agent</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Athens, Greece</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-.1,3-.3l5.6,2.2c.1,0,.2,.1,.4,.1s.4-.1,.6-.2c.3-.2,.4-.6,.4-.9l-.5-4.7c1.6-1.8,2.5-4,2.5-6.2Zm-11,3h-5c-.552,0-1-.448-1-1s.448-1,1-1h5c.552,0,1,.448,1,1s-.448,1-1,1Zm3-4H8c-.552,0-1-.448-1-1s.448-1,1-1h8c.552,0,1,.448,1,1s-.448,1-1,1Z" fill="currentColor"></path></svg>
                    <span>English/German</span>
                  </div>
            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Looking for a fresh start? Work as a Customer Advisor for Microsoft in Athens. The perfect mix of international work experience and adventure! And the best part: your flight and temporary accommodation are included.
            </div>

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

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

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4813" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4813/toggle" data-gtm-favourite-vacancy-id-value="4813" data-gtm-favourite-vacancy-title-value="Work as a German-speaking Customer Advisor for Microsoft in Athens" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_ec4bd318-b634-4035-af44-add6ddd404f9" data-gtm-favourite-vacancy-categories-value="[16,39]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4813" href="/en/login-sign-up?saved_vacancy=4813" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


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


  <div id="vacancy_4833">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Start as a Dutch-speaking Customer Service Agent in Athens for an international tech service" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/2_nl-tpg-athens_greece-cs-squaretrade-6-kbw6eywplq7sba-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=33fec654cdfd89c8b326dcd52eb59995 1x,
https://yobbers-assets.imgix.net/media/2_nl-tpg-athens_greece-cs-squaretrade-6-kbw6eywplq7sba-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=3d57779e0d4fe52005baf20f61749cce 2x,
https://yobbers-assets.imgix.net/media/2_nl-tpg-athens_greece-cs-squaretrade-6-kbw6eywplq7sba-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=8777ecc65e4358e152aaf3e405e47d8a 3x,
https://yobbers-assets.imgix.net/media/2_nl-tpg-athens_greece-cs-squaretrade-6-kbw6eywplq7sba-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=7052fc9246d4ee5e045e87cee4944ac7 4x,
https://yobbers-assets.imgix.net/media/2_nl-tpg-athens_greece-cs-squaretrade-6-kbw6eywplq7sba-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=ee919bf9cb1ac98237e65bcd4e53e4ba 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/2_nl-tpg-athens_greece-cs-squaretrade-6-kbw6eywplq7sba-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=652c578c6b76dfef4c54632c8aafb310" />


      </div>
    </div>

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

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Customer Service Agent</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Athens, Greece</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-.1,3-.3l5.6,2.2c.1,0,.2,.1,.4,.1s.4-.1,.6-.2c.3-.2,.4-.6,.4-.9l-.5-4.7c1.6-1.8,2.5-4,2.5-6.2Zm-11,3h-5c-.552,0-1-.448-1-1s.448-1,1-1h5c.552,0,1,.448,1,1s-.448,1-1,1Zm3-4H8c-.552,0-1-.448-1-1s.448-1,1-1h8c.552,0,1,.448,1,1s-.448,1-1,1Z" fill="currentColor"></path></svg>
                    <span>Dutch (Belgian)/Dutch + English</span>
                  </div>
            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Move to Greece with a paid flight and begin your adventure under the sun. Start as a Customer Service Agent in sunny Athens and support customers via phone, chat, and email with questions, service requests, and claims related to electronic devices. 


            </div>

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

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Temporary accommodation 🏠</div>

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4833" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4833/toggle" data-gtm-favourite-vacancy-id-value="4833" data-gtm-favourite-vacancy-title-value="Start as a Dutch-speaking Customer Service Agent in Athens for an international tech service" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_40e5b6cb-14d4-4828-a5d2-dd54c3eed21b" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4833" href="/en/login-sign-up?saved_vacancy=4833" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


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


  <div id="vacancy_4834">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Start as a German-speaking Customer Service Agent in Athens for an international tech service" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/nl-tpg-athens_greece-cs-squaretrade-6-iebuxpwnuz2how-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=3d263899a34a70843f356508097dfedf 1x,
https://yobbers-assets.imgix.net/media/nl-tpg-athens_greece-cs-squaretrade-6-iebuxpwnuz2how-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=537b8a2965ac4a471585522d4102b253 2x,
https://yobbers-assets.imgix.net/media/nl-tpg-athens_greece-cs-squaretrade-6-iebuxpwnuz2how-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=9df3bf148a249907beb27aa5afd14c0b 3x,
https://yobbers-assets.imgix.net/media/nl-tpg-athens_greece-cs-squaretrade-6-iebuxpwnuz2how-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=acdf60f72dc74955d6fc9ca0c2b08540 4x,
https://yobbers-assets.imgix.net/media/nl-tpg-athens_greece-cs-squaretrade-6-iebuxpwnuz2how-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=58d426d77d4832d2fa5544e01d355d34 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/nl-tpg-athens_greece-cs-squaretrade-6-iebuxpwnuz2how-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=5caa8236b7bc1b05e3711881140fdc77" />


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

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Start as a German-speaking Customer Service Agent in Athens for an international tech service</div>
        </div>
      </div>

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Customer Service Agent</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Athens, Greece</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-.1,3-.3l5.6,2.2c.1,0,.2,.1,.4,.1s.4-.1,.6-.2c.3-.2,.4-.6,.4-.9l-.5-4.7c1.6-1.8,2.5-4,2.5-6.2Zm-11,3h-5c-.552,0-1-.448-1-1s.448-1,1-1h5c.552,0,1,.448,1,1s-.448,1-1,1Zm3-4H8c-.552,0-1-.448-1-1s.448-1,1-1h8c.552,0,1,.448,1,1s-.448,1-1,1Z" fill="currentColor"></path></svg>
                    <span>German + English</span>
                  </div>
            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Move to Greece with a paid flight and begin your adventure under the sun. Start as a Customer Service Agent in sunny Athens and support customers via phone, chat, and email with questions, service requests, and claims related to electronic devices. 


            </div>

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

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Relocation package 📦</div>

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4834" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4834/toggle" data-gtm-favourite-vacancy-id-value="4834" data-gtm-favourite-vacancy-title-value="Start as a German-speaking Customer Service Agent in Athens for an international tech service" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_0a001920-d3d6-4401-a617-84e3ecf22720" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4834" href="/en/login-sign-up?saved_vacancy=4834" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


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


  <div id="vacancy_4855">
    
<div
  class="relative block group" 
>
  <div class="flex flex-row">
    <div class="shrink-0">
      <div class="js-loader-el js-loader-el--image relative isolate w-full overflow-hidden rounded-lg">
          <img alt="Work remotely in Greece as a Dutch-speaking Customer Service Agent for a big tech brand" width="250" height="180" loading="lazy" decoding="async" style="aspect-ratio: 250 / 180;" class="rounded-lg group-hover:scale-105 transition-transform ease-out-quart duration-500 block max-w-[124px] lg:max-w-full" srcset="https://yobbers-assets.imgix.net/media/vacancy-header_tpg_customer-service_apple_1-1-odsq9jtlsrxcnw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=16a0faa534df21b99f455e1d7c93a21e 1x,
https://yobbers-assets.imgix.net/media/vacancy-header_tpg_customer-service_apple_1-1-odsq9jtlsrxcnw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=8674835d9c050c79eb53b05fdfad18de 2x,
https://yobbers-assets.imgix.net/media/vacancy-header_tpg_customer-service_apple_1-1-odsq9jtlsrxcnw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=d9f33abb0af8339cd4235c62383fc27d 3x,
https://yobbers-assets.imgix.net/media/vacancy-header_tpg_customer-service_apple_1-1-odsq9jtlsrxcnw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=aec6114011419d3ea45547b2d2d6cedc 4x,
https://yobbers-assets.imgix.net/media/vacancy-header_tpg_customer-service_apple_1-1-odsq9jtlsrxcnw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=07c7c3f623bec4ce65b97db5c61be5b5 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/media/vacancy-header_tpg_customer-service_apple_1-1-odsq9jtlsrxcnw-png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect&fit=crop&crop=center&w=250&h=180&s=788d9656c3a2d00c0f5e14f71142f326" />


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

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

      <div class="flex-0">
        <div class="flex px-4 pb-1.5">
          <div class="text-body-sm leading-tight">
            <div class="text-gray-600">
              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path data-color="color-2" fill="currentColor" d="M15,13h-5c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1H1v2c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1V13z"></path> <path fill="currentColor" d="M15,4h-3V1c0-0.6-0.4-1-1-1H5C4.4,0,4,0.4,4,1v3H1C0.4,4,0,4.4,0,5v6c0,0.6,0.4,1,1,1h5v-1c0-0.6,0.4-1,1-1 h2c0.6,0,1,0.4,1,1v1h5c0.6,0,1-0.4,1-1V5C16,4.4,15.6,4,15,4z M10,4H6V2h4V4z"></path></svg>
                <span>Customer Service Agent</span>
              </div>

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

              <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path fill="currentColor" d="M8,0C4.1,0,1,3.1,1,7c0,1.9,0.7,3.7,2.1,5c0.1,0.1,4.1,3.7,4.2,3.8c0.4,0.3,1,0.3,1.3,0 c0.1-0.1,4.2-3.7,4.2-3.8c1.4-1.3,2.1-3.1,2.1-5C15,3.1,11.9,0,8,0z M8,9C6.9,9,6,8.1,6,7s0.9-2,2-2c1.1,0,2,0.9,2,2S9.1,9,8,9z"></path></svg>
                <span>Greece</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="mt-0.5 shrink-0 text-gray-400" style="fill: currentColor !important;"><path d="M24,11c0-5.5-5.4-10-12-10S0,5.5,0,11s5.4,10,12,10c1,0,2-.1,3-.3l5.6,2.2c.1,0,.2,.1,.4,.1s.4-.1,.6-.2c.3-.2,.4-.6,.4-.9l-.5-4.7c1.6-1.8,2.5-4,2.5-6.2Zm-11,3h-5c-.552,0-1-.448-1-1s.448-1,1-1h5c.552,0,1,.448,1,1s-.448,1-1,1Zm3-4H8c-.552,0-1-.448-1-1s.448-1,1-1h8c.552,0,1,.448,1,1s-.448,1-1,1Z" fill="currentColor"></path></svg>
                    <span>Dutch (Belgian)/Dutch + English</span>
                  </div>
            </div>

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

            <div class="js-loader-el hidden leading-snug text-gray-600 lg:block">
              Work remotely in Greece for a well-known phone brand. Help Dutch-speaking customers, choose your best-fit role and enjoy Greek life.
            </div>

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

      <div class="flex-0">
          <div class="flex gap-x-0.5 px-4">
            <div class="perk-badge js-loader-el">Temporary accommodation 🏠</div>

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

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

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4855" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4855/toggle" data-gtm-favourite-vacancy-id-value="4855" data-gtm-favourite-vacancy-title-value="Work remotely in Greece as a Dutch-speaking Customer Service Agent for a big tech brand" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_02b0f82d-480e-4229-87c3-34db217e02ae" data-gtm-favourite-vacancy-categories-value="[16]" data-gtm-favourite-vacancy-country-codes-value="[&quot;GR&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4855" href="/en/login-sign-up?saved_vacancy=4855" class="c-save-vacancy-button__card-icon cursor-pointer c-save-vacancy-button c-save-vacancy-button--card-icon">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" style="fill: currentColor !important;"><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-linecap="square" stroke-miterlimit="10" stroke-width="2"></path></svg>
</a>
  </div>
</div>


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

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


    <div class="mb-12"></div>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_filter_index"><template>
  <turbo-frame id="vacancies_filter_index">
  <div class="mb-6 flex flex-col gap-y-4">
    <div class="px-1.5">
      <a class="gw-button -notification -block -light-border -rounded border-gray-300! bg-white! shadow-md! hover:border-gray-400! hover:bg-gray-50!" data-turbo-frame="modal" data-do="click-&gt;modal#open" data-modal-size="sm" href="/en/search_queries/new">
        <div class="icon relative">
          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 24 24" role="img" aria-hidden="true" class="origin-top motion-safe:animate-job-alert-ring text-primary" style="fill: currentColor !important;"><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" fill="currentColor"></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" fill="currentColor"></path></svg>

        </div>

        <span class="pl-3">Create job alert</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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></svg></span>
</span></span>

    <span class="y-control__label">Spain</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 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="NL" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></svg></span>
</span></span>

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


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

      <div class="px-1.5">
        <div class="my-3">
          <form class="button_to" method="get" action="/en/vacancy_filters/countries"><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_locations">

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


            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="3779" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></svg></span>
</span></span>

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Alicante</span><span class="block truncate text-body-xs leading-tight text-gray-500">Spain</span></span></span></span>
</label>


            </div>

            <div>
              <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 items-start y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="2" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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="9" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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="32" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></svg></span>
</span></span>

    <span class="y-control__label">Technical</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="42" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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="1" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></svg></span>
</span></span>

    <span class="y-control__label">Other</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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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 (10)</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-multiple-slider="true" 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;]"
        >
          <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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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="negative" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></svg></span>
</span></span>

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


          </div>
          <div>
            <label data-ripple-target="item" class="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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></svg></span>
</span></span>

    <span class="y-control__label">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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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="33" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;"><path fill="currentColor" 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></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=athens" 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 8 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;:8,&quot;vacanciesFilteredAccommodationType&quot;:null,&quot;vacanciesFilteredEnglishProficiency&quot;:null}" debounce_time="3000" action="track_event"><template></template></turbo-stream>

