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

  <section class="header-vacancies relative">
    <div class="items relative z-20">
      <div class="mx-auto max-w-screen-md px-4 lg:max-w-screen-2xl lg:px-8">
        <div class="pt-8 pb-3 lg:pt-12">
          <div class="flex items-center">
            <div class="max-w-screen-xl overflow-hidden">

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

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

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

  <div class="mt-3 mb-3 flex items-center justify-between px-3 text-gray-600">
    <div>1 vacancy</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-cf2260552f" aria-haspopup="menu" aria-controls="dropdown-cf2260552f" aria-expanded="false" id="sortVacancies" type="button">          Newest first
<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-cf2260552f" 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-6bf077d2c7" 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?country_code=MT">
    <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

    
    <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?country_code=MT&amp;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

    
    <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?country_code=MT&amp;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="flex w-full flex-wrap gap-1 px-3 pt-3 pb-1.5">
        <div data-controller="vacancy-filter" data-vacancy-filter-id-value="reset" data-turbo-frame="modal" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;filter_sort_by&quot;:&quot;DESC&quot;}">
          <form data-vacancy-filter-target="form" action="https://www.yobbers.com/en/vacancies-abroad" accept-charset="UTF-8" method="get">
            <button name="button" type="submit" class="y-btn y-btn--xs y-btn--rounded gap-x-1.5 bg-gray-900! text-gray-100!" data-do="click-&gt;vacancy-filter#submit:prevent">
              <span>Malta</span>
              <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 12 12" role="img" aria-hidden="true" class="y-btn__icon" style="fill: currentColor !important;"><line x1="1.5" y1="1.5" x2="10.5" y2="10.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line> <line x1="10.5" y1="1.5" x2="1.5" y2="10.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg>
</button></form></div>
      <div class="ml-3" data-controller="vacancy-filter" data-vacancy-filter-id-value="reset" data-turbo-frame="modal" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{}">
        <form data-vacancy-filter-target="form" action="https://www.yobbers.com/en/vacancies-abroad" accept-charset="UTF-8" method="get">
          <button name="button" type="submit" class="inline-flex items-center justify-center underline text-gray-600 text-sm hover:text-gray-800" data-do="click-&gt;vacancy-filter#submit:prevent">Reset all filters</button>
</form></div>    </div>

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

    <div class="flex flex-col gap-y-3 px-3">
      

  <div id="vacancy_4555">
    
<div
  class="relative block group" data-controller="vacancy-tracking" data-vacancy-tracking-vacancy-id-value="4555" data-vacancy-tracking-vacancy-slug-value="working-in-spain-madrid-malta-dutch-flemish-speaking-online-croupier" data-vacancy-tracking-vacancy-title-value="Work as a Dutch/Flemish-speaking Online Croupier in Malta or Madrid" data-vacancy-tracking-vacancy-function-value="Online Croupier" data-vacancy-tracking-vacancy-highlighted-perk-value="Flight included 🛩️" data-vacancy-tracking-vacancy-header-photo-id-value="3773" data-vacancy-tracking-client-id-value="1654" data-vacancy-tracking-vacancy-categories-value="[&quot;iGaming&quot;]" data-vacancy-tracking-vacancy-countries-value="[&quot;Malta&quot;,&quot;Spain&quot;]" data-vacancy-tracking-vacancy-perks-value="Flight included 🛩️, Temporary accommodation 🏠, Monthly performance bonus 💰" 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="3" data-vacancy-tracking-filters-countries-value="[&quot;ES&quot;]" data-vacancy-tracking-filters-languages-value="[]" 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="4" 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="Work as a Dutch/Flemish-speaking Online Croupier in Malta or Madrid" 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/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=1&q=75&s=5bc313100598769df11385e2538da849 1x,
