What We Do - Hanson Wade Group

<!doctype html> <html class="html page-template-default page page-id-2903" 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}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); /* ]]> */ </script> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"><meta name="msapplication-TileColor" content="#FFFFFF"><meta name="theme-color" content="#FFFFFF">  <title>What We Do - Hanson Wade Group</title> <link rel="canonical" href="https://hansonwadegroup.com/what-we-do/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="What We Do - Hanson Wade Group" /> <meta property="og:url" content="https://hansonwadegroup.com/what-we-do/" /> <meta property="og:site_name" content="Hanson Wade Group" /> <meta property="article:modified_time" content="2024-05-08T10:17:50+00:00" /> <meta property="og:image" content="https://hansonwadegroup.com/wp-content/uploads/2023/06/hansonwade-Group-logo_RGB.jpg" /> <meta property="og:image:width" content="481" /> <meta property="og:image:height" content="254" /> <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://hansonwadegroup.com/what-we-do/","url":"https://hansonwadegroup.com/what-we-do/","name":"What We Do - Hanson Wade Group","isPartOf":{"@id":"https://hansonwadegrp.wpengine.com/#website"},"primaryImageOfPage":{"@id":"https://hansonwadegroup.com/what-we-do/#primaryimage"},"image":{"@id":"https://hansonwadegroup.com/what-we-do/#primaryimage"},"thumbnailUrl":"https://hansonwadegroup.com/wp-content/uploads/2023/06/hansonwade-Group-logo_RGB.jpg","datePublished":"2023-06-07T11:15:11+00:00","dateModified":"2024-05-08T10:17:50+00:00","breadcrumb":{"@id":"https://hansonwadegroup.com/what-we-do/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://hansonwadegroup.com/what-we-do/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://hansonwadegroup.com/what-we-do/#primaryimage","url":"https://hansonwadegroup.com/wp-content/uploads/2023/06/hansonwade-Group-logo_RGB.jpg","contentUrl":"https://hansonwadegroup.com/wp-content/uploads/2023/06/hansonwade-Group-logo_RGB.jpg","width":481,"height":254},{"@type":"BreadcrumbList","@id":"https://hansonwadegroup.com/what-we-do/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://hansonwadegroup.com/"},{"@type":"ListItem","position":2,"name":"What We Do"}]},{"@type":"WebSite","@id":"https://hansonwadegrp.wpengine.com/#website","url":"https://hansonwadegrp.wpengine.com/","name":"Hanson Wade Group","description":"Your SUPER-powered WP Engine Site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://hansonwadegrp.wpengine.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>  <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://hansonwadegroup.com"}</script><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://hansonwadegroup.com/wp-content/themes/pegasus/dist/css/main.css' type='text/css' media='all' /> <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://hansonwadegroup.com/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://hansonwadegroup.com/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://hansonwadegroup.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://hansonwadegroup.com/wp-json/wp/v2/pages/2903" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://hansonwadegroup.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://hansonwadegroup.com/?p=2903' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://hansonwadegroup.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhansonwadegroup.com%2Fwhat-we-do" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://hansonwadegroup.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhansonwadegroup.com%2Fwhat-we-do&format=xml" /> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1; t.src="https://www.clarity.ms/tag/"+i+"?ref=wordpress";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "mn7z4s0g9m"); </script> <link rel="preload" href="https://hansonwadegroup.com/wp-content/themes/pegasus/dist/fonts/nexa-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://hansonwadegroup.com/wp-content/themes/pegasus/dist/fonts/nexa-light.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://hansonwadegroup.com/wp-content/themes/pegasus/dist/fonts/nexa-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="icon" href="https://hansonwadegroup.com/wp-content/uploads/2023/05/cropped-HWG-favicon--32x32.png" sizes="32x32" /> <link rel="icon" href="https://hansonwadegroup.com/wp-content/uploads/2023/05/cropped-HWG-favicon--192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://hansonwadegroup.com/wp-content/uploads/2023/05/cropped-HWG-favicon--180x180.png" /> <meta name="msapplication-TileImage" content="https://hansonwadegroup.com/wp-content/uploads/2023/05/cropped-HWG-favicon--270x270.png" />  <script src=https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js type="text/javascript" charset="UTF-8" data-domain-script="791ce60b-45ef-45bc-a04d-77c62b97a25f" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script>   <script type="text/javascript" src=https://cdn.bizible.com/scripts/bizible.js async=""></script>   <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>   <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-KBZKHFW');</script>  <meta name="google-site-verification" content="qYRLN7IvvQnbsJvio6q9neGD2tfNa05tBLPO74NCbL0" /> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KBZKHFW" height="0" width="0" style="display:none;visibility:hidden"></iframe></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 x-cloak href="https://hansonwadegroup.com"> <span class="sr-only">Hanson Wade Group</span> <img src="https://hansonwadegroup.com/wp-content/uploads/2023/05/hw-grou-logo-150x85.png" data-src="https://hansonwadegroup.com/wp-content/uploads/2023/05/hw-grou-logo.png" width="260" height="30" class="w-auto lazy" alt="hw-grou-logo" data-sizes="(min-width: 1199px) 160px, (min-width: 992px) 160px, (min-width: 767px) 160px, (min-width: 375px) 100vw" :class="(scrolled || mobMenuOpen || megamenu !== null) ? 'hidden' : 'h-[2.75rem] md:h-[3.75rem]'" /> <img src="https://hansonwadegroup.com/wp-content/uploads/2023/05/Untitled-design-16-150x150.png" data-src="https://hansonwadegroup.com/wp-content/uploads/2023/05/Untitled-design-16.png" width="260" height="30" class="w-auto lazy" alt="HWG" data-srcset="https://hansonwadegroup.com/wp-content/uploads/2023/05/Untitled-design-16-300x160.png 300w, https://hansonwadegroup.com/wp-content/uploads/2023/05/Untitled-design-16.png 500w" data-sizes="(min-width: 1199px) 500px, (min-width: 992px) 500px, (min-width: 767px) 300px, (min-width: 375px) 100vw" :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 === '2814' ? megamenu = null : megamenu = '2814';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '2814' ? '-open' : '')">Company</span> </button> <div x-cloak x-show="megamenu === '2814'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '2814'" 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"><p style="color:#00114f";>Company</p></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-light-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[13rem]" href="https://hansonwadegroup.com/what-we-do"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <img src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" data-src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" width="410" height="205" class="h-auto w-full absolute object-cover opacity-100 group-hover:opacity-60 transition-all duration-600 transform lazy" alt="Top bubble 50%" /> <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-light-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[13rem]" href="https://hansonwadegroup.com/environmental-social-governance"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <img src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" data-src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" width="410" height="205" class="h-auto w-full absolute object-cover opacity-100 group-hover:opacity-60 transition-all duration-600 transform lazy" alt="Top bubble 50%" /> <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";>Environmental, Social Corporate Governance</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-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[13rem]" href="https://hansonwadegroup.com/corporate-social-responsibility/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <img src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" data-src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" width="410" height="205" class="h-auto w-full absolute object-cover opacity-100 group-hover:opacity-60 transition-all duration-600 transform lazy" alt="Top bubble 50%" /> <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";>Corporate Social Responsibility</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-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[13rem]" href="https://hansonwadegroup.com/diversity-and-inclusion"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <img src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" data-src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" width="410" height="205" class="h-auto w-full absolute object-cover opacity-100 group-hover:opacity-60 transition-all duration-600 transform lazy" alt="Top bubble 50%" /> <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";>Diversity and Inclusion</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-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[13rem]" href="https://hansonwadegroup.com/values"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <img src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" data-src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" width="410" height="205" class="h-auto w-full absolute object-cover opacity-100 group-hover:opacity-60 transition-all duration-600 transform lazy" alt="Top bubble 50%" /> <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";>Values</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 === '2814'" @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 === '2822' ? megamenu = null : megamenu = '2822';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '2822' ? '-open' : '')">Who We Are</span> </button> <div x-cloak x-show="megamenu === '2822'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '2822'" 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"><p style="color:#00114f";>Who We Are</p></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-light-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[13rem]" href="https://hansonwadegroup.com/board-of-directors"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <img src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" data-src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" width="410" height="205" class="h-auto w-full absolute object-cover opacity-100 group-hover:opacity-60 transition-all duration-600 transform lazy" alt="Top bubble 50%" /> <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";>Board of Directors</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-blue"> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full xl:min-h-[13rem]" href="https://hansonwadegroup.com/senior-leadership-team"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <img src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" data-src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Top-bubble-50.svg" width="410" height="205" class="h-auto w-full absolute object-cover opacity-100 group-hover:opacity-60 transition-all duration-600 transform lazy" alt="Top bubble 50%" /> <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";>Senior Leadership Team</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 === '2822'" @click="megamenu = null"> </div> </div> </div> </li> <li class="relative"> <a target="_blank" href="https://careers.hansonwadegroup.com/" 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 transform transition delay-500 duration-500 opacity-0" :class="visible ? 'opacity-100' : 'opacity-0'"> <ul class="site-nav list-inline flex items-center justify-end visible-links"> <li class="block ml-4 font-normal body-extra-small-one -current-underline" :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwadegroup.com/what-we-do" target="" class="link" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light'), (visible ? 'opacity-100' : 'opacity-0')]" > What We Do </a> </li> <li class="block ml-4 font-normal body-extra-small-one " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwadegroup.com/environmental-social-governance" target="" class="link" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light'), (visible ? 'opacity-100' : 'opacity-0')]" > ESG </a> </li> <li class="block ml-4 font-normal body-extra-small-one " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwadegroup.com/corporate-social-responsibility" target="" class="link" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light'), (visible ? 'opacity-100' : 'opacity-0')]" > CSR </a> </li> <li class="block ml-4 font-normal body-extra-small-one " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwadegroup.com/diversity-and-inclusion" target="" class="link" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light'), (visible ? 'opacity-100' : 'opacity-0')]" > D&I </a> </li> <li class="block ml-4 font-normal body-extra-small-one " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://hansonwadegroup.com/values" target="" class="link" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light'), (visible ? 'opacity-100' : 'opacity-0')]" > Values </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 -current-underline"> <a href="https://hansonwadegroup.com/what-we-do" target=""> What We Do </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://hansonwadegroup.com/environmental-social-governance" target=""> ESG </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://hansonwadegroup.com/corporate-social-responsibility" target=""> CSR </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://hansonwadegroup.com/diversity-and-inclusion" target=""> D&I </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://hansonwadegroup.com/values" target=""> Values </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>Company</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://hansonwadegroup.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://hansonwadegroup.com/environmental-social-governance"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Environmental, Social Corporate Governance</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://hansonwadegroup.com/corporate-social-responsibility/"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Corporate Social Responsibility</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://hansonwadegroup.com/diversity-and-inclusion"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Diversity and Inclusion</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://hansonwadegroup.com/values"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Values</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>Who We Are</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://hansonwadegroup.com/board-of-directors"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Board of Directors</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://hansonwadegroup.com/senior-leadership-team"> <span class="block font-bold text-[18px]"><p style="color:#00114f";>Senior Leadership Team</p></span> </a> </div> </li> </ul> </div> </div> </div> </li> <li> <a href="https://careers.hansonwadegroup.com/" target="_blank" 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://hansonwadegroup.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-2903">  <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://hansonwadegroup.com/wp-content/uploads/2023/06/CTA-homepage-wave-trans-1.png);" ></div> </div> <div class="container"> <div x-data="bannerSmall()" x-intersect.once="visible = true" class="Banner__Small flex items-end justify-start padding-top-xl relative " style="background-color: ;"> <div class="flex flex-col z-10 items-start transform transition duration-500 w-full md:w-3/4 " :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <h1 class="heading-two">What We Do</h1> <p> </p> </div> </div> </div> </section>   <section class="relative block md:block lg:block padding-top-xs padding-bottom-xs 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 relative"> <div class="Text_Column flex justify-start w-full flex-1"> <div class="flex flex-col z-10 transform transition duration-500 md:w-3/4" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <h2 class="text-gradient-light-dark-blue heading-three" style="text-align: left;">Enabling Growth is at the Heart of What We Do</h2> </div> </div> <div class="Text_Column flex justify-start w-full flex-1"> <div class="flex flex-col z-10 transform transition duration-500 w-full" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <p>Hanson Wade Group gives people the clarity to see where opportunity lies. We work in highly specialized fields to provide an unmatched depth and quality of content. We work in sectors where the quality of information is the difference between success and failure.</p> </div> </div> </div> </div> </section>   <section class="relative block md:block lg:block padding-bottom-sm text-content-dark" > <div class="container"> <section x-data="iconGrid()" x-intersect.once="visible = true" class="Icon_Grid relative w-full"> <div class="grid grid-rows-1 gap-20 md:grid-cols-3 "> <div class="item flex flex-col items-center flex-auto flex-wrap transition duration-300 translate-x-0 mb-8 xl:mb-0" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <div class="flex flex-col mb-4 w-full border-t w-[85%] border-border-dark-grey/20 pt-8 "> <div class="flex"> <img class="h-auto relative mb-6" src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Group-15713.svg" alt=""> </div> <div class="title w-full text-left " style="color:;"><p style="color:#00114f";>Our Relevance</p></div> <div class="">We deliver relevant information, derived from deep industry research and understanding to improve your decision-making. We also provide connections with like-minded individuals facing similar challenges, empowering you to navigate complexities and make informed choices with confidence.</div> </div> </div> <div class="item flex flex-col items-center flex-auto flex-wrap transition duration-300 translate-x-0 mb-8 xl:mb-0" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <div class="flex flex-col mb-4 w-full border-t w-[85%] border-border-dark-grey/20 pt-8 "> <div class="flex"> <img class="h-auto relative mb-6" src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Group-15712.svg" alt=""> </div> <div class="title w-full text-left " style="color:;"><p style="color:#00114f";>What We Deliver</p></div> <div class="">We curate specific, timely, and granular intelligence tailored to defined market niches. Through our range of platforms and services, we find areas of unmet need and provide an environment for critical decision-making with unrivaled access to content and connections.</div> </div> </div> <div class="item flex flex-col items-center flex-auto flex-wrap transition duration-300 translate-x-0 mb-8 xl:mb-0" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <div class="flex flex-col mb-4 w-full border-t w-[85%] border-border-dark-grey/20 pt-8 "> <div class="flex"> <img class="h-auto relative mb-6" src="https://hansonwadegroup.com/wp-content/uploads/2022/11/Group-15714.svg" alt=""> </div> <div class="title w-full text-left " style="color:;"><p style="color:#00114f";>Our Impact</p></div> <div class="">Our product insights aid critical decision-making, addressing shared challenges and enabling more effective solutions. Through content, connections and comprehensive data, we support stronger decisions, improved outcomes, and cost savings.</div> </div> </div> </div> <div class="flex items-center justify-center"> </div> </section> </div> </section>   <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 relative"> <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'"> <h2 class="heading-three"><span style="color: #00114f;">Our Conference Communities</span></h2> </div> </div> </div> </div> </section>   <section class="relative block md:block lg:block text-content-dark" > <div class="container"> <section x-data="iconGrid()" x-intersect.once="visible = true" class="Icon_Grid relative w-full"> <div class="grid grid-rows-1 gap-20 md:grid-cols-3 "> <div class="item flex flex-col items-center flex-auto flex-wrap transition duration-300 translate-x-0 mb-8 xl:mb-0" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <div class="flex flex-col mb-4 w-full border-t w-[85%] border-border-dark-grey/20 pt-8 "> <div class="flex"> <img class="h-auto relative mb-6" src="https://hansonwadegroup.com/wp-content/uploads/2023/07/Untitled-design-18.png" alt=""> </div> <div class="title w-full text-left " style="color:;"><p style="color:#00114f";>Life Sciences</p></div> <div class="">Hanson Wade specializes in scientific research across various drug modalities, key diseases, and R&D areas. Our different products span 200+ conferences, networking groups, bespoke market research services, and databases.  </div> </div> <div class="flex w-full "> <div class="sm:-mx-2"> <a href="https://hansonwade.com/" target="_blank" class=" button-primary sm:mx-2 my-2" ><span>Learn More</span></a> </div> </div> </div> <div class="item flex flex-col items-center flex-auto flex-wrap transition duration-300 translate-x-0 mb-8 xl:mb-0" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <div class="flex flex-col mb-4 w-full border-t w-[85%] border-border-dark-grey/20 pt-8 "> <div class="flex"> <img class="h-auto relative mb-6" src="https://hansonwadegroup.com/wp-content/uploads/2023/07/AC-logo.png" alt=""> </div> <div class="title w-full text-left " style="color:;"><p style="color:#00114f";>Construction</p></div> <div class="">Advancing Construction is a series of niche conferences that brings together over 4,000 attendees each year to address the most pressing challenges and spotlight cutting-edge innovations transforming design and project delivery.  </div> </div> <div class="flex w-full "> <div class="sm:-mx-2"> <a href="https://advancingconstruction.com/" target="_blank" class=" button-primary sm:mx-2 my-2" ><span>Learn More</span></a> </div> </div> </div> <div class="item flex flex-col items-center flex-auto flex-wrap transition duration-300 translate-x-0 mb-8 xl:mb-0" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <div class="flex flex-col mb-4 w-full border-t w-[85%] border-border-dark-grey/20 pt-8 "> <div class="flex"> <img class="h-auto relative mb-6" src="https://hansonwadegroup.com/wp-content/uploads/2023/06/LEAP-HR-90px-height-1.png" alt=""> </div> <div class="title w-full text-left " style="color:;"><p style="color:#00114f";>Human Resources</p></div> <div class="">At LEAP HR, our mission is to create industry-specific, ready-made support networks of HR leaders who are committed to re-imagining the way we work, through the creation of value-adding, niche conferences and membership groups.  </div> </div> <div class="flex w-full "> <div class="sm:-mx-2"> <a href="https://leap-hr.com" target="_blank" class=" button-primary sm:mx-2 my-2" ><span>Learn More</span></a> </div> </div> </div> </div> <div class="flex items-center justify-center"> </div> </section> </div> </section>   <section class="relative block md:block lg:block padding-top-xs text-content-dark" > <div class="container"> <section x-data="postGridFeatured()" x-intersect.once="visible = true" class="Post__Grid-Featured relative w-full"> <div class="w-full pt-4 pb-4 mb-6 border-b border-border-dark-grey/20 text-brand-dark-blue heading-four font-normal"> <p><h2 class="heading-three"><span style="color: #00114f;">Other Life Science Products</span></h2></p> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full flex-1" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a href="https://hansonwade.com/life-sciences-conferences/" target="_self" class="block h-full w-full group bg-brand-white p-8 relative rounded-[3px] overflow-hidden transition-all duration-600 transform" style="background-image:url();background-size:cover;;"> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between pb-[3.25rem]"> <img width="auto" height="80" class="relative max-h-[50px] md:max-h-auto md:h-[80px]" src="https://hansonwadegroup.com/wp-content/uploads/2023/06/Conferences-90px-height-v2.png" alt=""> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right pt-4"><p>CONFERENCES</p> </strong> </div> <h3 class="heading-three leading-[3rem] md:w-4/6 relative mb-4"> </h3> <div class="pb-12 body-small leading-6 tracking-tight relative"> <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.</p> <p>Critical information, delivered by world-class industry speakers to progress the right targeted therapies to the right patients, faster.</p> </div> <div class="btn-container text-content-light flex flex-row items-center justify-end absolute bottom-0 left-0 p-8 w-full"> <span class="pl-2 sm:pl-0 pr-2 flex items-center transition-all duration-600 transform invert-0 group-hover:invert"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"></path> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"></path> </g> </svg> </span> </div> <div class="line left-0 z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform" style="background-color:#3883D9;" ></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full flex-1" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a href="http://www.beacon-intelligence.com" target="_blank" class="block h-full w-full group bg-brand-white p-8 relative rounded-[3px] overflow-hidden transition-all duration-600 transform" style="background-image:url();background-size:cover;;"> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between pb-[3.25rem]"> <img width="auto" height="80" class="relative max-h-[50px] md:max-h-auto md:h-[80px]" src="https://hansonwadegroup.com/wp-content/uploads/2023/06/Beacon-90px-height.png" alt=""> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right pt-4"><p>DATA</p> </strong> </div> <h3 class="heading-three leading-[3rem] md:w-4/6 relative mb-4"> </h3> <div class="pb-12 body-small leading-6 tracking-tight relative"> <p>Hanson Wade’s Beacon product is a world-class data, research, and insight platform. The clinical intelligence it provides shapes the R&D decisions of scientists across the pharmaceutical industry.</p> <p>Beacon’s modular design ensures that each dataset provides a level of specificity and accessibility not available anywhere else.</p> </div> <div class="btn-container text-content-light flex flex-row items-center justify-end absolute bottom-0 left-0 p-8 w-full"> <span class="pl-2 sm:pl-0 pr-2 flex items-center transition-all duration-600 transform invert-0 group-hover:invert"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"></path> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"></path> </g> </svg> </span> </div> <div class="line left-0 z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform" style="background-color:#3883D9;" ></div> </a> </div> </div> <div class="flex flex-col md:flex-row -mx-5"> <div class="flex flex-col flex-1 sm:flex-row flex-col flex-1 sm:flex-row flex-col flex-1 sm:flex-row flex-col flex-1 sm:flex-row"> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full flex-1" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a href="http://www.hansonwade-searchlight.com" target="_blank" class="block h-full w-full group bg-brand-white p-8 relative rounded-[3px] overflow-hidden transition-all duration-600 transform" style="background-image:url();background-size:cover;;"> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between pb-[3.25rem]"> <img width="auto" height="80" class="relative max-h-[50px] md:max-h-auto md:h-[80px]" src="https://hansonwadegroup.com/wp-content/uploads/2023/06/Searchlight-90px-height.png" alt=""> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right pt-4"><p>EXPERT NETWORKS</p> </strong> </div> <h3 class="heading-three leading-[3rem] md:w-4/6 relative mb-4"> </h3> <div class="pb-12 body-small leading-6 tracking-tight relative"> <p>Searchlight brings hyper-relevant groups of forward-thinking leaders together to share hard-earned experiences and solve common problems throughout the year, helping members move forward faster.</p> <p>We offer access to ready-made networks of hand-picked peers working in the same field as you and enable you to work with them in a facilitated, structured but “boundaryless” way all year round.</p> </div> <div class="btn-container text-content-light flex flex-row items-center justify-end absolute bottom-0 left-0 p-8 w-full"> <span class="pl-2 sm:pl-0 pr-2 flex items-center transition-all duration-600 transform invert-0 group-hover:invert"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"></path> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"></path> </g> </svg> </span> </div> <div class="line left-0 z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform" style="background-color:#3883D9;" ></div> </a> </div> <div class="Post__Grid-Featured-post w-full px-5 py-4 transition duration-300 w-full flex-1" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a href="http://www.hansonwade-intelligence.com" target="_blank" class="block h-full w-full group bg-brand-white p-8 relative rounded-[3px] overflow-hidden transition-all duration-600 transform" style="background-image:url();background-size:cover;;"> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between pb-[3.25rem]"> <img width="auto" height="80" class="relative max-h-[50px] md:max-h-auto md:h-[80px]" src="https://hansonwadegroup.com/wp-content/uploads/2023/06/Intelligence-90px-height.png" alt=""> <strong class="Post__Grid-category text-[13px] font-light uppercase tracking-[0.96px] relative flex-1 text-right pt-4"><p>MARKET RESEARCH</p> </strong> </div> <h3 class="heading-three leading-[3rem] md:w-4/6 relative mb-4"> </h3> <div class="pb-12 body-small leading-6 tracking-tight relative"> <p>We conduct qualitative research with niche experts across the life science drug development spectrum. Specializing in in-depth interviews, e-surveys, and secondary research; we have a range of customizable solutions.</p> <p>With our fingers on the pulse of emerging research trends, we enable clients to understand their markets and prospects in new layers of detail.</p> </div> <div class="btn-container text-content-light flex flex-row items-center justify-end absolute bottom-0 left-0 p-8 w-full"> <span class="pl-2 sm:pl-0 pr-2 flex items-center transition-all duration-600 transform invert-0 group-hover:invert"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"></path> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"></path> </g> </svg> </span> </div> <div class="line left-0 z-10 w-full absolute h-[4px] bottom-0 opacity-0 group-hover:opacity-100 transition-all duration-600 transform" style="background-color:#3883D9;" ></div> </a> </div> </div> </div> </section> </div> </section>   <section class="relative block md:block lg:block text-content-dark" > <div class=""> <section x-data="{visible: false}" x-intersect.once="visible = true" class="Text__And__Image__Columns flex justify-center relative"> <div class="w-full"> <div class="flex flex-col sm:flex-row"> <div class="Text__And__Image__Columns-column w-full transform transition duration-300 sm:min-h-[550px] group sm:w-1/3 md:w-1/3 md:mb-0 border-t border-body/50" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a class="relative" href="https://hansonwadegroup.com/" > <div class="block w-full h-full overflow-hidden relative group"> <img src="https://hansonwadegroup.com/wp-content/uploads/2023/06/Speaker-podium-1-150x150.png" data-src="https://hansonwadegroup.com/wp-content/uploads/2023/06/Speaker-podium-1.png" width="680" height="855" class="w-full h-full object-cover transition duration-300 opacity-100 group-hover:opacity-0 lazy" alt="Speaker podium" data-srcset="https://hansonwadegroup.com/wp-content/uploads/2023/06/Speaker-podium-1-239x300.png 239w, https://hansonwadegroup.com/wp-content/uploads/2023/06/Speaker-podium-1.png 680w" data-sizes="(min-width: 1199px) 680px, (min-width: 992px) 680px, (min-width: 767px) 239px, (min-width: 375px) 100vw" /> <div class="absolute w-full inset-0 bg-body opacity-40 group-hover:opacity-0 transform transition duration-300"> </div> <div class="absolute justify-between flex flex-col inset-0 py-8 sm:py-[5vh] px-[27px] sm:px-[5vw] text-content-light group-hover:text-content-dark"> <div> <div class="heading-five uppercase">About</div> <h2 class="heading-two">What We Do</h2> </div> <div> <p>We create niche, best-in-class information products to transform decision-making. We bring expert communities together to meaningfully network and provide the most comprehensive, tailored, and valuable content in your field.</p> <div> <a href="https://hansonwadegroup.com/" class=" -shrink button-hot-pink sm:mx-2 my-2" ><span class="sr-only">Homepage</span><span>Find out more</span></a> </div> </div> </div> </div> </a> </div> <div class="Text__And__Image__Columns-column w-full transform transition duration-300 sm:min-h-[550px] group sm:w-1/3 md:w-1/3 md:mb-0 border-t border-body/50 border-b sm:border-b-0 sm:border-l sm:border-r border-body/50" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a class="relative" href="https://hansonwadegroup.com/senior-leadership-team" > <div class="block w-full h-full overflow-hidden relative group"> <img src="https://hansonwadegroup.com/wp-content/uploads/2023/06/Meeting-people-1-150x150.png" data-src="https://hansonwadegroup.com/wp-content/uploads/2023/06/Meeting-people-1.png" width="680" height="855" class="w-full h-full object-cover transition duration-300 opacity-100 group-hover:opacity-0 lazy" alt="Meeting people" data-srcset="https://hansonwadegroup.com/wp-content/uploads/2023/06/Meeting-people-1-239x300.png 239w, https://hansonwadegroup.com/wp-content/uploads/2023/06/Meeting-people-1.png 680w" data-sizes="(min-width: 1199px) 680px, (min-width: 992px) 680px, (min-width: 767px) 239px, (min-width: 375px) 100vw" /> <div class="absolute w-full inset-0 bg-body opacity-40 group-hover:opacity-0 transform transition duration-300"> </div> <div class="absolute justify-between flex flex-col inset-0 py-8 sm:py-[5vh] px-[27px] sm:px-[5vw] text-content-light group-hover:text-content-dark"> <div> <div class="heading-five uppercase">About</div> <h2 class="heading-two">Who We Are</h2> </div> <div> <p>We believe that our ability to address your specific information and community needs is founded on a deep understanding of the markets we serve. Our product experts talk to our markets every day to create solutions based on real-life challenges.</p> <div> <a href="https://hansonwadegroup.com/senior-leadership-team" class=" -shrink button-hot-pink sm:mx-2 my-2" ><span class="sr-only">Senior Leadership Team</span><span>Find out more</span></a> </div> </div> </div> </div> </a> </div> <div class="Text__And__Image__Columns-column w-full transform transition duration-300 sm:min-h-[550px] group sm:w-1/3 md:w-1/3 md:mb-0 border-t border-body/50" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a class="relative" href="https://hansonwadegroup.teamtailor.com/" > <div class="block w-full h-full overflow-hidden relative group"> <img src="https://hansonwadegroup.com/wp-content/uploads/2023/06/LNP-1-150x150.png" data-src="https://hansonwadegroup.com/wp-content/uploads/2023/06/LNP-1.png" width="680" height="855" class="w-full h-full object-cover transition duration-300 opacity-100 group-hover:opacity-0 lazy" alt="LNP" data-srcset="https://hansonwadegroup.com/wp-content/uploads/2023/06/LNP-1-239x300.png 239w, https://hansonwadegroup.com/wp-content/uploads/2023/06/LNP-1.png 680w" data-sizes="(min-width: 1199px) 680px, (min-width: 992px) 680px, (min-width: 767px) 239px, (min-width: 375px) 100vw" /> <div class="absolute w-full inset-0 bg-body opacity-40 group-hover:opacity-0 transform transition duration-300"> </div> <div class="absolute justify-between flex flex-col inset-0 py-8 sm:py-[5vh] px-[27px] sm:px-[5vw] text-content-light group-hover:text-content-dark"> <div> <div class="heading-five uppercase">About</div> <h2 class="heading-two">Careers</h2> </div> <div> <p>Hanson Wade Group offers an exciting range of careers. We are always looking for ambitious people to join our team. we are a people led business and pride ourselves on the professional growth and development of our employees.</p> <div> <a href="https://hansonwadegroup.teamtailor.com/" target="_blank" class=" -shrink button-hot-pink sm:mx-2 my-2" ><span>Find out more</span></a> </div> </div> </div> </div> </a> </div> </div> </div> </section> </div> </section>   <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://hansonwadegroup.com/wp-content/uploads/2023/06/CTA-homepage-wave-trans-1.png);" ></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;">Hyper Relevant Insight and Connections</h2> <p>Learn and connect with us. Get in touch today.</p> <div class="sm:-mx-2"> <a href="https://hansonwadegroup.com/contact-us/" target="_blank" class=" button-hot-pink 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>  </article> </main> <footer id="site-footer"> <div x-data="{visible: false}" x-cloak x-intersect.once="visible = true" class="Footer " style="background-color:#163f71;"> <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 opacity-0 transform transition duration-500 delay-1000" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <a href="https://hansonwadegroup.com/" class="block cursor-pointer"> <img src="https://hansonwadegroup.com/wp-content/uploads/2023/05/hw-grou-logo-150x85.png" data-src="https://hansonwadegroup.com/wp-content/uploads/2023/05/hw-grou-logo.png" width="160" height="85" class="attachment-full size-full lazy" alt="hw-grou-logo" data-sizes="(min-width: 1199px) 160px, (min-width: 992px) 160px, (min-width: 767px) 160px, (min-width: 375px) 100vw" /> </a> </div> <h3 class="heading-four font-light relative text-content-light md:max-w-[65%] mb-8 leading-[1.3]"> Hyper relevant insights and connections. </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%] mb-8"> <div class="flex flex-row md:mr-16"> <div class="mr-2 md:mr-4 relative top-[0.25rem]"> <svg xmlns="http://www.w3.org/2000/svg" width="10.744" height="14.326" viewBox="0 0 10.744 14.326"> <path id="Icon_awesome-map-marker" data-name="Icon awesome-map-marker" d="M4.82,14.037C.755,8.143,0,7.538,0,5.372a5.372,5.372,0,0,1,10.744,0c0,2.166-.755,2.771-4.82,8.664a.672.672,0,0,1-1.1,0Z" fill="#fff"/> </svg> </div> <div class="flex flex-1 flex-col body-extra-small-one"> <span>Hanson Wade Group</span> <span>52 Grosvenor Gardens</span> <span>London, SW1W 0AU</span> </div> </div> </div> <div class="flex flex-row text-content-light font-normal justify-start sm:max-w-[90%] lg:max-w-[76%] xl:max-w-[80%]"> <div class="flex flex-row mr-4"> <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#ead5999f88808f899ed7"></a></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: (617) 455-4188">+1 617 455 4188</a></span> <span><a href="/cdn-cgi/l/email-protection#79460a0c1b131c1a0d44"></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 Communities</h4> <div> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/" target="_blank" rel="noopener">Life Sciences</a></span></p> <p><span class="body-extra-small-one"><a href="https://advancingconstruction.com/" target="_blank" rel="noopener">Construction</a></span></p> <p><span class="body-extra-small-one"><a href="https://www.leap-hr.com/" target="_blank" rel="noopener">Human Resources</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 Values</h4> <div> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/environmental-social-governance">ESG</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/corporate-social-responsibility"><span class="body-extra-small-one">CSR</span></a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/diversity-and-inclusion"><span class="body-extra-small-one">D&I</span></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://hansonwadegroup.com/what-we-do">What We Do</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/board-of-directors">Board of Directors</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/senior-leadership-team">Senior Leadership Team</a></span></p> <p><span class="body-extra-small-one"><a href="https://careers.hansonwadegroup.com/" target="_blank" rel="noopener">Careers</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.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 Group</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://hansonwadegroup.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><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/human-rights-policy" target="_blank" rel="noopener">Human Rights Policy</a></span></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"> <a target="_blank" href="https://www.plugandplaydesign.co.uk/">漏 2024 Website Design </a> </span> </p> <p><span class="body-extra-small-one">漏 2024 Hanson Wade Group</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://hansonwadegroup.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><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/human-rights-policy" target="_blank" rel="noopener">Human Rights Policy</a></span></p> </div> <div> <ul class="flex items-center -mx-4 mt-4"> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://uk.linkedin.com/company/hanson-wade" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-linkedin text-2xl"></i> </a> </li> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://www.youtube.com/channel/UCS5ZEWbuAbuNPzd-nBSAOew" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-youtube text-2xl"></i> </a> </li> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://www.instagram.com/hansonwadeltd/" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-instagram text-2xl"></i> </a> </li> </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_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_2' ><div id='gf_2' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h2 class="gform_title">Contact Modal</h2> <p class='gform_description'></p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_2' id='gform_2' action='/what-we-do#gf_2' data-formid='2' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6Lf8s8YnAAAAAIpTvdrTGy_Nmp_bLDuS6gnxzkYk' data-tabindex='0'><input id="input_eb9e6b8e87b4620ae0ba879e0d28e4c2" class="gfield_recaptcha_response" type="hidden" name="input_eb9e6b8e87b4620ae0ba879e0d28e4c2" value=""/></div> <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_2_1" class="gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_1" ><label class='gfield_label gform-field-label' for='input_2_1'>First Name*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_2_1' type='text' value='' class='large' placeholder='First Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_3" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_3" ><label class='gfield_label gform-field-label' for='input_2_3'>Last Name*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_2_3' type='text' value='' class='large' placeholder='Last Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_4" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_4" ><label class='gfield_label gform-field-label' for='input_2_4'>Job Title*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_2_4' type='text' value='' class='large' placeholder='Job Title' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_5" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_5" ><label class='gfield_label gform-field-label' for='input_2_5'>Company*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_2_5' type='text' value='' class='large' placeholder='Company' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_10" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_10" ><label class='gfield_label gform-field-label' for='input_2_10'>Country*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_10' id='input_2_10' type='text' value='' class='large' placeholder='Country' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_7" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_7" ><label class='gfield_label gform-field-label' for='input_2_7'>Email*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_7' id='input_2_7' type='email' value='' class='large' placeholder='Email' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_8" class="gfield gfield--type-phone gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_8" ><label class='gfield_label gform-field-label' for='input_2_8'>Phone Number*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_8' id='input_2_8' type='tel' value='' class='large' placeholder='Phone Number' aria-required="true" aria-invalid="false" /></div></div><div id="field_2_9" class="gfield gfield--type-textarea gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_9" ><label class='gfield_label gform-field-label' for='input_2_9'>Your Question/Message*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_9' id='input_2_9' class='textarea large' placeholder='Your Question...' aria-required="true" aria-invalid="false" rows='10' cols='50'></textarea></div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' value='Submit' onclick='if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} jQuery("#gform_2").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=2&title=1&description=1&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='2' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_2' value='WyJbXSIsIjhiZDliNzNkNTA5M2E2NDlmYzRhY2Q4ZDYyNDU0M2NjIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_2' id='gform_ajax_frame_2' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://hansonwadegroup.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://hansonwadegroup.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); /* ]]> */ </script> </div> </div> </div> </div> <div class="Contact_Modal_Form__col-2 h-full max-h-[100vh] overflow-y-auto"> <div class="pt-24 pb-24 h-full md:pl-20 md:pr-20 flex flex-col h-full"> <div> <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://hansonwadegroup.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://hansonwadegroup.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_ie11-css' href='https://hansonwadegroup.com/wp-content/plugins/gravityforms/assets/css/dist/theme-ie11.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://hansonwadegroup.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://hansonwadegroup.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":"6Lf8s8YnAAAAAIpTvdrTGy_Nmp_bLDuS6gnxzkYk","ajaxurl":"https:\/\/hansonwadegroup.com\/wp-admin\/admin-ajax.php","nonce":"fb2d7e66f5"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6Lf8s8YnAAAAAIpTvdrTGy_Nmp_bLDuS6gnxzkYk" id="gforms_recaptcha_recaptcha-js"></script> <script type="text/javascript" src="https://hansonwadegroup.com/wp-includes/js/dist/dom-ready.min.js" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://hansonwadegroup.com/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script> <script type="text/javascript" src="https://hansonwadegroup.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://hansonwadegroup.com/wp-includes/js/dist/a11y.min.js" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://hansonwadegroup.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:\/\/hansonwadegroup.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:\/\/hansonwadegroup.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/hansonwadegroup.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"cd29bf400d53a5ecba22deb93f4ea972","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://hansonwadegroup.com/wp-content/plugins/gravityforms/js/gravityforms.min.js" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://hansonwadegroup.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js" id="gform_placeholder-js"></script> <script type="text/javascript" defer='defer' src="https://hansonwadegroup.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://hansonwadegroup.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":"cd29bf400d53a5ecba22deb93f4ea972"}}},"hmr_dev":"","public_path":"https:\/\/hansonwadegroup.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://hansonwadegroup.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js" id="gform_gravityforms_theme-js"></script> <script type="text/javascript" src="https://hansonwadegroup.com/wp-content/plugins/gravityformsrecaptcha/js/frontend-legacy.min.js" id="gforms_recaptcha_frontend-legacy-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 } } ); 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>

CINXE.COM

What We Do - Hanson Wade Group