CINXE.COM

<!DOCTYPE html> <html lang="en-GB" dir="ltr" class="h-screen"> <head> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/runtime-eed5b4cdaccf27b9d5fc.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/5217-2ae580ac374aa9e4702c.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/google-tag-manager-ad3ff7d210f4d0c9db35.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/cookies-39292efe3351f8a2b686.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8559-861c670a974ad2ba563b.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/601-ad90aa2e540909e29416.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/7107-80a4947feee363e11ee0.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4057-14cecce702c30f549526.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/663-7e391fa289e8ff4ca349.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/careersite-1e16232a10b145b341e6.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4254-7afc1b5cd6cedb6c1681.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8454-e4365b811e44853f90b8.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/font-awesome-5181186e645d241afc2d.js" data-turbo-track="reload" nonce="c15aa012362371b97f9d3a4e22812dff" defer="defer"></script> <link rel="stylesheet" href="https://assets-aws.teamtailor-cdn.com/assets/packs/css/careersite-026895f3.css" data-turbo-track="reload" media="all" /> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W6MZK69');</script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="turbo-cache-control" content=""> <meta name="turbo-prefetch" content="false"> <title>List of available Jobs - Vacancies - Careers - South Pole</title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="0kgIMVBrhyMCcAuEwcdXDbLBhwFU0OAjbvWEUxf19St3RD6XRJLpmY0olnbiNZZ66slfU72Fu77/wKTTvt5u1w==" /> <meta name="csp-nonce" content="c15aa012362371b97f9d3a4e22812dff" /> <link rel='icon' type='image/png' href='https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon-v3/image_uploads/1c3cdaf2-4169-468c-9b69-af32199d7d54/original.png'><link rel='apple-touch-icon' href='https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon_apple-v3/image_uploads/1c3cdaf2-4169-468c-9b69-af32199d7d54/original.png' sizes='180x180'> <meta name="description" content="At South Pole, we care about our employees as much as we care about the planet. Check out all of our existing vacancies." /> <meta name="keywords" content="Job opportunities, Jobs, Career, Career site" /> <link rel="alternate" type="application/rss+xml" title="Blog Posts" href="/blog/posts.rss" /><link rel="alternate" type="application/rss+xml" title="Jobs" href="/jobs.rss" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="List of available Jobs - Vacancies - Careers - South Pole" /> <meta property="og:site_name" content="South Pole" /> <meta property="og:url" content="https://careers.southpole.com/jobs" /> <meta property="og:description" content="At South Pole, we care about our employees as much as we care about the planet. Check out all of our existing vacancies." /> <meta property="og:image" content="https://screenshots.teamtailor-cdn.com/74df4f36-7935-4200-979e-26dfcad1e002-facebook.png?update=1636018951" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://screenshots.teamtailor-cdn.com/74df4f36-7935-4200-979e-26dfcad1e002-twitter.png?update=1636018951" /> <meta name="twitter:title" content="List of available Jobs - Vacancies - Careers - South Pole" /> <meta name="twitter:description" content="At South Pole, we care about our employees as much as we care about the planet. Check out all of our existing vacancies." /> <style media="all"> :root { --company-primary-bg-color: 255, 255, 255; --company-secondary-bg-color: 0, 45, 209; --company-secondary-bg-light-5-color: 0, 50, 234; --company-secondary-bg-fallback-color: 0, 45, 209; --company-primary-text-color: 37, 37, 37; --company-primary-text-dark-5-color: 24, 24, 24; --company-primary-text-dark-10-color: 11, 11, 11; --company-primary-text-light-50-color: 164, 164, 164; --company-primary-text-light-77-color: 233, 233, 233; --company-secondary-text-color: 255, 255, 255; --company-secondary-text-light-5-color: 255, 255, 255; --company-secondary-text-light-15-color: 255, 255, 255; --company-link-color: 0, 45, 209; --company-color: 0, 45, 209; --company-button-text-color: 255, 255, 255; --company-button-bg-color: 71, 160, 255; --company-button-bg-light-5-color: 96, 173, 255; --company-button-bg-light-15-color: 147, 199, 255; --company-border-radius: 30px; --company-header-font-family: "barlowcondensed-semibold-webfont"; --company-header-font-weight: 600; --company-body-font-family: "barlow-regular-webfont"; --company-body-font-weight: 400; } /* Make header font bigger in cover block */ .custom-wrapper--cover h1{font-size: 95px} /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 20, 2023 */ @font-face { font-family: 'barlow_condensedsemibold'; src: url('barlowcondensed-semibold-webfont.woff2') format('woff2'), url('barlowcondensed-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'barlowregular'; src: url('barlow-regular-webfont.woff2') format('woff2'), url('barlow-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } </style> <meta name="theme-color" content="#002dd1"> <link rel="stylesheet" href="https://fonts.teamtailor-cdn.com/teamtailor-production/southpole/custom-fonts.css" type="text/css"> </head> <body class="font-company-body min-h-screen flex flex-col text-company-primary bg-company-primary overflow-x-clip company-link-style--bold jobs index" data-controller="careersite--ready careersite--referrer-cookie careersite--preload" data-careersite--referrer-cookie-disabled-value="false" data-careersite--ready-in-editor-value="false" data-block-scripts="true"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W6MZK69" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <dialog data-controller="common--cookies--alert" data-common--cookies--alert-block-scripts-value="true" data-common--cookies--alert-takeover-modal-value="false" data-common--cookies--alert-show-cookie-widget-value="true" class="fixed shadow-form w-auto items-center rounded p-4 bg-company-primary text-company-primary overflow-y-auto border-none max-h-[80vh] z-cookie-alert lg:gap-x-6 lg:max-h-[calc(100vh-40px)] flex-col inset-x-4 bottom-4 mb-0 mt-auto justify-between !translate-y-0 !top-0 lg:p-10 lg:flex-row lg:inset-x-[40px] lg:mb-6"> <div class="w-full max-w-screen-xl overflow-y-auto"> <h1 class="font-bold block text-md mb-2">This website uses cookies to ensure you get the best experience on our website.</h1> <p class="mb-2"> South Pole and selected partners use cookies and similar technologies to ensure you get the best experience on this website. If you consent to it, we will use cookies for analytics and marketing purposes. </p> <p class="mb-2">See our <a class='company-link' href='https://careers.southpole.com/cookie-policy'>Cookie Policy</a> to read more about the cookies we set.</p> <p>You can withdraw and manage your consent at any time, by clicking "Manage cookies" at the bottom of each website page.</p> </div> <div class="flex flex-col items-center gap-[10px] mt-6 flex-shrink-0 mb-2 w-full md:flex-row md:w-auto lg:flex-col"> <button class="careersite-button w-full" data-action="click->common--cookies--alert#acceptAll">Accept all cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--alert#disableAll">Disable non-necessary cookies</button> <button class="font-medium p-2 company-link hover:opacity-animated" data-action="click->common--cookies--alert#openPreferences">Cookie preferences</button> </div> </dialog> <dialog data-controller="common--cookies--preferences" data-common--cookies--preferences-checked-categories-value="[]" data-action="open-cookie-preferences@window->common--cookies--preferences#open" class="bg-company-primary text-company-primary shadow-form inset-x-4 mb-4 rounded max-w-screen-sm p-4 overflow-auto max-h-[80vh] z-cookie-alert backdrop:bg-[rgba(0,0,0,0.6)] sm:p-10 sm:mb-auto sticky top-2"> <div class="mb-5 text-center;"> <h1 class="font-bold mb-2 text-lg">Select which cookies you accept</h1> <p class="text-left mb-2">On this site, we always set cookies that are strictly necessary, meaning they are necessary for the site to function properly.</p> <p class="text-left mb-2">If you consent to it, we will also set other types of cookies. You can provide or withdraw your consent to the different types of cookies using the toggles below. You can change or withdraw your consent at any time, by clicking the link “Manage Cookies”, which is always available at the bottom of the site.</p> <p class="text-left">To learn more about what the different types of cookies do, how your data is used when they are set etc, see our <a href='https://careers.southpole.com/cookie-policy' class='underline text-company-link'>Cookie Policy</a>.</p> </div> <div class="mb-10 text-sm leading-snug"> <div class="flex mb-3 items-start sm:mb-5 cursor-default" data-preference-type="strictly_necessary"> <div class="label-switch label-switch--disabled"> <input type="checkbox" disabled="disabled" id="strictly_necessary" checked="checked" class="peer"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold" for="strictly_necessary">Strictly necessary</label> <p>These cookies are necessary to make the site work properly, and are always set when you visit the site.</p> <span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div></div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="analytics"> <div class="label-switch"> <input type="checkbox" id="analytics" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold cursor-pointer" for="analytics">Analytics</label> <p>These cookies collect information to help us understand how the site is being used.</p> <span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div></div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="marketing"> <div class="label-switch"> <input type="checkbox" id="marketing" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold cursor-pointer" for="marketing">Marketing</label> <p>These cookies are used to make advertising messages more relevant to you. In some cases, they also deliver additional functions on the site.</p> <span> <strong>Vendors</strong> <span>Youtube, Meta</span> </span> </div></div> </div> <div class="flex flex-col items-center gap-6"> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleAccept">Accept these cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleDecline">Decline non-necessary cookies</button> </div> </dialog> <main class="flex flex-col flex-grow"> <header class="header z-career-header flex w-full h-20 hover:after:top-0 !relative" data-section-model="header" style="--header-background-color: #002dd1;"> <div class="flex items-center h-full"> <div class="flex items-center h-full ltr:ml-2 rtl:mr-2" data-controller="common--header--menu" data-common--header--menu-open-value="false" data-test="header-menu"> <button class="relative flex items-center gap-4 px-4 no-underline cursor-pointer h-14 sm:w-auto bg-opacity-80 sm:bg-transparent z-career-header-menu-button focus-visible-header" aria-expanded="false" data-action="click->common--header--menu#toggle" data-common--header--menu-target="button" > <span class="header-menu-burger" data-common--header--menu-target="burger"> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> </span> <span class="hidden text-sm leading-normal tracking-wider uppercase sm:block whitespace-nowrap">Career menu</span> </button> <div class="absolute inset-0 hidden w-full h-screen py-20 m-0 overflow-y-auto bottom header__nav z-career-header-menu-content" data-common--header--menu-target="menu"> <nav class="w-full main-nav-menu sm:h-full"> <ul class="w-full sm:py-12"> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/">Start</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/departments">Our Departments</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/locations">Locations</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/jobs">Jobs</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.southpole.com/pages/faq">FAQ</a> </li> </ul> </nav> <div class="flex flex-col items-end px-8 py-8 overflow-auto md:max-h-full scrollbar-hide main-nav-misc sm:text-right sm:fixed top-16 ltr:right-8 rtl:left-8 sm:px-0 sm:py-0"> <span class="text-lg font-bold">Employee</span> <a class="hover:underline focus-visible-header self-end" href="https://careers.southpole.com/sso_login">Log in</a> <span class="mt-12 text-lg font-bold">Candidate</span> <a class="hover:underline focus-visible-header self-end" href="https://careers.southpole.com/connect/login">Log in to Connect</a> <span class="mt-12 text-lg font-bold">Homepage</span> <a class="hover:underline focus-visible-header self-end" href="https://southpole.com">southpole.com</a> </div> </div> </div> <span class="header__separator hidden md:block"></span> <div class="absolute right-0 mx-2 md:right-auto md:relative z-career-header-menu-button"> <div data-controller="common--share" data-common--share-url-value="https://careers.southpole.com/jobs" data-test="share-button"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Share page" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="text-current px-4 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <i class="far fa-arrow-up-from-bracket size-6"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Facebook"> <span class="flex items-center"> <i class="fab fa-facebook-square size-6"></i> <span class="mx-3">Facebook</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Twitter"> <span class="flex items-center"> <i class="fab fa-square-x-twitter size-6"></i> <span class="mx-3">X</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="LinkedIn"> <span class="flex items-center"> <i class="fab fa-linkedin size-6"></i> <span class="mx-3">LinkedIn</span> </span> </button> </div></div></div> </div> </div> <div class="flex-grow hidden md:block"></div> <div class="absolute md:inset-0 md:flex md:items-center md:justify-end w-full md:mx-6 md:relative"> <a class="relative h-18 flex items-center justify-center text-center focus-visible-header" id="ed14a57b232e6a2c3ca78183ec9802645" data-test="company-logo" data-turbo-permanent="true" href="https://careers.southpole.com/"> <img alt="South Pole career site" class="mx-auto max-w-[180px] sm:max-w-[200px] max-h-[90%]" src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/83698604-52a5-42f1-b3f6-ff8692f48bd9/original.png" /> </a> </div> </header> <section id="section-8184019" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--jobs jobs-page bg-company-primary text-company-primary" data-section-route="section" data-section-model="8184019" data-section-name="jobs"> <turbo-frame loading="lazy" id="jobs_list"> <div class="w-full text-lg relative pb-20 lg:pb-0" data-layout="thick" data-controller="blocks--jobs" data-blocks--jobs-show-map-value="true" data-blocks--jobs-split-view-value="true" data-blocks--jobs-split-view-candidate-value="true" data-blocks--jobs-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-blocks--jobs-first-block-value="true" data-blocks--jobs-locations-value="[{"id":90833,"lat":"13.7507457","long":"100.5306507","count":3},{"id":90835,"lat":"4.654323300000001","long":"-74.061531","count":2},{"id":90847,"lat":"-33.8773809","long":"151.2123866","count":1},{"id":145538,"lat":"37.7761899","long":"-122.3948808","count":1},{"id":438364,"lat":"-33.9179323","long":"18.4220237","count":1},{"id":90842,"lat":"28.5593419","long":"77.19632159999999","count":1},{"id":90838,"lat":"-6.2435068","long":"106.8037101","count":2},{"id":90839,"lat":"6.2110013","long":"-75.5759258","count":4},{"id":90841,"lat":"19.397467","long":"-99.17156419999999","count":1},{"id":1064020,"lat":"12.8867612","long":"77.589146","count":2},{"id":94378,"lat":"52.50281709999999","long":"13.4124204","count":2},{"id":90845,"lat":"1.2783407","long":"103.8508838","count":3},{"id":218822,"lat":"-1.2827707","long":"36.8309682","count":1},{"id":427159,"lat":"40.706937","long":"-74.0044856","count":1}]" data-blocks--jobs-headquarter-value="{"id":1064020,"company_id":24991,"name":"Bangalore","email":null,"address":"L\u0026T South City Block B6","zip":"560076","city":"Bengaluru","country":"India","phone":null,"created_at":"2024-10-28T14:15:41.477+00:00","updated_at":"2024-10-28T14:15:41.477+00:00","contact_email":null,"lat":"12.8867612","long":"77.589146","headquarters":true,"hide_on_careersite":true,"region_id":7398,"administrative_area":"Karnataka","import_id":null,"language_code":null}" data-blocks--jobs-overflow-auto-class="lg:overflow-auto" data-blocks--jobs-overflow-hidden-class="lg:overflow-hidden" data-blocks--jobs-sibling-element-padding-class="lg:[&.bg-block-preset-primary:not(.keep-block-padding)]:!pt-20" data-blocks--jobs-disabled-map-view-toggle-class="cursor-not-allowed" id="jobs"> <div class="jobs-container lg:flex lg:flex-col lg:max-h-[1440px] lg:h-[calc(95vh-84px)]" data-blocks--jobs-target="jobsContainer"> <template data-blocks--jobs-target="largeScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row bg-company-primary hidden lg:mx-0 lg:flex lg:shrink-0 lg:sticky lg:top-0 lg:px-5 lg:py-0 lg:py-3 lg:border-t lg:border-b lg:border-block-base-text lg:border-opacity-15 z-career-jobs-filter-no-map lg:!mb-0 splitViewFiltersComponent" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-interactive-map-value="true" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{"department":"Our Departments","country":"Countries","region":"Regions","location":"Locations"}" data-blocks--jobs--filters-default-mobile-filters-value="{"department":"Our Departments","country":"Countries","region":"Regions","location":"Locations"}" data-blocks--jobs--filters-more-count-text-value="nbr more" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"> <input autocomplete="off" type="hidden" name="company" id="company" /> <input autocomplete="off" type="hidden" name="division" id="division" /> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department" /> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role" /> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country" /> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region" /> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location" /> <input autocomplete="off" type="hidden" name="language" id="language" /> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id" /> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type" /> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level" /> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]" /> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-company-primary flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form lg:shadow-none border border-block-base-text border-opacity-15"> <i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Search" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query" /> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵" /> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="department-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Our Departments" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Our Departments </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Carbonsink" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Carbonsink </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Climate Investments" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Climate Investments </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Climate Portfolio Management" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Climate Portfolio Management </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Consultancy & Advisory Services" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Consultancy & Advisory Services </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Corporate Services" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Corporate Services </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Digital & Data Science" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Digital & Data Science </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Key Account Management/Business Development" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Key Account Management/Business Development </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Marketing & Communications" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Marketing & Communications </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Project Development" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Project Development </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Project Origination" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Project Origination </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Projects - Commercial Team" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Projects - Commercial Team </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Projects - Technical Team" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Projects - Technical Team </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Temporary" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Temporary </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="country-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Countries" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Countries </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Netherlands" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Netherlands </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Thailand" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Thailand </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="China" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> China </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Germany" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Germany </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Colombia" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Colombia </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Belgium" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Belgium </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="South Africa" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> South Africa </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Denmark" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Denmark </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Italy" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Italy </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Indonesia" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Indonesia </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="United Kingdom" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> United Kingdom </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Spain" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Spain </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Mozambique" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Mozambique </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Australia" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Australia </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Mexico" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Mexico </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="India" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> India </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="United States" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> United States </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="France" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> France </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Singapore" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Singapore </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Sweden" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Sweden </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Switzerland" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Switzerland </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="region-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Regions" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Regions </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Africa" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Africa </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Asia" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Asia </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Europe" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Europe </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Latam" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Latam </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="North America" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> North America </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Oceania" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Oceania </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Locations" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Locations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Amsterdam" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Amsterdam </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Bangkok" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bangkok </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Beijing " data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Beijing </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Berlin" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Berlin </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Bogotá" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bogotá </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Brussels" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Brussels </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Cape Town" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Cape Town </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Copenhagen" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Copenhagen </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Florence" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Florence </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Frankfurt" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Frankfurt </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Jakarta" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Jakarta </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="London" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> London </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Madrid" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Madrid </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Maputo" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Maputo </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Medellin" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Medellin </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Melbourne" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Melbourne </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Mexico City" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Mexico City </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Milan" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Milan </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Munich" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Munich </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="New Delhi" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> New Delhi </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="New York City" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> New York City </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="North America" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> North America </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Paris" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Paris </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Singapore" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Singapore </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Stockholm" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Stockholm </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Sydney" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Sydney </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Zurich" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Zurich </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> </div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"> <button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"> <span class="mb-1 text-base font-semibold text-gray-800">Looking for</span> <div class="text-sm text-gray-600 flex gap-1"> <span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div> </button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"> <button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Clear all </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"> <i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Search" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_" /> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="department" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Departments</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Carbonsink" data-common--options-widget-value-param="Carbonsink"> Carbonsink <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Climate Investments" data-common--options-widget-value-param="Climate Investments"> Climate Investments <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Climate Portfolio Management" data-common--options-widget-value-param="Climate Portfolio Management"> Climate Portfolio Management <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Consultancy & Advisory Services" data-common--options-widget-value-param="Consultancy & Advisory Services"> Consultancy & Advisory Services <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Corporate Services" data-common--options-widget-value-param="Corporate Services"> Corporate Services <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Digital & Data Science" data-common--options-widget-value-param="Digital & Data Science"> Digital & Data Science <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Key Account Management/Business Development" data-common--options-widget-value-param="Key Account Management/Business Development"> Key Account Management/Business Development <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Marketing & Communications" data-common--options-widget-value-param="Marketing & Communications"> Marketing & Communications <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Project Development" data-common--options-widget-value-param="Project Development"> Project Development <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Project Origination" data-common--options-widget-value-param="Project Origination"> Project Origination <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Projects - Commercial Team" data-common--options-widget-value-param="Projects - Commercial Team"> Projects - Commercial Team <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Projects - Technical Team" data-common--options-widget-value-param="Projects - Technical Team"> Projects - Technical Team <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Temporary" data-common--options-widget-value-param="Temporary"> Temporary <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Departments</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Locations</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Amsterdam" data-common--options-widget-value-param="Amsterdam"> Amsterdam <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Bangkok" data-common--options-widget-value-param="Bangkok"> Bangkok <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Beijing " data-common--options-widget-value-param="Beijing "> Beijing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Berlin" data-common--options-widget-value-param="Berlin"> Berlin <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Bogotá" data-common--options-widget-value-param="Bogotá"> Bogotá <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Brussels" data-common--options-widget-value-param="Brussels"> Brussels <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Cape Town" data-common--options-widget-value-param="Cape Town"> Cape Town <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Copenhagen" data-common--options-widget-value-param="Copenhagen"> Copenhagen <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Florence" data-common--options-widget-value-param="Florence"> Florence <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Frankfurt" data-common--options-widget-value-param="Frankfurt"> Frankfurt <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Jakarta" data-common--options-widget-value-param="Jakarta"> Jakarta <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="London" data-common--options-widget-value-param="London"> London <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Madrid" data-common--options-widget-value-param="Madrid"> Madrid <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Maputo" data-common--options-widget-value-param="Maputo"> Maputo <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Medellin" data-common--options-widget-value-param="Medellin"> Medellin <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Melbourne" data-common--options-widget-value-param="Melbourne"> Melbourne <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Mexico City" data-common--options-widget-value-param="Mexico City"> Mexico City <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Milan" data-common--options-widget-value-param="Milan"> Milan <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Munich" data-common--options-widget-value-param="Munich"> Munich <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="New Delhi" data-common--options-widget-value-param="New Delhi"> New Delhi <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="New York City" data-common--options-widget-value-param="New York City"> New York City <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="North America" data-common--options-widget-value-param="North America"> North America <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Paris" data-common--options-widget-value-param="Paris"> Paris <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Singapore" data-common--options-widget-value-param="Singapore"> Singapore <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Stockholm" data-common--options-widget-value-param="Stockholm"> Stockholm <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Sydney" data-common--options-widget-value-param="Sydney"> Sydney <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Zurich" data-common--options-widget-value-param="Zurich"> Zurich <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Locations</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="country" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Countries</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Netherlands" data-common--options-widget-value-param="Netherlands"> Netherlands <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Thailand" data-common--options-widget-value-param="Thailand"> Thailand <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="China" data-common--options-widget-value-param="China"> China <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Germany" data-common--options-widget-value-param="Germany"> Germany <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Colombia" data-common--options-widget-value-param="Colombia"> Colombia <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Belgium" data-common--options-widget-value-param="Belgium"> Belgium <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="South Africa" data-common--options-widget-value-param="South Africa"> South Africa <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Denmark" data-common--options-widget-value-param="Denmark"> Denmark <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Italy" data-common--options-widget-value-param="Italy"> Italy <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Indonesia" data-common--options-widget-value-param="Indonesia"> Indonesia <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="United Kingdom" data-common--options-widget-value-param="United Kingdom"> United Kingdom <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Spain" data-common--options-widget-value-param="Spain"> Spain <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Mozambique" data-common--options-widget-value-param="Mozambique"> Mozambique <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Australia" data-common--options-widget-value-param="Australia"> Australia <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Mexico" data-common--options-widget-value-param="Mexico"> Mexico <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="India" data-common--options-widget-value-param="India"> India <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="United States" data-common--options-widget-value-param="United States"> United States <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="France" data-common--options-widget-value-param="France"> France <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Singapore" data-common--options-widget-value-param="Singapore"> Singapore <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Sweden" data-common--options-widget-value-param="Sweden"> Sweden <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Switzerland" data-common--options-widget-value-param="Switzerland"> Switzerland <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Countries</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="region" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Regions</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Africa" data-common--options-widget-value-param="Africa"> Africa <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Asia" data-common--options-widget-value-param="Asia"> Asia <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Europe" data-common--options-widget-value-param="Europe"> Europe <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Latam" data-common--options-widget-value-param="Latam"> Latam <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="North America" data-common--options-widget-value-param="North America"> North America <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Oceania" data-common--options-widget-value-param="Oceania"> Oceania <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Regions</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> </div> <button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Show jobs</button> </div> </div></div></div></div> </template> </div></form> </template> <div class="relative lg:flex lg:grow lg:overflow-hidden lg:border-b lg:border-block-base-text lg:border-opacity-15"> <template data-blocks--jobs-target="largeMarkerIcon"> <i class="text-3xl filter drop-shadow fas fa-location-dot text-company-secondary-bg"></i> </template> <template data-blocks--jobs-target="smallMarkerIcon"> <i class="filter drop-shadow fas fa-circle-small fa-xs text-company-secondary-bg"></i> </template> <div class="jobs-map-container sticky top-0 lg:basis-[40%] 2xl:basis-[50%] lg:order-2"> <template data-blocks--jobs-target="smallScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row !mb-0 lg:absolute lg:top-3 lg:left-3 lg:right-3 z-[500] lg:hidden" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-interactive-map-value="true" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{"department":"Our Departments","country":"Countries","region":"Regions","location":"Locations"}" data-blocks--jobs--filters-default-mobile-filters-value="{"department":"Our Departments","country":"Countries","region":"Regions","location":"Locations"}" data-blocks--jobs--filters-more-count-text-value="nbr more" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"> <input autocomplete="off" type="hidden" name="company" id="company" /> <input autocomplete="off" type="hidden" name="division" id="division" /> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department" /> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role" /> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country" /> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region" /> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location" /> <input autocomplete="off" type="hidden" name="language" id="language" /> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id" /> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type" /> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level" /> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]" /> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-company-primary flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form"> <i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Search" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query" /> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵" /> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="department-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Our Departments" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Our Departments </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Carbonsink" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Carbonsink </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Climate Investments" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Climate Investments </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Climate Portfolio Management" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Climate Portfolio Management </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Consultancy & Advisory Services" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Consultancy & Advisory Services </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Corporate Services" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Corporate Services </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Digital & Data Science" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Digital & Data Science </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Key Account Management/Business Development" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Key Account Management/Business Development </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Marketing & Communications" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Marketing & Communications </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Project Development" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Project Development </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Project Origination" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Project Origination </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Projects - Commercial Team" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Projects - Commercial Team </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Projects - Technical Team" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Projects - Technical Team </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Temporary" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Temporary </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="country-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Countries" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Countries </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Netherlands" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Netherlands </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Thailand" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Thailand </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="China" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> China </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Germany" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Germany </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Colombia" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Colombia </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Belgium" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Belgium </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="South Africa" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> South Africa </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Denmark" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Denmark </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Italy" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Italy </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Indonesia" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Indonesia </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="United Kingdom" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> United Kingdom </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Spain" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Spain </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Mozambique" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Mozambique </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Australia" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Australia </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Mexico" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Mexico </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="India" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> India </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="United States" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> United States </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="France" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> France </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Singapore" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Singapore </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Sweden" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Sweden </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Switzerland" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Switzerland </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="region-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Regions" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Regions </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Africa" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Africa </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Asia" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Asia </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Europe" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Europe </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Latam" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Latam </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="North America" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> North America </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Oceania" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Oceania </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Locations" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Locations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Amsterdam" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Amsterdam </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Bangkok" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bangkok </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Beijing " data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Beijing </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Berlin" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Berlin </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Bogotá" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bogotá </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Brussels" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Brussels </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Cape Town" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Cape Town </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Copenhagen" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Copenhagen </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Florence" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Florence </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Frankfurt" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Frankfurt </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Jakarta" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Jakarta </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="London" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> London </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Madrid" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Madrid </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Maputo" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Maputo </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Medellin" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Medellin </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Melbourne" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Melbourne </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Mexico City" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Mexico City </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Milan" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Milan </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Munich" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Munich </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="New Delhi" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> New Delhi </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="New York City" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> New York City </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="North America" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> North America </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Paris" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Paris </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Singapore" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Singapore </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Stockholm" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Stockholm </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Sydney" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Sydney </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Zurich" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Zurich </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> </div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"> <button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"> <span class="mb-1 text-base font-semibold text-gray-800">Looking for</span> <div class="text-sm text-gray-600 flex gap-1"> <span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div> </button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"> <button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Clear all </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"> <i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Search" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_" /> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="department" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Departments</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Carbonsink" data-common--options-widget-value-param="Carbonsink"> Carbonsink <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Climate Investments" data-common--options-widget-value-param="Climate Investments"> Climate Investments <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Climate Portfolio Management" data-common--options-widget-value-param="Climate Portfolio Management"> Climate Portfolio Management <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Consultancy & Advisory Services" data-common--options-widget-value-param="Consultancy & Advisory Services"> Consultancy & Advisory Services <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Corporate Services" data-common--options-widget-value-param="Corporate Services"> Corporate Services <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Digital & Data Science" data-common--options-widget-value-param="Digital & Data Science"> Digital & Data Science <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Key Account Management/Business Development" data-common--options-widget-value-param="Key Account Management/Business Development"> Key Account Management/Business Development <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Marketing & Communications" data-common--options-widget-value-param="Marketing & Communications"> Marketing & Communications <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Project Development" data-common--options-widget-value-param="Project Development"> Project Development <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Project Origination" data-common--options-widget-value-param="Project Origination"> Project Origination <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Projects - Commercial Team" data-common--options-widget-value-param="Projects - Commercial Team"> Projects - Commercial Team <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Projects - Technical Team" data-common--options-widget-value-param="Projects - Technical Team"> Projects - Technical Team <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Temporary" data-common--options-widget-value-param="Temporary"> Temporary <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Departments</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Locations</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Amsterdam" data-common--options-widget-value-param="Amsterdam"> Amsterdam <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Bangkok" data-common--options-widget-value-param="Bangkok"> Bangkok <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Beijing " data-common--options-widget-value-param="Beijing "> Beijing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Berlin" data-common--options-widget-value-param="Berlin"> Berlin <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Bogotá" data-common--options-widget-value-param="Bogotá"> Bogotá <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Brussels" data-common--options-widget-value-param="Brussels"> Brussels <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Cape Town" data-common--options-widget-value-param="Cape Town"> Cape Town <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Copenhagen" data-common--options-widget-value-param="Copenhagen"> Copenhagen <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Florence" data-common--options-widget-value-param="Florence"> Florence <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Frankfurt" data-common--options-widget-value-param="Frankfurt"> Frankfurt <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Jakarta" data-common--options-widget-value-param="Jakarta"> Jakarta <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="London" data-common--options-widget-value-param="London"> London <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Madrid" data-common--options-widget-value-param="Madrid"> Madrid <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Maputo" data-common--options-widget-value-param="Maputo"> Maputo <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Medellin" data-common--options-widget-value-param="Medellin"> Medellin <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Melbourne" data-common--options-widget-value-param="Melbourne"> Melbourne <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Mexico City" data-common--options-widget-value-param="Mexico City"> Mexico City <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Milan" data-common--options-widget-value-param="Milan"> Milan <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Munich" data-common--options-widget-value-param="Munich"> Munich <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="New Delhi" data-common--options-widget-value-param="New Delhi"> New Delhi <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="New York City" data-common--options-widget-value-param="New York City"> New York City <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="North America" data-common--options-widget-value-param="North America"> North America <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Paris" data-common--options-widget-value-param="Paris"> Paris <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Singapore" data-common--options-widget-value-param="Singapore"> Singapore <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Stockholm" data-common--options-widget-value-param="Stockholm"> Stockholm <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Sydney" data-common--options-widget-value-param="Sydney"> Sydney <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Zurich" data-common--options-widget-value-param="Zurich"> Zurich <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Locations</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="country" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Countries</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Netherlands" data-common--options-widget-value-param="Netherlands"> Netherlands <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Thailand" data-common--options-widget-value-param="Thailand"> Thailand <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="China" data-common--options-widget-value-param="China"> China <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Germany" data-common--options-widget-value-param="Germany"> Germany <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Colombia" data-common--options-widget-value-param="Colombia"> Colombia <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Belgium" data-common--options-widget-value-param="Belgium"> Belgium <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="South Africa" data-common--options-widget-value-param="South Africa"> South Africa <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Denmark" data-common--options-widget-value-param="Denmark"> Denmark <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Italy" data-common--options-widget-value-param="Italy"> Italy <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Indonesia" data-common--options-widget-value-param="Indonesia"> Indonesia <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="United Kingdom" data-common--options-widget-value-param="United Kingdom"> United Kingdom <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Spain" data-common--options-widget-value-param="Spain"> Spain <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Mozambique" data-common--options-widget-value-param="Mozambique"> Mozambique <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Australia" data-common--options-widget-value-param="Australia"> Australia <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Mexico" data-common--options-widget-value-param="Mexico"> Mexico <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="India" data-common--options-widget-value-param="India"> India <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="United States" data-common--options-widget-value-param="United States"> United States <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="France" data-common--options-widget-value-param="France"> France <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Singapore" data-common--options-widget-value-param="Singapore"> Singapore <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Sweden" data-common--options-widget-value-param="Sweden"> Sweden <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Switzerland" data-common--options-widget-value-param="Switzerland"> Switzerland <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Countries</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="region" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Regions</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Africa" data-common--options-widget-value-param="Africa"> Africa <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Asia" data-common--options-widget-value-param="Asia"> Asia <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Europe" data-common--options-widget-value-param="Europe"> Europe <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Latam" data-common--options-widget-value-param="Latam"> Latam <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="North America" data-common--options-widget-value-param="North America"> North America <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Oceania" data-common--options-widget-value-param="Oceania"> Oceania <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Regions</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> </div> <button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Show jobs</button> </div> </div></div></div></div> </template> </div></form> </template> <div id="jobs-map-8184019" class="jobs-map primary block w-full z-career-jobs-map lg:max-h-[600px] h-[calc(100svh-150px)] lg:h-[calc(80dvh-40px)] lg:!max-h-[1440px] lg:!h-full" data-id="jobs-map-8184019" data-blocks--jobs-target="map" data-turbo-permanent="true"> <button class="bg-company-primary group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 lg:bottom-[95px] right-[10px] rounded lg:rounded-b-0 text-company-primary text-opacity-85" data-action="click->blocks--jobs#handleCurrentLocation" data-blocks--jobs-target="currentLocation"> <i class="group-disabled:opacity-50 size-5 lg:w-[14px] lg:h-[14px] fa fa-location-arrow"></i> </button> <button class="bg-company-primary group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 left-[10px] rounded text-company-primary text-opacity-85 invisible lg:visible" data-action="click->blocks--jobs#handleViewChange" data-blocks--jobs-target="splitViewCandidate"> <i class="group-disabled:opacity-50 size-5 invisible lg:visible lg:w-[14px] lg:h-[14px] far fa-map"></i> </button></div></div> <div class="bg-company-primary relative z-career-jobs-list jobs-list-container pt-8 lg:pt-10 shadow-[1px_-40px_38px_0px_rgba(0,0,0,0.1)] block-px lg:basis-[60%] 2xl:basis-[50%] lg:!pt-12 lg:pb-20 lg:overflow-auto lg:overflow-hidden lg:h-full lg:max-h-[1440px] lg:shadow-none" data-blocks--jobs-target="jobsListContainer"> <div class="px-2 lg:px-0 mx-auto mb-8 flex justify-center lg:justify-start block-max-w--lg"> <p> <span class="text-lg font-medium">19 jobs</span> <span class="text-md opacity-50"></span> </p> </div> <div> <div class="mx-auto text-lg block-max-w--lg"> <ul id="jobs_list_container"> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5166448-regional-associate-director-sales-north-america"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Regional Associate Director, Sales, North America">Regional Associate Director, Sales, North America</span> <div class="mt-1 text-md"> <span>Key Account Management/Business Development</span> <span class="mx-[2px]">·</span> <span>Flexible location in the US, North America</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Fully Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5163739-senior-specialist-data-engineering-global-digital-business-services"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Senior Specialist, Data Engineering, Global Digital Business Services">Senior Specialist, Data Engineering, Global Digital Business Services</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>New Delhi</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5160991-junior-associate-consultant-environmental-impact-accounting"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Junior Associate Consultant, Environmental Impact Accounting">Junior Associate Consultant, Environmental Impact Accounting</span> <div class="mt-1 text-md"> <span>Consultancy & Advisory Services</span> <span class="mx-[2px]">·</span> <span>Mexico City</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5142454-senior-manager-procurement"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Senior Manager, Procurement">Senior Manager, Procurement</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>Cape Town</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5139337-carbon-portfolio-offering-procurement-specialist"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Carbon Portfolio Offering & Procurement Specialist">Carbon Portfolio Offering & Procurement Specialist</span> <div class="mt-1 text-md"> <span>Climate Portfolio Management</span> <span class="mx-[2px]">·</span> <span>Medellin</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5135798-senior-specialist-talent-acquisition"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Senior Specialist, Talent Acquisition">Senior Specialist, Talent Acquisition</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>Bangalore</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybrid Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5135732-senior-specialist-talent-acquisition"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Senior Specialist, Talent Acquisition">Senior Specialist, Talent Acquisition</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>Medellin, Bogotá</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5121574-regional-lead-technical-nbs-certificates-sea"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Regional Lead, Technical, NBS, Certificates - SEA">Regional Lead, Technical, NBS, Certificates - SEA</span> <div class="mt-1 text-md"> <span>Project Development</span> <span class="mx-[2px]">·</span> <span>Bangkok</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5121528-business-development-manager-advisory-asia"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Business Development Manager - Advisory, Asia">Business Development Manager - Advisory, Asia</span> <div class="mt-1 text-md"> <span>Consultancy & Advisory Services</span> <span class="mx-[2px]">·</span> <span>Singapore</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5097114-senior-specialist-technical-nbs-climate-projects-sea"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Senior Specialist, Technical NbS, Climate Projects - SEA">Senior Specialist, Technical NbS, Climate Projects - SEA</span> <div class="mt-1 text-md"> <span>Projects - Technical Team</span> <span class="mx-[2px]">·</span> <span>Bangkok</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5095349-senior-business-development-associate-certificates-dach-region"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Senior Business Development Associate - Certificates, DACH region">Senior Business Development Associate - Certificates, DACH region</span> <div class="mt-1 text-md"> <span>Key Account Management/Business Development</span> <span class="mx-[2px]">·</span> <span>Berlin</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/5013665-senior-business-development-associate-advisory"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Senior Business Development Associate - Advisory">Senior Business Development Associate - Advisory</span> <div class="mt-1 text-md"> <span>Key Account Management/Business Development</span> <span class="mx-[2px]">·</span> <span>Berlin</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybrid Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/4807524-climate-project-business-development-senior-specialist-for-sustainable-technologies-africa"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Climate Project Business Development Senior Specialist for Sustainable Technologies, Africa">Climate Project Business Development Senior Specialist for Sustainable Technologies, Africa</span> <div class="mt-1 text-md"> <span>Projects - Commercial Team</span> <span class="mx-[2px]">·</span> <span>Kenya</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybrid Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/4785496-managing-consultant-agricultural-value-chains"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Managing Consultant, Agricultural Value Chains">Managing Consultant, Agricultural Value Chains</span> <div class="mt-1 text-md"> <span>Consultancy & Advisory Services</span> <span class="mx-[2px]">·</span> <span title="Singapore, Jakarta, Bangkok">Multiple locations</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybrid Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/4785478-business-development-manager-oceania"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Business Development Manager, Oceania">Business Development Manager, Oceania</span> <div class="mt-1 text-md"> <span>Key Account Management/Business Development</span> <span class="mx-[2px]">·</span> <span>Sydney</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/4689722-lead-people-operational-excellence"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Lead, People Operational Excellence">Lead, People Operational Excellence</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span title="Jakarta, Medellin, Bogotá">Multiple locations</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybrid Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/4685436-intern-people-culture-americas-apac-teams"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Intern People & Culture (Americas & APAC teams)">Intern People & Culture (Americas & APAC teams)</span> <div class="mt-1 text-md"> <span>Corporate Services</span> <span class="mx-[2px]">·</span> <span>Medellin</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/4468814-business-development-key-account-manager-certificates"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Business Development & Key Account Manager - Certificates">Business Development & Key Account Manager - Certificates</span> <div class="mt-1 text-md"> <span>Key Account Management/Business Development</span> <span class="mx-[2px]">·</span> <span>Singapore</span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.southpole.com/jobs/3920589-data-architect"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Data Architect">Data Architect</span> <div class="mt-1 text-md"> <span>Digital & Data Science</span> <span class="mx-[2px]">·</span> <span>Bangalore</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybrid Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> </li> </ul> </div> </div> </div></div></div></div> </turbo-frame> </section> <div class="" data-section-model="footer"> <section class="block--about company-links bg-company-primary-text bg-opacity-3 block-px mt-auto"> <div class="py-20 mx-auto block-max-w--sm"> <div class="mx-auto block-max-w--sm"> <h2 class="mb-4 text-4xl text-center font-company-header text-block-title" data-controller="fit-title">About South Pole</h2> <div class="prose prose-block font-company-body company-links"><p><br></p><p>Our story began in Zurich, with 5 friends* in 2002. They had a belief and a vision to shape and change the future of the world through climate empowerment, education and projects with their non-profit organisation; MyClimate. These ‘social entrepreneurs’ went on to pioneer climate change with the introduction of South Pole in 2006*. More than 20 years on, with the support of some of the most passionate and talented entrepreneurs around them, who are empowered to all play their part and with their founding belief in aligning purpose with passion, people and profit, they have created South Pole, an organisation that has gone onto positively impact the lives of over 20 million people across the world through its projects, saving over 20,000 km2 of forests from deforestation.</p><p> </p><p dir="ltr"><em>*Patrick Bürgi, Thomas Camerata, Renat Heuberger, Ingo Puhl, and Christoph Sutter</em><br><em>*2006 Joined by Marco Hirsbrunner and Christoph Grobel</em><br></p></div> </div> <div class="flex flex-wrap mt-8 text-lg gap-y-4"> <div class="flex-shrink-0 w-full md:w-half"> <span class="font-bold"> Founded in </span> 2006 </div> <div class="flex-shrink-0 w-full md:w-half"> <span class="font-bold"> Co-workers </span> 1000+ </div> </div> </div> </section> <footer class="block-px mt-auto"> <div class="text-lg block-padding"> <div class="w-full mx-auto sm:flex block-max-w--lg"> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-menu"> <h2 class="mb-4 text-xl font-company-header">Career site</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/">Start</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments">Our Departments</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations">Locations</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/jobs">Jobs</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/pages/faq">FAQ</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/data-privacy">Data & privacy</a> </li> <li class="w-full text-md leading-tight"> <button data-controller="cookie-preferences" data-action="click->cookie-preferences#openCookiePreferences" class="company-link font-company-body text-unset py-1">Manage cookies</button> </li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-locations"> <h2 class="mb-4 text-xl font-company-header">Locations</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/brussels">Brussels</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/paris">Paris</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/cape-town">Cape Town</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/sydney">Sydney</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/melbourne">Melbourne</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/locations/london">London</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/locations">All locations</a> </li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-departments"> <h2 class="mb-4 text-xl font-company-header">Our Departments</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/key-account-management-business-development">Key Account Management/Business Development</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/climate-portfolio-management">Climate Portfolio Management</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/corporate-services">Corporate Services</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/project-origination">Project Origination</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/project-development">Project Development</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.southpole.com/departments/marketing-communications">Marketing & Communications</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/departments">All Our Departments</a> </li> </ul> </div> <div class="flex flex-col items-center justify-center grow shrink-0 text-base sm:items-end sm:justify-end"> <a class="text-company-primary hover:text-company-link text-ellipsis focus-visible:rounded focus-visible-company py-1" href="https://southpole.com">southpole.com</a> <div class="flex mt-2"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="x-twitter" href="https://twitter.com/southpoleglobal"> <i class="fab fa-x-twitter size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="facebook" href="https://facebook.com/southpoleglobal/"> <i class="fab fa-facebook size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="linkedin" href="https://linkedin.com/company/south-pole-global/"> <i class="fab fa-linkedin size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="instagram" href="https://instagram.com/southpoleglobal/"> <i class="fab fa-instagram size-6 p-1 text-lg"></i> </a> </div> </div></div></div> <div class="flex flex-col py-4 mx-auto text-center border-t sm:text-unset block-max-w--lg border-company-primary-text border-opacity-15 sm:justify-between sm:flex-row"> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="/sso_login">Employee login</a> </div> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="/connect/login">Candidate Connect login</a> </div> </div> </footer></div> <section class="relative block-px mt-15 z-career-autojoin mb-[67px] md:mb-[75px]" id="section-auto-join"> <div class="w-full px-4 pt-12 mx-auto rounded pb-18 block-max-w--lg bg-company-secondary text-company-secondary block-shadow" data-controller="false"> <h2 class="text-center font-company-header text-4xl text-shadow" data-controller="fit-title">Already working at South Pole?</h2> <p class="text-center text-xl text-opacity-80 text-company-secondary text-shadow">Let’s recruit together and find your next colleague.</p> <form class="flex w-full mt-6" data-turbo="false" action="/auto_join" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ewOPlhvZ7QiQtnZ9ieKxi6V4XXX5Uw3jYwaexgJ9FevusyBVOQg9cLORJOE9kst5+rraJeVPA7GPOY9KO8+m0w==" autocomplete="off" /> <button type="submit" class="careersite-button careersite-button--secondary mx-auto min-w-[200px]" data-event-tracking="click" data-event-category="Account" data-event-name="Auto Joined: Create" data-event-label="Click"> Log in </button></form> </div> </section> </main> <script nonce="c15aa012362371b97f9d3a4e22812dff"> function trackPageView(url) { var searchParams = new URLSearchParams(window.location.search); var utmSource = searchParams.get('utm_source'); window.referrer = window.referrer || utmSource || document.referrer var payload = { ed: 'FmpNGOwB14TnyTh68HW8iDMcI6HEc6hMTk3hLb/6ljE2NguoDdOk0olvntVi3Yw+VsonhpoiOLhhOYasge7VfP9t3PGsh47PO4ZTf0IVgA/DZjl7M618MllIeZ4IW0YvFqYTq5H/7ko9BSvfyVUXPUzEqgAqDdJQwznvjTL06Yw67vyi35ojwgGOGzxYcEP2IYWhp6iKkK7/yB5uBWPsCAabBfyR1gyZpAJ5MNnzz+sjYb3Q0VQg0MrqP7iNZw4mTQ==--YYK65A0dmsDRBqu2--7nW6JkwqZ0ynLXVjWKZGug==', visitor_uuid: window.visitor_uuid, referrer: window.referrer, data: { ua: navigator.userAgent, }, url: url, }; var xmlhttp = new XMLHttpRequest(); xmlhttp.open('POST', '/pageview', true); xmlhttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); xmlhttp.withCredentials = true; xmlhttp.addEventListener('readystatechange', function () { if (xmlhttp.readyState === XMLHttpRequest.DONE) { const status = xmlhttp.status; if (status === 0 || (status >= 200 && status < 400)) { window.visitor_uuid = xmlhttp.responseText; } } }) xmlhttp.send(JSON.stringify(payload)); } window.trackPageView = trackPageView; if (!window.analyticsPageviewCallback) { window.analyticsPageviewCallback = true; window.addEventListener('turbo:load', function(data){ window.trackPageView(); }); } </script> <div class="opacity-0 transition-opacity duration-100 ease-in-out z-candidate-chat" data-controller="common--chat" data-common--chat-subdomain-host-value="careers.southpole.com"> </div> </body></html>