https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=2&q=50&s=458e041b1d0f9cc4b8c5a0c4879a4edc 2x,
https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=3&q=35&s=1576d503b87877927590cd8ee947472a 3x,
https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=4&q=23&s=63bb239f0feed2af029823afcb652585 4x,
https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&dpr=5&q=20&s=e4b72538c5c60bbfd14c21f1e045c8af 5x" sizes="100vw" src="https://yobbers-assets.imgix.net/vacancyphoto/5483/photo/38e2bd2a916156347a72db84d5bb02e3.png?ixlib=rails-4.3.1&auto=format%2Ccompress&rect=0%2C0%2C3000%2C900&fit=crop&crop=center&w=250&h=180&s=c1a99aecd2dbf216f4e05df793b65682" />


      </div>
    </div>

    <div class="flex flex-1 flex-col">
      <div class="flex-0">
        <div class="px-4 pt-0.5 pb-2 leading-snug">
          <div class="js-loader-el text-body-lg font-semibold text-gray-800">Work as a Dutch/Flemish-speaking Online Croupier in Malta or Madrid</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>Online Croupier</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>Malta and Spain</span>
              </div>

                  <div class="mb-1"></div>
                  <div class="js-loader-el flex min-h-4 items-start gap-x-1.5">
                    <svg xmlns="http://www.w3.org/2000/svg" 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">
              Want to live in a sunny place and gain international work experience? Start as a Dutch/Flemish Online Croupier in Malta or Madrid! 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-spain-madrid-malta-dutch-flemish-speaking-online-croupier"></a>

  <div class="absolute top-1.5 left-1.5">
    <a data-save-vacancy-id="4555" data-controller="save-vacancy gtm-favourite-vacancy" data-save-vacancy-url-value="/en/saved-vacancies/4555/toggle" data-gtm-favourite-vacancy-id-value="4555" data-gtm-favourite-vacancy-title-value="Work as a Dutch/Flemish-speaking Online Croupier in Malta or Madrid" data-gtm-favourite-vacancy-is-favourite-value="false" data-gtm-favourite-vacancy-request-id-value="save_vacancy_fae9e82f-4bab-4c18-a9c8-daee94320d5c" data-gtm-favourite-vacancy-categories-value="[37]" data-gtm-favourite-vacancy-country-codes-value="[&quot;MT&quot;,&quot;ES&quot;]" data-do="click-&gt;avo#triggerEvent click-&gt;modal#open" data-avo-event-name="clickedCta" data-avo-event-props="{&quot;platform&quot;:&quot;EN&quot;,&quot;ctaName&quot;:&quot;Create Account&quot;,&quot;ctaLocation&quot;:&quot;Saved Vacancy List&quot;}" data-turbo-frame="modal" data-modal-size="sm" id="save_button_4555" href="/en/login-sign-up?saved_vacancy=4555" class="c-save-vacancy-button__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 class="pointer-events-none absolute top-0 right-0 size-1.5 rounded-full bg-primary ring-2 ring-white" aria-hidden="true" data-job-alert-filter-indicator="true"></div>
        </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="{&quot;filter_sort_by&quot;:&quot;DESC&quot;,&quot;country_code&quot;:&quot;MT&quot;}">
      <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="language_ids" id="language_ids" value="27" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" 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="{&quot;filter_sort_by&quot;:&quot;DESC&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" 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 border-primary-100 bg-primary-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="country_code" id="country_code" value="MT" 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" 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>
</form>

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

          <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="category_ids" id="category_ids" value="39" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" 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="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="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 (8)</button></form>
        </div>
      </div>
</div></turbo-frame>
      <turbo-frame id="filter_working_hours">
  <div id="workingHours" data-controller="vacancy-filter" data-turbo-frame="modal" data-vacancy-filter-id-value="working_hours" data-vacancy-filter-url-value="https://www.yobbers.com/en/vacancies-abroad" data-vacancy-filter-params-value="{&quot;filter_sort_by&quot;:&quot;DESC&quot;,&quot;country_code&quot;:&quot;MT&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;filter_sort_by&quot;:&quot;DESC&quot;,&quot;country_code&quot;:&quot;MT&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-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="{&quot;filter_sort_by&quot;:&quot;DESC&quot;,&quot;country_code&quot;:&quot;MT&quot;}">
    <form data-vacancy-filter-target="form" data-do="change-&gt;vacancy-filter#submit" action="/en/vacancies-abroad" accept-charset="UTF-8" method="get">
      <div>
        <div class="text-paragraph-sm px-1.5 py-3 font-semibold">
          Accommodation 
        </div>

          <div>
            <label data-ripple-target="item" class="my-0.5 flex w-full gap-x-1.5 rounded-lg border border-transparent px-2 py-2 transition hover:border-gray-200 hover:bg-gray-50 y-control">
  <span class="y-control__control">
  <span class="y-checkbox">
    <input type="checkbox" name="accommodation" id="accommodation" value="temporary" class="y-checkbox__input" />
    <span class="y-checkbox__backdrop"></span>
    <span class="y-checkbox__icon"><svg xmlns="http://www.w3.org/2000/svg" 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="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>
            <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>
</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;filter_sort_by&quot;:&quot;DESC&quot;,&quot;country_code&quot;:&quot;MT&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" 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?country_code=MT&amp;filter_sort_by=DESC" 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 1 vacancy" action="text_content" targets="#turboUpdateResults"><template></template></turbo-stream>
<turbo-stream event_name="vacanciesFiltered" event_props="{&quot;platform&quot;:&quot;EN&quot;,&quot;vacanciesFilteredEnglishOnly&quot;:false,&quot;vacanciesFilteredLanguages&quot;:[],&quot;vacanciesFilteredCountries&quot;:[&quot;MT&quot;],&quot;vacanciesFilteredLocations&quot;:[],&quot;vacanciesFilteredJobPerkCategories&quot;:[],&quot;vacanciesFilteredCategories&quot;:[],&quot;vacanciesFilteredWorkingHours&quot;:null,&quot;vacanciesFilteredResultsCount&quot;:1,&quot;vacanciesFilteredAccommodationType&quot;:null,&quot;vacanciesFilteredEnglishProficiency&quot;:null}" debounce_time="3000" action="track_event"><template></template></turbo-stream>

