
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.integrateddoorsets.com/jobs/8638576-stores-supervisor">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/13580c80-2209-4515-9abd-cbcf4d24d255/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/13580c80-2209-4515-9abd-cbcf4d24d255/original.jpeg" alt="Stores Supervisor image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Stores Supervisor"
      >
        Stores Supervisor
      </span>

      <div class="text-md mt-4">
          <span>Integrated Doorset Solutions Ltd</span>
  <span class="mx-[2px]">&middot;</span>

<span>IDSL - Manufacturing LSW</span>

  <span class="mx-[2px]">&middot;</span>

    <span>IDSL - LSW</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Onsite
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8620354-fire-extinguisher-engineer">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Fire Extinguisher Engineer image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Fire Extinguisher Engineer"
      >
        Fire Extinguisher Engineer
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Bristol</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8620341-fire-extinguisher-engineer">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Fire Extinguisher Engineer image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Fire Extinguisher Engineer"
      >
        Fire Extinguisher Engineer
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Birmingham, Leicester</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.neo-ps.com/jobs/8535673-estimator">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/03919a31-c292-4010-a043-1c3d8170ceb8/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/03919a31-c292-4010-a043-1c3d8170ceb8/original.jpg" alt="Estimator image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Estimator"
      >
        Estimator
      </span>

      <div class="text-md mt-4">
          <span>NEO Property Solutions</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Leeds</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Onsite
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8512515-fire-alarm-engineer-commissioning">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Fire Alarm Engineer - Commissioning image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Fire Alarm Engineer - Commissioning"
      >
        Fire Alarm Engineer - Commissioning
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>

<span>Install / Projects</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Southampton</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8512465-fire-alarm-engineer-commissioning">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Fire Alarm Engineer - Commissioning image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Fire Alarm Engineer - Commissioning"
      >
        Fire Alarm Engineer - Commissioning
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>

<span>Heathrow</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Heathrow</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8512384-electrical-installation-engineer-fire-alarm-systems">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Electrical Installation Engineer - Fire Alarm Systems image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Electrical Installation Engineer - Fire Alarm Systems"
      >
        Electrical Installation Engineer - Fire Alarm S...
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>

<span>Heathrow</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Heathrow</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8511925-fire-alarm-engineer-service">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Fire Alarm Engineer - Service image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Fire Alarm Engineer - Service"
      >
        Fire Alarm Engineer - Service
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Heathrow</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.firedoorsrite.co.uk/jobs/8469375-operations-manager-joinery-fire-doors">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/ac31a654-0932-4e9e-9b1b-254491d72c85/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/ac31a654-0932-4e9e-9b1b-254491d72c85/original.jpg" alt="Operations Manager (Joinery / Fire Doors) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Operations Manager (Joinery / Fire Doors)"
      >
        Operations Manager (Joinery / Fire Doors)
      </span>

      <div class="text-md mt-4">
          <span>Fire Doors Rite Ltd</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Basingstoke</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybrid
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8451395-sprinkler-fitter">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Sprinkler Fitter image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Sprinkler Fitter"
      >
        Sprinkler Fitter
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Heathrow</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.firedoorinspectionsolutions.com/jobs/8448221-project-manager">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7361f65e-4150-442b-b1c1-64e410b29d0d/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7361f65e-4150-442b-b1c1-64e410b29d0d/original.jpeg" alt="Project Manager image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Project Manager"
      >
        Project Manager
      </span>

      <div class="text-md mt-4">
          <span>Fire Door Inspection Solutions Ltd</span>
  <span class="mx-[2px]">&middot;</span>




    <span>Glasgow</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Onsite
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.firedoorinspectionsolutions.com/jobs/8439906-planning-coordinator">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2363be3f-1e34-48c9-874e-48bc748466de/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2363be3f-1e34-48c9-874e-48bc748466de/original.jpg" alt="Planning Coordinator image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Planning Coordinator"
      >
        Planning Coordinator
      </span>

      <div class="text-md mt-4">
          <span>Fire Door Inspection Solutions Ltd</span>
  <span class="mx-[2px]">&middot;</span>




    <span>FDIS</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Onsite
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8429029-fire-extinguisher-engineer">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Fire Extinguisher Engineer image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Fire Extinguisher Engineer"
      >
        Fire Extinguisher Engineer
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>

<span>Specialist</span>

  <span class="mx-[2px]">&middot;</span>

    <span>London</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.trinityfireandsecurity.com/jobs/8398252-fire-alarm-engineer-service">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/eda09c30-2c3f-4130-9bf2-119dcadd1e05/original.png" alt="Fire Alarm Engineer - Service image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Fire Alarm Engineer - Service"
      >
        Fire Alarm Engineer - Service
      </span>

      <div class="text-md mt-4">
          <span>Trinity Fire &amp; Security Systems</span>
  <span class="mx-[2px]">&middot;</span>

<span>Service</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Reading</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
<turbo-stream action="update" target="show_more_button"><template></template></turbo-stream>