CINXE.COM
Explore All Life Sciences Conferences - Hanson Wade
<!doctype html> <html class="html page-template-default page page-id-919" 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"> /* <![CDATA[ */ var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); /* ]]> */ </script> <script type="text/javascript"> (function() { var pvData = {"source":"Direct","referrer":"Direct","visitor_type":"logged out","visitor_login_status":"logged out","visitor_id":0,"page_title":"Explore All Life Sciences Conferences - Hanson Wade","post_type":"page","post_type_with_prefix":"single page","post_categories":"","post_tags":"","post_author":"pnpd-admin","post_full_date":"November 6, 2022","post_year":"2022","post_month":"11","post_day":"06","is_front_page":0,"is_home":1,"search_query":"","search_results_count":0}; var body = { url: encodeURIComponent(window.location.href), referrer: encodeURIComponent(document.referrer) }; function makePostRequest(e,t){var n=[];if(t.body){for(var o in t.body)n.push(encodeURIComponent(o)+"="+encodeURIComponent(t.body[o]));t.body=n.join("&")}return window.fetch?new Promise(n=>{var o={method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},redirect:"follow",body:{},...t};window.fetch(e,o).then(e=>{n(e.text())})}):new Promise(t=>{var o;"undefined"==typeof XMLHttpRequest&&t(null),(o=new XMLHttpRequest).open("POST",e,!0),o.onreadystatechange=function(){4==o.readyState&&200==o.status&&t(o.responseText)},o.setRequestHeader("Content-type","application/x-www-form-urlencoded"),o.send(n.join("&"))})} function observeAjaxCartActions(e){new PerformanceObserver(function(t){for(var n=t.getEntries(),r=0;r<n.length;r++)["xmlhttprequest","fetch"].includes(n[r].initiatorType)&&['=get_refreshed_fragments', 'add_to_cart'].some(p => n[r].name.includes(p))&&fetchCart(e)}).observe({entryTypes:["resource"]})}; function fetchCart(adapter) { makePostRequest("//hansonwade.com/index.php?plugin=optimonk&action=cartData", { body }) .then((response) => { var data = JSON.parse(response); setCartData(data, adapter); }) } function setCartData(cartData, adapter) { adapter.Cart.clear(); cartData.cart.forEach(cartItem => { adapter.Cart.add(cartItem.sku, {quantity: cartItem.quantity, price: cartItem.price, name: cartItem.name}); }); Object.keys(cartData.avs).forEach((key, value) => { adapter.attr(`wp_${key}`, cartData.avs[key]); }) } function setAssocData(assocData, adapter) { Object.keys(assocData).forEach((key) => { adapter.attr(`wp_${key}`, assocData[key]); }) } var RuleHandler = { hasVisitorCartRules: (campaignMeta) => { return !!(campaignMeta.rules.visitorCart || campaignMeta.rules.visitorCartRevamp || campaignMeta.rules.visitorCartV3); }, hasVisitorAttributeRule: (campaignMeta) => { return !!campaignMeta.rules.visitorAttribute; } } document.querySelector('html').addEventListener('optimonk#embedded-campaigns-init', function(e) { var campaignsData = e.parameters; if (!campaignsData.length) { return; } var adapter = window.OptiMonkEmbedded.Visitor.createAdapter(); var hasCartRule = false; var hasAttributeRule = false; campaignsData.forEach((campaignMetaData) => { hasCartRule = hasCartRule || RuleHandler.hasVisitorCartRules(campaignMetaData); hasAttributeRule = hasAttributeRule || RuleHandler.hasVisitorAttributeRule(campaignMetaData); }); setAssocData(pvData, adapter); if (hasCartRule) { observeAjaxCartActions(adapter); fetchCart(adapter); } if (hasAttributeRule) { makePostRequest("//hansonwade.com/index.php?plugin=optimonk&action=productData", { body }) .then((response) => { var data = JSON.parse(response); setAssocData(data, adapter); }) } }); document.querySelector('html').addEventListener('optimonk#campaigns_initialized', function () { if (!OptiMonk.campaigns) { return; } var adapter = window.OptiMonk.Visitor.createAdapter(); setAssocData(pvData, adapter); if (OptiMonk.campaigns.filter(campaign => campaign.hasVisitorCartRules()).length) { observeAjaxCartActions(adapter); fetchCart(adapter); } if (OptiMonk.campaigns.filter(campaign => campaign.hasVisitorAttributeRules()).length) { makePostRequest("//hansonwade.com/index.php?plugin=optimonk&action=productData", { body }) .then((response) => { var data = JSON.parse(response); setAssocData(data, adapter); }); } }); }()); </script> <script type="text/javascript" src="https://onsite.optimonk.com/script.js?account=197068" async></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="#5bbad5"><meta name="msapplication-TileColor" content="#FFFFFF"><meta name="theme-color" content="#FFFFFF"> <!-- This site is optimized with the Yoast SEO plugin v23.8 - https://yoast.com/wordpress/plugins/seo/ --> <title>Explore All Life Sciences Conferences - Hanson Wade</title> <meta name="description" content="Explore Hanson Wade's range of life sciences conferences, covering a wide variety of specialists. Biotech conferences and pharma conferences held around the world." /> <link rel="canonical" href="https://hansonwade.com/life-sciences-conferences/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Explore All Life Sciences Conferences - Hanson Wade" /> <meta property="og:description" content="Explore Hanson Wade's range of life sciences conferences, covering a wide variety of specialists. Biotech conferences and pharma conferences held around the world." /> <meta property="og:url" content="https://hansonwade.com/life-sciences-conferences/" /> <meta property="og:site_name" content="Hanson Wade" /> <meta property="article:modified_time" content="2024-08-19T09:55:25+00:00" /> <meta property="og:image" content="https://hansonwade.com/wp-content/uploads/2023/01/hansonwade_logo_RGB.jpg" /> <meta property="og:image:width" content="1296" /> <meta property="og:image:height" content="589" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://hansonwade.com/life-sciences-conferences/","url":"https://hansonwade.com/life-sciences-conferences/","name":"Explore All Life Sciences Conferences - Hanson Wade","isPartOf":{"@id":"https://hansonwade.com/#website"},"primaryImageOfPage":{"@id":"https://hansonwade.com/life-sciences-conferences/#primaryimage"},"image":{"@id":"https://hansonwade.com/life-sciences-conferences/#primaryimage"},"thumbnailUrl":"https://hansonwade.com/wp-content/uploads/2023/01/hansonwade_logo_RGB.jpg","datePublished":"2022-11-06T15:17:13+00:00","dateModified":"2024-08-19T09:55:25+00:00","description":"Explore Hanson Wade's range of life sciences conferences, covering a wide variety of specialists. Biotech conferences and pharma conferences held around the world.","breadcrumb":{"@id":"https://hansonwade.com/life-sciences-conferences/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://hansonwade.com/life-sciences-conferences/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://hansonwade.com/life-sciences-conferences/#primaryimage","url":"https://hansonwade.com/wp-content/uploads/2023/01/hansonwade_logo_RGB.jpg","contentUrl":"https://hansonwade.com/wp-content/uploads/2023/01/hansonwade_logo_RGB.jpg","width":1296,"height":589},{"@type":"BreadcrumbList","@id":"https://hansonwade.com/life-sciences-conferences/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://hansonwade.com/"},{"@type":"ListItem","position":2,"name":"Conferences"}]},{"@type":"WebSite","@id":"https://hansonwade.com/#website","url":"https://hansonwade.com/","name":"Hanson Wade","description":"Hyper Relevant Scientific Information to Radically Improve Drug Development Decision-Making","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://hansonwade.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": "52 Grosvenor Gardens","addressLocality": "","addressRegion": "","addressCountry": "London","postalCode": "SW1W 0AU"},"email": "info@hansonwade.com","telephone": "+44 (0)20 3141 8700","name": "Hanson Wade Group","url": "https://hansonwade.com"}</script> <!-- This site uses the Google Analytics by MonsterInsights plugin v9.2.2 - Using Analytics tracking - https://www.monsterinsights.com/ --> <script src="//www.googletagmanager.com/gtag/js?id=G-PHRH5T4BR7" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> var mi_version = '9.2.2'; var mi_track_user = true; var mi_no_track_reason = ''; var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/hansonwade.com\/all-conferences\/"}; if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations ); } else { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations; } var disableStrs = [ 'ga-disable-G-PHRH5T4BR7', ]; /* Function to detect opted out users */ function __gtagTrackerIsOptedOut() { for (var index = 0; index < disableStrs.length; index++) { if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { return true; } } return false; } /* Disable tracking if the opt-out cookie exists. */ if (__gtagTrackerIsOptedOut()) { for (var index = 0; index < disableStrs.length; index++) { window[disableStrs[index]] = true; } } /* Opt-out function */ function __gtagTrackerOptout() { for (var index = 0; index < disableStrs.length; index++) { document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStrs[index]] = true; } } if ('undefined' === typeof gaOptout) { function gaOptout() { __gtagTrackerOptout(); } } window.dataLayer = window.dataLayer || []; window.MonsterInsightsDualTracker = { helpers: {}, trackers: {}, }; if (mi_track_user) { function __gtagDataLayer() { dataLayer.push(arguments); } function __gtagTracker(type, name, parameters) { if (!parameters) { parameters = {}; } if (parameters.send_to) { __gtagDataLayer.apply(null, arguments); return; } if (type === 'event') { parameters.send_to = monsterinsights_frontend.v4_id; var hookName = name; if (typeof parameters['event_category'] !== 'undefined') { hookName = parameters['event_category'] + ':' + name; } if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { MonsterInsightsDualTracker.trackers[hookName](parameters); } else { __gtagDataLayer('event', name, parameters); } } else { __gtagDataLayer.apply(null, arguments); } } __gtagTracker('js', new Date()); __gtagTracker('set', { 'developer_id.dZGIzZG': true, }); if ( MonsterInsightsLocations.page_location ) { __gtagTracker('set', MonsterInsightsLocations); } __gtagTracker('config', 'G-PHRH5T4BR7', {"forceSSL":"true","link_attribution":"true"} ); window.gtag = __gtagTracker; (function () { /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ /* ga and __gaTracker compatibility shim. */ var noopfn = function () { return null; }; var newtracker = function () { return new Tracker(); }; var Tracker = function () { return null; }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = function () { var args = Array.prototype.slice.call(arguments); args.unshift('send'); __gaTracker.apply(null, args); }; var __gaTracker = function () { var len = arguments.length; if (len === 0) { return; } var f = arguments[len - 1]; if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { if ('send' === arguments[0]) { var hitConverted, hitObject = false, action; if ('event' === arguments[1]) { if ('undefined' !== typeof arguments[3]) { hitObject = { 'eventAction': arguments[3], 'eventCategory': arguments[2], 'eventLabel': arguments[4], 'value': arguments[5] ? arguments[5] : 1, } } } if ('pageview' === arguments[1]) { if ('undefined' !== typeof arguments[2]) { hitObject = { 'eventAction': 'page_view', 'page_path': arguments[2], } } } if (typeof arguments[2] === 'object') { hitObject = arguments[2]; } if (typeof arguments[5] === 'object') { Object.assign(hitObject, arguments[5]); } if ('undefined' !== typeof arguments[1].hitType) { hitObject = arguments[1]; if ('pageview' === hitObject.hitType) { hitObject.eventAction = 'page_view'; } } if (hitObject) { action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction; hitConverted = mapArgs(hitObject); __gtagTracker('event', action, hitConverted); } } return; } function mapArgs(args) { var arg, hit = {}; var gaMap = { 'eventCategory': 'event_category', 'eventAction': 'event_action', 'eventLabel': 'event_label', 'eventValue': 'event_value', 'nonInteraction': 'non_interaction', 'timingCategory': 'event_category', 'timingVar': 'name', 'timingValue': 'value', 'timingLabel': 'event_label', 'page': 'page_path', 'location': 'page_location', 'title': 'page_title', 'referrer' : 'page_referrer', }; for (arg in args) { if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { hit[gaMap[arg]] = args[arg]; } else { hit[arg] = args[arg]; } } return hit; } try { f.hitCallback(); } catch (ex) { } }; __gaTracker.create = newtracker; __gaTracker.getByName = newtracker; __gaTracker.getAll = function () { return []; }; __gaTracker.remove = noopfn; __gaTracker.loaded = true; window['__gaTracker'] = __gaTracker; })(); } else { console.log(""); (function () { function __gtagTracker() { return null; } window['__gtagTracker'] = __gtagTracker; window['gtag'] = __gtagTracker; })(); } </script> <!-- / Google Analytics by MonsterInsights --> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--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--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;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.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' type='text/css' media='all' /> <link rel='stylesheet' id='Main-css' href='https://hansonwade.com/wp-content/themes/pegasus/dist/css/main.css' type='text/css' media='all' /> <script type="text/javascript" src="https://hansonwade.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js" id="monsterinsights-frontend-script-js" async="async" data-wp-strategy="async"></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */ var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/hansonwade.com","hash_tracking":"false","v4_id":"G-PHRH5T4BR7"};/* ]]> */ </script> <script type="text/javascript" src="//fast.fonts.net/jsapi/f5fc3967-4027-4526-9941-e122b7cd6c93.js" id="HelveticaFont-js"></script> <script type="text/javascript" src="https://hansonwade.com/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://hansonwade.com/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://hansonwade.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://hansonwade.com/wp-json/wp/v2/pages/919" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://hansonwade.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://hansonwade.com/?p=919' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://hansonwade.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhansonwade.com%2Flife-sciences-conferences%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://hansonwade.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhansonwade.com%2Flife-sciences-conferences%2F&format=xml" /> <link rel="preload" href="https://hansonwade.com/wp-content/themes/pegasus/dist/fonts/nexa-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://hansonwade.com/wp-content/themes/pegasus/dist/fonts/nexa-light.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://hansonwade.com/wp-content/themes/pegasus/dist/fonts/nexa-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><!-- CookiePro Cookies Consent Notice start for hansonwade.com --> <script type="text/javascript" src="https://cookie-cdn.cookiepro.com/consent/739bdcea-3a67-487d-9308-993be3e63fb5/OtAutoBlock.js" ></script> <script data-ot-ignore src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js" data-domain-script="739bdcea-3a67-487d-9308-993be3e63fb5" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- CookiePro Cookies Consent Notice end for hansonwade.com --> <!-- Marketo Measure --> <script type="text/javascript" src=https://cdn.bizible.com/scripts/bizible.js async=""></script> <!-- Marketo Measure --> <!-- Zoom Info --> <script> window[(function(_UkB,_95){var _Qo='';for(var _vB=0;_vB<_UkB.length;_vB++){var _sn=_UkB[_vB].charCodeAt();_sn-=_95;_95>6;_Qo==_Qo;_sn+=61;_sn!=_vB;_sn%=94;_sn+=33;_Qo+=String.fromCharCode(_sn)}return _Qo})(atob('ZVRbfXp1cG4hVnAm'), 11)] = 'f85d7831971678975742'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_NuP,_cl){var _GE='';for(var _Kk=0;_Kk<_NuP.length;_Kk++){_GE==_GE;_xh!=_Kk;var _xh=_NuP[_Kk].charCodeAt();_xh-=_cl;_xh+=61;_cl>3;_xh%=94;_xh+=33;_GE+=String.fromCharCode(_xh)}return _GE})(atob('dCIifCFGOzt2IToodTkhb351fCIhOm97eTsodTkibXM6diE='), 12)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) }); </script> <!-- Zoom Info --> <!-- 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-WRR6DGM');</script> <!-- End Google Tag Manager --><style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRR6DGM" 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 transition 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://hansonwade.com"> <span class="sr-only">Hanson Wade</span> <img src="https://hansonwade.com/wp-content/uploads/2022/09/light-logo.svg" data-src="https://hansonwade.com/wp-content/uploads/2022/09/light-logo.svg" width="260" height="30" class="w-auto lazy" alt="light-logo" :class="(scrolled || mobMenuOpen || megamenu !== null) ? 'hidden' : 'h-[2.75rem] md:h-[3.75rem]'" /> <img src="https://hansonwade.com/wp-content/uploads/2022/10/dark-logo-new.svg" data-src="https://hansonwade.com/wp-content/uploads/2022/10/dark-logo-new.svg" width="260" height="30" class="w-auto lazy" alt="dark-logo-new" :class="(scrolled || mobMenuOpen || megamenu !== null) ? 'h-[2.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 text-content-dark' : 'ion-ios-menu '), (scrolled || (mobMenuOpen && !scrolled) ? '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 === '112' ? megamenu = null : megamenu = '112';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '112' ? '-open' : '')">Products</span> </button> <div x-cloak x-show="megamenu === '112'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '112'" 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="nav-container max-h-screen overflow-y-auto scrollbar-hide pb-12"> <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-dark-blue ion-ios-close hover:text-brand-light-blue" 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-dark-blue font-bold leading-none">Products</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] lg:text-[16px] pb-8 mega__description"><p><span class="body-small">All Hanson Wade products focus on structuring data, content, and insight primarily in emerging and complex niches of drug discovery and development to provide the definitive quality and comprehensive coverage needed to get better drugs to patients faster.</span></p> </div> <div class="sm:-mx-2"> <a href="https://hansonwade.com/all-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">All Products</span><span>View All Products</span></a> </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" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md " href="https://hansonwade.com/life-sciences-conferences/"> <div class="image-container relative w-full overflow-hidden rounded-md min-h-[150px] md:min-h-[190px] xl:min-h-[250px] -icon"> <?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="absolute z-20 w-full h-full flex flex-col justify-between p-4 xl:p-8"> <div> <img src="https://hansonwade.com/wp-content/uploads/2022/10/hw_confrences_90x90.svg" data-src="https://hansonwade.com/wp-content/uploads/2022/10/hw_confrences_90x90.svg" width="86.414" height="86.414" class="object-cover w-[55px] lg:w-[75px] lazy" alt="hw_confrences_90x90" /> </div> <div class="heading-four w-full flex justify-between font-bold label z-20 transition text-content-dark"> <p style="color:#00114f";>Conferences</p> <span class="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 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> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md " href="https://hansonwade.com/beacon-life-sciences-data/"> <div class="image-container relative w-full overflow-hidden rounded-md min-h-[150px] md:min-h-[190px] xl:min-h-[250px] -icon"> <?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_1676" data-name="Rectangle 1676" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_22" data-name="Mask Group 22" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10735" data-name="Group 10735"> <g id="Group_10734" data-name="Group 10734"> <rect id="Rectangle_1675" data-name="Rectangle 1675" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9019" data-name="Path 9019" d="M0,0,115.917,421.908H0Z" transform="translate(80 139.092)" fill="#fff" opacity="0.7"/> <path id="Path_9024" data-name="Path 9024" d="M0,410,346.6,0H0Z" transform="translate(80 561) rotate(-90)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="absolute z-20 w-full h-full flex flex-col justify-between p-4 xl:p-8"> <div> <img src="https://hansonwade.com/wp-content/uploads/2023/02/Beacon_90x90-1.svg" data-src="https://hansonwade.com/wp-content/uploads/2023/02/Beacon_90x90-1.svg" class="object-cover w-[55px] lg:w-[75px] lazy" alt="Beacon_90x90" /> </div> <div class="heading-four w-full flex justify-between font-bold label z-20 transition text-content-dark"> <p style="color:#00114f";>Beacon</p> <span class="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 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> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md " href="https://hansonwade.com/intelligence-life-sciences-consultancy/"> <div class="image-container relative w-full overflow-hidden rounded-md min-h-[150px] md:min-h-[190px] xl:min-h-[250px] -icon"> <?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="absolute z-20 w-full h-full flex flex-col justify-between p-4 xl:p-8"> <div> <img src="https://hansonwade.com/wp-content/uploads/2022/10/Intelligence_90x90.svg" data-src="https://hansonwade.com/wp-content/uploads/2022/10/Intelligence_90x90.svg" width="88.047" height="88.161" class="object-cover w-[55px] lg:w-[75px] lazy" alt="Intelligence_90x90" /> </div> <div class="heading-four w-full flex justify-between font-bold label z-20 transition text-content-dark"> <p style="color:#00114f";>Intelligence</p> <span class="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 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> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-dark-blue" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md " href="https://hansonwade.com/searchlight-hr-networking-events/"> <div class="image-container relative w-full overflow-hidden rounded-md min-h-[150px] md:min-h-[190px] xl:min-h-[250px] -icon"> <?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_1680" data-name="Rectangle 1680" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_24" data-name="Mask Group 24" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10739" data-name="Group 10739"> <g id="Group_10738" data-name="Group 10738"> <rect id="Rectangle_1679" data-name="Rectangle 1679" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9022" data-name="Path 9022" d="M0,343.766,410,0V342.937Z" transform="translate(423.766 182.057) rotate(90)" fill="#fff" opacity="0.5"/> <path id="Path_9023" data-name="Path 9023" d="M0,0,587.7,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="absolute z-20 w-full h-full flex flex-col justify-between p-4 xl:p-8"> <div> <img src="https://hansonwade.com/wp-content/uploads/2022/10/search-light-90x90-1.svg" data-src="https://hansonwade.com/wp-content/uploads/2022/10/search-light-90x90-1.svg" width="114.469" height="119.113" class="object-cover w-[55px] lg:w-[75px] lazy" alt="search-light-90x90" /> </div> <div class="heading-four w-full flex justify-between font-bold label z-20 transition text-content-dark"> <p style="color:#00114f";>Searchlight</p> <span class="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 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> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover: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 === '112'" @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 === '144' ? megamenu = null : megamenu = '144';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '144' ? '-open' : '')">Topics</span> </button> <div x-cloak x-show="megamenu === '144'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '144'" 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="nav-container max-h-screen overflow-y-auto scrollbar-hide pb-12"> <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-dark-blue ion-ios-close hover:text-brand-light-blue" 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-dark-blue font-bold leading-none">Topics</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] lg:text-[16px] pb-8 mega__description"><p><span class="body-small">Hanson Wade products are united by a deep level of research and a precise understanding of scientific content. Whether through world-class speakers, original content, or industry-defining databases, this knowledge is delivered through a premium customer experience.</span></p> </div> </div> </div> <ul class="MegaMenu__List flex flex-wrap -m-2"> <li class="w-1/3 lg:w-1/4 p-4 accent-purple" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/adcs-engineered-antibodies-products/"> <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"> <p style="color:#00114f";>ADCs & Engineered Antibodies</p> </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 " data-alternate-accent-colour="#990000"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/autoimmune-immunology-products/"> <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"> <p style="color:#00114f";>Autoimmune & Immunology</p> </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-red" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/cell-therapy-products/"> <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"> <p style="color:#00114f";>Cell Therapy</p> </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 " data-alternate-accent-colour="#662680"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/cns-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_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"> <p style="color:#00114f";>CNS</p> </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" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/gene-therapy-research-products/"> <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"> <p style="color:#00114f";>Gene Therapy</p> </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-pink" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/microbiome-products/"> <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"> <p style="color:#00114f";>Microbiome</p> </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-turquoise" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/precision-oncology-products/"> <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_1680" data-name="Rectangle 1680" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_24" data-name="Mask Group 24" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10739" data-name="Group 10739"> <g id="Group_10738" data-name="Group 10738"> <rect id="Rectangle_1679" data-name="Rectangle 1679" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9022" data-name="Path 9022" d="M0,343.766,410,0V342.937Z" transform="translate(423.766 182.057) rotate(90)" fill="#fff" opacity="0.5"/> <path id="Path_9023" data-name="Path 9023" d="M0,0,587.7,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"> <p style="color:#00114f";>Precision Oncology</p> </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-orange" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/process-development-manufacturing-products/"> <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"> <p style="color:#00114f";>Process Development & Manufacturing</p> </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-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/protein-degradation-products/"> <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"> <p style="color:#00114f";>Protein Degradation</p> </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-light-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/rna-therapy-products/"> <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"> <p style="color:#00114f";>RNA Therapy</p> </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 === '144'" @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 === '876' ? megamenu = null : megamenu = '876';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '876' ? '-open' : '')">About</span> </button> <div x-cloak x-show="megamenu === '876'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '876'" 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="nav-container max-h-screen overflow-y-auto scrollbar-hide pb-12"> <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-dark-blue ion-ios-close hover:text-brand-light-blue" 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-dark-blue font-bold leading-none">About</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] lg:text-[16px] pb-8 mega__description"></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" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.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"> <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"> <p style="color:#00114f";>What We Do</p> </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" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.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"> <p style="color:#00114f";>Why We Do It</p> </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" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/who-we-work-with"> <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"> <p style="color:#00114f";>Who We Work With</p> </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" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[150px]" href="https://hansonwade.com/who-we-are/"> <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"> <p style="color:#00114f";>Who We Are</p> </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 === '876'" @click="megamenu = null"> </div> </div> </div> </li> <li class="relative"> <a href="https://hansonwade.com/careers/" class="desktop-navigation-link font-medium -underline py-4 " :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 class="flex items-center"> <h4 class="body-base hidden md:block "> <a href=""></a> </h4> </div> <button type="button" @click="mobSubNavOpen = !mobSubNavOpen" class="md:hidden flex justify-between items-center w-full relative" :class="mobSubNavOpen ? 'text-content-dark' : ''"> <span class="heading font-normal"></span> <i class="icon ion-ios-arrow-down transition duration-200 ease-out transform ml-1 text-current" :class="mobSubNavOpen ? 'rotate-180' : ''"></i> </button> </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 font-normal body-extra-small-one " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwade.com/all-products/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > All Products </a> </li> <li class="block ml-4 font-normal body-extra-small-one -current " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwade.com/life-sciences-conferences/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > Conferences </a> </li> <li class="block ml-4 font-normal body-extra-small-one " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwade.com/beacon-life-sciences-data/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > Beacon </a> </li> <li class="block ml-4 font-normal body-extra-small-one " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwade.com/intelligence-life-sciences-consultancy/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > Intelligence </a> </li> <li class="block ml-4 font-normal body-extra-small-one " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwade.com/searchlight-hr-networking-events/" target="" class="link whitespace-nowrap transform transition duration-300" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > 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://hansonwade.com/all-products/" target=""> All Products </a> </li> <li class="py-3 text-[16px] font-normal -current-underline"> <a href="https://hansonwade.com/life-sciences-conferences/" target=""> Conferences </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://hansonwade.com/beacon-life-sciences-data/" target=""> Beacon </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://hansonwade.com/intelligence-life-sciences-consultancy/" target=""> Intelligence </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://hansonwade.com/searchlight-hr-networking-events/" target=""> 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>Products</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"><p><span class="body-small">All Hanson Wade products focus on structuring data, content, and insight primarily in emerging and complex niches of drug discovery and development to provide the definitive quality and comprehensive coverage needed to get better drugs to patients faster.</span></p> </div> <div class="sm:-mx-2 mb-6"> <a href="https://hansonwade.com/all-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">All Products</span><span>View All Products</span></a> </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://hansonwade.com/life-sciences-conferences/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Conferences</p></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://hansonwade.com/beacon-life-sciences-data/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Beacon</p></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://hansonwade.com/intelligence-life-sciences-consultancy/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Intelligence</p></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://hansonwade.com/searchlight-hr-networking-events/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Searchlight</p></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>Topics</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"><p><span class="body-small">Hanson Wade products are united by a deep level of research and a precise understanding of scientific content. Whether through world-class speakers, original content, or industry-defining databases, this knowledge is delivered through a premium customer experience.</span></p> </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://hansonwade.com/adcs-engineered-antibodies-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>ADCs & Engineered Antibodies</p></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://hansonwade.com/autoimmune-immunology-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Autoimmune & Immunology</p></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://hansonwade.com/cell-therapy-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Cell Therapy</p></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://hansonwade.com/cns-conferences/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>CNS</p></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://hansonwade.com/gene-therapy-research-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Gene Therapy</p></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://hansonwade.com/microbiome-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Microbiome</p></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://hansonwade.com/precision-oncology-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Precision Oncology</p></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://hansonwade.com/process-development-manufacturing-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Process Development & Manufacturing</p></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://hansonwade.com/protein-degradation-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Protein Degradation</p></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://hansonwade.com/rna-therapy-products/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>RNA Therapy</p></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>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://hansonwade.com/what-we-do/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>What We Do</p></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://hansonwade.com/why-we-do-it/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Why We Do It</p></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://hansonwade.com/who-we-work-with"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Who We Work With</p></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://hansonwade.com/who-we-are/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Who We Are</p></span> </a> </div> </li> </ul> </div> </div> </div> </li> <li> <a href="https://hansonwade.com/careers/" 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://hansonwade.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-919"> <!-- 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://hansonwade.com/wp-content/uploads/2022/10/blue-banner-1-small.jpg);" ></div> </div> <div class="container"> <div x-data="bannerSmall()" x-intersect.once="visible = true" class="Banner__Small flex items-end flex-col md:flex-row justify-end md:justify-start padding-top-xl sm:min-h-[550px] relative " style="background-color: ;"> <div class="flex flex-col z-10 items-start padding-bottom-xs transform transition duration-500 w-full md:w-2/5 " :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <h1 class="heading-two">Conferences</h1> <p>Hanson Wade Conferences improve drug development decision-making to accelerate safer, more effective, and accessible drugs to patients in need. We provide biopharmaceutical leaders unrivaled access to premium content and insight. Critical information, delivered by world-class industry speakers to progress the right targeted therapies to the right patients, faster.</p> </div> <div class="relative Counter__Small flex w-full md:flex-1 justify-end ml-20 lg:ml-24"> <div class="flex lg:flex-wrap md:justify-end w-full"> <div x-data="counterSmall()" x-ref="theCounter" x-init="startCount()" class="Counter__Container px-4 py-4 md:flex-1 sm:px-8 sm:py-8 mr-4 relative sm:w-1/3"> <div class="absolute inset-0 bg-white/20 border-t border-l border-r border-white rounded-tl-md rounded-tr-md"></div> <div class="Counter flex flex-col items-start"> <img src="https://hansonwade.com/wp-content/uploads/2022/11/Group-15713.svg" alt=""> <div class="Counter-number font-bold" x-ref="number" data-counter-number="200">0</div> <span class="Counter-suffix font-medium">Industry Events</span> </div> </div> <div x-data="counterSmall()" x-ref="theCounter" x-init="startCount()" class="Counter__Container px-4 py-4 md:flex-1 sm:px-8 sm:py-8 mr-4 relative sm:w-1/3"> <div class="absolute inset-0 bg-white/20 border-t border-l border-r border-white rounded-tl-md rounded-tr-md"></div> <div class="Counter flex flex-col items-start"> <img src="https://hansonwade.com/wp-content/uploads/2022/11/Group-15712.svg" alt=""> <div class="Counter-number font-bold" x-ref="number" data-counter-number="6600">0</div> <span class="Counter-suffix font-medium">Speakers</span> </div> </div> <div x-data="counterSmall()" x-ref="theCounter" x-init="startCount()" class="Counter__Container px-4 py-4 md:flex-1 sm:px-8 sm:py-8 mr-4 relative sm:w-1/3"> <div class="absolute inset-0 bg-white/20 border-t border-l border-r border-white rounded-tl-md rounded-tr-md"></div> <div class="Counter flex flex-col items-start"> <img src="https://hansonwade.com/wp-content/uploads/2022/11/Group-15714.svg" alt=""> <div class="Counter-number font-bold" x-ref="number" data-counter-number="30000">0</div> <span class="Counter-suffix font-medium">Attendees</span> </div> </div> </div> </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'"> <h1 class="text-gradient-light-dark-blue heading-three heading-two heading-one" style="text-align: left;">Premium Insight & Meaningful Connections for Biopharma</h1> </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>Every life sciences conference from Hanson Wade delivers highly relevant and curated content, showcased by the thought-leaders who define best practice. We assemble qualified audiences to facilitate meaningful and long-lasting connections between senior decision-makers, matching genuine buyers with proven solution providers. With 200+ events annually, our life sciences conferences cover key disease areas and drug modalities across the entire R&D value change to facilitate more effective and efficient drug development for all.</p> </div> </div> </div> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block text-content-dark" > <div class=""> <div x-data="postFilters()"> <section class="Post__Grid-filters relative z-40 bg-brand-white" @click.away="openMenu = null"> <div x-show="isLoading" class="absolute w-full h-full top-0 left-0 bg-white bg-opacity-60 z-[999] flex items-center justify-center"> <svg role="status" class=" w-12 h-12 text-white animate-spin fill-brand-orange z-10" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> </svg> </div> <div class="relative"> <div class="w-full border-b border-mist"> <h2 class="heading-three"></h2> <div class="bg-white container py-4"> <div class="relative"> <svg class="absolute left-3 top-2.5 w-5 h-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M12.9 14.32a8 8 0 111.414-1.414l4.586 4.586a1 1 0 01-1.414 1.414l-4.586-4.586zM8 14A6 6 0 108 2a6 6 0 000 12z" clip-rule="evenodd"></path> </svg> <input x-model="term" name="filter-search" type="text" class="pl-10 pr-4 py-2 border border-gray-300 rounded-lg" placeholder="Search for products"> </div> </div> </div> <div class="Post__Grid-filters-container container flex flex-col md:flex-row items-start md:items-center justify-between py-2"> <div class="flex-1 w-full flex flex-col md:flex-row md:items-center flex-start"> <div class="body-extra-small-one font-normal text-black md:border-r border-border-dark-grey/20 mr-4 pr-4 py-4 flex items-center flex-row"> <svg xmlns="http://www.w3.org/2000/svg" width="21.214" height="14.143" viewBox="0 0 21.214 14.143" class="mr-2"> <path id="Icon_material-filter-list" data-name="Icon material-filter-list" d="M12.75,23.143h4.714V20.785H12.75ZM4.5,9v2.357H25.714V9Zm3.536,8.25H22.178V14.893H8.036Z" transform="translate(-4.5 -9)" fill="#1d1d1d"/> </svg> <div>Filter <span x-show="numOfProductsChange" x-text="numOfProducts"></span><span x-show="!numOfProductsChange">162</span> <span>Products By</span> </div> </div> <button @click="openMenu === null ? openMenu = 'topic' : openMenu = null" type="button" class="Post__Grid-filters-button py-4 md:px-5 md:mr-2 flex items-center justify-between relative transition" :class="openMenu === 'topic' ? 'md:bg-button-grey-active opacity-100 active-button' : ''"> <span class="label pr-4 body-extra-small-one font-normal text-black">Topic</span> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="7.778" viewBox="0 0 13.435 7.778" class="transition duration-500 transform" :class="openMenu === 'topic' ? 'rotate-180' : ''"> <g id="Group_2143" data-name="Group 2143"></g> <g id="Group_2143" data-name="Group 2143" transform="translate(709.582 7.901) rotate(135)"> <line id="Line_347" data-name="Line 347" x2="8" transform="translate(488.163 497.837)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> <line id="Line_348" data-name="Line 348" x2="8" transform="translate(496.163 497.837) rotate(90)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> </g> </svg> </button> <div class="md:hidden justify-center flex"> <div x-show="openMenu === 'topic'" x-cloak class="flex items-center flex-wrap py-4 sm:py-12 w-full z-50 bg-brand-white filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'adcs-engineered-antibodies') && '1' == '1' ){toggleFilterValue('filter-topic', 'adcs-engineered-antibodies', 'ADCs & Engineered Antibodies', '');}" @click="[updateFilter('filter-topic','adcs-engineered-antibodies', ''), pegasus.toggleArrayValue(selectedChildFilter, '282')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'adcs-engineered-antibodies', 'ADCs & Engineered Antibodies', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#721dad" :class="if(filterIsSelected('topic', 'adcs-engineered-antibodies')){ return 'active-filter text-content-light' }">ADCs & Engineered Antibodies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'autoimmune-immunology') && '1' == '1' ){toggleFilterValue('filter-topic', 'autoimmune-immunology', 'Autoimmune & Immunology', '');}" @click="[updateFilter('filter-topic','autoimmune-immunology', ''), pegasus.toggleArrayValue(selectedChildFilter, '403')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'autoimmune-immunology', 'Autoimmune & Immunology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#990000" :class="if(filterIsSelected('topic', 'autoimmune-immunology')){ return 'active-filter text-content-light' }">Autoimmune & Immunology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'cell-therapy') && '1' == '1' ){toggleFilterValue('filter-topic', 'cell-therapy', 'Cell Therapy', '');}" @click="[updateFilter('filter-topic','cell-therapy', ''), pegasus.toggleArrayValue(selectedChildFilter, '268')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'cell-therapy', 'Cell Therapy', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#ce1523" :class="if(filterIsSelected('topic', 'cell-therapy')){ return 'active-filter text-content-light' }">Cell Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'cns') && '1' == '1' ){toggleFilterValue('filter-topic', 'cns', 'CNS', '');}" @click="[updateFilter('filter-topic','cns', ''), pegasus.toggleArrayValue(selectedChildFilter, '402')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'cns', 'CNS', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#662680" :class="if(filterIsSelected('topic', 'cns')){ return 'active-filter text-content-light' }">CNS</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'gene-therapy') && '1' == '1' ){toggleFilterValue('filter-topic', 'gene-therapy', 'Gene Therapy', '');}" @click="[updateFilter('filter-topic','gene-therapy', ''), pegasus.toggleArrayValue(selectedChildFilter, '288')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'gene-therapy', 'Gene Therapy', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#0b4270" :class="if(filterIsSelected('topic', 'gene-therapy')){ return 'active-filter text-content-light' }">Gene Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'hr') && '1' == '1' ){toggleFilterValue('filter-topic', 'hr', 'HR', '');}" @click="[updateFilter('filter-topic','hr', ''), pegasus.toggleArrayValue(selectedChildFilter, '314')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'hr', 'HR', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('topic', 'hr')){ return 'active-filter text-content-light' }">HR</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'microbiome') && '1' == '1' ){toggleFilterValue('filter-topic', 'microbiome', 'Microbiome', '');}" @click="[updateFilter('filter-topic','microbiome', ''), pegasus.toggleArrayValue(selectedChildFilter, '284')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'microbiome', 'Microbiome', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#dc1779" :class="if(filterIsSelected('topic', 'microbiome')){ return 'active-filter text-content-light' }">Microbiome</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'precision-oncology') && '1' == '1' ){toggleFilterValue('filter-topic', 'precision-oncology', 'Precision Oncology', '');}" @click="[updateFilter('filter-topic','precision-oncology', ''), pegasus.toggleArrayValue(selectedChildFilter, '255')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'precision-oncology', 'Precision Oncology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#00a6a8" :class="if(filterIsSelected('topic', 'precision-oncology')){ return 'active-filter text-content-light' }">Precision Oncology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'process-development-manufacturing') && '1' == '1' ){toggleFilterValue('filter-topic', 'process-development-manufacturing', 'Process Development & Manufacturing', '');}" @click="[updateFilter('filter-topic','process-development-manufacturing', ''), pegasus.toggleArrayValue(selectedChildFilter, '286')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'process-development-manufacturing', 'Process Development & Manufacturing', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#df5d27" :class="if(filterIsSelected('topic', 'process-development-manufacturing')){ return 'active-filter text-content-light' }">Process Development & Manufacturing</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'project-type') && '1' == '1' ){toggleFilterValue('filter-topic', 'project-type', 'Project Type', '');}" @click="[updateFilter('filter-topic','project-type', ''), pegasus.toggleArrayValue(selectedChildFilter, '393')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'project-type', 'Project Type', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('topic', 'project-type')){ return 'active-filter text-content-light' }">Project Type</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'protein-degradation') && '1' == '1' ){toggleFilterValue('filter-topic', 'protein-degradation', 'Protein Degradation', '');}" @click="[updateFilter('filter-topic','protein-degradation', ''), pegasus.toggleArrayValue(selectedChildFilter, '278')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'protein-degradation', 'Protein Degradation', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#006943" :class="if(filterIsSelected('topic', 'protein-degradation')){ return 'active-filter text-content-light' }">Protein Degradation</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'rna-therapy') && '1' == '1' ){toggleFilterValue('filter-topic', 'rna-therapy', 'RNA Therapy', '');}" @click="[updateFilter('filter-topic','rna-therapy', ''), pegasus.toggleArrayValue(selectedChildFilter, '264')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'rna-therapy', 'RNA Therapy', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#50c966" :class="if(filterIsSelected('topic', 'rna-therapy')){ return 'active-filter text-content-light' }">RNA Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'sustainability') && '1' == '1' ){toggleFilterValue('filter-topic', 'sustainability', 'Sustainability', '');}" @click="[updateFilter('filter-topic','sustainability', ''), pegasus.toggleArrayValue(selectedChildFilter, '395')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'sustainability', 'Sustainability', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('topic', 'sustainability')){ return 'active-filter text-content-light' }">Sustainability</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('topic', 'ta') && '1' == '1' ){toggleFilterValue('filter-topic', 'ta', 'TA', '');}" @click="[updateFilter('filter-topic','ta', ''), pegasus.toggleArrayValue(selectedChildFilter, '382')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'ta', 'TA', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('topic', 'ta')){ return 'active-filter text-content-light' }">TA</button> </div> </div> <button @click="openMenu === null ? openMenu = 'disease' : openMenu = null" type="button" class="Post__Grid-filters-button py-4 md:px-5 md:mr-2 flex items-center justify-between relative transition" :class="openMenu === 'disease' ? 'md:bg-button-grey-active opacity-100 active-button' : ''"> <span class="label pr-4 body-extra-small-one font-normal text-black">Disease</span> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="7.778" viewBox="0 0 13.435 7.778" class="transition duration-500 transform" :class="openMenu === 'disease' ? 'rotate-180' : ''"> <g id="Group_2143" data-name="Group 2143"></g> <g id="Group_2143" data-name="Group 2143" transform="translate(709.582 7.901) rotate(135)"> <line id="Line_347" data-name="Line 347" x2="8" transform="translate(488.163 497.837)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> <line id="Line_348" data-name="Line 348" x2="8" transform="translate(496.163 497.837) rotate(90)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> </g> </svg> </button> <div class="md:hidden justify-center flex"> <div x-show="openMenu === 'disease'" x-cloak class="flex items-center flex-wrap py-4 sm:py-12 w-full z-50 bg-brand-white filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'autoimmune-inflammation') && '1' == '1' ){toggleFilterValue('filter-disease', 'autoimmune-inflammation', 'Autoimmune & Inflammation', '');}" @click="[updateFilter('filter-disease','autoimmune-inflammation', ''), pegasus.toggleArrayValue(selectedChildFilter, '285')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'autoimmune-inflammation', 'Autoimmune & Inflammation', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'autoimmune-inflammation')){ return 'active-filter text-content-light' }">Autoimmune & Inflammation</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'biomarkers') && '1' == '1' ){toggleFilterValue('filter-disease', 'biomarkers', 'Biomarkers', '');}" @click="[updateFilter('filter-disease','biomarkers', ''), pegasus.toggleArrayValue(selectedChildFilter, '299')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'biomarkers', 'Biomarkers', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'biomarkers')){ return 'active-filter text-content-light' }">Biomarkers</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'cardiovascular-renal-metabolism') && '1' == '1' ){toggleFilterValue('filter-disease', 'cardiovascular-renal-metabolism', 'Cardiovascular, Renal & Metabolism', '');}" @click="[updateFilter('filter-disease','cardiovascular-renal-metabolism', ''), pegasus.toggleArrayValue(selectedChildFilter, '273')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'cardiovascular-renal-metabolism', 'Cardiovascular, Renal & Metabolism', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'cardiovascular-renal-metabolism')){ return 'active-filter text-content-light' }">Cardiovascular, Renal & Metabolism</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'dermatology') && '1' == '1' ){toggleFilterValue('filter-disease', 'dermatology', 'Dermatology', '');}" @click="[updateFilter('filter-disease','dermatology', ''), pegasus.toggleArrayValue(selectedChildFilter, '301')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'dermatology', 'Dermatology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'dermatology')){ return 'active-filter text-content-light' }">Dermatology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'immunology') && '1' == '1' ){toggleFilterValue('filter-disease', 'immunology', 'Immunology', '');}" @click="[updateFilter('filter-disease','immunology', ''), pegasus.toggleArrayValue(selectedChildFilter, '294')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'immunology', 'Immunology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'immunology')){ return 'active-filter text-content-light' }">Immunology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'neuroscience') && '1' == '1' ){toggleFilterValue('filter-disease', 'neuroscience', 'Neuroscience', '');}" @click="[updateFilter('filter-disease','neuroscience', ''), pegasus.toggleArrayValue(selectedChildFilter, '292')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'neuroscience', 'Neuroscience', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'neuroscience')){ return 'active-filter text-content-light' }">Neuroscience</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'oncology') && '1' == '' ){toggleFilterValue('filter-disease', 'oncology', 'Oncology', 'solid-tumors,liquid-tumors');}" @click="[updateFilter('filter-disease','oncology', 'solid-tumors,liquid-tumors'), pegasus.toggleArrayValue(selectedChildFilter, '256')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'oncology', 'Oncology', 'solid-tumors,liquid-tumors');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'oncology')){ return 'active-filter text-content-light' }">Oncology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'ophthalmology') && '1' == '1' ){toggleFilterValue('filter-disease', 'ophthalmology', 'Ophthalmology', '');}" @click="[updateFilter('filter-disease','ophthalmology', ''), pegasus.toggleArrayValue(selectedChildFilter, '276')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'ophthalmology', 'Ophthalmology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'ophthalmology')){ return 'active-filter text-content-light' }">Ophthalmology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'rare-diseases') && '1' == '1' ){toggleFilterValue('filter-disease', 'rare-diseases', 'Rare Diseases', '');}" @click="[updateFilter('filter-disease','rare-diseases', ''), pegasus.toggleArrayValue(selectedChildFilter, '290')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'rare-diseases', 'Rare Diseases', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'rare-diseases')){ return 'active-filter text-content-light' }">Rare Diseases</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'respiratory-infectious-diseases') && '1' == '1' ){toggleFilterValue('filter-disease', 'respiratory-infectious-diseases', 'Respiratory & Infectious Diseases', '');}" @click="[updateFilter('filter-disease','respiratory-infectious-diseases', ''), pegasus.toggleArrayValue(selectedChildFilter, '291')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'respiratory-infectious-diseases', 'Respiratory & Infectious Diseases', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'respiratory-infectious-diseases')){ return 'active-filter text-content-light' }">Respiratory & Infectious Diseases</button> <div class="block w-full border-t pt-2" x-show="selectedChildFilter.includes('256')" x-init="if(window.outerWidth <= 991 && typeof filterData['filter-disease'] !== 'undefined' && filterData['filter-disease'].includes('oncology')){pegasus.toggleArrayValue(selectedChildFilter, '256'); toggleFilterValue('filter-disease', 'oncology', 'Oncology');}" x-collapse.duration.500ms > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'solid-tumors')){toggleFilterValue('filter-disease', 'solid-tumors', 'Solid Tumors');}" @click="updateFilter('filter-disease','solid-tumors'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'solid-tumors', 'Solid Tumors');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('disease', 'solid-tumors')){ return 'active-filter text-content-light' }">Solid Tumors</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('disease', 'liquid-tumors')){toggleFilterValue('filter-disease', 'liquid-tumors', 'Liquid Tumors');}" @click="updateFilter('filter-disease','liquid-tumors'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'liquid-tumors', 'Liquid Tumors');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('disease', 'liquid-tumors')){ return 'active-filter text-content-light' }">Liquid Tumors</button> </div> </div> </div> <button @click="openMenu === null ? openMenu = 'modality' : openMenu = null" type="button" class="Post__Grid-filters-button py-4 md:px-5 md:mr-2 flex items-center justify-between relative transition" :class="openMenu === 'modality' ? 'md:bg-button-grey-active opacity-100 active-button' : ''"> <span class="label pr-4 body-extra-small-one font-normal text-black">Modality</span> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="7.778" viewBox="0 0 13.435 7.778" class="transition duration-500 transform" :class="openMenu === 'modality' ? 'rotate-180' : ''"> <g id="Group_2143" data-name="Group 2143"></g> <g id="Group_2143" data-name="Group 2143" transform="translate(709.582 7.901) rotate(135)"> <line id="Line_347" data-name="Line 347" x2="8" transform="translate(488.163 497.837)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> <line id="Line_348" data-name="Line 348" x2="8" transform="translate(496.163 497.837) rotate(90)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> </g> </svg> </button> <div class="md:hidden justify-center flex"> <div x-show="openMenu === 'modality'" x-cloak class="flex items-center flex-wrap py-4 sm:py-12 w-full z-50 bg-brand-white filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'advanced-therapies') && '1' == '' ){toggleFilterValue('filter-modality', 'advanced-therapies', 'Advanced Therapies', 'cell-therapy,gene-therapy,microbiome,oncolytic-virotherapies,regenerative-medicine,rna-therapeutics,vaccine');}" @click="[updateFilter('filter-modality','advanced-therapies', 'cell-therapy,gene-therapy,microbiome,oncolytic-virotherapies,regenerative-medicine,rna-therapeutics,vaccine'), pegasus.toggleArrayValue(selectedChildFilter, '261')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'advanced-therapies', 'Advanced Therapies', 'cell-therapy,gene-therapy,microbiome,oncolytic-virotherapies,regenerative-medicine,rna-therapeutics,vaccine');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('modality', 'advanced-therapies')){ return 'active-filter text-content-light' }">Advanced Therapies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'biologics') && '1' == '' ){toggleFilterValue('filter-modality', 'biologics', 'Biologics', 'adc,cytokine-therapies,multispecific,naked-antibodies,oligonucleotides,radiopharmaceutical');}" @click="[updateFilter('filter-modality','biologics', 'adc,cytokine-therapies,multispecific,naked-antibodies,oligonucleotides,radiopharmaceutical'), pegasus.toggleArrayValue(selectedChildFilter, '259')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'biologics', 'Biologics', 'adc,cytokine-therapies,multispecific,naked-antibodies,oligonucleotides,radiopharmaceutical');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('modality', 'biologics')){ return 'active-filter text-content-light' }">Biologics</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'novel-food') && '1' == '1' ){toggleFilterValue('filter-modality', 'novel-food', 'Novel Food', '');}" @click="[updateFilter('filter-modality','novel-food', ''), pegasus.toggleArrayValue(selectedChildFilter, '358')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'novel-food', 'Novel Food', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('modality', 'novel-food')){ return 'active-filter text-content-light' }">Novel Food</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'small-molecules') && '1' == '' ){toggleFilterValue('filter-modality', 'small-molecules', 'Small Molecules', 'ddr,inhibitors,protein-degradation');}" @click="[updateFilter('filter-modality','small-molecules', 'ddr,inhibitors,protein-degradation'), pegasus.toggleArrayValue(selectedChildFilter, '270')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'small-molecules', 'Small Molecules', 'ddr,inhibitors,protein-degradation');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('modality', 'small-molecules')){ return 'active-filter text-content-light' }">Small Molecules</button> <div class="block w-full border-t pt-2" x-show="selectedChildFilter.includes('261')" x-init="if(window.outerWidth <= 991 && typeof filterData['filter-modality'] !== 'undefined' && filterData['filter-modality'].includes('advanced-therapies')){pegasus.toggleArrayValue(selectedChildFilter, '261'); toggleFilterValue('filter-modality', 'advanced-therapies', 'Advanced Therapies');}" x-collapse.duration.500ms > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'cell-therapy')){toggleFilterValue('filter-modality', 'cell-therapy', 'Cell Therapy');}" @click="updateFilter('filter-modality','cell-therapy'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'cell-therapy', 'Cell Therapy');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'cell-therapy')){ return 'active-filter text-content-light' }">Cell Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'gene-therapy')){toggleFilterValue('filter-modality', 'gene-therapy', 'Gene Therapy');}" @click="updateFilter('filter-modality','gene-therapy'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'gene-therapy', 'Gene Therapy');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'gene-therapy')){ return 'active-filter text-content-light' }">Gene Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'microbiome')){toggleFilterValue('filter-modality', 'microbiome', 'Microbiome');}" @click="updateFilter('filter-modality','microbiome'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'microbiome', 'Microbiome');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'microbiome')){ return 'active-filter text-content-light' }">Microbiome</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'oncolytic-virotherapies')){toggleFilterValue('filter-modality', 'oncolytic-virotherapies', 'Oncolytic Virotherapies');}" @click="updateFilter('filter-modality','oncolytic-virotherapies'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'oncolytic-virotherapies', 'Oncolytic Virotherapies');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'oncolytic-virotherapies')){ return 'active-filter text-content-light' }">Oncolytic Virotherapies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'regenerative-medicine')){toggleFilterValue('filter-modality', 'regenerative-medicine', 'Regenerative Medicine');}" @click="updateFilter('filter-modality','regenerative-medicine'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'regenerative-medicine', 'Regenerative Medicine');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'regenerative-medicine')){ return 'active-filter text-content-light' }">Regenerative Medicine</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'rna-therapeutics')){toggleFilterValue('filter-modality', 'rna-therapeutics', 'RNA Therapeutics');}" @click="updateFilter('filter-modality','rna-therapeutics'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'rna-therapeutics', 'RNA Therapeutics');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'rna-therapeutics')){ return 'active-filter text-content-light' }">RNA Therapeutics</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'vaccine')){toggleFilterValue('filter-modality', 'vaccine', 'Vaccine');}" @click="updateFilter('filter-modality','vaccine'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'vaccine', 'Vaccine');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'vaccine')){ return 'active-filter text-content-light' }">Vaccine</button> </div> <div class="block w-full border-t pt-2" x-show="selectedChildFilter.includes('259')" x-init="if(window.outerWidth <= 991 && typeof filterData['filter-modality'] !== 'undefined' && filterData['filter-modality'].includes('biologics')){pegasus.toggleArrayValue(selectedChildFilter, '259'); toggleFilterValue('filter-modality', 'biologics', 'Biologics');}" x-collapse.duration.500ms > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'adc')){toggleFilterValue('filter-modality', 'adc', 'ADC');}" @click="updateFilter('filter-modality','adc'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'adc', 'ADC');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'adc')){ return 'active-filter text-content-light' }">ADC</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'cytokine-therapies')){toggleFilterValue('filter-modality', 'cytokine-therapies', 'Cytokine Therapies');}" @click="updateFilter('filter-modality','cytokine-therapies'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'cytokine-therapies', 'Cytokine Therapies');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'cytokine-therapies')){ return 'active-filter text-content-light' }">Cytokine Therapies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'multispecific')){toggleFilterValue('filter-modality', 'multispecific', 'Multispecific');}" @click="updateFilter('filter-modality','multispecific'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'multispecific', 'Multispecific');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'multispecific')){ return 'active-filter text-content-light' }">Multispecific</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'naked-antibodies')){toggleFilterValue('filter-modality', 'naked-antibodies', 'Naked Antibodies');}" @click="updateFilter('filter-modality','naked-antibodies'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'naked-antibodies', 'Naked Antibodies');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'naked-antibodies')){ return 'active-filter text-content-light' }">Naked Antibodies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'oligonucleotides')){toggleFilterValue('filter-modality', 'oligonucleotides', 'Oligonucleotides');}" @click="updateFilter('filter-modality','oligonucleotides'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'oligonucleotides', 'Oligonucleotides');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'oligonucleotides')){ return 'active-filter text-content-light' }">Oligonucleotides</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'radiopharmaceutical')){toggleFilterValue('filter-modality', 'radiopharmaceutical', 'Radiopharmaceutical');}" @click="updateFilter('filter-modality','radiopharmaceutical'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'radiopharmaceutical', 'Radiopharmaceutical');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'radiopharmaceutical')){ return 'active-filter text-content-light' }">Radiopharmaceutical</button> </div> <div class="block w-full border-t pt-2" x-show="selectedChildFilter.includes('270')" x-init="if(window.outerWidth <= 991 && typeof filterData['filter-modality'] !== 'undefined' && filterData['filter-modality'].includes('small-molecules')){pegasus.toggleArrayValue(selectedChildFilter, '270'); toggleFilterValue('filter-modality', 'small-molecules', 'Small Molecules');}" x-collapse.duration.500ms > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'ddr')){toggleFilterValue('filter-modality', 'ddr', 'DDR');}" @click="updateFilter('filter-modality','ddr'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'ddr', 'DDR');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'ddr')){ return 'active-filter text-content-light' }">DDR</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'inhibitors')){toggleFilterValue('filter-modality', 'inhibitors', 'Inhibitors');}" @click="updateFilter('filter-modality','inhibitors'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'inhibitors', 'Inhibitors');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'inhibitors')){ return 'active-filter text-content-light' }">Inhibitors</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('modality', 'protein-degradation')){toggleFilterValue('filter-modality', 'protein-degradation', 'Protein Degradation');}" @click="updateFilter('filter-modality','protein-degradation'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'protein-degradation', 'Protein Degradation');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'protein-degradation')){ return 'active-filter text-content-light' }">Protein Degradation</button> </div> </div> </div> <button @click="openMenu === null ? openMenu = 'development-stage' : openMenu = null" type="button" class="Post__Grid-filters-button py-4 md:px-5 md:mr-2 flex items-center justify-between relative transition" :class="openMenu === 'development-stage' ? 'md:bg-button-grey-active opacity-100 active-button' : ''"> <span class="label pr-4 body-extra-small-one font-normal text-black">Development Stage</span> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="7.778" viewBox="0 0 13.435 7.778" class="transition duration-500 transform" :class="openMenu === 'development-stage' ? 'rotate-180' : ''"> <g id="Group_2143" data-name="Group 2143"></g> <g id="Group_2143" data-name="Group 2143" transform="translate(709.582 7.901) rotate(135)"> <line id="Line_347" data-name="Line 347" x2="8" transform="translate(488.163 497.837)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> <line id="Line_348" data-name="Line 348" x2="8" transform="translate(496.163 497.837) rotate(90)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> </g> </svg> </button> <div class="md:hidden justify-center flex"> <div x-show="openMenu === 'development-stage'" x-cloak class="flex items-center flex-wrap py-4 sm:py-12 w-full z-50 bg-brand-white filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'rd') && '1' == '' ){toggleFilterValue('filter-development-stage', 'rd', 'R&D', 'discovery,preclinical,clinical');}" @click="[updateFilter('filter-development-stage','rd', 'discovery,preclinical,clinical'), pegasus.toggleArrayValue(selectedChildFilter, '257')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'rd', 'R&D', 'discovery,preclinical,clinical');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'rd')){ return 'active-filter text-content-light' }">R&D</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'process-development') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'process-development', 'Process Development', '');}" @click="[updateFilter('filter-development-stage','process-development', ''), pegasus.toggleArrayValue(selectedChildFilter, '267')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'process-development', 'Process Development', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'process-development')){ return 'active-filter text-content-light' }">Process Development</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'analytical') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'analytical', 'Analytical', '');}" @click="[updateFilter('filter-development-stage','analytical', ''), pegasus.toggleArrayValue(selectedChildFilter, '269')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'analytical', 'Analytical', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'analytical')){ return 'active-filter text-content-light' }">Analytical</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'drug-delivery-formulation') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'drug-delivery-formulation', 'Drug Delivery & Formulation', '');}" @click="[updateFilter('filter-development-stage','drug-delivery-formulation', ''), pegasus.toggleArrayValue(selectedChildFilter, '277')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'drug-delivery-formulation', 'Drug Delivery & Formulation', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'drug-delivery-formulation')){ return 'active-filter text-content-light' }">Drug Delivery & Formulation</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'manufacturing') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'manufacturing', 'Manufacturing', '');}" @click="[updateFilter('filter-development-stage','manufacturing', ''), pegasus.toggleArrayValue(selectedChildFilter, '281')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'manufacturing', 'Manufacturing', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'manufacturing')){ return 'active-filter text-content-light' }">Manufacturing</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'post-approval') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'post-approval', 'Post Approval', '');}" @click="[updateFilter('filter-development-stage','post-approval', ''), pegasus.toggleArrayValue(selectedChildFilter, '330')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'post-approval', 'Post Approval', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'post-approval')){ return 'active-filter text-content-light' }">Post Approval</button> <div class="block w-full border-t pt-2" x-show="selectedChildFilter.includes('257')" x-init="if(window.outerWidth <= 991 && typeof filterData['filter-development-stage'] !== 'undefined' && filterData['filter-development-stage'].includes('rd')){pegasus.toggleArrayValue(selectedChildFilter, '257'); toggleFilterValue('filter-development-stage', 'rd', 'R&D');}" x-collapse.duration.500ms > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'discovery')){toggleFilterValue('filter-development-stage', 'discovery', 'Discovery');}" @click="updateFilter('filter-development-stage','discovery'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'discovery', 'Discovery');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('development-stage', 'discovery')){ return 'active-filter text-content-light' }">Discovery</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'preclinical')){toggleFilterValue('filter-development-stage', 'preclinical', 'Preclinical');}" @click="updateFilter('filter-development-stage','preclinical'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'preclinical', 'Preclinical');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('development-stage', 'preclinical')){ return 'active-filter text-content-light' }">Preclinical</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('development-stage', 'clinical')){toggleFilterValue('filter-development-stage', 'clinical', 'Clinical');}" @click="updateFilter('filter-development-stage','clinical'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'clinical', 'Clinical');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('development-stage', 'clinical')){ return 'active-filter text-content-light' }">Clinical</button> </div> </div> </div> <button @click="openMenu === null ? openMenu = 'region' : openMenu = null" type="button" class="Post__Grid-filters-button py-4 md:px-5 md:mr-2 flex items-center justify-between relative transition" :class="openMenu === 'region' ? 'md:bg-button-grey-active opacity-100 active-button' : ''"> <span class="label pr-4 body-extra-small-one font-normal text-black">Region</span> <svg xmlns="http://www.w3.org/2000/svg" width="8" height="7.778" viewBox="0 0 13.435 7.778" class="transition duration-500 transform" :class="openMenu === 'region' ? 'rotate-180' : ''"> <g id="Group_2143" data-name="Group 2143"></g> <g id="Group_2143" data-name="Group 2143" transform="translate(709.582 7.901) rotate(135)"> <line id="Line_347" data-name="Line 347" x2="8" transform="translate(488.163 497.837)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> <line id="Line_348" data-name="Line 348" x2="8" transform="translate(496.163 497.837) rotate(90)" fill="none" stroke="#233746" stroke-linecap="square" stroke-width="1.5"/> </g> </svg> </button> <div class="md:hidden justify-center flex"> <div x-show="openMenu === 'region'" x-cloak class="flex items-center flex-wrap py-4 sm:py-12 w-full z-50 bg-brand-white filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('region', 'north-america') && '1' == '1' ){toggleFilterValue('filter-region', 'north-america', 'North America', '');}" @click="[updateFilter('filter-region','north-america', ''), pegasus.toggleArrayValue(selectedChildFilter, '136')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-region', 'north-america', 'North America', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('region', 'north-america')){ return 'active-filter text-content-light' }">North America</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('region', 'europe') && '1' == '1' ){toggleFilterValue('filter-region', 'europe', 'Europe', '');}" @click="[updateFilter('filter-region','europe', ''), pegasus.toggleArrayValue(selectedChildFilter, '142')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-region', 'europe', 'Europe', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('region', 'europe')){ return 'active-filter text-content-light' }">Europe</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth <= 991 && filterIsSelected('region', 'asia') && '1' == '1' ){toggleFilterValue('filter-region', 'asia', 'Asia', '');}" @click="[updateFilter('filter-region','asia', ''), pegasus.toggleArrayValue(selectedChildFilter, '337')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-region', 'asia', 'Asia', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('region', 'asia')){ return 'active-filter text-content-light' }">Asia</button> </div> </div> <div class="flex flex-row items-center flex-1 justify-end py-4 md:py-0"> <div class="flex items-center body-extra-small-two p-4 bg-button-grey-active mr-4 border border-border-dark-grey/20 cursor-pointer" @click="clearFilter()"> <span class="mr-2" x-text="getFilterCount()"></span> Active Filters <span> <svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" class="ionicon ml-2 transition duration-500 transform hover:opacity-50" viewBox="0 0 512 512"><title>Remove Filters</title> <path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"/> </svg> </span> </div> </div> </div> </div> <div class="container"> <div class="md:flex justify-center hidden"> <div x-show="openMenu === 'topic'" x-cloak class="flex items-center flex-wrap py-12 w-full z-50 bg-brand-white container filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'adcs-engineered-antibodies') && '1' == '1' ){toggleFilterValue('filter-topic', 'adcs-engineered-antibodies', 'ADCs & Engineered Antibodies', '');}" @click="[updateFilter('filter-topic','adcs-engineered-antibodies', ''), pegasus.toggleArrayValue(selectedChildFilter, '282')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'adcs-engineered-antibodies', 'ADCs & Engineered Antibodies', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#721dad" :class="if(filterIsSelected('topic', 'adcs-engineered-antibodies')){ return 'active-filter text-content-light' }">ADCs & Engineered Antibodies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'autoimmune-immunology') && '1' == '1' ){toggleFilterValue('filter-topic', 'autoimmune-immunology', 'Autoimmune & Immunology', '');}" @click="[updateFilter('filter-topic','autoimmune-immunology', ''), pegasus.toggleArrayValue(selectedChildFilter, '403')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'autoimmune-immunology', 'Autoimmune & Immunology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#990000" :class="if(filterIsSelected('topic', 'autoimmune-immunology')){ return 'active-filter text-content-light' }">Autoimmune & Immunology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'cell-therapy') && '1' == '1' ){toggleFilterValue('filter-topic', 'cell-therapy', 'Cell Therapy', '');}" @click="[updateFilter('filter-topic','cell-therapy', ''), pegasus.toggleArrayValue(selectedChildFilter, '268')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'cell-therapy', 'Cell Therapy', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#ce1523" :class="if(filterIsSelected('topic', 'cell-therapy')){ return 'active-filter text-content-light' }">Cell Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'cns') && '1' == '1' ){toggleFilterValue('filter-topic', 'cns', 'CNS', '');}" @click="[updateFilter('filter-topic','cns', ''), pegasus.toggleArrayValue(selectedChildFilter, '402')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'cns', 'CNS', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#662680" :class="if(filterIsSelected('topic', 'cns')){ return 'active-filter text-content-light' }">CNS</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'gene-therapy') && '1' == '1' ){toggleFilterValue('filter-topic', 'gene-therapy', 'Gene Therapy', '');}" @click="[updateFilter('filter-topic','gene-therapy', ''), pegasus.toggleArrayValue(selectedChildFilter, '288')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'gene-therapy', 'Gene Therapy', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#0b4270" :class="if(filterIsSelected('topic', 'gene-therapy')){ return 'active-filter text-content-light' }">Gene Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'hr') && '1' == '1' ){toggleFilterValue('filter-topic', 'hr', 'HR', '');}" @click="[updateFilter('filter-topic','hr', ''), pegasus.toggleArrayValue(selectedChildFilter, '314')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'hr', 'HR', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('topic', 'hr')){ return 'active-filter text-content-light' }">HR</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'microbiome') && '1' == '1' ){toggleFilterValue('filter-topic', 'microbiome', 'Microbiome', '');}" @click="[updateFilter('filter-topic','microbiome', ''), pegasus.toggleArrayValue(selectedChildFilter, '284')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'microbiome', 'Microbiome', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#dc1779" :class="if(filterIsSelected('topic', 'microbiome')){ return 'active-filter text-content-light' }">Microbiome</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'precision-oncology') && '1' == '1' ){toggleFilterValue('filter-topic', 'precision-oncology', 'Precision Oncology', '');}" @click="[updateFilter('filter-topic','precision-oncology', ''), pegasus.toggleArrayValue(selectedChildFilter, '255')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'precision-oncology', 'Precision Oncology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#00a6a8" :class="if(filterIsSelected('topic', 'precision-oncology')){ return 'active-filter text-content-light' }">Precision Oncology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'process-development-manufacturing') && '1' == '1' ){toggleFilterValue('filter-topic', 'process-development-manufacturing', 'Process Development & Manufacturing', '');}" @click="[updateFilter('filter-topic','process-development-manufacturing', ''), pegasus.toggleArrayValue(selectedChildFilter, '286')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'process-development-manufacturing', 'Process Development & Manufacturing', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#df5d27" :class="if(filterIsSelected('topic', 'process-development-manufacturing')){ return 'active-filter text-content-light' }">Process Development & Manufacturing</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'project-type') && '1' == '1' ){toggleFilterValue('filter-topic', 'project-type', 'Project Type', '');}" @click="[updateFilter('filter-topic','project-type', ''), pegasus.toggleArrayValue(selectedChildFilter, '393')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'project-type', 'Project Type', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('topic', 'project-type')){ return 'active-filter text-content-light' }">Project Type</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'protein-degradation') && '1' == '1' ){toggleFilterValue('filter-topic', 'protein-degradation', 'Protein Degradation', '');}" @click="[updateFilter('filter-topic','protein-degradation', ''), pegasus.toggleArrayValue(selectedChildFilter, '278')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'protein-degradation', 'Protein Degradation', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#006943" :class="if(filterIsSelected('topic', 'protein-degradation')){ return 'active-filter text-content-light' }">Protein Degradation</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'rna-therapy') && '1' == '1' ){toggleFilterValue('filter-topic', 'rna-therapy', 'RNA Therapy', '');}" @click="[updateFilter('filter-topic','rna-therapy', ''), pegasus.toggleArrayValue(selectedChildFilter, '264')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'rna-therapy', 'RNA Therapy', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#50c966" :class="if(filterIsSelected('topic', 'rna-therapy')){ return 'active-filter text-content-light' }">RNA Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'sustainability') && '1' == '1' ){toggleFilterValue('filter-topic', 'sustainability', 'Sustainability', '');}" @click="[updateFilter('filter-topic','sustainability', ''), pegasus.toggleArrayValue(selectedChildFilter, '395')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'sustainability', 'Sustainability', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('topic', 'sustainability')){ return 'active-filter text-content-light' }">Sustainability</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('topic', 'ta') && '1' == '1' ){toggleFilterValue('filter-topic', 'ta', 'TA', '');}" @click="[updateFilter('filter-topic','ta', ''), pegasus.toggleArrayValue(selectedChildFilter, '382')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-topic', 'ta', 'TA', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('topic', 'ta')){ return 'active-filter text-content-light' }">TA</button> </div> </div> <div class="md:flex justify-center hidden"> <div x-show="openMenu === 'disease'" x-cloak class="flex items-center flex-wrap py-12 w-full z-50 bg-brand-white container filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'autoimmune-inflammation') && '1' == '1' ){toggleFilterValue('filter-disease', 'autoimmune-inflammation', 'Autoimmune & Inflammation', '');}" @click="[updateFilter('filter-disease','autoimmune-inflammation', ''), pegasus.toggleArrayValue(selectedChildFilter, '285')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'autoimmune-inflammation', 'Autoimmune & Inflammation', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'autoimmune-inflammation')){ return 'active-filter text-content-light' }">Autoimmune & Inflammation</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'biomarkers') && '1' == '1' ){toggleFilterValue('filter-disease', 'biomarkers', 'Biomarkers', '');}" @click="[updateFilter('filter-disease','biomarkers', ''), pegasus.toggleArrayValue(selectedChildFilter, '299')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'biomarkers', 'Biomarkers', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'biomarkers')){ return 'active-filter text-content-light' }">Biomarkers</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'cardiovascular-renal-metabolism') && '1' == '1' ){toggleFilterValue('filter-disease', 'cardiovascular-renal-metabolism', 'Cardiovascular, Renal & Metabolism', '');}" @click="[updateFilter('filter-disease','cardiovascular-renal-metabolism', ''), pegasus.toggleArrayValue(selectedChildFilter, '273')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'cardiovascular-renal-metabolism', 'Cardiovascular, Renal & Metabolism', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'cardiovascular-renal-metabolism')){ return 'active-filter text-content-light' }">Cardiovascular, Renal & Metabolism</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'dermatology') && '1' == '1' ){toggleFilterValue('filter-disease', 'dermatology', 'Dermatology', '');}" @click="[updateFilter('filter-disease','dermatology', ''), pegasus.toggleArrayValue(selectedChildFilter, '301')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'dermatology', 'Dermatology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'dermatology')){ return 'active-filter text-content-light' }">Dermatology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'immunology') && '1' == '1' ){toggleFilterValue('filter-disease', 'immunology', 'Immunology', '');}" @click="[updateFilter('filter-disease','immunology', ''), pegasus.toggleArrayValue(selectedChildFilter, '294')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'immunology', 'Immunology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'immunology')){ return 'active-filter text-content-light' }">Immunology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'neuroscience') && '1' == '1' ){toggleFilterValue('filter-disease', 'neuroscience', 'Neuroscience', '');}" @click="[updateFilter('filter-disease','neuroscience', ''), pegasus.toggleArrayValue(selectedChildFilter, '292')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'neuroscience', 'Neuroscience', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'neuroscience')){ return 'active-filter text-content-light' }">Neuroscience</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'oncology') && '1' == '' ){toggleFilterValue('filter-disease', 'oncology', 'Oncology', 'solid-tumors,liquid-tumors');}" @click="[updateFilter('filter-disease','oncology', 'solid-tumors,liquid-tumors'), pegasus.toggleArrayValue(selectedChildFilter, '256')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'oncology', 'Oncology', 'solid-tumors,liquid-tumors');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'oncology')){ return 'active-filter text-content-light' }">Oncology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'ophthalmology') && '1' == '1' ){toggleFilterValue('filter-disease', 'ophthalmology', 'Ophthalmology', '');}" @click="[updateFilter('filter-disease','ophthalmology', ''), pegasus.toggleArrayValue(selectedChildFilter, '276')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'ophthalmology', 'Ophthalmology', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'ophthalmology')){ return 'active-filter text-content-light' }">Ophthalmology</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'rare-diseases') && '1' == '1' ){toggleFilterValue('filter-disease', 'rare-diseases', 'Rare Diseases', '');}" @click="[updateFilter('filter-disease','rare-diseases', ''), pegasus.toggleArrayValue(selectedChildFilter, '290')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'rare-diseases', 'Rare Diseases', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'rare-diseases')){ return 'active-filter text-content-light' }">Rare Diseases</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'respiratory-infectious-diseases') && '1' == '1' ){toggleFilterValue('filter-disease', 'respiratory-infectious-diseases', 'Respiratory & Infectious Diseases', '');}" @click="[updateFilter('filter-disease','respiratory-infectious-diseases', ''), pegasus.toggleArrayValue(selectedChildFilter, '291')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'respiratory-infectious-diseases', 'Respiratory & Infectious Diseases', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('disease', 'respiratory-infectious-diseases')){ return 'active-filter text-content-light' }">Respiratory & Infectious Diseases</button> <div class="block border-t w-full pt-2" x-show="selectedChildFilter.includes('256')" x-collapse.duration.500ms x-init="if(window.outerWidth > 991 && typeof filterData['filter-disease'] !== 'undefined' && filterData['filter-disease'].includes('oncology')){pegasus.toggleArrayValue(selectedChildFilter, '256'); toggleFilterValue('filter-disease', 'oncology', 'Oncology', 'solid-tumors,liquid-tumors');}" > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'solid-tumors')){toggleFilterValue('filter-disease', 'solid-tumors', 'Solid Tumors');}" @click="updateFilter('filter-disease','solid-tumors'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'solid-tumors', 'Solid Tumors');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('disease', 'solid-tumors')){ return 'active-filter text-content-light' }">Solid Tumors</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('disease', 'liquid-tumors')){toggleFilterValue('filter-disease', 'liquid-tumors', 'Liquid Tumors');}" @click="updateFilter('filter-disease','liquid-tumors'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-disease', 'liquid-tumors', 'Liquid Tumors');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('disease', 'liquid-tumors')){ return 'active-filter text-content-light' }">Liquid Tumors</button> </div> </div> </div> <div class="md:flex justify-center hidden"> <div x-show="openMenu === 'modality'" x-cloak class="flex items-center flex-wrap py-12 w-full z-50 bg-brand-white container filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'advanced-therapies') && '1' == '' ){toggleFilterValue('filter-modality', 'advanced-therapies', 'Advanced Therapies', 'cell-therapy,gene-therapy,microbiome,oncolytic-virotherapies,regenerative-medicine,rna-therapeutics,vaccine');}" @click="[updateFilter('filter-modality','advanced-therapies', 'cell-therapy,gene-therapy,microbiome,oncolytic-virotherapies,regenerative-medicine,rna-therapeutics,vaccine'), pegasus.toggleArrayValue(selectedChildFilter, '261')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'advanced-therapies', 'Advanced Therapies', 'cell-therapy,gene-therapy,microbiome,oncolytic-virotherapies,regenerative-medicine,rna-therapeutics,vaccine');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('modality', 'advanced-therapies')){ return 'active-filter text-content-light' }">Advanced Therapies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'biologics') && '1' == '' ){toggleFilterValue('filter-modality', 'biologics', 'Biologics', 'adc,cytokine-therapies,multispecific,naked-antibodies,oligonucleotides,radiopharmaceutical');}" @click="[updateFilter('filter-modality','biologics', 'adc,cytokine-therapies,multispecific,naked-antibodies,oligonucleotides,radiopharmaceutical'), pegasus.toggleArrayValue(selectedChildFilter, '259')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'biologics', 'Biologics', 'adc,cytokine-therapies,multispecific,naked-antibodies,oligonucleotides,radiopharmaceutical');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('modality', 'biologics')){ return 'active-filter text-content-light' }">Biologics</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'novel-food') && '1' == '1' ){toggleFilterValue('filter-modality', 'novel-food', 'Novel Food', '');}" @click="[updateFilter('filter-modality','novel-food', ''), pegasus.toggleArrayValue(selectedChildFilter, '358')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'novel-food', 'Novel Food', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('modality', 'novel-food')){ return 'active-filter text-content-light' }">Novel Food</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'small-molecules') && '1' == '' ){toggleFilterValue('filter-modality', 'small-molecules', 'Small Molecules', 'ddr,inhibitors,protein-degradation');}" @click="[updateFilter('filter-modality','small-molecules', 'ddr,inhibitors,protein-degradation'), pegasus.toggleArrayValue(selectedChildFilter, '270')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'small-molecules', 'Small Molecules', 'ddr,inhibitors,protein-degradation');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('modality', 'small-molecules')){ return 'active-filter text-content-light' }">Small Molecules</button> <div class="block border-t w-full pt-2" x-show="selectedChildFilter.includes('261')" x-collapse.duration.500ms x-init="if(window.outerWidth > 991 && typeof filterData['filter-modality'] !== 'undefined' && filterData['filter-modality'].includes('advanced-therapies')){pegasus.toggleArrayValue(selectedChildFilter, '261'); toggleFilterValue('filter-modality', 'advanced-therapies', 'Advanced Therapies', 'cell-therapy,gene-therapy,microbiome,oncolytic-virotherapies,regenerative-medicine,rna-therapeutics,vaccine');}" > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'cell-therapy')){toggleFilterValue('filter-modality', 'cell-therapy', 'Cell Therapy');}" @click="updateFilter('filter-modality','cell-therapy'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'cell-therapy', 'Cell Therapy');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'cell-therapy')){ return 'active-filter text-content-light' }">Cell Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'gene-therapy')){toggleFilterValue('filter-modality', 'gene-therapy', 'Gene Therapy');}" @click="updateFilter('filter-modality','gene-therapy'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'gene-therapy', 'Gene Therapy');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'gene-therapy')){ return 'active-filter text-content-light' }">Gene Therapy</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'microbiome')){toggleFilterValue('filter-modality', 'microbiome', 'Microbiome');}" @click="updateFilter('filter-modality','microbiome'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'microbiome', 'Microbiome');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'microbiome')){ return 'active-filter text-content-light' }">Microbiome</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'oncolytic-virotherapies')){toggleFilterValue('filter-modality', 'oncolytic-virotherapies', 'Oncolytic Virotherapies');}" @click="updateFilter('filter-modality','oncolytic-virotherapies'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'oncolytic-virotherapies', 'Oncolytic Virotherapies');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'oncolytic-virotherapies')){ return 'active-filter text-content-light' }">Oncolytic Virotherapies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'regenerative-medicine')){toggleFilterValue('filter-modality', 'regenerative-medicine', 'Regenerative Medicine');}" @click="updateFilter('filter-modality','regenerative-medicine'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'regenerative-medicine', 'Regenerative Medicine');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'regenerative-medicine')){ return 'active-filter text-content-light' }">Regenerative Medicine</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'rna-therapeutics')){toggleFilterValue('filter-modality', 'rna-therapeutics', 'RNA Therapeutics');}" @click="updateFilter('filter-modality','rna-therapeutics'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'rna-therapeutics', 'RNA Therapeutics');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'rna-therapeutics')){ return 'active-filter text-content-light' }">RNA Therapeutics</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'vaccine')){toggleFilterValue('filter-modality', 'vaccine', 'Vaccine');}" @click="updateFilter('filter-modality','vaccine'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'vaccine', 'Vaccine');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'vaccine')){ return 'active-filter text-content-light' }">Vaccine</button> </div> <div class="block border-t w-full pt-2" x-show="selectedChildFilter.includes('259')" x-collapse.duration.500ms x-init="if(window.outerWidth > 991 && typeof filterData['filter-modality'] !== 'undefined' && filterData['filter-modality'].includes('biologics')){pegasus.toggleArrayValue(selectedChildFilter, '259'); toggleFilterValue('filter-modality', 'biologics', 'Biologics', 'adc,cytokine-therapies,multispecific,naked-antibodies,oligonucleotides,radiopharmaceutical');}" > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'adc')){toggleFilterValue('filter-modality', 'adc', 'ADC');}" @click="updateFilter('filter-modality','adc'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'adc', 'ADC');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'adc')){ return 'active-filter text-content-light' }">ADC</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'cytokine-therapies')){toggleFilterValue('filter-modality', 'cytokine-therapies', 'Cytokine Therapies');}" @click="updateFilter('filter-modality','cytokine-therapies'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'cytokine-therapies', 'Cytokine Therapies');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'cytokine-therapies')){ return 'active-filter text-content-light' }">Cytokine Therapies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'multispecific')){toggleFilterValue('filter-modality', 'multispecific', 'Multispecific');}" @click="updateFilter('filter-modality','multispecific'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'multispecific', 'Multispecific');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'multispecific')){ return 'active-filter text-content-light' }">Multispecific</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'naked-antibodies')){toggleFilterValue('filter-modality', 'naked-antibodies', 'Naked Antibodies');}" @click="updateFilter('filter-modality','naked-antibodies'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'naked-antibodies', 'Naked Antibodies');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'naked-antibodies')){ return 'active-filter text-content-light' }">Naked Antibodies</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'oligonucleotides')){toggleFilterValue('filter-modality', 'oligonucleotides', 'Oligonucleotides');}" @click="updateFilter('filter-modality','oligonucleotides'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'oligonucleotides', 'Oligonucleotides');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'oligonucleotides')){ return 'active-filter text-content-light' }">Oligonucleotides</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'radiopharmaceutical')){toggleFilterValue('filter-modality', 'radiopharmaceutical', 'Radiopharmaceutical');}" @click="updateFilter('filter-modality','radiopharmaceutical'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'radiopharmaceutical', 'Radiopharmaceutical');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'radiopharmaceutical')){ return 'active-filter text-content-light' }">Radiopharmaceutical</button> </div> <div class="block border-t w-full pt-2" x-show="selectedChildFilter.includes('270')" x-collapse.duration.500ms x-init="if(window.outerWidth > 991 && typeof filterData['filter-modality'] !== 'undefined' && filterData['filter-modality'].includes('small-molecules')){pegasus.toggleArrayValue(selectedChildFilter, '270'); toggleFilterValue('filter-modality', 'small-molecules', 'Small Molecules', 'ddr,inhibitors,protein-degradation');}" > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'ddr')){toggleFilterValue('filter-modality', 'ddr', 'DDR');}" @click="updateFilter('filter-modality','ddr'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'ddr', 'DDR');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'ddr')){ return 'active-filter text-content-light' }">DDR</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'inhibitors')){toggleFilterValue('filter-modality', 'inhibitors', 'Inhibitors');}" @click="updateFilter('filter-modality','inhibitors'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'inhibitors', 'Inhibitors');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'inhibitors')){ return 'active-filter text-content-light' }">Inhibitors</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('modality', 'protein-degradation')){toggleFilterValue('filter-modality', 'protein-degradation', 'Protein Degradation');}" @click="updateFilter('filter-modality','protein-degradation'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-modality', 'protein-degradation', 'Protein Degradation');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('modality', 'protein-degradation')){ return 'active-filter text-content-light' }">Protein Degradation</button> </div> </div> </div> <div class="md:flex justify-center hidden"> <div x-show="openMenu === 'development-stage'" x-cloak class="flex items-center flex-wrap py-12 w-full z-50 bg-brand-white container filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'rd') && '1' == '' ){toggleFilterValue('filter-development-stage', 'rd', 'R&D', 'discovery,preclinical,clinical');}" @click="[updateFilter('filter-development-stage','rd', 'discovery,preclinical,clinical'), pegasus.toggleArrayValue(selectedChildFilter, '257')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'rd', 'R&D', 'discovery,preclinical,clinical');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'rd')){ return 'active-filter text-content-light' }">R&D</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'process-development') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'process-development', 'Process Development', '');}" @click="[updateFilter('filter-development-stage','process-development', ''), pegasus.toggleArrayValue(selectedChildFilter, '267')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'process-development', 'Process Development', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'process-development')){ return 'active-filter text-content-light' }">Process Development</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'analytical') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'analytical', 'Analytical', '');}" @click="[updateFilter('filter-development-stage','analytical', ''), pegasus.toggleArrayValue(selectedChildFilter, '269')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'analytical', 'Analytical', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'analytical')){ return 'active-filter text-content-light' }">Analytical</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'drug-delivery-formulation') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'drug-delivery-formulation', 'Drug Delivery & Formulation', '');}" @click="[updateFilter('filter-development-stage','drug-delivery-formulation', ''), pegasus.toggleArrayValue(selectedChildFilter, '277')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'drug-delivery-formulation', 'Drug Delivery & Formulation', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'drug-delivery-formulation')){ return 'active-filter text-content-light' }">Drug Delivery & Formulation</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'manufacturing') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'manufacturing', 'Manufacturing', '');}" @click="[updateFilter('filter-development-stage','manufacturing', ''), pegasus.toggleArrayValue(selectedChildFilter, '281')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'manufacturing', 'Manufacturing', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'manufacturing')){ return 'active-filter text-content-light' }">Manufacturing</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'post-approval') && '1' == '1' ){toggleFilterValue('filter-development-stage', 'post-approval', 'Post Approval', '');}" @click="[updateFilter('filter-development-stage','post-approval', ''), pegasus.toggleArrayValue(selectedChildFilter, '330')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'post-approval', 'Post Approval', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('development-stage', 'post-approval')){ return 'active-filter text-content-light' }">Post Approval</button> <div class="block border-t w-full pt-2" x-show="selectedChildFilter.includes('257')" x-collapse.duration.500ms x-init="if(window.outerWidth > 991 && typeof filterData['filter-development-stage'] !== 'undefined' && filterData['filter-development-stage'].includes('rd')){pegasus.toggleArrayValue(selectedChildFilter, '257'); toggleFilterValue('filter-development-stage', 'rd', 'R&D', 'discovery,preclinical,clinical');}" > <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'discovery')){toggleFilterValue('filter-development-stage', 'discovery', 'Discovery');}" @click="updateFilter('filter-development-stage','discovery'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'discovery', 'Discovery');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('development-stage', 'discovery')){ return 'active-filter text-content-light' }">Discovery</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'preclinical')){toggleFilterValue('filter-development-stage', 'preclinical', 'Preclinical');}" @click="updateFilter('filter-development-stage','preclinical'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'preclinical', 'Preclinical');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('development-stage', 'preclinical')){ return 'active-filter text-content-light' }">Preclinical</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('development-stage', 'clinical')){toggleFilterValue('filter-development-stage', 'clinical', 'Clinical');}" @click="updateFilter('filter-development-stage','clinical'); activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-development-stage', 'clinical', 'Clinical');" class="bg-button-grey-active font-normal py-4 px-5 body-extra-small transition duration-500 mb-2 md:mb-4" style="--highlight-colour:#163F71" :class="if(filterIsSelected('development-stage', 'clinical')){ return 'active-filter text-content-light' }">Clinical</button> </div> </div> </div> <div class="md:flex justify-center hidden"> <div x-show="openMenu === 'region'" x-cloak class="flex items-center flex-wrap py-12 w-full z-50 bg-brand-white container filter-menu"> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('region', 'north-america') && '1' == '1' ){toggleFilterValue('filter-region', 'north-america', 'North America', '');}" @click="[updateFilter('filter-region','north-america', ''), pegasus.toggleArrayValue(selectedChildFilter, '136')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-region', 'north-america', 'North America', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('region', 'north-america')){ return 'active-filter text-content-light' }">North America</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('region', 'europe') && '1' == '1' ){toggleFilterValue('filter-region', 'europe', 'Europe', '');}" @click="[updateFilter('filter-region','europe', ''), pegasus.toggleArrayValue(selectedChildFilter, '142')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-region', 'europe', 'Europe', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('region', 'europe')){ return 'active-filter text-content-light' }">Europe</button> <button type="button" x-data="{ activeButton: false }" :aria-expanded="activeButton ? 'true' : 'false'" x-init="if(window.outerWidth > 991 && filterIsSelected('region', 'asia') && '1' == '1' ){toggleFilterValue('filter-region', 'asia', 'Asia', '');}" @click="[updateFilter('filter-region','asia', ''), pegasus.toggleArrayValue(selectedChildFilter, '337')]; activeButton = !activeButton; filterSubmit(); toggleFilterValue('filter-region', 'asia', 'Asia', '');" class="bg-button-grey-active mb-2 md:mb-4 body-extra-small-one font-normal text-black py-4 px-2 sm:px-5 mr-2 flex items-center justify-between relative transition" style="--highlight-colour:#3883D9" :class="if(filterIsSelected('region', 'asia')){ return 'active-filter text-content-light' }">Asia</button> </div> </div> </div> </div> </section> <div class="flex flex-row md:container items-center flex-wrap flex-1 justify-start py-4"> <template x-for="(value, index) in filterValues" :key="index"> <div class="px-2 my-2 md:my-4" :class="index !== 0 ? 'border-l border-brand-greyscale-white-06' : ''"> <button class="px-2 flex items-center text-brand-greyscale-white-08" @click="removeFilter(value.filter, value.value, value.children);"> <span x-text="value.name" class="pr-2 text-sm"></span> <i class="icon ion-md-close text-xs pt-1"></i> </button> </div> </template> </div> <div data-pegasus-filterable="filter-posts-container" class="container" :class="(filterValues.length) ? 'pt-4' : ''"> </div> </div> </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="postGridProducts('false', '162')" 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://gpcrs-europe.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-protein-degradation"></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.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000OP25&oid=00D20000000ITFt&lastMod=1721828122000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> GPCRs-Targeted Drug Discovery Summit Europe </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> November 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Unlocking Previously Inaccessible GPCRs Drug Targets </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 product-protein-degradation"> <span>Protein Degradation</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 product-protein-degradation"></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://cell-therapy-autoimmune-disease.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-cell-therapy"></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=015Ti000000DfLV&oid=00D20000000ITFt&lastMod=1710837936000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 2nd Cell Therapy for Autoimmune Disease Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Spearheading the Cell Therapy Revolution Beyond Oncology </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 product-cell-therapy"> <span>Cell Therapy</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 product-cell-therapy"></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://tumour-models.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-precision-oncology"></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.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000UTxR&oid=00D20000000ITFt&lastMod=1727083420000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 13th Tumour Models London Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Engineering Your Next Generation Tumour Models to Maximise Clinical Success </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 product-precision-oncology"> <span>Precision Oncology</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 product-precision-oncology"></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://personalized-cancer-vaccines.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-rna-therapy"></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=015Ti0000002kA1&oid=00D20000000ITFt&lastMod=1701190707000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> Personalized Cancer Vaccine Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Achieving Affordable Individualized Vaccines for Cancer Patients 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 product-rna-therapy"> <span>RNA Therapy</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 product-rna-therapy"></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://genome-editing-therapeutics-summit.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-gene-therapy"></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--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRvJ&oid=00D20000000ITFt&lastMod=1673016736000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 5th Genome Editing Therapeutics </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Shaping the Future of Therapeutic Gene Editing </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 product-gene-therapy"> <span>Gene Therapy</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 product-gene-therapy"></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://cell-therapy-analytics.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-cell-therapy"></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--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRuf&oid=00D20000000ITFt&lastMod=1676476764000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 6th Cell Therapy Analytical Development Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Standardize Analytical Testing to Confidently Characterize Cell Potency, Safety & Viability </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 product-cell-therapy"> <span>Cell Therapy</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 product-cell-therapy"></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://targeted-radiopharma.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-adcs-engineered-antibodies"></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--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRmEAAU&oid=00D20000000ITFt&lastMod=1670324008000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 6th Targeted Radiopharmaceuticals Summit EU </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Advancing Radioligand Candidates to Commercialisation </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 product-adcs-engineered-antibodies"> <span>ADCs & Engineered Antibodies</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 product-adcs-engineered-antibodies"></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://cns-drug-delivery.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-cns"></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=015090000003EzZ&oid=00D20000000ITFt&lastMod=1692003565000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 6th CNS Drug Delivery Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Optimizing Direct CNS Delivery & BBB-Crossing Tech </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 product-cns"> <span>CNS</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 product-cns"></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://claudin-targeted-therapies-summit.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-adcs-engineered-antibodies"></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--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRy3AAE&oid=00D20000000ITFt&lastMod=1670324033000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> Claudin-Targeted Therapies Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Turbocharging Practice-Changing Anti-HER2 Drugs to Patients </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 product-adcs-engineered-antibodies"> <span>ADCs & Engineered Antibodies</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 product-adcs-engineered-antibodies"></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://capital-project-engineering.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-process-development-manufacturing"></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--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRhSAAU&oid=00D20000000ITFt&lastMod=1669907977000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 2nd Capital Project Engineering in Pharma Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Deliver Operational Readiness & Speed-to-Patient Through Excellent Capital Project Engineering </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 product-process-development-manufacturing"> <span>Process Development & Manufacturing</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 product-process-development-manufacturing"></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://lnp-immunogenicity-toxicity-summit.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-multiple-topics"></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.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000Pwf7&oid=00D20000000ITFt&lastMod=1723556817000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 3rd LNP Immunogenicity & Toxicity Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Predict, Characterize & Monitor LNP Safety </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> <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 product-multiple-topics"></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://ehss-biopharma-west.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-multiple-topics"></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.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000PGsn&oid=00D20000000ITFt&lastMod=1722526426000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> EHS&S for Biopharma & Pharma Summit West </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Achieve Zero Incidents for Employee Safety Across R&D & Manufacturing Sites </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> <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 product-multiple-topics"></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://applied-biocatalysis.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-process-development-manufacturing"></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--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRspAAE&oid=00D20000000ITFt&lastMod=1670323966000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 4th Applied Biocatalysis & Enzyme Engineering Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Enzyme Engineering Enabling Scalable Industrial Biotransformation for Sustainable API Production </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 product-process-development-manufacturing"> <span>Process Development & Manufacturing</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 product-process-development-manufacturing"></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://adc-targetselection.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-adcs-engineered-antibodies"></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=015Ti0000006Fu1&oid=00D20000000ITFt&lastMod=1704191059000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 4th ADC Target Selection Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Get the First Most Important Decision Right </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 product-adcs-engineered-antibodies"> <span>ADCs & Engineered Antibodies</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 product-adcs-engineered-antibodies"></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://process-analytical-technology.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-process-development-manufacturing"></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.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000QDWH&oid=00D20000000ITFt&lastMod=1723816908000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 3rd PAT & Real Time Quality Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Homing in on PAT Application Across Modalities </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 product-process-development-manufacturing"> <span>Process Development & Manufacturing</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 product-process-development-manufacturing"></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://rna-drugdiscovery.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product-rna-therapy"></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.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000OMDt&oid=00D20000000ITFt&lastMod=1721815160000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h2 class="heading-four leading-6 xl:leading-8 relative mb-4"> 7th RNA-Targeted Drug Discovery Summit </h2> <div class="flex flex-row"> <div class="mb-4 body-base relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Supercharging the Translation of RNA Targeted Therapies Towards the Clinic </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 product-rna-therapy"> <span>RNA Therapy</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 product-rna-therapy"></div> </a> </div> <div class="Post__Grid-next-page w-full flex items-center justify-center mt-10 col-span-6 relative"> <a class="nav-button button-light-gradient desktop-navigation-link my-2" href="https://hansonwade.com/life-sciences-conferences/page/2/" @click.prevent="loadMore"> <span x-show="!isLoading">Click to load more</span> <span x-show="isLoading">Loading...</span> </a> <svg role="status" x-show="isLoading" class="ml-4 w-8 h-8 text-greyscale-white-05 animate-spin fill-brand-white" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> </svg> </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="{visible: false}" x-cloak x-intersect.once="visible = true" class="Text flex flex-col md:flex-row justify-start padding-top-xs border-t mt-8 pt-8 border-border-dark-grey/20 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'"> <h3 class="heading-three"><span style="color: #00114f;">Explore Our Topics</span></h3> </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>Across every drug modality, every disease area and every stage of drug development, Hanson Wade delivers the most comprehensive and definitive event within your R&D niche. Browse our events by topic to find the right event for you.</p> </div> </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="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'"> </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'"> <p style="color:#3c3c3b";>ADCs & Engineered Antibodies</p> </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'"> <p style="color:#3c3c3b";>Cell Therapy</p> </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'"> <p style="color:#3c3c3b";>Gene Therapy</p> </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 === 3 ? 'text-opacity-100 border-current' : ''" @click="slider.select(3)"> <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 === 3 ? 'translate-x-[1.25rem] opacity-100' : 'translate-x-0 opacity-60'"> <p style="color:#3c3c3b";>Microbiome</p> </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 === 4 ? 'text-opacity-100 border-current' : ''" @click="slider.select(4)"> <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 === 4 ? 'translate-x-[1.25rem] opacity-100' : 'translate-x-0 opacity-60'"> <p style="color:#3c3c3b";>Precision Oncology</p> </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 === 5 ? 'text-opacity-100 border-current' : ''" @click="slider.select(5)"> <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 === 5 ? 'translate-x-[1.25rem] opacity-100' : 'translate-x-0 opacity-60'"> <p style="color:#3c3c3b";>Process Development & Manufacturing</p> </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 === 6 ? 'text-opacity-100 border-current' : ''" @click="slider.select(6)"> <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 === 6 ? 'translate-x-[1.25rem] opacity-100' : 'translate-x-0 opacity-60'"> <p style="color:#3c3c3b";>Protein Degradation</p> </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 === 7 ? 'text-opacity-100 border-current' : ''" @click="slider.select(7)"> <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 === 7 ? 'translate-x-[1.25rem] opacity-100' : 'translate-x-0 opacity-60'"> <p style="color:#3c3c3b";>RNA Therapy</p> </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>Maximizing the Therapeutic Window of ADCs & Engineered Antibodies</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://hansonwade.com/adcs-engineered-antibodies-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">ADCs & Engineered Antibodies Products</span><span>Learn More</span></a> </div> <div> <div class="Post__Grid flex flex-wrap -mx-5 text-content-dark"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="flex flex-col md:flex-row -mx-5"> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex "> </div> <div class="Post__Grid-Featured-posts flex flex-wrap md:w-1/2 " data-pegasus-filterable=""> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://worldadc-usa.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.file.force.com/servlet/servlet.ImageServer?id=015Ti0000006Fvd&oid=00D20000000ITFt&lastMod=1704191212000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 15th World ADC San Diego Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> November 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> The World’s Largest, Most Comprehensive & Definitive Antibody-Drug Conjugate Event </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 product-adcs-and-engineered-antibodies "> <span>ADCs & Engineered Antibodies</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 product- "></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://worldadc-europe.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.file.force.com/servlet/servlet.ImageServer?id=015Ti0000006GgP&oid=00D20000000ITFt&lastMod=1704196837000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 15th World ADC London Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> March 2025 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Maximising the Therapeutic Window of ADCs </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 product-adcs-and-engineered-antibodies "> <span>ADCs & Engineered Antibodies</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 product- "></div> </a> </div> </div> </div> </section> </div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>Developing Safe, Effective & Curative Cell Therapy Approaches, Delivered Globally to Patients, at Scale</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://hansonwade.com/cell-therapy-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">Cell Therapy Products</span><span>Learn More</span></a> </div> <div> <div class="Post__Grid flex flex-wrap -mx-5 text-content-dark"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="flex flex-col md:flex-row -mx-5"> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex "> </div> <div class="Post__Grid-Featured-posts flex flex-wrap md:w-1/2 " data-pegasus-filterable=""> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://cell-therapy-analytics.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRuf&oid=00D20000000ITFt&lastMod=1676476764000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 6th Cell Therapy Analytical Development Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Standardize Analytical Testing to Confidently Characterize Cell Potency, Safety & Viability </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 product-cell-therapy "> <span>Cell Therapy</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 product- "></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://cartcr-europe.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.file.force.com/servlet/servlet.ImageServer?id=01509000000iRXS&oid=00D20000000ITFt&lastMod=1698771630000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 8th CAR-TCR Summit Europe </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> February 2025 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Driving Next-Gen CAR & TCR Approaches </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 product-cell-therapy "> <span>Cell Therapy</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 product- "></div> </a> </div> </div> </div> </section> </div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>Delivering Safe, Effective, & Accessible Gene Therapies to Patients</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://hansonwade.com/gene-therapy-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">Gene Therapy Products</span><span>Learn More</span></a> </div> <div> <div class="Post__Grid flex flex-wrap -mx-5 text-content-dark"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="flex flex-col md:flex-row -mx-5"> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex "> </div> <div class="Post__Grid-Featured-posts flex flex-wrap md:w-1/2 " data-pegasus-filterable=""> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://genetherapy-conference.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iSQI&oid=00D20000000ITFt&lastMod=1673881291000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 8th Gene Therapy Development Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> March 2025 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Translating the Future of Gene Therapies for Rare & Common Diseases </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 product-gene-therapy "> <span>Gene Therapy</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 product- "></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://genetherapy-cns.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iSQr&oid=00D20000000ITFt&lastMod=1673883142000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 6th Gene Therapy for CNS Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> November 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Delivering the Next Wave of Gene Therapies to the CNS </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 product-gene-therapy "> <span>Gene Therapy</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 product- "></div> </a> </div> </div> </div> </section> </div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>Translating Innovative Microbiome Research into Safe & Effective Products</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://hansonwade.com/microbiome-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">Microbiome Products</span><span>Learn More</span></a> </div> <div> <div class="Post__Grid flex flex-wrap -mx-5 text-content-dark"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="flex flex-col md:flex-row -mx-5"> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex "> </div> <div class="Post__Grid-Featured-posts flex flex-wrap md:w-1/2 " data-pegasus-filterable=""> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://microbiome-europe.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.file.force.com/servlet/servlet.ImageServer?id=01509000001isqT&oid=00D20000000ITFt&lastMod=1697102087000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 9th Microbiome Movement Summit Europe </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> January 2025 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Translating Microbiome R&D into Improved Healthcare Outcomes </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 product-microbiome "> <span>Microbiome</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 product- "></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://bacteriophage-summit.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRbOAAU&oid=00D20000000ITFt&lastMod=1669742674000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 7th Bacteriophage Therapy Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> March 2025 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Innovating Phage Therapeutics & Delivery Applications for Clinical Success </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 product-microbiome "> <span>Microbiome</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 product- "></div> </a> </div> </div> </div> </section> </div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>Accelerating the Development of More Efficacious Precision Oncology Therapeutics</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://hansonwade.com/precision-oncology-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">Precision Oncology Products</span><span>Learn More</span></a> </div> <div> <div class="Post__Grid flex flex-wrap -mx-5 text-content-dark"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="flex flex-col md:flex-row -mx-5"> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex "> </div> <div class="Post__Grid-Featured-posts flex flex-wrap md:w-1/2 " data-pegasus-filterable=""> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://lbx-summit.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000Tw8f&oid=00D20000000ITFt&lastMod=1726736026000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 9th Liquid Biopsy for Precision Oncology Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> February 2025 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Accelerating Patient Access to Precision Drugs Through Innovative Biopsy Testing </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 product-precision-oncology "> <span>Precision Oncology</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 product- "></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://tumour-models.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000UTxR&oid=00D20000000ITFt&lastMod=1727083420000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 13th Tumour Models London Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Engineering Your Next Generation Tumour Models to Maximise Clinical Success </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 product-precision-oncology "> <span>Precision Oncology</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 product- "></div> </a> </div> </div> </div> </section> </div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>Engineering & Manufacturing Novel, Quality & Affordable Drugs for Patients at Scale & Speed</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://hansonwade.com/process-development-manufacturing-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">Process Development & Manufacturing Products</span><span>Learn More</span></a> </div> <div> <div class="Post__Grid flex flex-wrap -mx-5 text-content-dark"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="flex flex-col md:flex-row -mx-5"> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex "> </div> <div class="Post__Grid-Featured-posts flex flex-wrap md:w-1/2 " data-pegasus-filterable=""> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://lab-asset-in-pharma.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRhQAAU&oid=00D20000000ITFt&lastMod=1669907977000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 7th LAFM Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> November 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Ensuring R&D Success Through Transformative Lab Operations </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 product-process-development-and-manufacturing "> <span>Process Development & Manufacturing</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 product- "></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://http://applied-biocatalysis.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRspAAE&oid=00D20000000ITFt&lastMod=1670323966000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 4th Applied Biocatalysis & Enzyme Engineering Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Enzyme Engineering Enabling Scalable Industrial Biotransformation for Sustainable API Production </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 product-process-development-and-manufacturing "> <span>Process Development & Manufacturing</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 product- "></div> </a> </div> </div> </div> </section> </div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>Bringing Safe & Effective Targeted Protein Degradation Therapies to Patients Faster</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://hansonwade.com/protein-degradation-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">Protein Degradation Products</span><span>Learn More</span></a> </div> <div> <div class="Post__Grid flex flex-wrap -mx-5 text-content-dark"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="flex flex-col md:flex-row -mx-5"> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex "> </div> <div class="Post__Grid-Featured-posts flex flex-wrap md:w-1/2 " data-pegasus-filterable=""> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://www.cdx-lbx-summit-apac.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000Q2Sn&oid=00D20000000ITFt&lastMod=1723642413000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> World CDx & LBx Summit APAC </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> November 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Trailblazing Collaborations to Deliver Precision Medicine to All Patients 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 product-protein-degradation "> <span>Protein Degradation</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 product- "></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://hippo-pathway.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000NpGL&oid=00D20000000ITFt&lastMod=1721299840000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 3rd Hippo Pathway Targeted Drug Development Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> November 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Leveraging TEAD, YAP & TAZ to Control Transcriptional Outputs </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 product-protein-degradation "> <span>Protein Degradation</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 product- "></div> </a> </div> </div> </div> </section> </div> </div> </div> <div class="Image__Switcher-image-slide flex flex-col w-full relative"> <div class="body-large mb-6"> <p>Delivering Safe & Effective RNA Therapies & Vaccines to Patients Faster</p> </div> <div class="sm:-mx-2 mb-4"> <a href="https://hansonwade.com/rna-therapy-products/" class=" button-primary sm:mx-2 my-2" ><span class="sr-only">RNA Therapy Products</span><span>Learn More</span></a> </div> <div> <div class="Post__Grid flex flex-wrap -mx-5 text-content-dark"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="flex flex-col md:flex-row -mx-5"> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex "> </div> <div class="Post__Grid-Featured-posts flex flex-wrap md:w-1/2 " data-pegasus-filterable=""> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://rna-drugdiscovery.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade.my.salesforce.com/servlet/servlet.ImageServer?id=015Ti000000OMDt&oid=00D20000000ITFt&lastMod=1721815160000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 7th RNA-Targeted Drug Discovery Summit </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> December 2024 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Supercharging the Translation of RNA Targeted Therapies Towards the Clinic </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 product-rna-therapy "> <span>RNA Therapy</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 product- "></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full lg:w-1/2 lg:min-h-[540px]" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a target="_blank" href="https://mrnabased-therapeutics-europe.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 card-overlay inset-0 opacity-0 group-hover:opacity-20 transition-all duration-600 transform product- "></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-[2rem] xl:pb-[6.25rem]"> <img width="77" height="77" class="relative" src="https://hansonwade--c.eu40.content.force.com/servlet/servlet.ImageServer?id=01509000000iRXvAAM&oid=00D20000000ITFt&lastMod=1669742168000"> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right break-words w-1/2">Conference</strong> </div> <h4 class="heading-four leading-6 xl:leading-8 relative mb-4"> 4th mRNA-Based Therapeutics Summit Europe </h4> <div class="flex flex-row date"> <div class="mb-4 relative"> January 2025 </div> </div> <div class="pb-12 body-small leading-6 xl:leading-[1.75rem] tracking-tight relative"> Reshaping the Next Wave of mRNA Medicines Towards Clinical Reality </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 product-rna-therapy "> <span>RNA Therapy</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 product- "></div> </a> </div> </div> </div> </section> </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 padding-top-md padding-bottom-md 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://hansonwade.com/wp-content/uploads/2022/10/cta-bg-colour.jpg);" ></div> </div> <div class="container"> <div x-data="{visible: false}" x-cloak x-intersect.once="visible = true" class="Text flex flex-col md:flex-row justify-center relative"> <div class="Text_Column flex justify-center md:w-[50%] "> <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'"> <h2 class="heading-two" style="text-align: center;">Get in touch with our team</h2> <p style="text-align: center;">We speak to hundreds of biopharmaceutical experts from industry and academia every day. We would love for you to be one of them. Contact us to discover how our events can accelerate your drug development.</p> <div class="sm:-mx-2"> <a href="https://hansonwade.com/contact-us/" class=" button-grey-gradient sm:mx-2 my-2" data-pegasus-modal="Modal--full" ><span class="sr-only">Contact Us</span><span>Contact Us</span></a> </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/" class="block cursor-pointer"> <img src="https://hansonwade.com/wp-content/uploads/2023/02/hw-footer-logo.svg" data-src="https://hansonwade.com/wp-content/uploads/2023/02/hw-footer-logo.svg" width="297.498" height="79" class="attachment-full size-full lazy" alt="hw-footer-logo" /> </a> </div> <h3 class="heading-four font-light relative text-content-light md:max-w-[65%] mb-8 leading-[1.3]"> Facilitating safe and effective drug development for more personalized and targeted patient populations. </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</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#3d"></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>Our Products by Type</h4> <div> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/life-sciences-conferences/">Conferences</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/beacon-life-sciences-data/">Beacon</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/intelligence-life-sciences-consultancy/">Intelligence</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/searchlight-hr-networking-events/">Searchlight</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>Our Products by Topic</h4> <div> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/adcs-engineered-antibodies-products/">ADCs & Engineered Antibodies</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/cell-therapy-products/"><span class="body-extra-small-one">Cell Therapy</span></a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/gene-therapy-products/"><span class="body-extra-small-one">Gene Therapy</span></a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/microbiome-products/">Microbiome</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/precision-oncology-products/"><span class="body-extra-small-one">Precision Oncology</span></a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/process-development-manufacturing-products/">Process Development & Manufacturing</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/protein-degradation-products/"><span class="body-extra-small-one">Protein Degradation</span></a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/rna-therapy-products/">RNA Therapy</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>Our Company</h4> <div> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/what-we-do/">What We Do</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/why-we-do-it/">Why We Do It</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/who-we-are/">Who We Are</a></span></p> <p><span class="body-extra-small-one"><a href="https://careers.hansonwadegroup.com/">Careers</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/contact-us/">Contact Us</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 Hanson Wade</span></p> <p><span class="body-extra-small-one"><a href="https://www.plugandplaydesign.co.uk/wordpress-agency-london/">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 Brand</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 Hanson Wade</span></p> <p><span class="body-extra-small-one"><a href="https://www.plugandplaydesign.co.uk/wordpress-agency-london/">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 Brand</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://twitter.com/hansonwade" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-twitter 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> </ul> </div> </div> </div> </div> </footer> <div x-data="allModals()" id="all-modals" x-cloak> <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()" x-cloak @opencontactmodal.window="show = true; $el.classList.remove('hidden')" class="flex flex-col sm:flex-row relative hidden"> <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> <h3 class="heading-three mb-4">Contact Us</h3> <div> Get in touch and we will get back to you. </div> <div class="mt-8"> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"></script> <div class='gf_browser_safari 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='/life-sciences-conferences/#gf_2' data-formid='2' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6LcnbeQjAAAAAAE-3S47YDsRxBjhX3NU_r6PtYxC' 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 gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' onclick='gform.submission.handleButtonClick(this)' value='Submit' /> <input type='hidden' name='gform_ajax' value='form_id=2&title=1&description=1&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_2' value='iframe' /> <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='WyJbXSIsIjhiZDliNzNkNTA5M2E2NDlmYzRhY2Q4ZDYyNDU0M2NjIl0=' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' /> <input type='hidden' autocomplete='off' 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 type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://hansonwade.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://hansonwade.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 } } ); gform.utils.trigger( { event: 'gform/post_render', 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> <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 States</div> <div><a class="underline" href="tel:+14157353289">+1 415 735 3289</a></div> </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> <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> </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://hansonwade.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://hansonwade.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://hansonwade.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css' type='text/css' media='all' /> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBK3SrH9gKJmZcB-Sr5d10e-fkkIpgV6gE" id="google_maps-js"></script> <script type="text/javascript" defer src="https://hansonwade.com/wp-content/themes/pegasus/dist/js/main.js" id="Main-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-extra"> /* <![CDATA[ */ var gforms_recaptcha_recaptcha_strings = {"site_key":"6LcnbeQjAAAAAAE-3S47YDsRxBjhX3NU_r6PtYxC","ajaxurl":"https:\/\/hansonwade.com\/wp-admin\/admin-ajax.php","nonce":"3a869d4df8"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LcnbeQjAAAAAAE-3S47YDsRxBjhX3NU_r6PtYxC" id="gforms_recaptcha_recaptcha-js"></script> <script type="text/javascript" src="https://hansonwade.com/wp-includes/js/dist/dom-ready.min.js" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://hansonwade.com/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script> <script type="text/javascript" src="https://hansonwade.com/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://hansonwade.com/wp-includes/js/dist/a11y.min.js" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://hansonwade.com/wp-content/plugins/gravityforms/js/jquery.json.min.js" 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:\/\/hansonwade.com\/wp-content\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"Pound Sterling","symbol_left":"£","symbol_right":"","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2,"code":"GBP"},"base_url":"https:\/\/hansonwade.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/hansonwade.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"2fcc4eeaa5eb8939a1e99ffe609b0c64","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://hansonwade.com/wp-content/plugins/gravityforms/js/gravityforms.min.js" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://hansonwade.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js" id="gform_placeholder-js"></script> <script type="text/javascript" defer='defer' src="https://hansonwade.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js" id="gform_gravityforms_utils-js"></script> <script type="text/javascript" defer='defer' src="https://hansonwade.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js" 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":"2fcc4eeaa5eb8939a1e99ffe609b0c64"},"ajax":{"ajaxurl":"https:\/\/hansonwade.com\/wp-admin\/admin-ajax.php","ajax_submission_nonce":"1a336be838","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again."}}}},"hmr_dev":"","public_path":"https:\/\/hansonwade.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/","config_nonce":"bad4bf113a"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://hansonwade.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js" id="gform_gravityforms_theme-js"></script> <script type="text/javascript" src="https://hansonwade.com/wp-content/plugins/gravityformsrecaptcha/js/frontend.min.js" id="gforms_recaptcha_frontend-js"></script> <script type="text/javascript"> /* <![CDATA[ */ 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"> /* <![CDATA[ */ 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 } } ); gform.utils.trigger( { event: 'gform/post_render', 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>