Careers Search

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <link rel="canonical" href="https://www.monks.com/careers/search" /> <meta property="og:title" content="Careers Search" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Careers Search" /> <meta name="twitter:url" content="https://www.monks.com/careers/search" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="fd7f30d2-a621-4c6b-a158-1e3d85844189"></script> <script type="text/javascript"> if (typeof window.getCookie == 'undefined') { window.getCookie = function (name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } } var otc = unescape(getCookie("OptanonConsent")); window.ad_storage = otc.indexOf('C0004:1') < 0 ? 'denied' : 'granted'; window.analytics_storage = otc.indexOf('C0002:1') < 0 ? 'denied' : 'granted'; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('consent', 'default', { 'ad_storage': window.ad_storage, 'analytics_storage': window.analytics_storage}); </script> <script type="text/javascript"> function OptanonWrapper() { var otc = unescape(getCookie("OptanonConsent")); update_ad_storage = otc.indexOf('C0004:1') < 0 ? 'denied' : 'granted'; update_analytics_storage = otc.indexOf('C0002:1') < 0 ? 'denied' : 'granted'; if((window.analytics_storage != update_analytics_storage) || (window.ad_storage != update_ad_storage)){ if (window.analytics_storage != update_analytics_storage) { gtag('consent', 'update', {'analytics_storage': update_analytics_storage}); window.analytics_storage = update_analytics_storage; } if (window.ad_storage != update_ad_storage) { gtag('consent', 'update', {'ad_storage': update_ad_storage}); window.ad_storage = update_ad_storage; } window.dataLayer.push( { event: 'OneTrustGroupsUpdated' } ); } } </script> <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://tm.monks.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-58JP93N');</script> <meta name="theme-color" content="#2d2d2d" /> <link rel="mask-icon" href="https://www.monks.com/themes/custom/monks/static/favicon-mask.svg" color="#2c2d38" /> <link rel="apple-touch-icon" href="https://www.monks.com/themes/custom/monks/static/apple-touch-icon.png" /> <link rel="manifest" href="https://www.monks.com/themes/custom/monks/static/manifest.json" crossorigin="use-credentials" /> <meta name="canonical-english-url" content="https://www.monks.com/careers/search" /> <link rel="icon" href="/themes/custom/monks/static/favicon.svg" type="image/svg+xml" /> <link rel="alternate" hreflang="en" href="https://www.monks.com/careers/search" /> <link rel="alternate" hreflang="es" href="https://www.monks.com/es/careers/busqueda" /> <link rel="alternate" hreflang="pt-br" href="https://www.monks.com/pt/careers/pesquisa" /> <link rel="alternate" hreflang="zh-hans" href="https://www.monks.com/zh-hans/careers/search" /> <title>Careers Search | Monks</title> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/ajax-progress.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/align.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/autocomplete-loading.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/fieldgroup.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/container-inline.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/clearfix.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/details.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/hidden.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/item-list.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/js.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/nowrap.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/position-container.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/progress.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/reset-appearance.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/resize.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/sticky-header.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-counter.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-report-counters.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-report-general-info.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/tabledrag.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/tablesort.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/tree-child.module.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/core/assets/vendor/normalize-css/normalize.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/core/normalize-fixes.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/action-links.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/breadcrumb.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/button.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/collapse-processed.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/container-inline.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/details.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/exposed-filters.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/field.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/icons.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/inline-form.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/item-list.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/link.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/links.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/menu.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/more-link.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/pager.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/tabledrag.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/tableselect.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/tablesort.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/tabs.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/textarea.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/ui-dialog.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/messages.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/custom/monks/static/css/main.css?sqwnpa" /> <link rel="stylesheet" media="all" href="/themes/custom/monks/drupal.css?sqwnpa" /> </head> <body class="path-node page-node-type-page"> <div id="app"> <div data-component="app" data-theme-foreground="#2D2D2D" data-theme-background="#EAE8E4"> <script type="application/json">{"cookieNames":{"languagePreference":"language-preference"}}</script> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div data-component="layout-default"> <section data-component="n3-multi-language" data-current-language-code="" data-variant="top"> <div class="fixed-wrapper" data-ref="fixed-wrapper"> <div class="intro-container" data-ref="intro-container"> <p data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium copy intro-copy">Choose your language</p> <div data-component="cl-m4-select" data-data-passed-on-change="value" class="select"> <div class="select-wrapper"> <label> <div class="custom-select"> <button data-ref="custom-select-button" class="select-button" type="button"> <span class="button-label-wrapper"> <span class="button-label" data-ref="custom-select-button-label"></span> </span> <span class="button-icon-wrapper" data-ref="button-icon-wrapper"> <span data-component="cf-a2-icon" data-name="down-chevron" data-ref="button-icon" aria-hidden="false" class="button-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M43 32L35.1033 39.8967L27.2066 32"/> </svg> </span> </span> </button> <select data-ref="select-element" name="language" aria-label="Choose your language"> <option data-option-id="language-option-0"></option> <option data-option-id="language-option-" data-ref="select-element-option" value=""> English </option> <option data-option-id="language-option-es" data-ref="select-element-option" value="es"> Spanish </option> <option data-option-id="language-option-pt" data-ref="select-element-option" value="pt"> Portuguese, Brazil </option> <option data-option-id="language-option-zh-hans" data-ref="select-element-option" value="zh-hans"> Chinese, Simplified </option> </select> </div> </label> <div class="options-wrapper" data-ref="custom-select-options-wrapper"> <div class="options-header"> <p data-ref="custom-select-header" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium">Choose your language</p> <button class="options-close-button" data-ref="options-close-button" type="button"> <span data-component="cf-a2-icon" data-name="up-arrow" data-ref="custom-select-header-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M27.2065 33.8967L35.1032 26L42.9999 33.8967" vector-effect="non-scaling-stroke"/> <line x1="35.2778" y1="26" x2="35.2778" y2="43" vector-effect="non-scaling-stroke"/> </svg> </span> </button> </div> <div data-ref="scroll-container" class="scroll-container has-confirmation-cta"> <ul class="select-options" role="listbox"> <li class="select-option"> <button data-ref="custom-select-option" data-option-id="language-option-" class="custom-select-button has-indicator" type="button" value="" role="option" id="language-select-button-" data-label="English"> <span class="selected-option-indicator has-radio-icon"> </span> <div class="select-option-button-label-wrapper"> <span class="copy-01 select-option-button-label" >English</span > <span class="select-option-button-sub-label">Default Language</span> </div> </button> </li> <li class="select-option"> <button data-ref="custom-select-option" data-option-id="language-option-es" class="custom-select-button has-indicator" type="button" value="es" role="option" id="language-select-button-es" data-label="Spanish"> <span class="selected-option-indicator has-radio-icon"> </span> <div class="select-option-button-label-wrapper"> <span class="copy-01 select-option-button-label" >Spanish</span > <span class="select-option-button-sub-label">Partially artificial intelligence</span> </div> </button> </li> <li class="select-option"> <button data-ref="custom-select-option" data-option-id="language-option-pt" class="custom-select-button has-indicator" type="button" value="pt" role="option" id="language-select-button-pt" data-label="Portuguese, Brazil"> <span class="selected-option-indicator has-radio-icon"> </span> <div class="select-option-button-label-wrapper"> <span class="copy-01 select-option-button-label" >Portuguese, Brazil</span > <span class="select-option-button-sub-label">Partially artificial intelligence</span> </div> </button> </li> <li class="select-option"> <button data-ref="custom-select-option" data-option-id="language-option-zh-hans" class="custom-select-button has-indicator" type="button" value="zh-hans" role="option" id="language-select-button-zh-hans" data-label="Chinese, Simplified"> <span class="selected-option-indicator has-radio-icon"> </span> <div class="select-option-button-label-wrapper"> <span class="copy-01 select-option-button-label" >Chinese, Simplified</span > <span class="select-option-button-sub-label">Partially artificial intelligence</span> </div> </button> </li> </ul> </div> <div class="options-footer" data-ref="options-footer"> <button data-component="cf-m1-button" data-ref="confirmation-cta" data-label="Confirm" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" aria-label="Confirm your language preference" type="button" class="confirmation-cta is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Confirm" class="body-label sans-serif-medium button-label-text">Confirm</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </button> </div> </div> </div> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> <button data-component="cf-m1-button" data-ref="confirm-cta" data-label="Confirm" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" aria-label="Confirm your language preference" type="button" class="confirm-cta is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Confirm" class="body-label sans-serif-medium button-label-text">Confirm</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </button> </div> <div class="result-container" data-ref="result-container"> <p data-component="cf-a5-text" data-allow-outlines="false" class="body-m sans-serif copy result-copy">The website has been translated to English with the help of Humans and AI</p> <div class="close-cta-wrapper"> <p data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif copy">Dismiss</p> <button data-component="m23-progress-button" data-progress="0" aria-label="Close the language selector" class="close-cta size-default"> <svg class="progress" viewbox="0 0 100 100"> <circle r="48" cx="50" cy="50" class="total" data-ref="total"></circle> <circle r="48" cx="50" cy="50" class="progress" data-ref="progress"></circle> </svg> <span data-component="cf-a2-icon" data-name="cross" aria-hidden="false" class="icon"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </button> </div> </div> </div> </section> <nav data-component="n1-navigation" data-logo-animation="/themes/custom/monks/static/lottie/navigation.lottie" aria-label="Primary navigation"> <a data-component="cf-m1-button" data-ref="skip-to-content" data-label="Skip to content" data-icon="down-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="#main-content" target="_self" rel="noopener" class="skip-to-content is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="down-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M43 35.1033L35.1033 43L27.2066 35.1033"/> <line vector-effect="non-scaling-stroke" x1="34.9286" y1="43" x2="34.9286" y2="26"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Skip to content" class="body-label sans-serif-medium button-label-text">Skip to content</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="down-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M43 35.1033L35.1033 43L27.2066 35.1033"/> <line vector-effect="non-scaling-stroke" x1="34.9286" y1="43" x2="34.9286" y2="26"/> </svg> </span> </span> </a> <div data-ref="content" class="grid-gutter navigation-content"> <a data-ref="logo" class="logo" href="/" aria-label="Dot monks"> <span data-component="cf-a2-icon" data-name="dot-monks-logo" aria-hidden="false" class="logo-icon"></span> </a> <button data-ref="toggle" class="toggle" data-open-label="Open the menu" data-close-label="Close the menu"> <span class="toggle-line"></span> <span class="toggle-line"></span> <span class="toggle-line"></span> </button> <div data-ref="navigation-overlay" class="navigation-overlay"> <p data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium label">Menu</p> <ul data-ref="navigation-items" class="navigation-items"> <li data-ref="navigation-item" class="navigation-item has-submenu"> <span data-ref="dot" class="dot"></span> <a id="navigation-link-what-we-do" data-ref="navigation-link" class="navigation-link" href="/what-we-do" data-en-label="What We Do">What We Do</a > <button type="button" data-ref="desktop-chevron-button" class="dropdown-indicator" aria-expanded="false" aria-labelledby="navigation-link-what-we-do" aria-controls="navigation-submenu-what-we-do"> <div class="dropdown-indicator-icon"></div> </button> <button data-component="cf-m1-button" data-ref="mobile-chevron-button" data-icon="down-chevron" data-responsive-behaviour="default" data-hover-behaviour="none" data-enable-transition-in="false" data-enable-load-more-transition="false" type="button" aria-labelledby="navigation-link-what-we-do" aria-controls="navigation-submenu-what-we-do" class="mobile-icon-button is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="down-chevron" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M43 32L35.1033 39.8967L27.2066 32"/> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="down-chevron" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M43 32L35.1033 39.8967L27.2066 32"/> </svg> </span> </span> </button> <div data-ref="navigation-submenu-wrapper" class="navigation-submenu-wrapper"> <ul id="navigation-submenu-what-we-do" data-ref="navigation-submenu" data-submenu-en-label="What We Do" class="navigation-submenu"> <li data-ref="navigation-submenu-item" data-en-label="Brand" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/brand" aria-current="false"> Brand </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Technology" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/tech-services" aria-current="false"> Technology </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Social" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/social" aria-current="false"> Social </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Media" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/media" aria-current="false"> Media </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Data" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/data" aria-current="false"> Data </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Experience" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/experience" aria-current="false"> Experience </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Studio" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/studio" aria-current="false"> Studio </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Platforms" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/platform" aria-current="false"> Platforms </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Commerce" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/solutions/commerce" aria-current="false"> Commerce </a> </li> <li data-ref="navigation-submenu-item" data-en-label="Artificial Intelligence" class="navigation-submenu-item"> <span data-ref="dot" class="subitem-dot"></span> <a class="submenu-link" href="/artificial-intelligence" aria-current="false"> Artificial Intelligence </a> </li> </ul> </div> </li> <li data-ref="navigation-item" class="navigation-item"> <span data-ref="dot" class="dot"></span> <a id="navigation-link-work" data-ref="navigation-link" class="navigation-link" href="/work-inventory" data-en-label="Work">Work</a > <span data-component="cf-a2-icon" data-name="right-arrow" aria-hidden="false" class="navigation-link-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </li> <li data-ref="navigation-item" class="navigation-item is-current"> <span data-ref="dot" class="dot"></span> <a id="navigation-link-careers" data-ref="navigation-link" class="navigation-link" href="/careers" aria-current="page" data-en-label="Careers">Careers</a > <span data-component="cf-a2-icon" data-name="right-arrow" aria-hidden="false" class="navigation-link-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </li> <li data-ref="navigation-item" class="navigation-item"> <span data-ref="dot" class="dot"></span> <a id="navigation-link-thinking" data-ref="navigation-link" class="navigation-link" href="/thinking" data-en-label="Thinking">Thinking</a > <span data-component="cf-a2-icon" data-name="right-arrow" aria-hidden="false" class="navigation-link-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </li> <li data-ref="navigation-item" class="navigation-item"> <span data-ref="dot" class="dot dot-button"></span> <a data-component="cf-m1-button" data-ref="navigation-link" data-label="Connect" data-en-label="Connect" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/connect" target="_self" rel="noopener" class="navigation-link is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Connect" class="body-label sans-serif-medium button-label-text">Connect</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> <span data-component="cf-a2-icon" data-name="right-arrow" aria-hidden="false" class="navigation-link-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </li> </ul> </div> </div> </nav> <main id="main-content" tabindex="-1"> <div data-component="block-renderer"> <div data-drupal-messages-fallback class="hidden"></div> <section data-component="c6-copy-block" id="c06-copy-block-51909" data-block-spacing-top="normal" data-block-spacing-bottom="normal" class="grid-row"> <script type="application/json">{"linkedItemsLabel":{"singular":"Link","plural":"Links"}}</script> <div class="grid-col-4 grid-col-l-4 component-content"> <div data-ref="primary-copy" data-component="cf-a4-rich-text" data-enable-transition-in="true" class="primary-copy size-body-l"> <p>Please note that S4 or Monks will never ask for any form of payment, financial information, or fees as part of our recruitment process.</p> <p>All legitimate job opportunities with us are listed on our official website and our verified <a href="https://www.linkedin.com/company/monks/jobs/" data-tooltip="true" target="_blank" data-category="Press Article">LinkedIn page.</a></p> <p>If you suspect a fraudulent job posting or communication claiming to be from us, please report it immediately to <a href="mailto:security@monks.com" target="_blank" data-tooltip="true" data-category="Press Article">security@monks.com</a>. Protect yourself by verifying any job opportunity directly through our official channels.</p> </div> </div> </section> <header id="h05-simple-header-16802" data-component="h5-simple-header" data-block-spacing-top="large" data-block-spacing-bottom="normal" data-foreground-color="#191715" data-background-color="#DEDFE5" class="grid-row has-centered-content"> <div data-component="o17-header-content" data-ref="header" class="grid-col-4 grid-col-l-6 component-content"> <p data-ref="label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium component-label">Job Search</p> <h1 data-ref="title" data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Find your dream job with Monks" class="display-l sans-serif component-title"> <em>Find your</em> <u>dream</u> job with Monks </h1> </div> </header> <section id="c36-job-finder-16803" data-component="c36-job-finder" data-endpoint="https://www.monks.com/api/v1/jobs-search" data-enable-query-params="true" data-block-spacing-top="normal" data-block-spacing-bottom="normal" data-no-results-title="No open roles" data-no-results-animation="/themes/custom/monks/static/lottie/job-finder-no-results.lottie" data-no-results-description="Unfortunately, we do not have any opportunities matching your search criteria at the moment." data-limit="30" data-should-display-category-link="true" class="grid-row"> <div data-component="o25-sticky-bar" data-ref="sticky-bar" class="sticky-bar"> <div class="left-aligned"> <span data-ref="sticky-bar-role-count" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif role-count-value">0</span> <p data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif">open roles</p> </div> <div class="right-aligned"> <a data-component="cf-m1-button" data-ref="sticky-bar-cta" data-label="Change Filters" data-icon="up-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="#" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="up-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M27.2065 33.8967L35.1032 26L42.9999 33.8967" vector-effect="non-scaling-stroke"/> <line x1="35.2778" y1="26" x2="35.2778" y2="43" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Change Filters" class="body-label sans-serif-medium button-label-text">Change Filters</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="up-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M27.2065 33.8967L35.1032 26L42.9999 33.8967" vector-effect="non-scaling-stroke"/> <line x1="35.2778" y1="26" x2="35.2778" y2="43" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </div> </div> <div class="component-wrapper grid-col-4 grid-col-l-6"> <div data-ref="job-finder-body"> <div class="job-filters"> <div class="job-filters-body"> <div data-component="o23-dynamic-filters" data-ref="dynamic-filters" class="has-multiple-filters"> <script type="application/json">{"filterNames":["location","department"]}</script> <div data-component="m20-search" data-suggestions-endpoint="https://www.monks.com/api/v1/jobs-search/autocomplete" data-ref="search"> <div class="overflow-wrapper"> <div class="search-wrapper"> <label class="search-field"> <span data-component="cf-a2-icon" data-name="search" data-ref="input-icon" aria-hidden="false" class="input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <circle cx="37.625" cy="33.375" r="5.875" vector-effect="non-scaling-stroke"/> <path d="M27 44L32.1 38.9" vector-effect="non-scaling-stroke"/> </svg> </span> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Search</span> <input autocomplete="off" data-ref="input-field" class="input-field" type="text" placeholder="Enter your role" name="search" /> </label> <button type="button" class="clear-search-button" data-ref="clear-button"> Clear </button> </div> <div class="suggestions-container" data-ref="suggestions-container"></div> </div> </div> <div data-component="o21-filter" data-ref="filters" data-name="location"> <button class="filter-button" data-ref="filter-button"> <span class="filter-label-wrapper"> <span data-ref="filter-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif filter-label">Select an office</span> <span data-ref="filter-value" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif filter-value"></span> </span> <span class="open-icon-wrapper" data-ref="open-icon-wrapper"> <span data-component="cf-a2-icon" data-name="down-chevron" data-ref="open-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M43 32L35.1033 39.8967L27.2066 32"/> </svg> </span> </span> </button> <div class="filter" data-ref="filter" inert> <div class="filter-header has-label"> <span data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif filter-header-label">Select an office</span> <button class="filter-close" data-ref="filter-close" aria-label="Close"> <span data-component="cf-a2-icon" data-name="cross" data-ref="close-icon" aria-hidden="false" class="close-icon"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </button> </div> <div class="filter-body"> <div class="filter-search" data-component="m20-search" data-ref="filter-search"> <div class="overflow-wrapper"> <div class="search-wrapper"> <label class="search-field"> <span data-component="cf-a2-icon" data-name="search" data-ref="input-icon" aria-hidden="false" class="input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <circle cx="37.625" cy="33.375" r="5.875" vector-effect="non-scaling-stroke"/> <path d="M27 44L32.1 38.9" vector-effect="non-scaling-stroke"/> </svg> </span> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Search</span> <input autocomplete="off" data-ref="input-field" class="input-field" type="text" placeholder="Continent, city or country" name="location-search" /> </label> <button type="button" class="clear-search-button" data-ref="clear-button"> Clear </button> </div> </div> </div> <div class="filter-groups-wrapper has-label" data-ref="filter-groups-wrapper"> <fieldset data-component="filter-group" data-ref="filter-group" data-name="APAC" data-category="location" class="has-label"> <div class="group-header"> <legend data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium group-header">APAC</legend> </div> <ul class="filter-option-list"> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Auckland"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Auckland"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Auckland</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Bangalore"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Bangalore"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Bangalore</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Jakarta"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Jakarta"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Jakarta</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Kuala Lumpur"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Kuala Lumpur"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Kuala Lumpur</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Melbourne"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Melbourne"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Melbourne</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Mumbai"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Mumbai"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Mumbai</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="New Delhi"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="New Delhi"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">New Delhi</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Noida"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Noida"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Noida</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Seoul"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Seoul"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Seoul</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Shanghai"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Shanghai"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Shanghai</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Singapore"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Singapore"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Singapore</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Sydney"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Sydney"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Sydney</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Tokyo"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="APAC" value="Tokyo"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Tokyo</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> </ul> </fieldset> <fieldset data-component="filter-group" data-ref="filter-group" data-name="EMEA" data-category="location" class="has-label"> <div class="group-header"> <legend data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium group-header">EMEA</legend> </div> <ul class="filter-option-list"> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Amsterdam"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Amsterdam"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Amsterdam</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Berlin"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Berlin"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Berlin</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Hilversum"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Hilversum"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Hilversum</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="London"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="London"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">London</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Madrid"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Madrid"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Madrid</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Milan"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Milan"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Milan</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Munich"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Munich"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Munich</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Riyadh"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Riyadh"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Riyadh</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Stuttgart"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Stuttgart"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Stuttgart</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Warsaw"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="EMEA" value="Warsaw"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Warsaw</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> </ul> </fieldset> <fieldset data-component="filter-group" data-ref="filter-group" data-name="LATAM" data-category="location" class="has-label"> <div class="group-header"> <legend data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium group-header">LATAM</legend> </div> <ul class="filter-option-list"> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Bogot谩"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="LATAM" value="Bogot谩"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Bogot谩</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Buenos Aires"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="LATAM" value="Buenos Aires"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Buenos Aires</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Mexico City"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="LATAM" value="Mexico City"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Mexico City</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="S茫o Paulo"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="LATAM" value="S茫o Paulo"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">S茫o Paulo</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> </ul> </fieldset> <fieldset data-component="filter-group" data-ref="filter-group" data-name="NAMER" data-category="location" class="has-label"> <div class="group-header"> <legend data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium group-header">NAMER</legend> </div> <ul class="filter-option-list"> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Atlanta"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Atlanta"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Atlanta</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Austin"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Austin"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Austin</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Boston"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Boston"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Boston</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Chicago"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Chicago"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Chicago</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Dallas"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Dallas"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Dallas</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Denver"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Denver"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Denver</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Detroit"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Detroit"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Detroit</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="District of Columbia"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="District of Columbia"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">District of Columbia</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Houston"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Houston"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Houston</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Idaho"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Idaho"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Idaho</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Las Vegas"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Las Vegas"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Las Vegas</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Los Angeles"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Los Angeles"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Los Angeles</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Miami"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Miami"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Miami</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="New York"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="New York"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">New York</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="New York City"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="New York City"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">New York City</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="North Carolina"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="North Carolina"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">North Carolina</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Philadelphia"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Philadelphia"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Philadelphia</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Portland"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Portland"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Portland</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Salt Lake City"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Salt Lake City"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Salt Lake City</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="San Diego"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="San Diego"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">San Diego</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="San Francisco"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="San Francisco"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">San Francisco</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Seattle"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Seattle"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Seattle</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Toronto"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Toronto"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Toronto</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Vancouver"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="NAMER" value="Vancouver"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Vancouver</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> </ul> </fieldset> </div> </div> <div class="filter-footer"> <button data-component="cf-m1-button" data-ref="confirm-button" data-label="View open roles" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" type="button" class="is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="View open roles" class="body-label sans-serif-medium button-label-text">View open roles</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </button> </div> </div> </div> <div data-component="o21-filter" data-ref="filters" data-name="department"> <button class="filter-button" data-ref="filter-button"> <span class="filter-label-wrapper"> <span data-ref="filter-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif filter-label">Select a team</span> <span data-ref="filter-value" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif filter-value"></span> </span> <span class="open-icon-wrapper" data-ref="open-icon-wrapper"> <span data-component="cf-a2-icon" data-name="down-chevron" data-ref="open-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M43 32L35.1033 39.8967L27.2066 32"/> </svg> </span> </span> </button> <div class="filter" data-ref="filter" inert> <div class="filter-header"> <span data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif filter-header-label">Select a team</span> <button class="filter-close" data-ref="filter-close" aria-label="Close"> <span data-component="cf-a2-icon" data-name="cross" data-ref="close-icon" aria-hidden="false" class="close-icon"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </button> </div> <div class="filter-body"> <div class="filter-groups-wrapper" data-ref="filter-groups-wrapper"> <fieldset data-component="filter-group" data-ref="filter-group" data-name="department" data-category="department"> <ul class="filter-option-list"> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Business - Account Management (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Business - Account Management (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Business - Account Management (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Business - Client Development (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Business - Client Development (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Business - Client Development (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Content"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Content"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Content</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Content - Community Management (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Content - Community Management (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Content - Community Management (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Content - Production / Coordination (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Content - Production / Coordination (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Content - Production / Coordination (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Content - Project Management (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Content - Project Management (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Content - Project Management (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Art Direction (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Art Direction (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Art Direction (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Copy (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Copy (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Copy (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Creative Department Leads (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Creative Department Leads (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Creative Department Leads (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Design (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Design (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Design (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Editing (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Editing (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Editing (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Hybrid Edit & Motion (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Hybrid Edit & Motion (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Hybrid Edit & Motion (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Motion & Animation (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Motion & Animation (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Motion & Animation (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Social Creators (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Social Creators (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Social Creators (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - VFX (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - VFX (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - VFX (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Creative - Visual QA (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Creative - Visual QA (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Creative - Visual QA (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Data (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Data (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Data (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Data - Data Analytics (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Data - Data Analytics (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Data - Data Analytics (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Data - Data Analytics (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Data - Data Analytics (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Data - Data Analytics (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Data - Measurement (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Data - Measurement (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Data - Measurement (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Development - Back-end (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Development - Back-end (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Development - Back-end (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Development - Creative Technology (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Development - Creative Technology (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Development - Creative Technology (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Development - Technical Architecture (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Development - Technical Architecture (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Development - Technical Architecture (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Facility - Office Management (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Facility - Office Management (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Facility - Office Management (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Facility - Office Mangement (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Facility - Office Mangement (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Facility - Office Mangement (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Finance (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Finance (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Finance (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Finance - Account & Controlling (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Finance - Account & Controlling (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Finance - Account & Controlling (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Finance - FP&A (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Finance - FP&A (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Finance - FP&A (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Finance - Payroll (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Finance - Payroll (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Finance - Payroll (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Finance - Payroll (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Finance - Payroll (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Finance - Payroll (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Growth (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Growth (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Growth (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Growth - Sales (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Growth - Sales (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Growth - Sales (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Internal Operations (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Internal Operations (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Internal Operations (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Internal Operations - Information Security (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Internal Operations - Information Security (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Internal Operations - Information Security (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Internal Operations - Information Security (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Internal Operations - Information Security (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Internal Operations - Information Security (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Internal Operations - Operations (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Internal Operations - Operations (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Internal Operations - Operations (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Legal (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Legal (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Legal (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Legal (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Legal (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Legal (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Legal - Commercial (Legal) (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Legal - Commercial (Legal) (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Legal - Commercial (Legal) (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Media (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Media (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Media (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Media (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Media (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Media (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Media - Media AOR Advisory (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Media - Media AOR Advisory (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Media - Media AOR Advisory (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Media - Media AOR Advisory (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Media - Media AOR Advisory (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Media - Media AOR Advisory (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Media - Media AOR Investments (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Media - Media AOR Investments (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Media - Media AOR Investments (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Media - Media AOR Performance (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Media - Media AOR Performance (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Media - Media AOR Performance (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Media - Media AOR Resale & Activation (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Media - Media AOR Resale & Activation (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Media - Media AOR Resale & Activation (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Media - Media AOR Solutions (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Media - Media AOR Solutions (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Media - Media AOR Solutions (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="People (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="People (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">People (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="People (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="People (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">People (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="People - People Operations (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="People - People Operations (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">People - People Operations (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="People - People Operations (DDM)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="People - People Operations (DDM)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">People - People Operations (DDM)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="People - People Strategy (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="People - People Strategy (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">People - People Strategy (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="People - Talent Discovery (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="People - Talent Discovery (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">People - Talent Discovery (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Strategy (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Strategy (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Strategy (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Strategy - Brand Experience Strategy (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Strategy - Brand Experience Strategy (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Strategy - Brand Experience Strategy (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Strategy - Brand Foundations (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Strategy - Brand Foundations (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Strategy - Brand Foundations (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Strategy - Creative Strategy (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Strategy - Creative Strategy (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Strategy - Creative Strategy (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Strategy - Earned Media Strategy (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Strategy - Earned Media Strategy (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Strategy - Earned Media Strategy (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Strategy - Social Strategy (Content)"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Strategy - Social Strategy (Content)"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Strategy - Social Strategy (Content)</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> <li class="filter-option-wrapper" data-ref="filter-option-wrapper" data-value="Temporary - Content"> <div data-component="cl-m3-selection-control" data-ref="filter-option" data-input-type="checkbox"> <label class="input-wrapper"> <input class="input-element" data-ref="input-field" type="checkbox" name="department" value="Temporary - Content"> <div class="custom-input-element"> <span data-component="cf-a2-icon" data-name="confirm" aria-hidden="false" class="custom-input-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M27 36L32 41L44 29"/> </svg> </span> </div> <span data-ref="input-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif input-label">Temporary - Content</span> </label> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> </li> </ul> </fieldset> </div> </div> <div class="filter-footer"> <button data-component="cf-m1-button" data-ref="confirm-button" data-label="View open roles" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" type="button" class="is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="View open roles" class="body-label sans-serif-medium button-label-text">View open roles</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </button> </div> </div> </div> </div> </div> <div class="job-filters-footer"> <span class="role-count" data-ref="role-count" aria-live="polite"> <span data-ref="role-count-value" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif role-count-value">0</span> <span data-ref="role-count-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif role-count-label">Open roles</span> </span > <button data-component="m7-link" data-ref="clear-filters" data-label="Clear Filters" data-icon="cross" data-outlined data-hover-behaviour="default" class="clear-filters"> <span data-ref="body-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium link-label">Clear Filters</span> <span data-ref="icon-wrapper" class="link-icon-wrapper icon icon-size-body-label"> <span data-component="cf-a2-icon" data-name="cross" data-ref="icon" aria-hidden="false" class="link-icon"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> </button> </div> </div> </div> <div class="grid-col-4 grid-col-l-4 job-results"> <span data-component="cf-a2-icon" data-name="loader" data-ref="loading-indicator" aria-hidden="false" class="loading-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" stroke="currentColor"> <circle vector-effect="non-scaling-stroke" opacity=".25" fill="none" cx="35" cy="35" r="8.5" /> <path vector-effect="non-scaling-stroke" fill="none" d="M43.5 35c0-4.7-3.8-8.5-8.5-8.5"> <animateTransform attributeName="transform" type="rotate" from="0 35 35" to="360 35 35" dur="1s" repeatCount="indefinite"/> </path> </svg> </span> <div data-ref="result-container"></div> <div class="button-wrapper"> <button data-component="cf-m1-button" data-ref="load-more" data-label="Load more" data-icon="plus" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="true" data-enable-load-more-transition="true" type="button" class="load-more is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="plus" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path class="horizontal" d="M43 35L27 35" vector-effect="non-scaling-stroke"/> <path class="vertical" d="M35 43L35 27" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Load more" class="body-label sans-serif-medium button-label-text">Load more</span> <span data-ref="button-label-number" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium button-label-number">0</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="plus" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path class="horizontal" d="M43 35L27 35" vector-effect="non-scaling-stroke"/> <path class="vertical" d="M35 43L35 27" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <div data-ref="load-more-wrapper" class="load-more-wrapper"> <span data-component="cf-a2-icon" data-name="loading-circle" data-ref="loading-circle" aria-hidden="false"><svg viewBox="0 0 71 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="35.5" cy="36" r="35" stroke="#2D2D2D"/> </svg> </span> </div> </button> </div> </div> </div> </section> <section id="c50-overlay-component-2" data-component="c50-overlay-component" data-id="c50-overlay-component-2" data-internal-foreground-color="#3C0C60" data-internal-background-color="#DFBBFE" role="dialog" aria-modal="true"> <div class="overlay"> <div class="content " data-ref="content"> <button data-component="cf-m1-button" data-ref="close-button" data-icon="cross" data-responsive-behaviour="small-to-medium" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" type="button" class="close-button is-themed size-small-to-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="cross" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="cross" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> </button> <section class="content-inner"> <div data-component="dynamic-block-renderer" data-ref="block-renderer"> <section id="c58-form-38232" data-component="c58-form" data-block-spacing-top="normal" data-block-spacing-bottom="normal" data-foreground-color="#3C0C60" data-background-color="#DFBBFE" data-form-name="Unified Brand Site: Main Sales Lead Form"> <div class="grid-row container has-static-image"> <div class="illustration-container"> <div class="idle-illustration" data-ref="idle-illustration"></div> </div> <div class="form" data-ref="form"> <h2 data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Let's make the future happen now." class="display-m extended title"> Let's make the future happen now. </h2> <div data-component="o12-hubspot-form" data-ref="hubspot-form" class="hubspot-form" data-form-data-endpoint="https://www.monks.com/api/v1/hubspot/forms/778a15be-16f8-4868-bfa6-7bcefa157f9b"> <script type="application/json">{"resultForm":{"resultTitle":"","resultCopy":"","resultCta":[]}}</script> <div class="form-container" data-ref="form-container"> <span data-component="cf-a2-icon" data-name="loader" aria-hidden="false" class="loader"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" stroke="currentColor"> <circle vector-effect="non-scaling-stroke" opacity=".25" fill="none" cx="35" cy="35" r="8.5" /> <path vector-effect="non-scaling-stroke" fill="none" d="M43.5 35c0-4.7-3.8-8.5-8.5-8.5"> <animateTransform attributeName="transform" type="rotate" from="0 35 35" to="360 35 35" dur="1s" repeatCount="indefinite"/> </path> </svg> </span> </div> <div data-ref="result-wrapper"></div> </div> </div> <div data-component="form-success" data-ref="form-success" data-description="Keep an eye on your email. One of our monks will be in touch with you soon." class="form-success"> <h2 data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Thanks! We&#039;ll get in touch shortly." class="display-m extended title"> Thanks! We'll get in touch shortly. </h2> <p data-ref="description" data-component="cf-a5-text" data-allow-outlines="false" class="body-m sans-serif description">Keep an eye on your email. One of our monks will be in touch with you soon.</p> <a data-component="cf-m1-button" data-ref="cta" data-label="Submit" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="#" target="_self" rel="noopener" class="cta is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Submit" class="body-label sans-serif-medium button-label-text">Submit</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </div> </div> </section> </div> </section> </div> </div> </section> <section id="c50-overlay-component-10" data-component="c50-overlay-component" data-id="c50-overlay-component-10" data-internal-foreground-color="#2D2D2D" data-internal-background-color="#EAE8E4" role="dialog" aria-modal="true"> <div class="overlay"> <div class="content " data-ref="content"> <button data-component="cf-m1-button" data-ref="close-button" data-icon="cross" data-responsive-behaviour="small-to-medium" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" type="button" class="close-button is-themed size-small-to-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="cross" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="cross" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> </button> <section class="content-inner"> <div data-component="dynamic-block-renderer" data-ref="block-renderer"> <section id="c58-form-40419" data-component="c58-form" data-block-spacing-top="normal" data-block-spacing-bottom="normal" data-foreground-color="#2D2D2D" data-background-color="#EAE8E4" data-form-name="MonksFlow Lead Form"> <div class="grid-row container has-static-image"> <div class="illustration-container"> <div class="idle-illustration" data-ref="idle-illustration"></div> </div> <div class="form" data-ref="form"> <h2 data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Schedule a demo to talk marketing and AI with us." class="display-m extended title"> Schedule a demo to talk marketing and AI with us. </h2> <div data-component="o12-hubspot-form" data-ref="hubspot-form" class="hubspot-form" data-form-data-endpoint="https://www.monks.com/api/v1/hubspot/forms/b18074ee-49ec-47d4-ad27-c4e3f726a50d"> <script type="application/json">{"resultForm":{"resultTitle":"","resultCopy":"","resultCta":[]}}</script> <div class="form-container" data-ref="form-container"> <span data-component="cf-a2-icon" data-name="loader" aria-hidden="false" class="loader"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" stroke="currentColor"> <circle vector-effect="non-scaling-stroke" opacity=".25" fill="none" cx="35" cy="35" r="8.5" /> <path vector-effect="non-scaling-stroke" fill="none" d="M43.5 35c0-4.7-3.8-8.5-8.5-8.5"> <animateTransform attributeName="transform" type="rotate" from="0 35 35" to="360 35 35" dur="1s" repeatCount="indefinite"/> </path> </svg> </span> </div> <div data-ref="result-wrapper"></div> </div> </div> <div data-component="form-success" data-ref="form-success" data-description="Keep an eye on your email. One of our monks will be in touch with you soon." class="form-success"> <h2 data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Thanks! We&#039;ll get in touch shortly." class="display-m extended title"> Thanks! We'll get in touch shortly. </h2> <p data-ref="description" data-component="cf-a5-text" data-allow-outlines="false" class="body-m sans-serif description">Keep an eye on your email. One of our monks will be in touch with you soon.</p> <a data-component="cf-m1-button" data-ref="cta" data-label="Submit" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="#" target="_self" rel="noopener" class="cta is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Submit" class="body-label sans-serif-medium button-label-text">Submit</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </div> </div> </section> </div> </section> </div> </div> </section> <section id="c50-overlay-component-11" data-component="c50-overlay-component" data-id="c50-overlay-component-11" data-internal-foreground-color="#001D38" data-internal-background-color="#CBF6FF" role="dialog" aria-modal="true"> <div class="overlay"> <div class="content " data-ref="content"> <button data-component="cf-m1-button" data-ref="close-button" data-icon="cross" data-responsive-behaviour="small-to-medium" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" type="button" class="close-button is-themed size-small-to-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="cross" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="cross" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> </button> <section class="content-inner"> <div data-component="dynamic-block-renderer" data-ref="block-renderer"> <section id="c58-form-43103" data-component="c58-form" data-block-spacing-top="normal" data-block-spacing-bottom="normal" data-foreground-color="#001D38" data-background-color="#CBF6FF" data-form-name="Event | Dreamforce "> <div class="grid-row container has-static-image"> <div class="illustration-container"> <div class="idle-illustration" data-ref="idle-illustration"></div> </div> <div class="form" data-ref="form"> <h2 data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Request a Meeting" class="display-m extended title"> Request a Meeting </h2> <div data-component="o12-hubspot-form" data-ref="hubspot-form" class="hubspot-form" data-form-data-endpoint="https://www.monks.com/api/v1/hubspot/forms/7acb979b-454f-4de1-a382-ffd4e243c8ec"> <script type="application/json">{"resultForm":{"resultTitle":"","resultCopy":"","resultCta":[]}}</script> <div class="form-container" data-ref="form-container"> <span data-component="cf-a2-icon" data-name="loader" aria-hidden="false" class="loader"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" stroke="currentColor"> <circle vector-effect="non-scaling-stroke" opacity=".25" fill="none" cx="35" cy="35" r="8.5" /> <path vector-effect="non-scaling-stroke" fill="none" d="M43.5 35c0-4.7-3.8-8.5-8.5-8.5"> <animateTransform attributeName="transform" type="rotate" from="0 35 35" to="360 35 35" dur="1s" repeatCount="indefinite"/> </path> </svg> </span> </div> <div data-ref="result-wrapper"></div> </div> </div> <div data-component="form-success" data-ref="form-success" data-description="Keep an eye on your email. One of our monks will reach out to you shortly." class="form-success"> <h2 data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Thanks! We&#039;ll be in touch shortly to discuss scheduling." class="display-m extended title"> Thanks! We'll be in touch shortly to discuss scheduling. </h2> <p data-ref="description" data-component="cf-a5-text" data-allow-outlines="false" class="body-m sans-serif description">Keep an eye on your email. One of our monks will reach out to you shortly.</p> <a data-component="cf-m1-button" data-ref="cta" data-label="Book a Meeting" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="#" target="_self" rel="noopener" class="cta is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Book a Meeting" class="body-label sans-serif-medium button-label-text">Book a Meeting</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </div> </div> </section> </div> </section> </div> </div> </section> <section id="c50-overlay-component-1" data-component="c50-overlay-component" data-id="c50-overlay-component-1" data-internal-foreground-color="#371534" data-internal-background-color="#FFB2E8" role="dialog" aria-modal="true"> <div class="overlay"> <div class="content " data-ref="content"> <button data-component="cf-m1-button" data-ref="close-button" data-icon="cross" data-responsive-behaviour="small-to-medium" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" type="button" class="close-button is-themed size-small-to-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="cross" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="cross" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </span> </button> <section class="content-inner"> <div data-component="dynamic-block-renderer" data-ref="block-renderer"> <section id="c29-newsletter-sign-up-11950" data-component="c29-newsletter-signup" data-animation="/themes/custom/monks/static/lottie/newsletter.lottie" data-is-footer-link="true" data-form-name="mktg_lead;;Global;;General Newsletter Subscription;;Email" data-enable-color-transitions="true" class="has-animation"> <div class="grid-row"> <div class="grid-col-4 grid-col-l-4 media" data-block-spacing-top="normal"> <div data-component="m25-form-state-animation" data-ref="illustration" class="illustration" data-animation-type="lottie" data-lottie-animation="/themes/custom/monks/static/lottie/newsletter.lottie"> <dotlottie-player data-ref="lottie-player"></dotlottie-player> </div> </div> <div class="grid-col-4 form grid-col-l-3" data-block-spacing-top="normal" data-block-spacing-bottom="normal"> <div class="form-inner"> <h2 data-ref="title" data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Make our digital heart beat faster" class="display-m extended heading"> Make our digital heart beat faster </h2> <p data-ref="copy" data-component="cf-a5-text" data-allow-outlines="false" class="body-l serif copy">Get our newsletter with inspiration on the latest trends, projects and much more.</p> <div data-component="o12-hubspot-form" data-ref="hubspot-form" class="hubspot-form" data-form-data-endpoint="https://www.monks.com/api/v1/hubspot/forms/e8923c18-2abb-4c78-802b-8b17524eb53d" data-multi-step="true" data-next-step-button-aria-label="Continue to the next step." data-step-indicator-aria-label="Step"> <script type="application/json">{"resultForm":{"resultTitle":"Thank you for signing up!","resultCopy":"Head over to your email for more.","resultCta":[]}}</script> <div class="form-container" data-ref="form-container"> <span data-component="cf-a2-icon" data-name="loader" aria-hidden="false" class="loader"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" stroke="currentColor"> <circle vector-effect="non-scaling-stroke" opacity=".25" fill="none" cx="35" cy="35" r="8.5" /> <path vector-effect="non-scaling-stroke" fill="none" d="M43.5 35c0-4.7-3.8-8.5-8.5-8.5"> <animateTransform attributeName="transform" type="rotate" from="0 35 35" to="360 35 35" dur="1s" repeatCount="indefinite"/> </path> </svg> </span> </div> <div data-ref="result-wrapper"></div> </div> <div data-component="newsletter-form-success" data-ref="newsletter-form-success" data-description="Head over to your email for more."> <h2 data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Thank you for signing up!" class="display-m extended title"> Thank you for signing up! </h2> <p data-ref="description" data-component="cf-a5-text" data-allow-outlines="false" class="body-l sans-serif description">Head over to your email for more.</p> <a data-component="cf-m1-button" data-ref="cta" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="#" target="_self" rel="noopener" class="cta is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </div> <p data-ref="note" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif note">Monks needs the contact information you provide to us to contact you about our products and services. You may unsubscribe from these communications at any time. For information on how to unsubscribe, as well as our privacy practices and commitment to protecting your privacy, please review our Privacy Policy.</p> </div> </div> </div> </section> </div> </section> </div> </div> </section> </div> </main> <footer data-component="n2-footer" class="grid-gutter"> <div class="footer-section grid-row top-row"> <div class="section-content"> <button data-component="cf-m1-button" data-ref="multi-language-cta" data-label="Choose your language" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" type="button" class="multi-language-cta is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Choose your language" class="body-label sans-serif-medium button-label-text">Choose your language</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </button> </div> <div class="section-content no-border label-container"> <h2 data-ref="label" data-component="cf-a1-heading" data-outline-show-delay="0" aria-label="Keep Exploring..." class="body-label sans-serif-medium footer-label"> Keep Exploring... </h2> <span data-component="cf-a2-icon" data-name="b-corp-logo" aria-hidden="false" class="b-corp-logo"><svg viewBox="0 0 60 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_32278_25575)"> <path d="M17.5156 28.8329H29.9145C32.9321 28.8329 36.9056 28.8329 38.9642 30.0631C41.2145 31.3883 42.9843 33.8019 42.9843 37.1156C42.9843 40.7114 41.0714 43.4088 37.9111 44.6857V44.7811C42.1257 45.6321 44.4217 48.7563 44.4217 52.9217C44.4217 57.8888 40.8304 62.6224 34.0331 62.6224H17.5156L17.5156 28.8329ZM22.0613 43.3615H31.1621C36.3306 43.3615 38.4394 41.516 38.4394 37.9657C38.4394 33.2802 35.0893 32.6189 31.1621 32.6189H22.0613V43.3615ZM22.0613 58.836H33.4591C37.3837 58.836 39.8747 56.4701 39.8747 52.7796C39.8747 48.3776 36.2836 47.1472 32.4517 47.1472H22.0613L22.0613 58.836Z" fill="currentColor" /> <path d="M56.0504 45.7418C56.0504 59.9373 44.4107 71.4445 30.0468 71.4445C15.6886 71.4445 4.04818 59.9373 4.04818 45.7418C4.04818 31.5481 15.6886 20.043 30.0468 20.043C44.4107 20.043 56.0504 31.5481 56.0504 45.7418ZM30.0468 16.1228C13.5084 16.1228 0.0996094 29.3773 0.0996094 45.7276C0.0996094 62.0768 13.5084 75.3322 30.0468 75.3322C46.5906 75.3322 59.9999 62.0768 59.9999 45.7276C59.9999 29.3773 46.5906 16.1228 30.0468 16.1228Z" fill="currentColor" /> <path d="M59.938 81.5765H0.161621V85.4607H59.938V81.5765Z" fill="currentColor" /> <path d="M58.0685 77.301C58.1421 77.301 58.2116 77.2972 58.2773 77.2935C58.3378 77.2903 58.4002 77.2763 58.4495 77.2548C58.5028 77.229 58.5431 77.196 58.5722 77.1524C58.6034 77.1043 58.6151 77.0441 58.6151 76.9601C58.6151 76.8911 58.6034 76.8335 58.5755 76.7971C58.5492 76.7532 58.5128 76.7242 58.4699 76.7033C58.426 76.6782 58.3808 76.6638 58.3233 76.6536C58.2677 76.6506 58.2149 76.6445 58.1584 76.6445H57.7293V77.301H58.0685ZM58.2116 76.3847C58.4605 76.3847 58.6423 76.4337 58.7618 76.5291C58.8821 76.6297 58.944 76.7753 58.944 76.9738C58.944 77.1612 58.888 77.2935 58.7864 77.3839C58.6778 77.4686 58.5492 77.5204 58.3899 77.538L58.9876 78.4448H58.6423L58.0716 77.5573H57.7293V78.4448H57.4011V76.3847H58.2116ZM56.7421 78.0068C56.812 78.1937 56.915 78.3542 57.0499 78.4893C57.1791 78.6235 57.3359 78.7308 57.5179 78.8086C57.6943 78.8848 57.8925 78.9194 58.0978 78.9194C58.3082 78.9194 58.5028 78.8848 58.6778 78.8086C58.8556 78.7308 59.0106 78.6235 59.1462 78.4893C59.2739 78.3542 59.3794 78.1937 59.4522 78.0068C59.5291 77.8253 59.5676 77.6242 59.5676 77.4122C59.5676 77.196 59.5291 77.0033 59.4522 76.8198C59.3794 76.635 59.2739 76.4783 59.1462 76.3431C59.0106 76.211 58.8556 76.1061 58.6778 76.0283C58.5028 75.9542 58.3082 75.9127 58.0978 75.9127C57.8925 75.9127 57.6943 75.9542 57.5179 76.0283C57.3359 76.1061 57.1791 76.211 57.0499 76.3431C56.915 76.4783 56.812 76.635 56.7421 76.8198C56.6654 77.0033 56.6288 77.196 56.6288 77.4122C56.6288 77.6242 56.6654 77.8253 56.7421 78.0068ZM56.4462 76.7123C56.5422 76.4999 56.6719 76.3199 56.8338 76.1576C56.9968 75.9988 57.1892 75.8808 57.4076 75.7887C57.6237 75.6974 57.8588 75.6563 58.0978 75.6563C58.3467 75.6563 58.5771 75.6974 58.7979 75.7887C59.0106 75.8808 59.1988 75.9988 59.359 76.1576C59.5207 76.3199 59.6549 76.4999 59.7463 76.7123C59.8456 76.9276 59.8904 77.1612 59.8904 77.4122C59.8904 77.666 59.8456 77.8986 59.7463 78.1111C59.6549 78.3296 59.5207 78.5142 59.359 78.673C59.1988 78.8362 59.0106 78.9551 58.7979 79.0461C58.5771 79.1334 58.3467 79.1766 58.0978 79.1766C57.8588 79.1766 57.6237 79.1334 57.4076 79.0461C57.1892 78.9551 56.9968 78.8362 56.8338 78.673C56.6719 78.5142 56.5422 78.3296 56.4462 78.1111C56.3463 77.8986 56.3066 77.666 56.3066 77.4122C56.3066 77.1612 56.3463 76.9276 56.4462 76.7123Z" fill="currentColor" /> <path d="M7.40595 3.1051C7.26377 2.88057 7.08759 2.68368 6.87575 2.51416C6.6632 2.3442 6.42414 2.21254 6.15646 2.11712C5.88829 2.02284 5.60913 1.97524 5.31634 1.97524C4.78148 1.97524 4.32682 2.07741 3.95356 2.28221C3.58033 2.487 3.27719 2.76123 3.0452 3.1051C2.81295 3.44923 2.64401 3.84093 2.53774 4.27979C2.43172 4.71934 2.3794 5.17328 2.3794 5.64231C2.3794 6.09046 2.43172 6.52744 2.53774 6.95098C2.64401 7.37543 2.81295 7.75739 3.0452 8.0964C3.27719 8.43541 3.58033 8.70708 3.95356 8.91188C4.32682 9.1162 4.78148 9.21814 5.31634 9.21814C6.04314 9.21814 6.61088 8.99918 7.01909 8.56032C7.428 8.12101 7.67761 7.54283 7.76862 6.82466H10.0701C10.0095 7.49245 9.85305 8.0964 9.6011 8.63463C9.3482 9.17379 9.01482 9.63307 8.6017 10.0113C8.18762 10.391 7.70342 10.6803 7.14787 10.8797C6.59305 11.079 5.98215 11.1793 5.31635 11.1793C4.48823 11.1793 3.74382 11.0369 3.08321 10.7523C2.4221 10.4683 1.86375 10.0766 1.41028 9.57757C0.956539 9.07882 0.607703 8.49299 0.3656 7.81939C0.122777 7.14625 0.00195312 6.42017 0.00195312 5.64231C0.00195312 4.84379 0.122777 4.10286 0.365595 3.41904C0.607698 2.73569 0.956535 2.13986 1.41027 1.63135C1.86375 1.12215 2.4221 0.72347 3.0832 0.433691C3.74382 0.144593 4.48822 -6.10352e-05 5.31634 -6.10352e-05C5.91152 -6.10352e-05 6.4748 0.0849298 7.00408 0.254201C7.53402 0.4237 8.0084 0.670989 8.42737 0.995362C8.84591 1.31952 9.19194 1.72098 9.46409 2.19977C9.73692 2.67856 9.90817 3.2277 9.97902 3.8458H7.67761C7.63749 3.57669 7.54671 3.32964 7.40595 3.1051Z" fill="currentColor" /> <path d="M13.1691 9.08383C13.4919 9.39288 13.9564 9.54753 14.5619 9.54753C14.9959 9.54753 15.3694 9.44026 15.6824 9.22571C15.9946 9.01162 16.1867 8.7843 16.2576 8.54468H18.1504C17.847 9.473 17.3827 10.1366 16.7571 10.5355C16.1309 10.9344 15.3743 11.1339 14.4861 11.1339C13.8703 11.1339 13.315 11.0368 12.8209 10.8425C12.3262 10.6474 11.9074 10.3711 11.5642 10.0115C11.2212 9.65272 10.9556 9.22339 10.7694 8.72487C10.5822 8.22611 10.4893 7.67697 10.4893 7.07836C10.4893 6.50042 10.5852 5.96103 10.7769 5.46227C10.9685 4.96306 11.2416 4.5321 11.5942 4.16755C11.948 3.80369 12.3693 3.51693 12.8587 3.30772C13.3483 3.09758 13.8902 2.9931 14.4861 2.9931C15.1519 2.9931 15.7323 3.12034 16.2271 3.37436C16.7214 3.62908 17.1282 3.97064 17.4456 4.39975C17.7637 4.82885 17.9936 5.31785 18.1349 5.86653C18.2754 6.41498 18.3261 6.98897 18.2857 7.58734H12.6393C12.6694 8.2758 12.8456 8.77478 13.1691 9.08383ZM15.5991 5.0132C15.3415 4.73433 14.9499 4.59432 14.4254 4.59432C14.0824 4.59432 13.7969 4.65191 13.5703 4.76637C13.3429 4.88108 13.1613 5.02296 13.025 5.19246C12.889 5.36265 12.7928 5.54214 12.7372 5.73208C12.6816 5.92156 12.649 6.09059 12.6394 6.24036H16.1365C16.0357 5.7012 15.856 5.29253 15.5991 5.0132Z" fill="currentColor" /> <path d="M21.299 3.20272V4.63979H21.3292C21.4301 4.39993 21.5661 4.17795 21.7377 3.97316C21.9094 3.76928 22.1062 3.59422 22.3281 3.44932C22.5503 3.30536 22.7877 3.19252 23.0406 3.11241C23.2926 3.03276 23.5549 2.99353 23.8275 2.99353C23.9689 2.99353 24.1245 3.01837 24.2971 3.06806V5.04312C24.1951 5.02315 24.0747 5.0062 23.9328 4.99088C23.7918 4.97624 23.655 4.96859 23.5244 4.96859C23.1305 4.96859 22.798 5.03359 22.5254 5.16317C22.2524 5.29249 22.0332 5.46966 21.8667 5.69396C21.7003 5.91873 21.5814 6.18064 21.511 6.47994C21.4402 6.77902 21.4052 7.10363 21.4052 7.45238V10.9397H19.2549V3.20272H21.299Z" fill="currentColor" /> <path d="M30.05 3.20256V4.62384H28.4746V8.45485C28.4746 8.81498 28.5356 9.05391 28.6572 9.17372C28.7782 9.2933 29.0206 9.35345 29.383 9.35345C29.5041 9.35345 29.6207 9.34833 29.7312 9.33812C29.8419 9.32837 29.9482 9.31351 30.05 9.2933V10.9396C29.8684 10.9698 29.6655 10.9893 29.4435 10.999C29.2221 11.009 29.0051 11.0143 28.7928 11.0143C28.4601 11.0143 28.1439 10.9921 27.8464 10.947C27.5487 10.9022 27.2871 10.8153 27.0598 10.6853C26.8324 10.5553 26.6534 10.3709 26.5218 10.1313C26.3902 9.89191 26.3257 9.57751 26.3257 9.18905V4.62384H25.0234V3.20256H26.3257V0.88269H28.4746V3.20256H30.05Z" fill="currentColor" /> <path d="M31.3018 0.254272H33.4519V2.00549H31.3018V0.254272ZM33.4519 10.9397H31.3018V3.2027H33.4519V10.9397Z" fill="currentColor" /> <path d="M34.3037 4.6242V3.2027H35.5907V2.60386C35.5907 1.91587 35.8075 1.35186 36.2417 0.913476C36.6753 0.474153 37.3322 0.254272 38.21 0.254272C38.4012 0.254272 38.5936 0.261926 38.7855 0.277018C38.9762 0.292111 39.1634 0.304882 39.3448 0.314404V1.901C39.0926 1.87059 38.8301 1.85572 38.5577 1.85572C38.2654 1.85572 38.0554 1.92306 37.9299 2.05773C37.8037 2.19241 37.7408 2.41927 37.7408 2.73876V3.2027H39.2235V4.6242H37.7408V10.9397H35.5907V4.6242H34.3037Z" fill="currentColor" /> <path d="M40.6812 0.254272H42.8313V2.00549H40.6812V0.254272ZM42.8313 10.9397H40.6812V3.2027H42.8313V10.9397Z" fill="currentColor" /> <path d="M46.2218 9.08383C46.5451 9.39288 47.0096 9.54753 47.6142 9.54753C48.0487 9.54753 48.4219 9.44026 48.7351 9.22571C49.0481 9.01162 49.24 8.7843 49.3101 8.54468H51.2022C50.9002 9.473 50.4352 10.1366 49.8107 10.5355C49.1832 10.9344 48.4271 11.1339 47.5391 11.1339C46.9226 11.1339 46.3678 11.0368 45.8737 10.8425C45.3791 10.6474 44.9597 10.3711 44.6172 10.0115C44.2737 9.65272 44.0088 9.22339 43.8221 8.72487C43.6358 8.22611 43.542 7.67697 43.542 7.07836C43.542 6.50042 43.6386 5.96103 43.8299 5.46227C44.0218 4.96306 44.2936 4.5321 44.6477 4.16755C45.0005 3.80369 45.4218 3.51693 45.9112 3.30772C46.4008 3.09758 46.9432 2.9931 47.5391 2.9931C48.2049 2.9931 48.7858 3.12034 49.2803 3.37436C49.7746 3.62908 50.1809 3.97064 50.4991 4.39975C50.8167 4.82885 51.0461 5.31785 51.1867 5.86653C51.3288 6.41498 51.3788 6.98897 51.3392 7.58734H45.6923C45.7224 8.2758 45.899 8.77478 46.2218 9.08383ZM48.6514 5.0132C48.3945 4.73433 48.0027 4.59432 47.4786 4.59432C47.1349 4.59432 46.8508 4.65191 46.6232 4.76637C46.3957 4.88108 46.2146 5.02296 46.078 5.19246C45.9417 5.36265 45.8458 5.54214 45.7899 5.73208C45.7353 5.92156 45.7024 6.09059 45.6923 6.24036H49.1886C49.0891 5.7012 48.9096 5.29253 48.6514 5.0132Z" fill="currentColor" /> <path d="M57.8645 9.95165C57.6114 10.3708 57.2811 10.6731 56.8722 10.857C56.4639 11.0416 56.0025 11.134 55.4873 11.134C54.9013 11.134 54.3873 11.0221 53.9436 10.7971C53.4993 10.573 53.1329 10.2688 52.8455 9.88455C52.5574 9.50072 52.3401 9.05931 52.1942 8.56033C52.0481 8.06157 51.9756 7.54261 51.9756 7.00392C51.9756 6.48519 52.0481 5.98365 52.1942 5.49976C52.3401 5.01562 52.5574 4.58954 52.8455 4.21989C53.1329 3.85139 53.4942 3.55418 53.9279 3.32965C54.3617 3.10512 54.8663 2.99319 55.4425 2.99319C55.9063 2.99319 56.3481 3.08979 56.7659 3.28459C57.1854 3.47918 57.5157 3.76594 57.7585 4.14535H57.7883V0.253967H59.9381V10.9394H57.8945V9.95165H57.8645ZM57.773 6.12784C57.713 5.83365 57.609 5.57451 57.4631 5.34952C57.3167 5.12546 57.1274 4.94364 56.8951 4.80364C56.6629 4.66362 56.3706 4.59396 56.0175 4.59396C55.6642 4.59396 55.366 4.66362 55.1242 4.80364C54.8818 4.94364 54.6869 5.12754 54.5405 5.35766C54.3946 5.5873 54.289 5.84898 54.2235 6.14293C54.1571 6.43736 54.1257 6.74433 54.1257 7.0636C54.1257 7.36221 54.1602 7.66198 54.2305 7.96128C54.3014 8.26081 54.4152 8.52784 54.5712 8.76212C54.7282 8.99686 54.9243 9.18588 55.1624 9.33053C55.3991 9.47588 55.6849 9.54741 56.0175 9.54741C56.3706 9.54741 56.6659 9.47845 56.9031 9.3382C57.1398 9.19818 57.3296 9.01149 57.4711 8.77674C57.6114 8.54269 57.713 8.27566 57.773 7.9766C57.834 7.67707 57.8645 7.36778 57.8645 7.04873C57.8645 6.72969 57.834 6.4225 57.773 6.12784Z" fill="currentColor" /> <path d="M5.40543 93.0869C5.29726 92.3386 4.57281 91.7694 3.74092 91.7694C2.23855 91.7694 1.6727 93.0349 1.6727 94.3524C1.6727 95.6051 2.23855 96.8701 3.74092 96.8701C4.76354 96.8701 5.34231 96.1747 5.46734 95.1837H7.09079C6.91905 97.0603 5.60764 98.261 3.74092 98.261C1.38578 98.261 0 96.522 0 94.3524C0 92.1175 1.38578 90.3784 3.74092 90.3784C5.41528 90.3784 6.82171 91.3485 7.02532 93.0869H5.40543Z" fill="currentColor" /> <path d="M10.5847 92.4868C12.3229 92.4868 13.4419 93.6234 13.4419 95.3633C13.4419 97.0917 12.3229 98.2297 10.5847 98.2297C8.85759 98.2297 7.73877 97.0917 7.73877 95.3633C7.73877 93.6234 8.85759 92.4868 10.5847 92.4868ZM10.5847 97.1017C11.6186 97.1017 11.9276 96.2266 11.9276 95.3633C11.9276 94.4893 11.6186 93.6144 10.5847 93.6144C9.56162 93.6144 9.25056 94.4893 9.25056 95.3633C9.25056 96.2266 9.56162 97.1017 10.5847 97.1017Z" fill="currentColor" /> <path d="M14.376 92.6246H15.8134V93.6358H15.8359C16.1115 92.9515 16.8587 92.4776 17.5956 92.4776C17.7021 92.4776 17.8288 92.4978 17.9266 92.5292V93.9202C17.7856 93.8887 17.5632 93.8689 17.3824 93.8689C16.2725 93.8689 15.8877 94.6593 15.8877 95.6174V98.0731H14.376V92.6246Z" fill="currentColor" /> <path d="M18.5176 92.6341H19.9575V93.3291H19.9782C20.3399 92.7502 20.9365 92.4874 21.6185 92.4874C23.3473 92.4874 24.1236 93.8671 24.1236 95.4154C24.1236 96.8703 23.3151 98.2298 21.7044 98.2298C21.0437 98.2298 20.4155 97.9451 20.053 97.4076H20.0305V100H18.5176L18.5176 92.6341ZM22.6104 95.3747C22.6104 94.5086 22.2583 93.6144 21.2887 93.6144C20.2975 93.6144 19.9782 94.4891 19.9782 95.3747C19.9782 96.2589 20.3188 97.1018 21.2997 97.1018C22.2923 97.1018 22.6104 96.2589 22.6104 95.3747Z" fill="currentColor" /> <path d="M27.4461 92.4868C29.1845 92.4868 30.3056 93.6234 30.3056 95.3633C30.3056 97.0917 29.1845 98.2297 27.4461 98.2297C25.7199 98.2297 24.6011 97.0917 24.6011 95.3633C24.6011 93.6234 25.7199 92.4868 27.4461 92.4868ZM27.4461 97.1017C28.4804 97.1017 28.7903 96.2266 28.7903 95.3633C28.7903 94.4893 28.4804 93.6144 27.4461 93.6144C26.4242 93.6144 26.114 94.4893 26.114 95.3633C26.114 96.2266 26.4242 97.1017 27.4461 97.1017Z" fill="currentColor" /> <path d="M31.2397 92.6246H32.6785V93.6358H32.7015C32.9769 92.9515 33.7232 92.4776 34.4589 92.4776C34.5654 92.4776 34.6937 92.4978 34.7899 92.5292V93.9202C34.6513 93.8887 34.4268 93.8689 34.2461 93.8689C33.1374 93.8689 32.7534 94.6593 32.7534 95.6174V98.0731H31.2397V92.6246Z" fill="currentColor" /> <path d="M35.2346 94.3098C35.3214 92.9076 36.5889 92.4871 37.8257 92.4871C38.9232 92.4871 40.2466 92.7288 40.2466 94.0344V96.8702C40.2466 97.3664 40.2984 97.8606 40.4396 98.0825H38.9025C38.8507 97.9128 38.8061 97.7345 38.7944 97.5547C38.3165 98.0512 37.6132 98.2297 36.9411 98.2297C35.8964 98.2297 35.0654 97.714 35.0654 96.5955C35.0654 95.3635 36.005 95.0689 36.9411 94.9421C37.8691 94.8044 38.7334 94.8367 38.7334 94.2244C38.7334 93.583 38.2832 93.4876 37.7518 93.4876C37.1757 93.4876 36.8033 93.7189 36.7489 94.3098H35.2346ZM38.7334 95.4155C38.4756 95.6384 37.9437 95.6463 37.4741 95.7322C37.0051 95.8251 36.5784 95.9858 36.5784 96.5331C36.5784 97.0918 37.0161 97.2276 37.5071 97.2276C38.6886 97.2276 38.7334 96.3018 38.7334 95.9742V95.4155Z" fill="currentColor" /> <path d="M43.3035 92.6341H44.4129V93.6351H43.3035V96.3309C43.3035 96.8387 43.4325 96.9648 43.9428 96.9648C44.103 96.9648 44.253 96.9541 44.4129 96.9237V98.093C44.1558 98.1353 43.8246 98.1457 43.5266 98.1457C42.6016 98.1457 41.7911 97.9335 41.7911 96.8489V93.6351H40.873V92.6341H41.7911V90.9999H43.3035V92.6341Z" fill="currentColor" /> <path d="M47.0688 91.7906H45.5549V90.5572H47.0688V91.7906ZM45.5547 92.634H47.0686V98.0824H45.5547V92.634Z" fill="currentColor" /> <path d="M50.9298 92.4868C52.6686 92.4868 53.7898 93.6234 53.7898 95.3633C53.7898 97.0917 52.6686 98.2297 50.9298 98.2297C49.2045 98.2297 48.0859 97.0917 48.0859 95.3633C48.0859 93.6234 49.2045 92.4868 50.9298 92.4868ZM50.9298 97.1017C51.966 97.1017 52.2743 96.2266 52.2743 95.3633C52.2743 94.4893 51.966 93.6144 50.9298 93.6144C49.9072 93.6144 49.5977 94.4893 49.5977 95.3633C49.5977 96.2266 49.9072 97.1017 50.9298 97.1017Z" fill="currentColor" /> <path d="M54.7681 92.6342H56.2076V93.3932H56.239C56.623 92.7814 57.2837 92.4872 57.9244 92.4872C59.5337 92.4872 59.9382 93.3823 59.9382 94.7314V98.0827H58.425V95.0047C58.425 94.1095 58.1573 93.6656 57.4556 93.6656C56.6331 93.6656 56.2817 94.1198 56.2817 95.2271V98.0827H54.7681V92.6342Z" fill="currentColor" /> </g> </svg> </span> </div> <div class="section-content"> <nav class="navigation-links" aria-label="Footer navigation" data-ref="main-links-nav"> <ul> <li> <a data-component="footer-link" data-ref="main-link" data-size="large" data-en-label="What We Do" href="/what-we-do"> <span data-ref="dot" class="dot"></span> <span data-ref="link-body-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium link-label">What We Do</span> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="icon" aria-hidden="false" class="icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </a> </li> <li> <a data-component="footer-link" data-ref="main-link" data-size="large" data-en-label="Work" href="/work-inventory"> <span data-ref="dot" class="dot"></span> <span data-ref="link-body-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium link-label">Work</span> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="icon" aria-hidden="false" class="icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </a> </li> <li> <a data-component="footer-link" data-ref="main-link" data-size="large" data-en-label="Careers" href="/careers" class="is-current"> <span data-ref="dot" class="dot"></span> <span data-ref="link-body-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium link-label">Careers</span> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="icon" aria-hidden="false" class="icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </a> </li> <li> <a data-component="footer-link" data-ref="main-link" data-size="large" data-en-label="Thinking" href="/thinking"> <span data-ref="dot" class="dot"></span> <span data-ref="link-body-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium link-label">Thinking</span> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="icon" aria-hidden="false" class="icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </a> </li> <li> <a data-component="footer-link" data-ref="main-link" data-size="large" data-en-label="Connect" href="/connect"> <span data-ref="dot" class="dot"></span> <span data-ref="link-body-label" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium link-label">Connect</span> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="icon" aria-hidden="false" class="icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </a> </li> </ul> </nav> </div> <div class="section-content"> <div class="navigation-links" data-ref="legal-links-nav"> <ul> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="An S4 Capital Company" data-en-label="An S4 Capital Company" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="https://www.s4capital.com/" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="An S4 Capital Company" class="body-label sans-serif-medium button-label-text">An S4 Capital Company</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Sustainability" data-en-label="Sustainability" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/esg" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Sustainability" class="body-label sans-serif-medium button-label-text">Sustainability</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Privacy Notice" data-en-label="Privacy Notice" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/privacy-notice" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Privacy Notice" class="body-label sans-serif-medium button-label-text">Privacy Notice</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Information Security & Compliance" data-en-label="Information Security & Compliance" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/information-security-and-compliance" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Information Security & Compliance" class="body-label sans-serif-medium button-label-text">Information Security & Compliance</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Ethical Marketing Policy" data-en-label="Ethical Marketing Policy" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/ethical-marketing-policy" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Ethical Marketing Policy" class="body-label sans-serif-medium button-label-text">Ethical Marketing Policy</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Modern Slavery Statement" data-en-label="Modern Slavery Statement" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/modern-slavery-statement" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Modern Slavery Statement" class="body-label sans-serif-medium button-label-text">Modern Slavery Statement</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Code of Conduct" data-en-label="Code of Conduct" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/code-conduct" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Code of Conduct" class="body-label sans-serif-medium button-label-text">Code of Conduct</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Anti-Hate Statement" data-en-label="Anti-Hate Statement" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/anti-hate-statement" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Anti-Hate Statement" class="body-label sans-serif-medium button-label-text">Anti-Hate Statement</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Speak Up Policy" data-en-label="Speak Up Policy" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/speak-policy" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Speak Up Policy" class="body-label sans-serif-medium button-label-text">Speak Up Policy</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Accessibility Statement" data-en-label="Accessibility Statement" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/accessibility-statement" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Accessibility Statement" class="body-label sans-serif-medium button-label-text">Accessibility Statement</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Armed Forces Covenant" data-en-label="Armed Forces Covenant" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/armed-forces-covenant" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Armed Forces Covenant" class="body-label sans-serif-medium button-label-text">Armed Forces Covenant</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> <li> <a data-component="cf-m1-button" data-ref="legal-link" data-label="Land Acknowledgement" data-en-label="Land Acknowledgement" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" href="/land-acknowledgement" target="_self" rel="noopener" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Land Acknowledgement" class="body-label sans-serif-medium button-label-text">Land Acknowledgement</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </a> </li> </ul> </div> </div> </div> <div class="footer-section grid-row bottom-row"> <div class="section-content"> <dl data-component="o12-social-list" data-ref="social-list" class="social-list"> <dt> <span data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif">Follow Us</span> </dt> <dd> <a data-component="cf-m1-button" data-icon="instagram" data-responsive-behaviour="default" data-hover-behaviour="move-icon" data-enable-transition-in="false" data-enable-load-more-transition="false" aria-label="Our Instagram page." href="https://www.instagram.com/madebymonks/?igsh=MzRlODBiNWFlZA%3D%3D" target="_blank" rel="noopener" class="is-outlined is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="instagram" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M38 27H32C29.239 27 27 29.239 27 32V38C27 40.761 29.239 43 32 43H38C40.761 43 43 40.761 43 38V32C43 29.239 40.761 27 38 27ZM41.5 38C41.5 39.93 39.93 41.5 38 41.5H32C30.07 41.5 28.5 39.93 28.5 38V32C28.5 30.07 30.07 28.5 32 28.5H38C39.93 28.5 41.5 30.07 41.5 32V38Z"/> <path d="M35 31C32.791 31 31 32.791 31 35C31 37.209 32.791 39 35 39C37.209 39 39 37.209 39 35C39 32.791 37.209 31 35 31ZM35 37.5C33.622 37.5 32.5 36.378 32.5 35C32.5 33.621 33.622 32.5 35 32.5C36.378 32.5 37.5 33.621 37.5 35C37.5 36.378 36.378 37.5 35 37.5Z"/> <path d="M39.0005 31.8C39.4423 31.8 39.8005 31.4418 39.8005 31C39.8005 30.5581 39.4423 30.2 39.0005 30.2C38.5586 30.2 38.2005 30.5581 38.2005 31C38.2005 31.4418 38.5586 31.8 39.0005 31.8Z"/> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="instagram" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M38 27H32C29.239 27 27 29.239 27 32V38C27 40.761 29.239 43 32 43H38C40.761 43 43 40.761 43 38V32C43 29.239 40.761 27 38 27ZM41.5 38C41.5 39.93 39.93 41.5 38 41.5H32C30.07 41.5 28.5 39.93 28.5 38V32C28.5 30.07 30.07 28.5 32 28.5H38C39.93 28.5 41.5 30.07 41.5 32V38Z"/> <path d="M35 31C32.791 31 31 32.791 31 35C31 37.209 32.791 39 35 39C37.209 39 39 37.209 39 35C39 32.791 37.209 31 35 31ZM35 37.5C33.622 37.5 32.5 36.378 32.5 35C32.5 33.621 33.622 32.5 35 32.5C36.378 32.5 37.5 33.621 37.5 35C37.5 36.378 36.378 37.5 35 37.5Z"/> <path d="M39.0005 31.8C39.4423 31.8 39.8005 31.4418 39.8005 31C39.8005 30.5581 39.4423 30.2 39.0005 30.2C38.5586 30.2 38.2005 30.5581 38.2005 31C38.2005 31.4418 38.5586 31.8 39.0005 31.8Z"/> </svg> </span> </span> </a> </dd> <dd> <a data-component="cf-m1-button" data-icon="linkedin" data-responsive-behaviour="default" data-hover-behaviour="move-icon" data-enable-transition-in="false" data-enable-load-more-transition="false" aria-label="Our Linkedin page." href="http://www.linkedin.com/company/monks" target="_blank" rel="noopener" class="is-outlined is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="linkedin" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M32.7143 42.7692H36.0964V37.3504C36.0964 36.2782 36.6535 35.2251 37.9268 35.2251C39.2796 35.2251 39.6179 36.0101 39.6179 36.9675V42.7692H43V36.3931C43 34.957 42.7215 32.5444 39.2796 32.5444C38.0461 32.5444 36.6734 33.1763 36.0368 34.1911H35.997V32.5444H32.7143V42.7692Z"/> <path d="M27 32.5444H30.4286V42.7692H27V32.5444Z"/> <path d="M30.4286 29.7041C30.4286 30.6453 29.6611 31.4083 28.7143 31.4083C27.7675 31.4083 27 30.6453 27 29.7041C27 28.763 27.7675 28 28.7143 28C29.6611 28 30.4286 28.763 30.4286 29.7041Z"/> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="linkedin" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M32.7143 42.7692H36.0964V37.3504C36.0964 36.2782 36.6535 35.2251 37.9268 35.2251C39.2796 35.2251 39.6179 36.0101 39.6179 36.9675V42.7692H43V36.3931C43 34.957 42.7215 32.5444 39.2796 32.5444C38.0461 32.5444 36.6734 33.1763 36.0368 34.1911H35.997V32.5444H32.7143V42.7692Z"/> <path d="M27 32.5444H30.4286V42.7692H27V32.5444Z"/> <path d="M30.4286 29.7041C30.4286 30.6453 29.6611 31.4083 28.7143 31.4083C27.7675 31.4083 27 30.6453 27 29.7041C27 28.763 27.7675 28 28.7143 28C29.6611 28 30.4286 28.763 30.4286 29.7041Z"/> </svg> </span> </span> </a> </dd> <dd> <a data-component="cf-m1-button" data-icon="twitter" data-responsive-behaviour="default" data-hover-behaviour="move-icon" data-enable-transition-in="false" data-enable-load-more-transition="false" aria-label="Our Twitter page." href="https://x.com/madebymonks_" target="_blank" rel="noopener" class="is-outlined is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="twitter" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M32.0317 41.8667C38.0694 41.8667 41.3718 36.5313 41.3718 31.9045C41.3718 31.7529 41.3718 31.6021 41.3622 31.4519C42.0047 30.9562 42.5593 30.3425 43 29.6395C42.4009 29.9227 41.7653 30.1084 41.1146 30.1904C41.7998 29.7528 42.3127 29.0646 42.5578 28.2538C41.9134 28.6616 41.2084 28.9491 40.4733 29.1037C39.9783 28.5423 39.3237 28.1706 38.6108 28.0461C37.8978 27.9215 37.1663 28.0511 36.5293 28.4147C35.8923 28.7783 35.3855 29.3556 35.0872 30.0575C34.7888 30.7593 34.7157 31.5464 34.879 32.297C33.5739 32.2272 32.2971 31.8654 31.1316 31.2352C29.9661 30.605 28.9378 29.7204 28.1136 28.6388C27.6938 29.4096 27.5652 30.3221 27.7541 31.1904C27.9429 32.0588 28.4349 32.8177 29.1299 33.3127C28.6075 33.2962 28.0965 33.1459 27.64 32.8745C27.64 32.8888 27.64 32.9038 27.64 32.9188C27.6402 33.7272 27.9026 34.5106 28.3826 35.1362C28.8626 35.7618 29.5307 36.191 30.2736 36.3511C29.7903 36.4917 29.2833 36.5122 28.7914 36.4111C29.0011 37.1069 29.4095 37.7152 29.9594 38.1512C30.5093 38.5872 31.1732 38.8289 31.8582 38.8426C30.6958 39.817 29.2599 40.346 27.7814 40.3444C27.5203 40.3439 27.2593 40.327 27 40.2939C28.5012 41.3214 30.2479 41.8665 32.0317 41.8639"/> </svg> </span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="twitter" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M32.0317 41.8667C38.0694 41.8667 41.3718 36.5313 41.3718 31.9045C41.3718 31.7529 41.3718 31.6021 41.3622 31.4519C42.0047 30.9562 42.5593 30.3425 43 29.6395C42.4009 29.9227 41.7653 30.1084 41.1146 30.1904C41.7998 29.7528 42.3127 29.0646 42.5578 28.2538C41.9134 28.6616 41.2084 28.9491 40.4733 29.1037C39.9783 28.5423 39.3237 28.1706 38.6108 28.0461C37.8978 27.9215 37.1663 28.0511 36.5293 28.4147C35.8923 28.7783 35.3855 29.3556 35.0872 30.0575C34.7888 30.7593 34.7157 31.5464 34.879 32.297C33.5739 32.2272 32.2971 31.8654 31.1316 31.2352C29.9661 30.605 28.9378 29.7204 28.1136 28.6388C27.6938 29.4096 27.5652 30.3221 27.7541 31.1904C27.9429 32.0588 28.4349 32.8177 29.1299 33.3127C28.6075 33.2962 28.0965 33.1459 27.64 32.8745C27.64 32.8888 27.64 32.9038 27.64 32.9188C27.6402 33.7272 27.9026 34.5106 28.3826 35.1362C28.8626 35.7618 29.5307 36.191 30.2736 36.3511C29.7903 36.4917 29.2833 36.5122 28.7914 36.4111C29.0011 37.1069 29.4095 37.7152 29.9594 38.1512C30.5093 38.5872 31.1732 38.8289 31.8582 38.8426C30.6958 39.817 29.2599 40.346 27.7814 40.3444C27.5203 40.3439 27.2593 40.327 27 40.2939C28.5012 41.3214 30.2479 41.8665 32.0317 41.8639"/> </svg> </span> </span> </a> </dd> </dl> </div> <div class="section-content newsletter-container"> <button data-component="cf-m1-button" data-ref="newsletter-link" data-label="Newsletter" data-en-label="Newsletter" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" value="c50-overlay-component-1" type="button" class="is-themed size-small"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Newsletter" class="body-label sans-serif-medium button-label-text">Newsletter</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </button> </div> <div class="section-content copyright-section reversed no-border"> <span data-component="cf-a2-icon" data-name="b-corp-logo" aria-hidden="false" class="b-corp-logo"><svg viewBox="0 0 60 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_32278_25575)"> <path d="M17.5156 28.8329H29.9145C32.9321 28.8329 36.9056 28.8329 38.9642 30.0631C41.2145 31.3883 42.9843 33.8019 42.9843 37.1156C42.9843 40.7114 41.0714 43.4088 37.9111 44.6857V44.7811C42.1257 45.6321 44.4217 48.7563 44.4217 52.9217C44.4217 57.8888 40.8304 62.6224 34.0331 62.6224H17.5156L17.5156 28.8329ZM22.0613 43.3615H31.1621C36.3306 43.3615 38.4394 41.516 38.4394 37.9657C38.4394 33.2802 35.0893 32.6189 31.1621 32.6189H22.0613V43.3615ZM22.0613 58.836H33.4591C37.3837 58.836 39.8747 56.4701 39.8747 52.7796C39.8747 48.3776 36.2836 47.1472 32.4517 47.1472H22.0613L22.0613 58.836Z" fill="currentColor" /> <path d="M56.0504 45.7418C56.0504 59.9373 44.4107 71.4445 30.0468 71.4445C15.6886 71.4445 4.04818 59.9373 4.04818 45.7418C4.04818 31.5481 15.6886 20.043 30.0468 20.043C44.4107 20.043 56.0504 31.5481 56.0504 45.7418ZM30.0468 16.1228C13.5084 16.1228 0.0996094 29.3773 0.0996094 45.7276C0.0996094 62.0768 13.5084 75.3322 30.0468 75.3322C46.5906 75.3322 59.9999 62.0768 59.9999 45.7276C59.9999 29.3773 46.5906 16.1228 30.0468 16.1228Z" fill="currentColor" /> <path d="M59.938 81.5765H0.161621V85.4607H59.938V81.5765Z" fill="currentColor" /> <path d="M58.0685 77.301C58.1421 77.301 58.2116 77.2972 58.2773 77.2935C58.3378 77.2903 58.4002 77.2763 58.4495 77.2548C58.5028 77.229 58.5431 77.196 58.5722 77.1524C58.6034 77.1043 58.6151 77.0441 58.6151 76.9601C58.6151 76.8911 58.6034 76.8335 58.5755 76.7971C58.5492 76.7532 58.5128 76.7242 58.4699 76.7033C58.426 76.6782 58.3808 76.6638 58.3233 76.6536C58.2677 76.6506 58.2149 76.6445 58.1584 76.6445H57.7293V77.301H58.0685ZM58.2116 76.3847C58.4605 76.3847 58.6423 76.4337 58.7618 76.5291C58.8821 76.6297 58.944 76.7753 58.944 76.9738C58.944 77.1612 58.888 77.2935 58.7864 77.3839C58.6778 77.4686 58.5492 77.5204 58.3899 77.538L58.9876 78.4448H58.6423L58.0716 77.5573H57.7293V78.4448H57.4011V76.3847H58.2116ZM56.7421 78.0068C56.812 78.1937 56.915 78.3542 57.0499 78.4893C57.1791 78.6235 57.3359 78.7308 57.5179 78.8086C57.6943 78.8848 57.8925 78.9194 58.0978 78.9194C58.3082 78.9194 58.5028 78.8848 58.6778 78.8086C58.8556 78.7308 59.0106 78.6235 59.1462 78.4893C59.2739 78.3542 59.3794 78.1937 59.4522 78.0068C59.5291 77.8253 59.5676 77.6242 59.5676 77.4122C59.5676 77.196 59.5291 77.0033 59.4522 76.8198C59.3794 76.635 59.2739 76.4783 59.1462 76.3431C59.0106 76.211 58.8556 76.1061 58.6778 76.0283C58.5028 75.9542 58.3082 75.9127 58.0978 75.9127C57.8925 75.9127 57.6943 75.9542 57.5179 76.0283C57.3359 76.1061 57.1791 76.211 57.0499 76.3431C56.915 76.4783 56.812 76.635 56.7421 76.8198C56.6654 77.0033 56.6288 77.196 56.6288 77.4122C56.6288 77.6242 56.6654 77.8253 56.7421 78.0068ZM56.4462 76.7123C56.5422 76.4999 56.6719 76.3199 56.8338 76.1576C56.9968 75.9988 57.1892 75.8808 57.4076 75.7887C57.6237 75.6974 57.8588 75.6563 58.0978 75.6563C58.3467 75.6563 58.5771 75.6974 58.7979 75.7887C59.0106 75.8808 59.1988 75.9988 59.359 76.1576C59.5207 76.3199 59.6549 76.4999 59.7463 76.7123C59.8456 76.9276 59.8904 77.1612 59.8904 77.4122C59.8904 77.666 59.8456 77.8986 59.7463 78.1111C59.6549 78.3296 59.5207 78.5142 59.359 78.673C59.1988 78.8362 59.0106 78.9551 58.7979 79.0461C58.5771 79.1334 58.3467 79.1766 58.0978 79.1766C57.8588 79.1766 57.6237 79.1334 57.4076 79.0461C57.1892 78.9551 56.9968 78.8362 56.8338 78.673C56.6719 78.5142 56.5422 78.3296 56.4462 78.1111C56.3463 77.8986 56.3066 77.666 56.3066 77.4122C56.3066 77.1612 56.3463 76.9276 56.4462 76.7123Z" fill="currentColor" /> <path d="M7.40595 3.1051C7.26377 2.88057 7.08759 2.68368 6.87575 2.51416C6.6632 2.3442 6.42414 2.21254 6.15646 2.11712C5.88829 2.02284 5.60913 1.97524 5.31634 1.97524C4.78148 1.97524 4.32682 2.07741 3.95356 2.28221C3.58033 2.487 3.27719 2.76123 3.0452 3.1051C2.81295 3.44923 2.64401 3.84093 2.53774 4.27979C2.43172 4.71934 2.3794 5.17328 2.3794 5.64231C2.3794 6.09046 2.43172 6.52744 2.53774 6.95098C2.64401 7.37543 2.81295 7.75739 3.0452 8.0964C3.27719 8.43541 3.58033 8.70708 3.95356 8.91188C4.32682 9.1162 4.78148 9.21814 5.31634 9.21814C6.04314 9.21814 6.61088 8.99918 7.01909 8.56032C7.428 8.12101 7.67761 7.54283 7.76862 6.82466H10.0701C10.0095 7.49245 9.85305 8.0964 9.6011 8.63463C9.3482 9.17379 9.01482 9.63307 8.6017 10.0113C8.18762 10.391 7.70342 10.6803 7.14787 10.8797C6.59305 11.079 5.98215 11.1793 5.31635 11.1793C4.48823 11.1793 3.74382 11.0369 3.08321 10.7523C2.4221 10.4683 1.86375 10.0766 1.41028 9.57757C0.956539 9.07882 0.607703 8.49299 0.3656 7.81939C0.122777 7.14625 0.00195312 6.42017 0.00195312 5.64231C0.00195312 4.84379 0.122777 4.10286 0.365595 3.41904C0.607698 2.73569 0.956535 2.13986 1.41027 1.63135C1.86375 1.12215 2.4221 0.72347 3.0832 0.433691C3.74382 0.144593 4.48822 -6.10352e-05 5.31634 -6.10352e-05C5.91152 -6.10352e-05 6.4748 0.0849298 7.00408 0.254201C7.53402 0.4237 8.0084 0.670989 8.42737 0.995362C8.84591 1.31952 9.19194 1.72098 9.46409 2.19977C9.73692 2.67856 9.90817 3.2277 9.97902 3.8458H7.67761C7.63749 3.57669 7.54671 3.32964 7.40595 3.1051Z" fill="currentColor" /> <path d="M13.1691 9.08383C13.4919 9.39288 13.9564 9.54753 14.5619 9.54753C14.9959 9.54753 15.3694 9.44026 15.6824 9.22571C15.9946 9.01162 16.1867 8.7843 16.2576 8.54468H18.1504C17.847 9.473 17.3827 10.1366 16.7571 10.5355C16.1309 10.9344 15.3743 11.1339 14.4861 11.1339C13.8703 11.1339 13.315 11.0368 12.8209 10.8425C12.3262 10.6474 11.9074 10.3711 11.5642 10.0115C11.2212 9.65272 10.9556 9.22339 10.7694 8.72487C10.5822 8.22611 10.4893 7.67697 10.4893 7.07836C10.4893 6.50042 10.5852 5.96103 10.7769 5.46227C10.9685 4.96306 11.2416 4.5321 11.5942 4.16755C11.948 3.80369 12.3693 3.51693 12.8587 3.30772C13.3483 3.09758 13.8902 2.9931 14.4861 2.9931C15.1519 2.9931 15.7323 3.12034 16.2271 3.37436C16.7214 3.62908 17.1282 3.97064 17.4456 4.39975C17.7637 4.82885 17.9936 5.31785 18.1349 5.86653C18.2754 6.41498 18.3261 6.98897 18.2857 7.58734H12.6393C12.6694 8.2758 12.8456 8.77478 13.1691 9.08383ZM15.5991 5.0132C15.3415 4.73433 14.9499 4.59432 14.4254 4.59432C14.0824 4.59432 13.7969 4.65191 13.5703 4.76637C13.3429 4.88108 13.1613 5.02296 13.025 5.19246C12.889 5.36265 12.7928 5.54214 12.7372 5.73208C12.6816 5.92156 12.649 6.09059 12.6394 6.24036H16.1365C16.0357 5.7012 15.856 5.29253 15.5991 5.0132Z" fill="currentColor" /> <path d="M21.299 3.20272V4.63979H21.3292C21.4301 4.39993 21.5661 4.17795 21.7377 3.97316C21.9094 3.76928 22.1062 3.59422 22.3281 3.44932C22.5503 3.30536 22.7877 3.19252 23.0406 3.11241C23.2926 3.03276 23.5549 2.99353 23.8275 2.99353C23.9689 2.99353 24.1245 3.01837 24.2971 3.06806V5.04312C24.1951 5.02315 24.0747 5.0062 23.9328 4.99088C23.7918 4.97624 23.655 4.96859 23.5244 4.96859C23.1305 4.96859 22.798 5.03359 22.5254 5.16317C22.2524 5.29249 22.0332 5.46966 21.8667 5.69396C21.7003 5.91873 21.5814 6.18064 21.511 6.47994C21.4402 6.77902 21.4052 7.10363 21.4052 7.45238V10.9397H19.2549V3.20272H21.299Z" fill="currentColor" /> <path d="M30.05 3.20256V4.62384H28.4746V8.45485C28.4746 8.81498 28.5356 9.05391 28.6572 9.17372C28.7782 9.2933 29.0206 9.35345 29.383 9.35345C29.5041 9.35345 29.6207 9.34833 29.7312 9.33812C29.8419 9.32837 29.9482 9.31351 30.05 9.2933V10.9396C29.8684 10.9698 29.6655 10.9893 29.4435 10.999C29.2221 11.009 29.0051 11.0143 28.7928 11.0143C28.4601 11.0143 28.1439 10.9921 27.8464 10.947C27.5487 10.9022 27.2871 10.8153 27.0598 10.6853C26.8324 10.5553 26.6534 10.3709 26.5218 10.1313C26.3902 9.89191 26.3257 9.57751 26.3257 9.18905V4.62384H25.0234V3.20256H26.3257V0.88269H28.4746V3.20256H30.05Z" fill="currentColor" /> <path d="M31.3018 0.254272H33.4519V2.00549H31.3018V0.254272ZM33.4519 10.9397H31.3018V3.2027H33.4519V10.9397Z" fill="currentColor" /> <path d="M34.3037 4.6242V3.2027H35.5907V2.60386C35.5907 1.91587 35.8075 1.35186 36.2417 0.913476C36.6753 0.474153 37.3322 0.254272 38.21 0.254272C38.4012 0.254272 38.5936 0.261926 38.7855 0.277018C38.9762 0.292111 39.1634 0.304882 39.3448 0.314404V1.901C39.0926 1.87059 38.8301 1.85572 38.5577 1.85572C38.2654 1.85572 38.0554 1.92306 37.9299 2.05773C37.8037 2.19241 37.7408 2.41927 37.7408 2.73876V3.2027H39.2235V4.6242H37.7408V10.9397H35.5907V4.6242H34.3037Z" fill="currentColor" /> <path d="M40.6812 0.254272H42.8313V2.00549H40.6812V0.254272ZM42.8313 10.9397H40.6812V3.2027H42.8313V10.9397Z" fill="currentColor" /> <path d="M46.2218 9.08383C46.5451 9.39288 47.0096 9.54753 47.6142 9.54753C48.0487 9.54753 48.4219 9.44026 48.7351 9.22571C49.0481 9.01162 49.24 8.7843 49.3101 8.54468H51.2022C50.9002 9.473 50.4352 10.1366 49.8107 10.5355C49.1832 10.9344 48.4271 11.1339 47.5391 11.1339C46.9226 11.1339 46.3678 11.0368 45.8737 10.8425C45.3791 10.6474 44.9597 10.3711 44.6172 10.0115C44.2737 9.65272 44.0088 9.22339 43.8221 8.72487C43.6358 8.22611 43.542 7.67697 43.542 7.07836C43.542 6.50042 43.6386 5.96103 43.8299 5.46227C44.0218 4.96306 44.2936 4.5321 44.6477 4.16755C45.0005 3.80369 45.4218 3.51693 45.9112 3.30772C46.4008 3.09758 46.9432 2.9931 47.5391 2.9931C48.2049 2.9931 48.7858 3.12034 49.2803 3.37436C49.7746 3.62908 50.1809 3.97064 50.4991 4.39975C50.8167 4.82885 51.0461 5.31785 51.1867 5.86653C51.3288 6.41498 51.3788 6.98897 51.3392 7.58734H45.6923C45.7224 8.2758 45.899 8.77478 46.2218 9.08383ZM48.6514 5.0132C48.3945 4.73433 48.0027 4.59432 47.4786 4.59432C47.1349 4.59432 46.8508 4.65191 46.6232 4.76637C46.3957 4.88108 46.2146 5.02296 46.078 5.19246C45.9417 5.36265 45.8458 5.54214 45.7899 5.73208C45.7353 5.92156 45.7024 6.09059 45.6923 6.24036H49.1886C49.0891 5.7012 48.9096 5.29253 48.6514 5.0132Z" fill="currentColor" /> <path d="M57.8645 9.95165C57.6114 10.3708 57.2811 10.6731 56.8722 10.857C56.4639 11.0416 56.0025 11.134 55.4873 11.134C54.9013 11.134 54.3873 11.0221 53.9436 10.7971C53.4993 10.573 53.1329 10.2688 52.8455 9.88455C52.5574 9.50072 52.3401 9.05931 52.1942 8.56033C52.0481 8.06157 51.9756 7.54261 51.9756 7.00392C51.9756 6.48519 52.0481 5.98365 52.1942 5.49976C52.3401 5.01562 52.5574 4.58954 52.8455 4.21989C53.1329 3.85139 53.4942 3.55418 53.9279 3.32965C54.3617 3.10512 54.8663 2.99319 55.4425 2.99319C55.9063 2.99319 56.3481 3.08979 56.7659 3.28459C57.1854 3.47918 57.5157 3.76594 57.7585 4.14535H57.7883V0.253967H59.9381V10.9394H57.8945V9.95165H57.8645ZM57.773 6.12784C57.713 5.83365 57.609 5.57451 57.4631 5.34952C57.3167 5.12546 57.1274 4.94364 56.8951 4.80364C56.6629 4.66362 56.3706 4.59396 56.0175 4.59396C55.6642 4.59396 55.366 4.66362 55.1242 4.80364C54.8818 4.94364 54.6869 5.12754 54.5405 5.35766C54.3946 5.5873 54.289 5.84898 54.2235 6.14293C54.1571 6.43736 54.1257 6.74433 54.1257 7.0636C54.1257 7.36221 54.1602 7.66198 54.2305 7.96128C54.3014 8.26081 54.4152 8.52784 54.5712 8.76212C54.7282 8.99686 54.9243 9.18588 55.1624 9.33053C55.3991 9.47588 55.6849 9.54741 56.0175 9.54741C56.3706 9.54741 56.6659 9.47845 56.9031 9.3382C57.1398 9.19818 57.3296 9.01149 57.4711 8.77674C57.6114 8.54269 57.713 8.27566 57.773 7.9766C57.834 7.67707 57.8645 7.36778 57.8645 7.04873C57.8645 6.72969 57.834 6.4225 57.773 6.12784Z" fill="currentColor" /> <path d="M5.40543 93.0869C5.29726 92.3386 4.57281 91.7694 3.74092 91.7694C2.23855 91.7694 1.6727 93.0349 1.6727 94.3524C1.6727 95.6051 2.23855 96.8701 3.74092 96.8701C4.76354 96.8701 5.34231 96.1747 5.46734 95.1837H7.09079C6.91905 97.0603 5.60764 98.261 3.74092 98.261C1.38578 98.261 0 96.522 0 94.3524C0 92.1175 1.38578 90.3784 3.74092 90.3784C5.41528 90.3784 6.82171 91.3485 7.02532 93.0869H5.40543Z" fill="currentColor" /> <path d="M10.5847 92.4868C12.3229 92.4868 13.4419 93.6234 13.4419 95.3633C13.4419 97.0917 12.3229 98.2297 10.5847 98.2297C8.85759 98.2297 7.73877 97.0917 7.73877 95.3633C7.73877 93.6234 8.85759 92.4868 10.5847 92.4868ZM10.5847 97.1017C11.6186 97.1017 11.9276 96.2266 11.9276 95.3633C11.9276 94.4893 11.6186 93.6144 10.5847 93.6144C9.56162 93.6144 9.25056 94.4893 9.25056 95.3633C9.25056 96.2266 9.56162 97.1017 10.5847 97.1017Z" fill="currentColor" /> <path d="M14.376 92.6246H15.8134V93.6358H15.8359C16.1115 92.9515 16.8587 92.4776 17.5956 92.4776C17.7021 92.4776 17.8288 92.4978 17.9266 92.5292V93.9202C17.7856 93.8887 17.5632 93.8689 17.3824 93.8689C16.2725 93.8689 15.8877 94.6593 15.8877 95.6174V98.0731H14.376V92.6246Z" fill="currentColor" /> <path d="M18.5176 92.6341H19.9575V93.3291H19.9782C20.3399 92.7502 20.9365 92.4874 21.6185 92.4874C23.3473 92.4874 24.1236 93.8671 24.1236 95.4154C24.1236 96.8703 23.3151 98.2298 21.7044 98.2298C21.0437 98.2298 20.4155 97.9451 20.053 97.4076H20.0305V100H18.5176L18.5176 92.6341ZM22.6104 95.3747C22.6104 94.5086 22.2583 93.6144 21.2887 93.6144C20.2975 93.6144 19.9782 94.4891 19.9782 95.3747C19.9782 96.2589 20.3188 97.1018 21.2997 97.1018C22.2923 97.1018 22.6104 96.2589 22.6104 95.3747Z" fill="currentColor" /> <path d="M27.4461 92.4868C29.1845 92.4868 30.3056 93.6234 30.3056 95.3633C30.3056 97.0917 29.1845 98.2297 27.4461 98.2297C25.7199 98.2297 24.6011 97.0917 24.6011 95.3633C24.6011 93.6234 25.7199 92.4868 27.4461 92.4868ZM27.4461 97.1017C28.4804 97.1017 28.7903 96.2266 28.7903 95.3633C28.7903 94.4893 28.4804 93.6144 27.4461 93.6144C26.4242 93.6144 26.114 94.4893 26.114 95.3633C26.114 96.2266 26.4242 97.1017 27.4461 97.1017Z" fill="currentColor" /> <path d="M31.2397 92.6246H32.6785V93.6358H32.7015C32.9769 92.9515 33.7232 92.4776 34.4589 92.4776C34.5654 92.4776 34.6937 92.4978 34.7899 92.5292V93.9202C34.6513 93.8887 34.4268 93.8689 34.2461 93.8689C33.1374 93.8689 32.7534 94.6593 32.7534 95.6174V98.0731H31.2397V92.6246Z" fill="currentColor" /> <path d="M35.2346 94.3098C35.3214 92.9076 36.5889 92.4871 37.8257 92.4871C38.9232 92.4871 40.2466 92.7288 40.2466 94.0344V96.8702C40.2466 97.3664 40.2984 97.8606 40.4396 98.0825H38.9025C38.8507 97.9128 38.8061 97.7345 38.7944 97.5547C38.3165 98.0512 37.6132 98.2297 36.9411 98.2297C35.8964 98.2297 35.0654 97.714 35.0654 96.5955C35.0654 95.3635 36.005 95.0689 36.9411 94.9421C37.8691 94.8044 38.7334 94.8367 38.7334 94.2244C38.7334 93.583 38.2832 93.4876 37.7518 93.4876C37.1757 93.4876 36.8033 93.7189 36.7489 94.3098H35.2346ZM38.7334 95.4155C38.4756 95.6384 37.9437 95.6463 37.4741 95.7322C37.0051 95.8251 36.5784 95.9858 36.5784 96.5331C36.5784 97.0918 37.0161 97.2276 37.5071 97.2276C38.6886 97.2276 38.7334 96.3018 38.7334 95.9742V95.4155Z" fill="currentColor" /> <path d="M43.3035 92.6341H44.4129V93.6351H43.3035V96.3309C43.3035 96.8387 43.4325 96.9648 43.9428 96.9648C44.103 96.9648 44.253 96.9541 44.4129 96.9237V98.093C44.1558 98.1353 43.8246 98.1457 43.5266 98.1457C42.6016 98.1457 41.7911 97.9335 41.7911 96.8489V93.6351H40.873V92.6341H41.7911V90.9999H43.3035V92.6341Z" fill="currentColor" /> <path d="M47.0688 91.7906H45.5549V90.5572H47.0688V91.7906ZM45.5547 92.634H47.0686V98.0824H45.5547V92.634Z" fill="currentColor" /> <path d="M50.9298 92.4868C52.6686 92.4868 53.7898 93.6234 53.7898 95.3633C53.7898 97.0917 52.6686 98.2297 50.9298 98.2297C49.2045 98.2297 48.0859 97.0917 48.0859 95.3633C48.0859 93.6234 49.2045 92.4868 50.9298 92.4868ZM50.9298 97.1017C51.966 97.1017 52.2743 96.2266 52.2743 95.3633C52.2743 94.4893 51.966 93.6144 50.9298 93.6144C49.9072 93.6144 49.5977 94.4893 49.5977 95.3633C49.5977 96.2266 49.9072 97.1017 50.9298 97.1017Z" fill="currentColor" /> <path d="M54.7681 92.6342H56.2076V93.3932H56.239C56.623 92.7814 57.2837 92.4872 57.9244 92.4872C59.5337 92.4872 59.9382 93.3823 59.9382 94.7314V98.0827H58.425V95.0047C58.425 94.1095 58.1573 93.6656 57.4556 93.6656C56.6331 93.6656 56.2817 94.1198 56.2817 95.2271V98.0827H54.7681V92.6342Z" fill="currentColor" /> </g> </svg> </span> <div class="copyright-wrapper"> <p data-ref="copyright" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif copyright-copy">Copyright 2025</p> <div class="copyright-logo"> <span class="visually-hidden">Dot monks</span> <span data-component="cf-a2-icon" data-name="dot-monks-logo" aria-hidden="false" class="icon"></span> </div> </div> </div> </div> </footer> <section data-component="n3-multi-language" data-current-language-code="" data-variant="bottom"> <div class="fixed-wrapper" data-ref="fixed-wrapper"> <div class="intro-container" data-ref="intro-container"> <p data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium copy intro-copy">Choose your language</p> <div data-component="cl-m4-select" data-data-passed-on-change="value" class="select"> <div class="select-wrapper"> <label> <div class="custom-select"> <button data-ref="custom-select-button" class="select-button" type="button"> <span class="button-label-wrapper"> <span class="button-label" data-ref="custom-select-button-label"></span> </span> <span class="button-icon-wrapper" data-ref="button-icon-wrapper"> <span data-component="cf-a2-icon" data-name="down-chevron" data-ref="button-icon" aria-hidden="false" class="button-icon"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M43 32L35.1033 39.8967L27.2066 32"/> </svg> </span> </span> </button> <select data-ref="select-element" name="language" aria-label="Choose your language"> <option data-option-id="language-option-0"></option> <option data-option-id="language-option-" data-ref="select-element-option" value=""> English </option> <option data-option-id="language-option-es" data-ref="select-element-option" value="es"> Spanish </option> <option data-option-id="language-option-pt" data-ref="select-element-option" value="pt"> Portuguese, Brazil </option> <option data-option-id="language-option-zh-hans" data-ref="select-element-option" value="zh-hans"> Chinese, Simplified </option> </select> </div> </label> <div class="options-wrapper" data-ref="custom-select-options-wrapper"> <div class="options-header"> <p data-ref="custom-select-header" data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif-medium">Choose your language</p> <button class="options-close-button" data-ref="options-close-button" type="button"> <span data-component="cf-a2-icon" data-name="up-arrow" data-ref="custom-select-header-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M27.2065 33.8967L35.1032 26L42.9999 33.8967" vector-effect="non-scaling-stroke"/> <line x1="35.2778" y1="26" x2="35.2778" y2="43" vector-effect="non-scaling-stroke"/> </svg> </span> </button> </div> <div data-ref="scroll-container" class="scroll-container has-confirmation-cta"> <ul class="select-options" role="listbox"> <li class="select-option"> <button data-ref="custom-select-option" data-option-id="language-option-" class="custom-select-button has-indicator" type="button" value="" role="option" id="language-select-button-" data-label="English"> <span class="selected-option-indicator has-radio-icon"> </span> <div class="select-option-button-label-wrapper"> <span class="copy-01 select-option-button-label" >English</span > <span class="select-option-button-sub-label">Default Language</span> </div> </button> </li> <li class="select-option"> <button data-ref="custom-select-option" data-option-id="language-option-es" class="custom-select-button has-indicator" type="button" value="es" role="option" id="language-select-button-es" data-label="Spanish"> <span class="selected-option-indicator has-radio-icon"> </span> <div class="select-option-button-label-wrapper"> <span class="copy-01 select-option-button-label" >Spanish</span > <span class="select-option-button-sub-label">Partially artificial intelligence</span> </div> </button> </li> <li class="select-option"> <button data-ref="custom-select-option" data-option-id="language-option-pt" class="custom-select-button has-indicator" type="button" value="pt" role="option" id="language-select-button-pt" data-label="Portuguese, Brazil"> <span class="selected-option-indicator has-radio-icon"> </span> <div class="select-option-button-label-wrapper"> <span class="copy-01 select-option-button-label" >Portuguese, Brazil</span > <span class="select-option-button-sub-label">Partially artificial intelligence</span> </div> </button> </li> <li class="select-option"> <button data-ref="custom-select-option" data-option-id="language-option-zh-hans" class="custom-select-button has-indicator" type="button" value="zh-hans" role="option" id="language-select-button-zh-hans" data-label="Chinese, Simplified"> <span class="selected-option-indicator has-radio-icon"> </span> <div class="select-option-button-label-wrapper"> <span class="copy-01 select-option-button-label" >Chinese, Simplified</span > <span class="select-option-button-sub-label">Partially artificial intelligence</span> </div> </button> </li> </ul> </div> <div class="options-footer" data-ref="options-footer"> <button data-component="cf-m1-button" data-ref="confirmation-cta" data-label="Confirm" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" aria-label="Confirm your language preference" type="button" class="confirmation-cta is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Confirm" class="body-label sans-serif-medium button-label-text">Confirm</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </button> </div> </div> </div> <div data-component="a3-validation-hint" data-ref="input-error" data-is-active="false" class="input-error"> </div> </div> <button data-component="cf-m1-button" data-ref="confirm-cta" data-label="Confirm" data-icon="right-arrow" data-responsive-behaviour="default" data-hover-behaviour="default" data-enable-transition-in="false" data-enable-load-more-transition="false" aria-label="Confirm your language preference" type="button" class="confirm-cta is-themed size-medium"> <span data-ref="button-icon-hover-wrapper" class="button-icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon-hover" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> <span data-ref="button-label" class="button-label"> <span data-ref="button-label-background" class="abs-fill button-label-background" ></span> <span data-ref="button-label-text" data-component="cf-a5-text" data-allow-outlines="false" aria-label="Confirm" class="body-label sans-serif-medium button-label-text">Confirm</span> </span> <span data-ref="button-icon-wrapper" class="button-icon icon"> <span data-component="cf-a2-icon" data-name="right-arrow" data-ref="button-icon" aria-hidden="false"><svg viewBox="0 0 70 70" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M35.1033 27L43 34.8967L35.1033 42.7934" vector-effect="non-scaling-stroke"/> <line x1="43" y1="35.0714" x2="26" y2="35.0714" vector-effect="non-scaling-stroke"/> </svg> </span> </span> </button> </div> <div class="result-container" data-ref="result-container"> <p data-component="cf-a5-text" data-allow-outlines="false" class="body-m sans-serif copy result-copy">The website has been translated to English with the help of Humans and AI</p> <div class="close-cta-wrapper"> <p data-component="cf-a5-text" data-allow-outlines="false" class="body-label sans-serif copy">Dismiss</p> <button data-component="m23-progress-button" data-progress="0" aria-label="Close the language selector" class="close-cta size-default"> <svg class="progress" viewbox="0 0 100 100"> <circle r="48" cx="50" cy="50" class="total" data-ref="total"></circle> <circle r="48" cx="50" cy="50" class="progress" data-ref="progress"></circle> </svg> <span data-component="cf-a2-icon" data-name="cross" aria-hidden="false" class="icon"><svg viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor"> <path vector-effect="non-scaling-stroke" d="M40.6569 40.6569L29.3432 29.3432" /> <path vector-effect="non-scaling-stroke" d="M29.3431 40.6569L40.6568 29.3432" /> </svg> </span> </button> </div> </div> </div> </section> </div> <div data-component="m3-case-mousefollower"> <div data-ref="follower"> <span class="block" data-ref="block"></span> <span class="block" data-ref="block"></span> <span class="block" data-ref="block"></span> <span class="block" data-ref="block"></span> <span class="block" data-ref="block"></span> </div> </div> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/19158","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"statistics":{"data":{"nid":"19158"},"url":"\/core\/modules\/statistics\/statistics.php"},"user":{"uid":0,"permissionsHash":"328e939eae175bc5105205891a02dcb02ac2c652e320aac5bf9362142f0a45d9"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.2.2"></script> <script src="/core/misc/drupal.js?v=10.2.2"></script> <script src="/core/misc/drupal.init.js?v=10.2.2"></script> <script src="/themes/custom/monks/static/chunks/main.js?v=1.0.0"></script> <script src="/core/modules/statistics/statistics.js?v=10.2.2"></script> </body> </html>

CINXE.COM

Careers Search | Monks