CINXE.COM

LEAP HR: Searchlight - LEAP HR

<!doctype html> <html class="html page-template-default page page-id-1746" lang="en_US"> <head> <meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, minimal-ui"><meta name="format-detection" content="telephone=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script type="text/javascript"> var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); </script> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#c79e6b"><meta name="msapplication-TileColor" content="#1060F5"><meta name="theme-color" content="#ffffff"> <!-- This site is optimized with the Yoast SEO plugin v23.6 - https://yoast.com/wordpress/plugins/seo/ --> <title>LEAP HR: Searchlight - LEAP HR</title> <link rel="canonical" href="https://www.leap-hr.com/leap-searchlight/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="LEAP HR: Searchlight - LEAP HR" /> <meta property="og:url" content="https://www.leap-hr.com/leap-searchlight/" /> <meta property="og:site_name" content="LEAP HR" /> <meta property="article:modified_time" content="2024-02-21T13:58:51+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.leap-hr.com/leap-searchlight/","url":"https://www.leap-hr.com/leap-searchlight/","name":"LEAP HR: Searchlight - LEAP HR","isPartOf":{"@id":"https://www.leap-hr.com/#website"},"datePublished":"2023-02-03T14:04:43+00:00","dateModified":"2024-02-21T13:58:51+00:00","breadcrumb":{"@id":"https://www.leap-hr.com/leap-searchlight/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.leap-hr.com/leap-searchlight/"]}]},{"@type":"BreadcrumbList","@id":"https://www.leap-hr.com/leap-searchlight/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.leap-hr.com/"},{"@type":"ListItem","position":2,"name":"LEAP HR: Searchlight"}]},{"@type":"WebSite","@id":"https://www.leap-hr.com/#website","url":"https://www.leap-hr.com/","name":"LEAP HR","description":"Your SUPER-powered WP Engine Site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.leap-hr.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//maps.googleapis.com' /> <link rel='dns-prefetch' href='//fast.fonts.net' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//unpkg.com' /> <script type="application/ld+json">{"@context": "http://schema.org","@type": "Organization","address": {"@type": "PostalAddress","streetAddress": "","addressLocality": "","addressRegion": "","addressCountry": "","postalCode": ""},"email": "","telephone": "","name": "","url": "https://www.leap-hr.com"}</script><link rel='stylesheet' id='classic-theme-styles-css' href='https://www.leap-hr.com/wp-includes/css/classic-themes.min.css?ver=1' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-columns.is-layout-flex){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='IonIcons-css' href='//unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css?ver=2.0' type='text/css' media='all' /> <link rel='stylesheet' id='Main-css' href='https://www.leap-hr.com/wp-content/themes/pegasus/dist/css/main.css?ver=2.0' type='text/css' media='all' /> <script type='text/javascript' src='//fast.fonts.net/jsapi/f5fc3967-4027-4526-9941-e122b7cd6c93.js?ver=2.0' id='HelveticaFont-js'></script> <script type='text/javascript' src='https://www.leap-hr.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.1' id='jquery-core-js'></script> <script type='text/javascript' src='https://www.leap-hr.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <link rel="https://api.w.org/" href="https://www.leap-hr.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.leap-hr.com/wp-json/wp/v2/pages/1746" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.leap-hr.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.leap-hr.com/wp-includes/wlwmanifest.xml" /> <link rel='shortlink' href='https://www.leap-hr.com/?p=1746' /> <link rel="alternate" type="application/json+oembed" href="https://www.leap-hr.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.leap-hr.com%2Fleap-searchlight%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.leap-hr.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.leap-hr.com%2Fleap-searchlight%2F&#038;format=xml" /> <link rel="preload" href="https://www.leap-hr.com/wp-content/themes/pegasus/dist/fonts/nexa-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://www.leap-hr.com/wp-content/themes/pegasus/dist/fonts/nexa-light.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://www.leap-hr.com/wp-content/themes/pegasus/dist/fonts/nexa-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><meta name="google-site-verification" content="NiNzZhlOADXwTgG1uLF2QGzc8Pw7JM-pP4kTjPYOaCU" /> <!-- CookiePro Cookies Consent Notice start for leap-hr.com --> <script type="text/javascript" src="https://cookie-cdn.cookiepro.com/consent/ed18d460-8b74-44c1-bf56-6f14166ae8f4/OtAutoBlock.js" ></script> <script data-ot-ignore src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="ed18d460-8b74-44c1-bf56-6f14166ae8f4" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- CookiePro Cookies Consent Notice end for leap-hr.com --> <!-- Marketo Measure --> <script type="text/javascript" src=https://cdn.bizible.com/scripts/bizible.js async=""></script> <!-- Marketo Measure --> <!-- Marketo Munchkin Start for hansonwade.com --> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('355-DOS-429'); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); </script> <!-- Marketo Munchkin End for hansonwade.com --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TXR3N2C');</script> <!-- End Google Tag Manager --> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-dark-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0.498039215686" /><feFuncG type="table" tableValues="0 0.498039215686" /><feFuncB type="table" tableValues="0 0.498039215686" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.549019607843 0.988235294118" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.717647058824 0.254901960784" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-red"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 0.278431372549" /><feFuncB type="table" tableValues="0.592156862745 0.278431372549" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-midnight"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0" /><feFuncG type="table" tableValues="0 0.647058823529" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-magenta-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.780392156863 1" /><feFuncG type="table" tableValues="0 0.949019607843" /><feFuncB type="table" tableValues="0.352941176471 0.470588235294" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-green"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.650980392157 0.403921568627" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.447058823529 0.4" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-orange"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.0980392156863 1" /><feFuncG type="table" tableValues="0 0.662745098039" /><feFuncB type="table" tableValues="0.847058823529 0.419607843137" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXR3N2C" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header id="page-header" class="relative z-page-header"> <div id="page-nav-container" x-data="navigation()" @scroll.window="menuScrolling()" @click.away="megamenu = null" class="Navigation fixed w-full transform transition ease-in-out duration-300" :class="[((scrolled) && !isMobile ? 'scrolled md:shadow-[0_0_10px_0_rgba(0,0,0,0.2)]' : 'translate-y-0'), (scrolled ? 'bg-brand-base z-[60]' : ' ')]" > <div x-cloak class="relative z-50" :class="loaded || isMobile ? 'nav-loaded' : 'nav-loading'"> <div x-ref="navBar" class="Navigation__bar transition ease-in-out duration-300 " :class="[(scrolled || (mobMenuOpen && isMobile) || (megamenu !== null) ? 'bg-navbar-light' : 'bg-navbar-transparent'), ((visible && !mobMenuOpen && '' && !hasTransparentBg) ? 'shadow-md' : '')]"> <div class="container h-full transition-all duration-300 py-4" :class="scrolled ? 'md:py-1' : 'md:py-6'"> <div class="flex justify-between items-center border-gray-100 h-full md:space-x-10"> <div class="flex justify-start lg:w-0 lg:flex-1"> <a href="https://www.leap-hr.com"> <span class="sr-only">LEAP HR</span> <img width="260" height="30" class="w-auto" alt="LEAP HR Main Brand Logo_WO" src="https://www.leap-hr.com/wp-content/uploads/2023/02/LEAP-HR-Main-Brand-Logo_WO.png" srcset="https://www.leap-hr.com/wp-content/uploads/2023/02/LEAP-HR-Main-Brand-Logo_WO-300x89.png 300w, https://www.leap-hr.com/wp-content/uploads/2023/02/LEAP-HR-Main-Brand-Logo_WO-1024x305.png 1024w, https://www.leap-hr.com/wp-content/uploads/2023/02/LEAP-HR-Main-Brand-Logo_WO-768x229.png 768w, https://www.leap-hr.com/wp-content/uploads/2023/02/LEAP-HR-Main-Brand-Logo_WO.png 1754w" data-sizes="(min-width: 1199px) 1024px, (min-width: 992px) 768px, (min-width: 767px) 300px, (min-width: 375px) 100vw" :class="(scrolled || mobMenuOpen || megamenu !== null) ? 'hidden' : 'h-[2.75rem] md:h-[4rem]'" /> <img width="260" height="30" class="w-auto" alt="LEAP HR Main Brand Logo_COL" src="https://www.leap-hr.com/wp-content/uploads/2023/01/LEAP-HR-Main-Brand-Logo_COL-1.png" srcset="https://www.leap-hr.com/wp-content/uploads/2023/01/LEAP-HR-Main-Brand-Logo_COL-1-300x89.png 300w, https://www.leap-hr.com/wp-content/uploads/2023/01/LEAP-HR-Main-Brand-Logo_COL-1-1024x305.png 1024w, https://www.leap-hr.com/wp-content/uploads/2023/01/LEAP-HR-Main-Brand-Logo_COL-1-768x229.png 768w, https://www.leap-hr.com/wp-content/uploads/2023/01/LEAP-HR-Main-Brand-Logo_COL-1.png 1754w" data-sizes="(min-width: 1199px) 1024px, (min-width: 992px) 768px, (min-width: 767px) 300px, (min-width: 375px) 100vw" :class="(scrolled || mobMenuOpen || megamenu !== null) ? 'h-[3.5rem]' : 'hidden'" /> </a> </div> <div class="-mr-2 -my-2 md:hidden h-full"> <button @click="[(mobMenuOpen = !mobMenuOpen), (mobMenuOpen ? lockScroll() : unlockScroll())]" type="button" class="mobile-burger-btn bg-transparent rounded-md w-10 h-full inline-flex items-center justify-center leading-9 text-gray-700 hover:text-gray-500 focus:outline-none" :aria-expanded="mobMenuOpen" aria-expanded="false"> <span class="sr-only">Open menu</span> <i class="icon transition ease-in-out duration-300 text-4xl" :class="[(mobMenuOpen ? 'ion-ios-close' : 'ion-ios-menu'), (scrolled || mobMenuOpen ? 'text-content-dark' : 'text-content-light')]" tabindex="0"></i> </button> </div> <nav class="Navigation__desktopMenu hidden md:block"> <div class="relative flex"> <ul class="md:flex items-center space-x-10"> <li class="relative"> <div> <button type="button" class="desktop-navigation-link font-medium relative -underline py-6" @click="megamenu === '1431' ? megamenu = null : megamenu = '1431';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '1431' ? '-open' : '')">About</span> </button> <div x-cloak x-show="megamenu === '1431'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '1431'" x-transition:enter="transition ease-out duration-600" x-transition:enter-start="opacity-0 -translate-y-20" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-8" class="Navigation__megaMenu relative transform w-full top-0 shadow-lg bg-white z-10"> <div class="container max-h-screen overflow-y-auto scrollbar-hide"> <div class="flex flex-wrap justify-between pb-[3.5rem]"> <div class="w-full flex justify-end"> <div class="-mr-2 h-full"> <button @click="megamenu = null" type="button" class="mobile-burger-btn bg-transparent rounded-md w-10 h-full inline-flex items-center justify-center leading-9" aria-expanded="false"> <span class="sr-only">Close menu</span> <i class="icon transition ease-in-out duration-200 text-[3rem] text-brand-gold ion-ios-close hover:text-brand-gold/50" tabindex="0"></i> </button> </div> </div> <div class="MegaMenu__Section sm:pb-20 lg:pb-0 w-full"> <div class="flex xl:pb-[3.75rem]"> <div class="md:w-1/2"> <h3 class="text-lg sm:text-lg md:text-2xl xl:text-h6 text-brand-gold font-bold leading-none">About</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] xl:text-[16px] pb-8"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap -m-2"> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/what-we-do/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> What We Do </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/why-we-do-it/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1678" data-name="Rectangle 1678" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_23" data-name="Mask Group 23" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10737" data-name="Group 10737"> <g id="Group_10736" data-name="Group 10736"> <rect id="Rectangle_1677" data-name="Rectangle 1677" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9020" data-name="Path 9020" d="M-2753-12415.871-2343-12644v227.582Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9021" data-name="Path 9021" d="M0,609.075,229.458,0H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Why We Do It </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/our-team/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1678" data-name="Rectangle 1678" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_23" data-name="Mask Group 23" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10737" data-name="Group 10737"> <g id="Group_10736" data-name="Group 10736"> <rect id="Rectangle_1677" data-name="Rectangle 1677" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9020" data-name="Path 9020" d="M-2753-12415.871-2343-12644v227.582Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9021" data-name="Path 9021" d="M0,609.075,229.458,0H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Our Team </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> </ul> </div> </div> </div> </div> <div class="fixed top-0 left-0 w-screen h-screen z-0 bg-black bg-opacity-20 transition-opacity backdrop-blur" x-show="megamenu === '1431'" @click="megamenu = null"> </div> </div> </div> </li> <li class="relative"> <div> <button type="button" class="desktop-navigation-link font-medium relative -underline py-6" @click="megamenu === '1865' ? megamenu = null : megamenu = '1865';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '1865' ? '-open' : '')">Experience</span> </button> <div x-cloak x-show="megamenu === '1865'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '1865'" x-transition:enter="transition ease-out duration-600" x-transition:enter-start="opacity-0 -translate-y-20" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-8" class="Navigation__megaMenu relative transform w-full top-0 shadow-lg bg-white z-10"> <div class="container max-h-screen overflow-y-auto scrollbar-hide"> <div class="flex flex-wrap justify-between pb-[3.5rem]"> <div class="w-full flex justify-end"> <div class="-mr-2 h-full"> <button @click="megamenu = null" type="button" class="mobile-burger-btn bg-transparent rounded-md w-10 h-full inline-flex items-center justify-center leading-9" aria-expanded="false"> <span class="sr-only">Close menu</span> <i class="icon transition ease-in-out duration-200 text-[3rem] text-brand-gold ion-ios-close hover:text-brand-gold/50" tabindex="0"></i> </button> </div> </div> <div class="MegaMenu__Section sm:pb-20 lg:pb-0 w-full"> <div class="flex xl:pb-[3.75rem]"> <div class="md:w-1/2"> <h3 class="text-lg sm:text-lg md:text-2xl xl:text-h6 text-brand-gold font-bold leading-none">The Experience</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] xl:text-[16px] pb-8"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap -m-2"> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/conference-attendees/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Conference Attendees </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/conference-partners/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Conference Partners </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/searchlight-members/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Searchlight Members </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> </ul> </div> </div> </div> </div> <div class="fixed top-0 left-0 w-screen h-screen z-0 bg-black bg-opacity-20 transition-opacity backdrop-blur" x-show="megamenu === '1865'" @click="megamenu = null"> </div> </div> </div> </li> <li class="relative"> <div> <button type="button" class="desktop-navigation-link font-medium relative -underline py-6" @click="megamenu === '1768' ? megamenu = null : megamenu = '1768';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '1768' ? '-open' : '')">Communities</span> </button> <div x-cloak x-show="megamenu === '1768'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '1768'" x-transition:enter="transition ease-out duration-600" x-transition:enter-start="opacity-0 -translate-y-20" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-8" class="Navigation__megaMenu relative transform w-full top-0 shadow-lg bg-white z-10"> <div class="container max-h-screen overflow-y-auto scrollbar-hide"> <div class="flex flex-wrap justify-between pb-[3.5rem]"> <div class="w-full flex justify-end"> <div class="-mr-2 h-full"> <button @click="megamenu = null" type="button" class="mobile-burger-btn bg-transparent rounded-md w-10 h-full inline-flex items-center justify-center leading-9" aria-expanded="false"> <span class="sr-only">Close menu</span> <i class="icon transition ease-in-out duration-200 text-[3rem] text-brand-gold ion-ios-close hover:text-brand-gold/50" tabindex="0"></i> </button> </div> </div> <div class="MegaMenu__Section sm:pb-20 lg:pb-0 w-full"> <div class="flex xl:pb-[3.75rem]"> <div class="md:w-1/2"> <h3 class="text-lg sm:text-lg md:text-2xl xl:text-h6 text-brand-gold font-bold leading-none">Communities</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] xl:text-[16px] pb-8"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap -m-2"> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/leap-hr-conferences/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1674" data-name="Rectangle 1674" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> All Conferences </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/leap-hr/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> LEAP HR </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/leap-ta/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> LEAP TA </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://www.leap-hr.com/leap-searchlight/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> LEAP Searchlight </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> </ul> </div> </div> </div> </div> <div class="fixed top-0 left-0 w-screen h-screen z-0 bg-black bg-opacity-20 transition-opacity backdrop-blur" x-show="megamenu === '1768'" @click="megamenu = null"> </div> </div> </div> </li> <li class="relative"> <a href="https://hansonwadegroup.teamtailor.com/" class="desktop-navigation-link font-medium -underline py-4 " target="_blank" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> Careers </a> </li> <li class="relative"> <div class="btn-container cursor-pointer" @click="$dispatch('open-modal')" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <a class="nav-button button-light-gradient desktop-navigation-link my-2" id="contact-modal" ><span>Contact Us</span></a> </div> </li> </ul> </div> </nav> </div> </div> </div> </div> <div x-show="!menuOpen" class="Navigation__subNav top-full left-0 right-0 w-full transition relative ease-in-out duration-300" :class="mobSubNavOpen ? 'bg-brand-white text-content-dark' : ''" > <div :class="visible ? 'border-t' : 'border-none'"></div> <div class="container transition relative ease-in-out duration-600" > <div class="flex justify-between items-center"> <div x-ref="subNavLabel" class="flex-1 md:flex-none py-3 md:py-0 md:pr-4" :class="(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')"> </div> <div x-ref="subNavLinks" class="hidden md:flex items-center justify-end bg-transparent flex-1"> <ul class="site-nav list-inline flex items-center justify-end visible-links"> <li class="block ml-4 md:ml-1 font-normal sm:text-[11px] lg:text-[15px] " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://www.leap-hr.com/leap-hr-conferences/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > All Conferences </a> </li> <li class="block ml-4 md:ml-1 font-normal sm:text-[11px] lg:text-[15px] " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://www.leap-hr.com/leap-hr/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > LEAP HR </a> </li> <li class="block ml-4 md:ml-1 font-normal sm:text-[11px] lg:text-[15px] " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://www.leap-hr.com/leap-ta/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > LEAP TA </a> </li> <li class="block ml-4 md:ml-1 font-normal sm:text-[11px] lg:text-[15px] -current " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://www.leap-hr.com/leap-searchlight/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > LEAP Searchlight </a> </li> </ul> <ul class="site-nav -more list-inline flex items-center justify-end more-links hidden" @click.away="moreLinksOpen = false"> <li class="relative pl-6 default-padding"> <button type="button" @click="moreLinksOpen = !moreLinksOpen" class="flex items-center link"> More <i class="icon ion-ios-arrow-down transition duration-200 ease-out transform ml-1 text-current" :class="moreLinksOpen ? 'rotate-180' : ''"></i> </button> <ul x-ref="moreLinks" :style="moreLinksOpen ? 'max-height: ' + $refs.moreLinks.scrollHeight*2 + 'px' : ''" class="px-8 bg-white absolute top-full transform translate-y-2 right-0 max-h-0 overflow-hidden transition-maxHeight duration-500"> </ul> </li> </ul> </div> </div> </div> <div class="bg-navbar-light text-content-dark md:hidden transition-maxHeight duration-500 overflow-hidden max-h-0" x-ref="mobileSubNavLinks" :style="mobSubNavOpen ? 'max-height: ' + $refs.mobileSubNavLinks.scrollHeight*2 + 'px' : ''" > <div class="nav-container"> <ul class="site-nav list-inline flex-col py-6 pl-0 list-none"> <li class="py-3 text-[16px] font-normal "> <a href="https://www.leap-hr.com/leap-hr-conferences/" target=""> All Conferences </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://www.leap-hr.com/leap-hr/" target=""> LEAP HR </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://www.leap-hr.com/leap-ta/" target=""> LEAP TA </a> </li> <li class="py-3 text-[16px] font-normal -current-underline"> <a href="https://www.leap-hr.com/leap-searchlight/" target=""> LEAP Searchlight </a> </li> </ul> </div> </div> </div> <div x-cloak x-show="mobMenuOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="Navigation__mobileMenu absolute transform top-0 left-0 md:hidden bg-white z-10"> <div class="relative overflow-y-auto h-screen w-screen py-16"> <div class="w-full h-full container"> <ul class="pt-5 pb-10 px-2"> <li x-data="{ open: false }"> <button @click.prevent="open = !open" type="button" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal focus:outline-none text-brand-dark-blue"> <span>About</span> <i class="icon ion-ios-arrow-forward z-0 transform transition duration-500" :class="open ? '-rotate-90' : 'rotate-90'"></i> </button> <div x-ref="mobileSubMenu" class="Navigation__mobileSubmenu md:hidden bg-white transition-maxHeight duration-1000 overflow-hidden max-h-0" :style="open ? 'max-height: ' + $refs.mobileSubMenu.scrollHeight*2 + 'px' : ''" > <div class="w-full h-full mb-6"> <div class="MegaMenu__Section w-full mb-0"> <div class="flex"> <div class="w-full"> <div class="body-small pb-4"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap pl-1"> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/what-we-do/"> <span class="block font-bold text-[18px]">What We Do</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/why-we-do-it/"> <span class="block font-bold text-[18px]">Why We Do It</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-0"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/our-team/"> <span class="block font-bold text-[18px]">Our Team</span> </a> </div> </li> </ul> </div> </div> </div> </li> <li x-data="{ open: false }"> <button @click.prevent="open = !open" type="button" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal focus:outline-none text-brand-dark-blue"> <span>Experience</span> <i class="icon ion-ios-arrow-forward z-0 transform transition duration-500" :class="open ? '-rotate-90' : 'rotate-90'"></i> </button> <div x-ref="mobileSubMenu" class="Navigation__mobileSubmenu md:hidden bg-white transition-maxHeight duration-1000 overflow-hidden max-h-0" :style="open ? 'max-height: ' + $refs.mobileSubMenu.scrollHeight*2 + 'px' : ''" > <div class="w-full h-full mb-6"> <div class="MegaMenu__Section w-full mb-0"> <div class="flex"> <div class="w-full"> <div class="body-small pb-4"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap pl-1"> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/conference-attendees/"> <span class="block font-bold text-[18px]">Conference Attendees</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/conference-partners/"> <span class="block font-bold text-[18px]">Conference Partners</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-0"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/searchlight-members/"> <span class="block font-bold text-[18px]">Searchlight Members</span> </a> </div> </li> </ul> </div> </div> </div> </li> <li x-data="{ open: false }"> <button @click.prevent="open = !open" type="button" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal focus:outline-none text-brand-dark-blue"> <span>Communities</span> <i class="icon ion-ios-arrow-forward z-0 transform transition duration-500" :class="open ? '-rotate-90' : 'rotate-90'"></i> </button> <div x-ref="mobileSubMenu" class="Navigation__mobileSubmenu md:hidden bg-white transition-maxHeight duration-1000 overflow-hidden max-h-0" :style="open ? 'max-height: ' + $refs.mobileSubMenu.scrollHeight*2 + 'px' : ''" > <div class="w-full h-full mb-6"> <div class="MegaMenu__Section w-full mb-0"> <div class="flex"> <div class="w-full"> <div class="body-small pb-4"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap pl-1"> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/leap-hr-conferences/"> <span class="block font-bold text-[18px]">All Conferences</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/leap-hr/"> <span class="block font-bold text-[18px]">LEAP HR</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/leap-ta/"> <span class="block font-bold text-[18px]">LEAP TA</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-0"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://www.leap-hr.com/leap-searchlight/"> <span class="block font-bold text-[18px]">LEAP Searchlight</span> </a> </div> </li> </ul> </div> </div> </div> </li> <li> <a href="https://hansonwadegroup.teamtailor.com/" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal text-brand-dark-blue"> <span>Careers</span> <i class="icon ion-ios-arrow-forward z-0"></i> </a> </li> <li> <a href="https://leap-hr.com/contact-us/" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal text-brand-dark-blue"> <span>Contact Us</span> <i class="icon ion-ios-arrow-forward z-0"></i> </a> </li> </ul> </div> </div> </div> </div> </header> <main id="content"> <article id="page-1746"> <!-- Content Row --> <section class="relative block md:block lg:block text-content-light" > <div class="row-background w-full h-full absolute top-0 left-0 overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-cover" style="background-image: url(https://www.leap-hr.com/wp-content/uploads/2023/02/LEAP-HR-1920-x-1080-brand-images7.jpg);" ></div> </div> <div class="container"> <div x-data="bannerSmall()" x-intersect.once="visible = true" class="Banner__Small overflow-hidden flex items-end sm:min-h-[400px] justify-start relative " style="background-color: ;"> <div class="flex flex-col z-10 items-start padding-bottom-xs transform transition duration-500 w-full md:w-3/4 padding-top-xl" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <p class="heading-two"><span style="color: #ffffff;">LEAP HR: Searchlight</span></p> <p><span style="color: #ffffff;">Searchlight exists to ensure HR leaders are able to make better people decisions with more confidence. Delivering valuable insights that save time and making impactful connections that add value through year-round global networks across multiple industry sectors.</span></p> </div> </div> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block text-content-dark" > <div class="container"> <div x-data="{visible: false}" x-cloak x-intersect.once="visible = true" class="Text flex flex-col md:flex-row justify-start padding-top-xs padding-bottom-xs relative"> <div class="Text_Column flex justify-start w-full flex-1"> <div class="flex flex-col z-10 transform transition duration-500 md:w-3/4" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <h2 class="heading-three"><span style="color: #c79e6b;"><strong>Accelerate HR Team Development, Transform Functional Impact and Stay Ahead of Industry Best Practice all Year Round</strong></span></h2> </div> </div> <div class="Text_Column flex justify-start w-full flex-1"> <div class="flex flex-col z-10 transform transition duration-500 w-full" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <p>We were created to help industry-specific HR teams around the world plug into a ready-made network of disruptive people leaders to work in a facilitated, structured but boundaryless way throughout the year to solve common problems.</p> <p>Working together, members unlock access to new ideas and insights on business-critical people trends, delivering vital knowledge around next practice before it becomes best practice.</p> </div> </div> </div> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block padding-bottom-sm text-content-dark" > <div class="container"> <section x-data="postGridProducts('false', '3')" x-intersect.once="visible = true" class="Post__Grid-Products relative w-full "> <div class="Post__Grid-Products-posts flex flex-wrap md:-mx-5 w-full" data-pegasus-filterable=""> <div class="Post__Grid-Products-post w-full sm:px-5 py-4 transition duration-300 w-full sm:w-1/2 lg:w-1/3 xl:w-1/4" data-pegasus-single-card > <a target="_blank" href="https://leap-hr-construction-searchlight.com/" class="block h-full w-full group bg-brand-white p-8 relative rounded-[3px] overflow-hidden transition-all duration-600 transform"> <div class="absolute inset-0 opacity-0 bg-brand-dark-blue group-hover:opacity-20 transition-all duration-600 transform" style="background-color:;"></div> <div class="svg-file pointer-events-none absolute max-h-[568px] h-full w-full top-0 left-0 object-contain pointer-events-none opacity-0 group-hover:opacity-100 transition-all duration-600 transform"> <svg id="Component_87_1" data-name="Component 87 – 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="504" viewBox="0 0 410 504"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1763" data-name="Rectangle 1763" width="410" height="504" rx="3" fill="#e3e5df"></rect> </clipPath> </defs> <g id="Mask_Group_33" data-name="Mask Group 33" clip-path="url(#clip-path)"> <g id="Group_10803" data-name="Group 10803" transform="translate(0 -0.329)"> <g id="Group_10802" data-name="Group 10802"> <rect id="Rectangle_1762" data-name="Rectangle 1762" width="410" height="504" rx="3" transform="translate(0 0.329)" fill="none"></rect> <path id="Path_9047" data-name="Path 9047" d="M-2753-12083.137-2343-12644v559.52Z" transform="translate(2753 12644)" fill="#fff" opacity="0.5"></path> <path id="Path_9048" data-name="Path 9048" d="M0,1497.434,229.458,0H0Z" transform="translate(0 0.329)" fill="#fff" opacity="0.7"></path> </g> </g> </g> </svg> </div> <div class="flex flex-row items-center justify-between xl:pt-4 pb-4"> <img width="77" height="77" class="relative" src="https://hansonwade.file.force.com/servlet/servlet.ImageServer?id=015Ti000000G2qf&oid=00D20000000ITFt&lastMod=1713263569000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Searchlight</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> LEAP HR: Construction Searchlight network </h2> <div class="flex flex-row"> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> The LEAP HR: Construction Searchlight network is a national construction specific alliance of forward-thinking HR and TA leaders sharing experiences to help each other attract, develop, fulfil and retain better construction talent faster. </div> <div class="btn-container text-content-light flex flex-row items-center justify-between absolute bottom-0 left-0 p-8 w-full"> <div class="product-button mr-4 button-primary -small-button" style="background-color:;"> <span>HR</span> </div> <span class="pl-2 sm:pl-0 pr-2 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"></path> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"></path> </g> </svg> </span> </div> <div class="line left-0 z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform" style="background-color:#3883D9;"></div> </a> </div> <div class="Post__Grid-Products-post w-full sm:px-5 py-4 transition duration-300 w-full sm:w-1/2 lg:w-1/3 xl:w-1/4" data-pegasus-single-card > <a target="_blank" href="https://leap-healthcare-searchlight.com/" class="block h-full w-full group bg-brand-white p-8 relative rounded-[3px] overflow-hidden transition-all duration-600 transform"> <div class="absolute inset-0 opacity-0 bg-brand-dark-blue group-hover:opacity-20 transition-all duration-600 transform" style="background-color:;"></div> <div class="svg-file pointer-events-none absolute max-h-[568px] h-full w-full top-0 left-0 object-contain pointer-events-none opacity-0 group-hover:opacity-100 transition-all duration-600 transform"> <svg id="Component_87_1" data-name="Component 87 – 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="504" viewBox="0 0 410 504"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1763" data-name="Rectangle 1763" width="410" height="504" rx="3" fill="#e3e5df"></rect> </clipPath> </defs> <g id="Mask_Group_33" data-name="Mask Group 33" clip-path="url(#clip-path)"> <g id="Group_10803" data-name="Group 10803" transform="translate(0 -0.329)"> <g id="Group_10802" data-name="Group 10802"> <rect id="Rectangle_1762" data-name="Rectangle 1762" width="410" height="504" rx="3" transform="translate(0 0.329)" fill="none"></rect> <path id="Path_9047" data-name="Path 9047" d="M-2753-12083.137-2343-12644v559.52Z" transform="translate(2753 12644)" fill="#fff" opacity="0.5"></path> <path id="Path_9048" data-name="Path 9048" d="M0,1497.434,229.458,0H0Z" transform="translate(0 0.329)" fill="#fff" opacity="0.7"></path> </g> </g> </g> </svg> </div> <div class="flex flex-row items-center justify-between xl:pt-4 pb-4"> <img width="77" height="77" class="relative" src="https://hansonwade.file.force.com/servlet/servlet.ImageServer?id=015Ti0000009dJt&oid=00D20000000ITFt&lastMod=1707385617000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Searchlight</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> LEAP HR: Healthcare Searchlight network </h2> <div class="flex flex-row"> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> The LEAP HR: Healthcare Searchlight network is a global professional collective of Healthcare CHROs and their teams working together to get answers to their most critical questions and to shape the future of Healthcare HR together. </div> <div class="btn-container text-content-light flex flex-row items-center justify-between absolute bottom-0 left-0 p-8 w-full"> <div class="product-button mr-4 button-primary -small-button" style="background-color:;"> <span>HR</span> </div> <span class="pl-2 sm:pl-0 pr-2 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"></path> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"></path> </g> </svg> </span> </div> <div class="line left-0 z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform" style="background-color:#3883D9;"></div> </a> </div> <div class="Post__Grid-Products-post w-full sm:px-5 py-4 transition duration-300 w-full sm:w-1/2 lg:w-1/3 xl:w-1/4" data-pegasus-single-card > <a target="_blank" href="https://leap-hr-searchlight.com/" class="block h-full w-full group bg-brand-white p-8 relative rounded-[3px] overflow-hidden transition-all duration-600 transform"> <div class="absolute inset-0 opacity-0 bg-brand-dark-blue group-hover:opacity-20 transition-all duration-600 transform" style="background-color:;"></div> <div class="svg-file pointer-events-none absolute max-h-[568px] h-full w-full top-0 left-0 object-contain pointer-events-none opacity-0 group-hover:opacity-100 transition-all duration-600 transform"> <svg id="Component_87_1" data-name="Component 87 – 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="504" viewBox="0 0 410 504"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1763" data-name="Rectangle 1763" width="410" height="504" rx="3" fill="#e3e5df"></rect> </clipPath> </defs> <g id="Mask_Group_33" data-name="Mask Group 33" clip-path="url(#clip-path)"> <g id="Group_10803" data-name="Group 10803" transform="translate(0 -0.329)"> <g id="Group_10802" data-name="Group 10802"> <rect id="Rectangle_1762" data-name="Rectangle 1762" width="410" height="504" rx="3" transform="translate(0 0.329)" fill="none"></rect> <path id="Path_9047" data-name="Path 9047" d="M-2753-12083.137-2343-12644v559.52Z" transform="translate(2753 12644)" fill="#fff" opacity="0.5"></path> <path id="Path_9048" data-name="Path 9048" d="M0,1497.434,229.458,0H0Z" transform="translate(0 0.329)" fill="#fff" opacity="0.7"></path> </g> </g> </g> </svg> </div> <div class="flex flex-row items-center justify-between xl:pt-4 pb-4"> <img width="77" height="77" class="relative" src="https://hansonwade.file.force.com/servlet/servlet.ImageServer?id=015Ti0000009dGf&oid=00D20000000ITFt&lastMod=1707385550000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Searchlight</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> LEAP HR: Life Sciences Searchlight network </h2> <div class="flex flex-row"> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> The LEAP HR: Life Sciences Searchlight network brings the most engaged life sciences HR teams together to collaborate in solving the problems they share and helps HR functions make better people decisions with more confidence. </div> <div class="btn-container text-content-light flex flex-row items-center justify-between absolute bottom-0 left-0 p-8 w-full"> <div class="product-button mr-4 button-primary -small-button" style="background-color:;"> <span>HR</span> </div> <span class="pl-2 sm:pl-0 pr-2 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"></path> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"></path> </g> </svg> </span> </div> <div class="line left-0 z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform" style="background-color:#3883D9;"></div> </a> </div> </div> </section> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block padding-bottom-md text-content-dark" > <div class="container"> <section x-data="testimonialSlider()" x-intersect.once="visible = true" class="Testimonial__Slider relative"> <div class="flex flex-col md:flex-row transition transform ease-in-out duration-300 " :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/4'"> <div class="w-full"> <div class="flex justify-between w-full mb-7 container border-t border-border-dark-grey/20 !pl-0 pt-10"> <div class="w-full md:w-1/4 mb-8 md:mb-0 flex-1 heading-four"> <h2 class="heading-three"><span style="color: #c79e6b;"><strong>Testimonials</strong></span></h2> </div> <div class="flex justify-end md:justify-start flex-1 arrows"> <button type="button" class="w-10 h-10 flex items-center justify-center mr-[1.5rem] md:mr-[2.5rem] hover:bg-orange" @click="slider.previous(true)"><i class="icon ion-md-arrow-back"></i></button> <button type="button" class="w-10 h-10 flex items-center justify-center ml-[1.5rem] md:ml-[2.5rem]" @click="slider.next(true)"><i class="icon ion-md-arrow-forward"></i></button> </div> </div> <div class=" Testimonial__Slider-slides md:mt-[9rem] pb-4"> <div class="Testimonial__Slider-slide flex flex-1 flex-col w-full md:w-1/2 "> <div class="Testimonial__Slider-slide-content"> <p>“I’ve been a part of many networks like this during my career, but this is one of the very best; the quality of peers is just right: senior people dealing with critical issues and building strategies to solve them. The topics are always relevant, the conversations are really transparent, the TA industry moves very quickly, and this network helps me keep up with it.”</p> </div> <div> Ryan Maglione </div> <div> Global Senior VP, Commercial Talent Acquisition, Syneos Health </div> </div> <div class="Testimonial__Slider-slide flex flex-1 flex-col w-full md:w-1/2 "> <div class="Testimonial__Slider-slide-content"> <p>“I love being able to ask questions of my Searchlight network that I might not be able to find answers to within my organization, in a safe space with people facing the exact same challenges in the same industry as me.”</p> </div> <div> Sian Abel </div> <div> Global HRBP, Kyowa Kirin </div> </div> <div class="Testimonial__Slider-slide flex flex-1 flex-col w-full md:w-1/2 "> <div class="Testimonial__Slider-slide-content"> <p>“Searchlight gives me confidence that I’m heading in the right direction. I can use this network to affirm I’m on track and course correct where I need to. And just like a GPS, you don’t look at it the whole time when you’re driving, you check it from time to time. I don’t need a hundred thousand data points. I need the top thinkers in my industry, and those top thinkers have gravitated towards Searchlight.”</p> </div> <div> Martin Rexroad </div> <div> Chief Culture & Community Officer, PTC Therapeutics </div> </div> <div class="Testimonial__Slider-slide flex flex-1 flex-col w-full md:w-1/2 "> <div class="Testimonial__Slider-slide-content"> <p>“We are all beyond busy and finding time to reflect, energise and inspire ourselves is difficult, so making it a regular appointment as this does is exactly what we need. I love the quality of conversation that’s possible with such a thoughtfully curated, well moderated, and diversely oriented group of life sciences TA peers, and it’s of immense value to us as a community.”</p> </div> <div> Beth Goldberg </div> <div> Head of Talent Acquisition, Mersana Therapeutics </div> </div> <div class="Testimonial__Slider-slide flex flex-1 flex-col w-full md:w-1/2 "> <div class="Testimonial__Slider-slide-content"> <p>“I joined the network to provide my new leaders with opportunities for development by exposing them to diverse perspectives beyond the confines of our hospital. Having access to this network will enhance our collective ability to strategize and develop projects and goals, ensuring a valuable resource for more thoughtful and effective outcomes.”</p> </div> <div> Kit Brady </div> <div> Vice President People Strategy, Gillette Childrens Hospital </div> </div> </div> </div> </div> </section> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block text-content-dark" > <div class="container"> <div x-data="imageSwitcher()" class="Image__Switcher relative"> <div class="transform transition duration-500 pb-10 mb-10 border-b border-border-dark-grey/20 heading-four font-normal" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <h2 class="heading-three"><span style="color: #c79e6b;">The Experience</span></h2> </div> <div class="flex flex-col sm:flex-row"> <div class="w-full sm:w-1/2 sm:pr-24 md:pr-28 lg:pr-32 pb-10 lg:pb-24 xl:pb-36"> <ul> <li class="Image__Switcher-link-container pb-[1.3rem] xlarge-text transform transition duration-500" :class="visible ? 'opacity-100 translate-x-0' : 'opacity-0 -translate-x-1/2'"> <a x-ref="imageSwitcherLink" class="Image__Switcher-link relative block text-brand-blue-darker group text-opacity-50 py-1 transition ease-in-out duration-500 hover:text-opacity-100 hover:border-opacity-100" :class="currentSlide === 0 ? 'text-opacity-100 border-current' : ''" @click="slider.select(0)"> <div class="transition-maxHeight overflow-hidden"> <span x-ref="linkTitle" class="flex items-center"> <div class="heading transition ease-in-out duration-500 font-bold cursor-pointer" :class="currentSlide === 0 ? 'translate-x-[1.25rem] opacity-100' : 'translate-x-0 opacity-60'"> Conference Attendees </div> </span> </div> </a> </li> <li class="Image__Switcher-link-container pb-[1.3rem] xlarge-text transform transition duration-500" :class="visible ? 'opacity-100 translate-x-0' : 'opacity-0 -translate-x-1/2'"> <a x-ref="imageSwitcherLink" class="Image__Switcher-link relative block text-brand-blue-darker group text-opacity-50 py-1 transition ease-in-out duration-500 hover:text-opacity-100 hover:border-opacity-100" :class="currentSlide === 1 ? 'text-opacity-100 border-current' : ''" @click="slider.select(1)"> <div class="transition-maxHeight overflow-hidden"> <span x-ref="linkTitle" class="flex items-center"> <div class="heading transition ease-in-out duration-500 font-bold cursor-pointer" :class="currentSlide === 1 ? 'translate-x-[1.25rem] opacity-100' : 'translate-x-0 opacity-60'"> Conference Partners </div> </span> </div> </a> </li> <li class="Image__Switcher-link-container pb-[1.3rem] xlarge-text transform transition duration-500" :class="visible ? 'opacity-100 translate-x-0' : 'opacity-0 -translate-x-1/2'"> <a x-ref="imageSwitcherLink" class="Image__Switcher-link relative block text-brand-blue-darker group text-opacity-50 py-1 transition ease-in-out duration-500 hover:text-opacity-100 hover:border-opacity-100" :class="currentSlide === 2 ? 'text-opacity-100 border-current' : ''" @click="slider.select(2)"> <div class="transition-maxHeight overflow-hidden"> <span x-ref="linkTitle" class="flex items-center"> <div class="heading transition ease-in-out duration-500 font-bold cursor-pointer" :class="currentSlide === 2 ? 'translate-x-[1.25rem] opacity-100' : 'translate-x-0 opacity-60'"> Searchlight Members </div> </span> </div> </a> </li> </ul> </div> <div class="w-full sm:w-1/2 relative transform transition duration-500 delay-700" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <div x-ref="imageSlider" class="h-full w-full"> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>Join a ready-made support network of industry peers, and leave inspired, energized, and most importantly, ready for action.</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://leap-hr.com/conference-attendees/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">Conference Attendees</span><span>Learn More</span></a> </div> <div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>We provide bespoke, value-adding partnerships that we are confident will align with your business objectives, whether that be to build brand awareness, showcase your products, or generate new business leads.</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://leap-hr.com/leap-ta" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">LEAP TA</span><span>Learn More</span></a> </div> <div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>LEAP Searchlight helps HR leaders achieve their full business potential through hyper-relevant connections, shared experiences, and collaborative learning.</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://leap-hr.com/searchlight-members/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">Searchlight Members</span><span>Learn More</span></a> </div> <div> </div> </div> </div> <div class="countdown absolute bottom-8 left-8 pointer-events-none hidden"> <svg class="progress z-10"> <circle r="22" cx="25" cy="25"></circle> </svg> <svg class="absolute top-0 left-0 z-0"> <circle r="22" cx="25" cy="25" stroke="#fff" fill="transparent" class="opacity-70"></circle> </svg> </div> </div> </div> </div> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block text-content-dark" > <div class=""> <div class="Standard_Form relative w-full"> <div class="flex flex-col sm:flex-row "> <div class="flex items-start justify-center flex-col w-full md:w-1/2 bg-no-repeat bg-center bg-cover md:px-[4.5vw]" style="background-image:url(https://www.leap-hr.com/wp-content/uploads/2023/02/LEAP-HR-1920x1080-1.png);"> <div class="p-[27px] md:px-0 w-full sm:w-3/4 lg:w-3/5 pb-8 md:pb-0 text-content-light"> <p><span class="body-extra-small-two">CONTACT US</span></p> <h2 class="heading-two">Get in Touch</h2> <p>We speak to hundreds of HR leaders across the different industries we serve every week, and we would love you to be one of them. Whether you are interested in joining one of the LEAP HR conferences, want to learn more about our Searchlight groups, or would like to partner with us, contact us today and we will be in touch!</p> </div> </div> <div class="Standard_Form__form px-[27px] md:px-0 w-full md:w-1/2 bg-brand-white"> <div class="flex flex-col py-[27px] md:p-28"> <div class="mb-10 body-base"> </div> <script type="text/javascript"></script> <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' > <div class='gform_heading'> <h2 class="gform_title">Standard Form</h2> <p class='gform_description'></p> <p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p> </div><form method='post' enctype='multipart/form-data' id='gform_1' action='/leap-searchlight/' data-formid='1' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6LdERMsnAAAAAI28yB2VCW7uWeIaftSYECxdaVSH' data-tabindex='0'><input id="input_2d7a60f2b919364ce096d6d4aeca9888" class="gfield_recaptcha_response" type="hidden" name="input_2d7a60f2b919364ce096d6d4aeca9888" value=""/></div> <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_1_3" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_3" ><label class='gfield_label gform-field-label' for='input_1_3'>First Name*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_1_3' type='text' value='' class='large' placeholder='First Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_5" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_5" ><label class='gfield_label gform-field-label' for='input_1_5'>Last Name*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_1_5' type='text' value='' class='large' placeholder='Last Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_7" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_7" ><label class='gfield_label gform-field-label' for='input_1_7'>Job Title*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_1_7' type='text' value='' class='large' placeholder='Job Title' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_6" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_6" ><label class='gfield_label gform-field-label' for='input_1_6'>Company*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_6' id='input_1_6' type='text' value='' class='large' placeholder='Company' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_12" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_12" ><label class='gfield_label gform-field-label' for='input_1_12'>Country*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_12' id='input_1_12' type='text' value='' class='large' placeholder='Country' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_9" class="gfield gfield--type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_9" ><label class='gfield_label gform-field-label' for='input_1_9'>Email*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_9' id='input_1_9' type='email' value='' class='large' placeholder='Email*' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_10" class="gfield gfield--type-phone gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_10" ><label class='gfield_label gform-field-label' for='input_1_10'>Phone Number*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_10' id='input_1_10' type='tel' value='' class='large' placeholder='Phone Number' aria-required="true" aria-invalid="false" /></div></div><div id="field_1_11" class="gfield gfield--type-textarea gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_11" ><label class='gfield_label gform-field-label' for='input_1_11'>Your Question/Message*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_11' id='input_1_11' class='textarea large' placeholder='Your Question...' aria-required="true" aria-invalid="false" rows='10' cols='50'></textarea></div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='Submit' onclick='if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} jQuery("#gform_1").trigger("submit",[true]); }' /> <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsIjY4ZTJlNzgzY2E1MTkyNjFhODM3YjEyYzBhMzQwMDdiIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type="text/javascript"> gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https://www.leap-hr.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https://www.leap-hr.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> </div> </div> </div> </div> </div> </section> <!--// Content Row --> </article> </main> <footer id="site-footer"> <div class="Footer bg-brand-dark-blue" > <div class="footer-inner container relative flex flex-col md:flex-row py-10 md:py-[4rem] flex-wrap "> <div class="footer-col-left w-full md:w-auto flex-1"> <div class="logo mb-16"> <a href="https://hansonwadegroup.com/" target="_blank" class="block cursor-pointer"> <img width="223" height="79" class="attachment-full size-full lazy" alt="footer-logo" src="https://www.leap-hr.com/wp-content/uploads/2022/12/footer-logo-150x79.png" data-src="https://www.leap-hr.com/wp-content/uploads/2022/12/footer-logo.png" data-sizes="(min-width: 1199px) 223px, (min-width: 992px) 223px, (min-width: 767px) 223px, (min-width: 375px) 100vw" /> </a> </div> <h3 class="heading-four font-light relative text-content-light md:max-w-[65%] mb-8 leading-[1.3]"> Radical Change Through People </h3> <div class="flex flex-row text-content-light font-normal justify-between lg:justify-start sm:max-w-[90%] lg:max-w-[76%] xl:max-w-[80%]"> <div class="flex flex-row md:mr-16"> <div class="mr-2 md:mr-4 relative top-[0.25rem]"> <svg xmlns="http://www.w3.org/2000/svg" width="10.744" height="14.326" viewBox="0 0 10.744 14.326"> <path id="Icon_awesome-map-marker" data-name="Icon awesome-map-marker" d="M4.82,14.037C.755,8.143,0,7.538,0,5.372a5.372,5.372,0,0,1,10.744,0c0,2.166-.755,2.771-4.82,8.664a.672.672,0,0,1-1.1,0Z" fill="#fff"/> </svg> </div> <div class="flex flex-1 flex-col body-extra-small-one"> <span>Hanson Wade Group</span> <span>52 Grosvenor Gardens</span> <span>London, SW1W 0AU</span> </div> </div> <div class="flex flex-row"> <div class="mr-2 md:mr-4 relative top-[0.25rem]"> <svg xmlns="http://www.w3.org/2000/svg" width="14.326" height="14.326" viewBox="0 0 14.326 14.326"> <path id="Icon_material-person" data-name="Icon material-person" d="M13.163,13.163A3.582,3.582,0,1,0,9.582,9.582,3.581,3.581,0,0,0,13.163,13.163Zm0,1.791c-2.391,0-7.163,1.2-7.163,3.582v1.791H20.326V18.535C20.326,16.154,15.554,14.954,13.163,14.954Z" transform="translate(-6 -6)" fill="#fff"/> </svg> </div> <div class="flex flex-1 flex-col body-extra-small-one"> <span><a href="tel:tel:02031418700">+44 (0)20 3141 8700</a></span> <span><a href="/cdn-cgi/l/email-protection#48"></a></span> </div> </div> </div> </div> <div class="footer-col-right flex flex-row w-full md:w-auto flex-1 justify-between md:justify-end xl:pl-16 mt-12 md:mt-0 flex-wrap sm:flex-nowrap text-content-light md:-mr-4"> <div class="content-col mb-6 md:mb-0 w-2/5 sm:w-auto sm:px-4 sm:min-w-[170px] lg:min-w-[190px] xl:min-w-[280px]"> <h4 class="content-heading mb-4 font-bold body-small"> <div class="border-t w-full mb-4 opacity-70"></div>About</h4> <div> <p><span class="body-extra-small-one"><a href="https://leap-hr.com/what-we-do/">What We Do</a></span></p> <p><span class="body-extra-small-one"><a href="https://leap-hr.com/our-team/">Our Team</a></span></p> </div> </div> <div class="content-col mb-6 md:mb-0 w-2/5 sm:w-auto sm:px-4 sm:min-w-[170px] lg:min-w-[190px] xl:min-w-[280px]"> <h4 class="content-heading mb-4 font-bold body-small"> <div class="border-t w-full mb-4 opacity-70"></div>Experience</h4> <div> <p><span class="body-extra-small-one"><a href="https://leap-hr.com/conference-attendees/">Conference Attendees</a></span></p> <p><span class="body-extra-small-one"><a href="https://leap-hr.com/conference-partners">Conference Partners</a></span></p> <p><span class="body-extra-small-one"><a href="https://leap-hr.com/">Searchlight Members</a></span></p> </div> </div> <div class="content-col mb-6 md:mb-0 w-2/5 sm:w-auto sm:px-4 sm:min-w-[170px] lg:min-w-[190px] xl:min-w-[280px]"> <h4 class="content-heading mb-4 font-bold body-small"> <div class="border-t w-full mb-4 opacity-70"></div>Communites</h4> <div> <p><span class="body-extra-small-one"><a href="https://www.leap-hr.com/leap-hr-conferences/">All Conferences</a></span></p> <p><span class="body-extra-small-one"><a href="https://leap-hr.com/leap-hr">LEAP HR</a></span></p> <p><span class="body-extra-small-one"><a href="https://leap-hr.com/rna-therapy-products/">LEAP TA</a></span></p> <p><span class="body-extra-small-one"><a href="https://leap-hr.com/leap-searchlight/">LEAP Searchlight</a></span></p> </div> </div> <div class="content-col mb-6 md:mb-0 w-2/5 sm:w-auto sm:px-2.5 sm:min-w-[170px] lg:min-w-[190px] xl:min-w-[280px] block md:hidden"> <div> <p><span class="body-extra-small-one">© 2024 LEAP HR</span></p> <p><span class="body-extra-small-one"><a href="https://www.plugandplaydesign.co.uk/">Web Design Agency</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/privacy-policy/" target="_blank" rel="noopener">Privacy</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/cookies/" target="_blank" rel="noopener">Cookies</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/wp-content/uploads/2023/01/Code-of-Ethics.pdf" target="_blank" rel="noopener">Code of Ethics</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/modern-slavery/" target="_blank" rel="noopener">Modern Slavery</a></span></p> <p><a href="http://www.hansonwadegroup.com" target="_blank" rel="noopener"><span class="body-extra-small-one">A Hanson Wade Group Company</span></a></p> </div> </div> </div> </div> <div class="relative"> <div class="border-t w-full mb-2 opacity-20"></div> <div class="flex flex-col sm:flex-row justify-between py-6 nav-container text-content-light"> <div class="bottom-row-content flex sm:items-center flex-col sm:flex-row w-full hidden md:flex"> <p><span class="body-extra-small-one">© 2024 LEAP HR</span></p> <p><span class="body-extra-small-one"><a href="https://www.plugandplaydesign.co.uk/">Web Design Agency</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/privacy-policy/" target="_blank" rel="noopener">Privacy</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/cookies/" target="_blank" rel="noopener">Cookies</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/wp-content/uploads/2023/01/Code-of-Ethics.pdf" target="_blank" rel="noopener">Code of Ethics</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/modern-slavery/" target="_blank" rel="noopener">Modern Slavery</a></span></p> <p><a href="http://www.hansonwadegroup.com" target="_blank" rel="noopener"><span class="body-extra-small-one">A Hanson Wade Group Company</span></a></p> </div> <div> <ul class="flex items-center -mx-4 mt-4"> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://uk.linkedin.com/company/hanson-wade" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-linkedin text-2xl"></i> </a> </li> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://www.youtube.com/channel/UCS5ZEWbuAbuNPzd-nBSAOew" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-youtube text-2xl"></i> </a> </li> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://www.instagram.com/hansonwadeltd/" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-instagram text-2xl"></i> </a> </li> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://twitter.com/hansonwade" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-twitter text-2xl"></i> </a> </li> </ul> </div> </div> </div> </div> </footer> <div x-data="allModals()" id="all-modals"> <div x-ref="modalSkeleton" id="Modal__Skeleton"> <div x-data="singleModal()" x-cloak @modalopen.window="handleModalOpen" class="ModalSkeleton" role="dialog" aria-label="Modal" aria-modal="true"> <div x-show="open" x-transition:enter="ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="Modal__backdrop z-0 fixed inset-0 sm:blur-md bg-white sm:bg-transparent backdrop-blur-none transition-opacity" @click="handleModalClose" aria-hidden="true"></div> <div x-show="open" x-transition:enter="ease-out duration-600 transition-all" x-transition:enter-start="opacity-0 translate-x-full" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="ease-in duration-500 transition-none" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-full" class="Modal__dialog-wrapper z-10 fixed inset-0 left-auto w-full sm:w-11/12 lg:w-10/12 xl:w-8/12 sm:h-screen bg-white overflow-hidden transform"> <div x-show="open" x-transition:enter="ease-out duration-500 delay-700 transition-all" x-transition:enter-start="opacity-0 translate-x-4 scale-95" x-transition:enter-end="opacity-100 translate-x-0 scale-100" x-transition:leave="ease-in transition-none" x-transition:leave-start="opacity-100 translate-x-0 scale-100" x-transition:leave-end="opacity-0 translate-x-4 scale-95" class="Modal__dialog relative w-full h-full transform"> <div class="Modal__content relative w-full h-full"> <header class="Modal__header relative top-0 z-10 h-12 w-full flex justify-end items-center container sm:max-w-none sm:px-10 md:px-12 pb-8 pt-8 sm:pt-12 md:pt-16 lg:pt-24"> <div class="Modal__navigation py-4 sm:py-10 lg:py-6"></div> <button @click="handleModalClose" class="Modal__close-btn" data-dismiss="modal" aria-label="Close"></button> </header> <div class="Modal__body w-full h-full absolute inset-0 overflow-x-hidden overflow-y-auto"> <p class="Modal__error hidden" x-cloak>An error has occurred, please try again later.An error has occurred, please try again later.</p> </div> <footer class="Modal__footer absolute bottom-0 w-full hidden justify-end items-center z-10"> </footer> </div> </div> </div> </div> </div> </div> <div x-data="contactModal()" @opencontactmodal.window="show = true" class="flex flex-col sm:flex-row relative"> <div class="z-[999999] absolute inset-0"> <div x-show="show" x-transition:enter="ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="Modal__backdrop z-0 fixed inset-0 sm:blur-md bg-white sm:bg-transparent backdrop-blur-none transition-opacity" @click="handleModalClose" aria-hidden="true"></div> <div x-show="show" x-cloak x-transition:enter="ease-out duration-600 transition-all" x-transition:enter-start="opacity-0 translate-x-full" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="ease-in duration-500 transition-none" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-full" class="Modal__dialog-wrapper z-10 fixed inset-0 left-auto w-full sm:w-11/12 lg:w-10/12 xl:w-8/12 sm:h-screen bg-white overflow-hidden transform"> <div x-show="show" x-cloak x-transition:enter="ease-out duration-500 delay-700 transition-all" x-transition:enter-start="opacity-0 translate-x-4 scale-95" x-transition:enter-end="opacity-100 translate-x-0 scale-100" x-transition:leave="ease-in transition-none" x-transition:leave-start="opacity-100 translate-x-0 scale-100" x-transition:leave-end="opacity-0 translate-x-4 scale-95" class="Modal__dialog relative w-full h-full transform"> <div class="Modal__content relative w-full h-full"> <header class="Modal__header relative top-0 z-10 h-12 w-full flex justify-end items-center container sm:max-w-none sm:px-10 md:px-12 pb-8 pt-8 sm:pt-12 md:pt-16 lg:pt-24"> <div class="Modal__navigation py-4 sm:py-10 lg:py-6"></div> <button @click="show = false" class="Modal__close-btn" data-dismiss="modal" aria-label="Close"></button> </header> <div class="Modal__body w-full h-full absolute inset-0 overflow-x-hidden overflow-y-auto"> <div class="flex flex-col sm:flex-row h-full"> <div class="Contact_Modal_Form relative w-full h-full"> <div class="relative flex flex-col md:flex-row justify-items-stretch h-full"> <div class="Contact_Modal_Form__col-1 h-full max-h-[100vh] overflow-y-auto"> <div class="pt-24 pb-24 h-full md:pl-20 md:pr-20 flex flex-col justify-start h-full"> <div class="body-extra-small-two uppercase pb-12">Contact Us</div> <div> <h3 class="heading-three mb-4">Have a question?</h3> <div> Get in touch and we will get back to you. </div> <div class="mt-8"> <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_2' ><div id='gf_2' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h2 class="gform_title">Contact Modal</h2> <p class='gform_description'></p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_2' id='gform_2' action='/leap-searchlight/#gf_2' data-formid='2' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6LdERMsnAAAAAI28yB2VCW7uWeIaftSYECxdaVSH' data-tabindex='0'><input id="input_eb9e6b8e87b4620ae0ba879e0d28e4c2" class="gfield_recaptcha_response" type="hidden" name="input_eb9e6b8e87b4620ae0ba879e0d28e4c2" value=""/></div> <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_2_1" class="gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_1" ><label class='gfield_label gform-field-label' for='input_2_1'>First Name*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_2_1' type='text' value='' class='large' placeholder='First Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_3" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_3" ><label class='gfield_label gform-field-label' for='input_2_3'>Last Name*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_2_3' type='text' value='' class='large' placeholder='Last Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_4" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_4" ><label class='gfield_label gform-field-label' for='input_2_4'>Job Title*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_2_4' type='text' value='' class='large' placeholder='Job Title' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_5" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_5" ><label class='gfield_label gform-field-label' for='input_2_5'>Company*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_2_5' type='text' value='' class='large' placeholder='Company' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_10" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_10" ><label class='gfield_label gform-field-label' for='input_2_10'>Country*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_10' id='input_2_10' type='text' value='' class='large' placeholder='Country' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_7" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_7" ><label class='gfield_label gform-field-label' for='input_2_7'>Email*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_7' id='input_2_7' type='email' value='' class='large' placeholder='Email' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_8" class="gfield gfield--type-phone gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_8" ><label class='gfield_label gform-field-label' for='input_2_8'>Phone Number*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_8' id='input_2_8' type='tel' value='' class='large' placeholder='Phone Number' aria-required="true" aria-invalid="false" /></div></div><div id="field_2_9" class="gfield gfield--type-textarea gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_9" ><label class='gfield_label gform-field-label' for='input_2_9'>Your Question/Message*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_9' id='input_2_9' class='textarea large' placeholder='Your Question...' aria-required="true" aria-invalid="false" rows='10' cols='50'></textarea></div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' value='Submit' onclick='if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} jQuery("#gform_2").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=2&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='2' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_2' value='WyJbXSIsIjY4ZTJlNzgzY2E1MTkyNjFhODM3YjEyYzBhMzQwMDdiIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_2' id='gform_ajax_frame_2' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://www.leap-hr.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_2').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https://www.leap-hr.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> </div> </div> </div> </div> <div class="Contact_Modal_Form__col-2 h-full max-h-[100vh] overflow-y-auto"> <div class="pt-24 pb-24 h-full md:pl-20 md:pr-20 flex flex-col h-full"> <div class="body-extra-small-two uppercase opacity-0 pb-12">Contact Us</div> <div> <h3 class="heading-three mb-4">Alternatively...</h3> </div> <div> <div class="body-large font-bold text-brand-dark-blue mb-2">Call Us</div> <div class="mb-4"> <div>United Kingdom</div> <div><a class="underline" href="tel:+4402031418700"> +44 (0)203 141 8700</a></div> </div> <div class="mb-4"> <div>United States</div> <div><a class="underline" href="tel:+14157353289">+1 415 735 3289</a></div> </div> </div> <div> </div> <div> <div class="body-large font-bold text-brand-dark-blue my-4">Our Address</div> <div class="mb-4"> <p>Hanson Wade Group<br /> 52 Grosvenor Gardens,<br /> London<br /> SW1W 0AU</p> <p>&nbsp;</p> </div> <div> <div x-data="googleMap()" data-map='{"lat":"-35.515881","lng":"149.601135"}' class="Google__Map relative w-full padding-bottom-md"> <div class="flex flex-col "> <div class="w-full"> <div x-ref="Map" class="Map flex-none sm:flex-1 h-0 w-full overflow-hidden"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <link rel='stylesheet' id='gform_basic-css' href='https://www.leap-hr.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.8.18' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://www.leap-hr.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=2.8.18' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_ie11-css' href='https://www.leap-hr.com/wp-content/plugins/gravityforms/assets/css/dist/theme-ie11.min.css?ver=2.8.18' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://www.leap-hr.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.8.18' type='text/css' media='all' /> <script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?key=AIzaSyBK3SrH9gKJmZcB-Sr5d10e-fkkIpgV6gE&#038;callback=googleMap' id='google_maps-js'></script> <script type='text/javascript' defer src='https://www.leap-hr.com/wp-content/themes/pegasus/dist/js/main.js?ver=2.0' id='Main-js'></script> <script type='text/javascript' id='gforms_recaptcha_recaptcha-js-extra'> /* <![CDATA[ */ var gforms_recaptcha_recaptcha_strings = {"site_key":"6LdERMsnAAAAAI28yB2VCW7uWeIaftSYECxdaVSH","ajaxurl":"https:\/\/www.leap-hr.com\/wp-admin\/admin-ajax.php","nonce":"51fdbd8dfc"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6LdERMsnAAAAAI28yB2VCW7uWeIaftSYECxdaVSH&#038;ver=1.6.0' id='gforms_recaptcha_recaptcha-js'></script> <script type='text/javascript' src='https://www.leap-hr.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://www.leap-hr.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type='text/javascript' src='https://www.leap-hr.com/wp-includes/js/dist/dom-ready.min.js?ver=392bdd43726760d1f3ca' id='wp-dom-ready-js'></script> <script type='text/javascript' src='https://www.leap-hr.com/wp-includes/js/dist/hooks.min.js?ver=4169d3cf8e8d95a3d6d5' id='wp-hooks-js'></script> <script type='text/javascript' src='https://www.leap-hr.com/wp-includes/js/dist/i18n.min.js?ver=9e794f35a71bb98672ae' id='wp-i18n-js'></script> <script type='text/javascript' id='wp-i18n-js-after'> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script type='text/javascript' src='https://www.leap-hr.com/wp-includes/js/dist/a11y.min.js?ver=ecce20f002eda4c19664' id='wp-a11y-js'></script> <script type='text/javascript' defer='defer' src='https://www.leap-hr.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.8.18' id='gform_json-js'></script> <script type='text/javascript' id='gform_gravityforms-js-extra'> /* <![CDATA[ */ var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/www.leap-hr.com\/wp-content\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"Pound Sterling","symbol_left":"&#163;","symbol_right":"","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2,"code":"GBP"},"base_url":"https:\/\/www.leap-hr.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.leap-hr.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"9b65805fb0c767820ff044bc6aa2d79e","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gf_global = {"gf_currency_config":{"name":"Pound Sterling","symbol_left":"&#163;","symbol_right":"","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2,"code":"GBP"},"base_url":"https:\/\/www.leap-hr.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.leap-hr.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"9b65805fb0c767820ff044bc6aa2d79e","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; /* ]]> */ </script> <script type='text/javascript' defer='defer' src='https://www.leap-hr.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.8.18' id='gform_gravityforms-js'></script> <script type='text/javascript' defer='defer' src='https://www.leap-hr.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.8.18' id='gform_placeholder-js'></script> <script type='text/javascript' defer='defer' src='https://www.leap-hr.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=50c7bea9c2320e16728e44ae9fde5f26' id='gform_gravityforms_utils-js'></script> <script type='text/javascript' defer='defer' src='https://www.leap-hr.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=54e7080aa7a02c83aa61fae430b9d869' id='gform_gravityforms_theme_vendors-js'></script> <script type='text/javascript' id='gform_gravityforms_theme-js-extra'> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"9b65805fb0c767820ff044bc6aa2d79e"}}},"hmr_dev":"","public_path":"https:\/\/www.leap-hr.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; /* ]]> */ </script> <script type='text/javascript' defer='defer' src='https://www.leap-hr.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=bab19fd84843dabc070e73326d787910' id='gform_gravityforms_theme-js'></script> <script type='text/javascript' src='https://www.leap-hr.com/wp-content/plugins/gravityformsrecaptcha/js/frontend-legacy.min.js?ver=1.6.0' id='gforms_recaptcha_frontend-legacy-js'></script> <script type="text/javascript"> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script type="text/javascript"> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> <script type="text/javascript"> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 2) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script type="text/javascript"> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10