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

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

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

                </div>

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

              <div class="prose prose-sm max-w-none prose-p:text-gray-900">
                Start your journey and discover customer service jobs abroad with Yobbers! Whether you want to help customers remotely and work in Portugal or Greece, we help you find the perfect job abroad.

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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


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

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


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

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


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

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


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

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


</form>    </div>

      <div class="px-1.5">
        <div class="my-3">
          <form class="button_to" method="get" action="/en/vacancy_filters/languages"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">View more (6)</button></form>
        </div>
      </div>
</turbo-frame>
      <turbo-frame id="filter_countries">

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


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

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


          </div>

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

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


          </div>

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

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


          </div>

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

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


          </div>

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

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


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

  </div>
</turbo-frame>
      <turbo-frame id="filter_locations">

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

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

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


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

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


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

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


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

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


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

    <span class="y-control__label"><span class="flex min-w-0 items-center"><span class="min-w-0 flex-1"><span class="block truncate font-medium text-gray-800">Málaga</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 hidden y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="location_ids" id="location_ids" value="11" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

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


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

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


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

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


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

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


            </div>
        </div>
</form>
        <div class="px-1.5">
          <div class="my-3">
            <form class="button_to" method="get" action="/en/vacancy_filters/locations"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">View more (9)</button></form>
          </div>
        </div>
    </div>
</turbo-frame>
      <turbo-frame id="filter_categories">
  <div data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="categories" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">Categories</div>

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

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


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

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


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

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


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

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


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

    <span class="y-control__label">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" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

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


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

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


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

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


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

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


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

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


      </div>
</form>

      <div class="px-1.5">
        <div class="my-3">
          <form class="button_to" method="get" action="/en/vacancy_filters/categories"><button class="link-text cursor-pointer" data-do="click-&gt;modal#open" data-turbo-frame="modal" type="submit">View more (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="{&quot;category_ids&quot;:&quot;16&quot;}"
  >
    <div>
      <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
        Working hours
      </div>

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

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

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

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

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

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

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

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


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

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


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

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


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

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


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

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

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


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

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


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

    <span class="y-control__label">Flight included</span>
</label>


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

    <span class="y-control__label">Health insurance included</span>
</label>


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

    <span class="y-control__label">Language course included</span>
</label>


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

    <span class="y-control__label">Part-time possible</span>
</label>


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

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


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

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


          </div>
          <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="39" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img" aria-hidden="true" style="fill: currentColor !important;" width="12px" height="12px"><g><path d="M14.3,2.3L5,11.6L1.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4C4.5,13.9,4.7,14,5,14s0.5-0.1,0.7-0.3 l10-10c0.4-0.4,0.4-1,0-1.4S14.7,1.9,14.3,2.3z"></path></g></svg></span>
</span></span>

    <span class="y-control__label">Work for 6 months</span>
</label>


          </div>
</form>    </div>
</turbo-frame>
  </div>
</turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="vacancies_footer"><template>
  <turbo-frame id="vacancies_footer">
  <div class="bg-primaryBg" id="information">
    <div
      class="px-6 md:px-16 py-16 text-gray-700 prose prose-sm max-w-screen-lg mx-auto prose-p:text-gray-900"
    >
      <h2>Customer Service jobs abroad</h2><p>Curious about starting a Customer Service job abroad? Discover exciting opportunities in beautiful destinations while gaining valuable experience. Whether you&#39;ll be helping customers with travel bookings or supporting international brands, Yobbers makes moving abroad easy and stress-free. Find your next customer service job abroad today!</p><h3>Customer Service jobs in Portugal</h3><p>Looking for Customer Service jobs in <a href="https://www.yobbers.com/en/working-in-portugal" rel="noopener noreferrer" target="_blank">Portugal</a>? From working in the exciting city of <a href="https://www.yobbers.com/en/working-in-lisbon" rel="noopener noreferrer" target="_blank">Lisbon</a> to enjoying the relaxed coastal lifestyle, Portugal offers great opportunities for international professionals. Many companies are recruiting for English-speaking customer service jobs in Portugal, providing relocation support and career development. Start your adventure today and experience life in this <strong>sunny country</strong> while building your career abroad!</p><h3>Customer Service remote jobs</h3><p>Customer Service remote jobs offer the flexibility to work from anywhere while helping customers with their issues. Whether you&#39;re helping customers by phone, chat or email, these jobs offer great opportunities for career growth and work-life balance. Find Customer Service remote jobs today and enjoy the <strong>freedom of working from home</strong>!🏡</p>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream>
  <turbo-stream url="https://www.yobbers.com/en/customer-service-jobs" title="" state="{}" action="push_state"><template></template></turbo-stream>
  <turbo-stream title="Customer Service | Yobbers" action="set_title"><template></template></turbo-stream>

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

