CINXE.COM
Contact Us - Hanson Wade Group
<!doctype html> <html class="html page-template-default page page-id-764" 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"> <!-- This site is optimized with the Yoast SEO plugin v23.8 - https://yoast.com/wordpress/plugins/seo/ --> <title>Contact Us - Hanson Wade Group</title> <link rel="canonical" href="https://hansonwadegroup.com/contact-us/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Contact Us - Hanson Wade Group" /> <meta property="og:url" content="https://hansonwadegroup.com/contact-us/" /> <meta property="og:site_name" content="Hanson Wade Group" /> <meta property="article:modified_time" content="2023-11-03T11:40:58+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://hansonwadegroup.com/contact-us/","url":"https://hansonwadegroup.com/contact-us/","name":"Contact Us - Hanson Wade Group","isPartOf":{"@id":"https://hansonwadegrp.wpengine.com/#website"},"datePublished":"2022-10-31T14:01:14+00:00","dateModified":"2023-11-03T11:40:58+00:00","breadcrumb":{"@id":"https://hansonwadegroup.com/contact-us/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://hansonwadegroup.com/contact-us/"]}]},{"@type":"BreadcrumbList","@id":"https://hansonwadegroup.com/contact-us/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://hansonwadegroup.com/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@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> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//maps.googleapis.com' /> <link rel='dns-prefetch' href='//fast.fonts.net' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//unpkg.com' /> <script type="application/ld+json">{"@context": "http://schema.org","@type": "Organization","address": {"@type": "PostalAddress","streetAddress": "52 Grosvenor Gardens","addressLocality": "","addressRegion": "","addressCountry": "London","postalCode": "SW1W 0AU"},"email": "info@hansonwade.com","telephone": "+44 (0)20 3141 8700","name": "Hanson Wade Group","url": "https://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/764" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://hansonwadegroup.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://hansonwadegroup.com/?p=764' /> <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%2Fcontact-us%2F" /> <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%2Fcontact-us%2F&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" /> <!-- CookiePro Cookies Consent Notice start for hansonwadegroup.com --> <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> <!-- CookiePro Cookies Consent Notice end for hansonwadegroup.com --> <!-- Marketo Measure --> <script type="text/javascript" src=https://cdn.bizible.com/scripts/bizible.js async=""></script> <!-- Marketo Measure --> <!-- Marketo Munchkin Start for hansonwade.com --> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('355-DOS-429'); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); </script> <!-- Marketo Munchkin End for hansonwade.com --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KBZKHFW');</script> <!-- End Google Tag Manager --> <meta name="google-site-verification" content="qYRLN7IvvQnbsJvio6q9neGD2tfNa05tBLPO74NCbL0" /> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KBZKHFW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header id="page-header" class="relative z-page-header"> <div id="page-nav-container" x-data="navigation()" @scroll.window="menuScrolling()" @click.away="megamenu = null" class="Navigation fixed transition w-full transform transition ease-in-out duration-300" > <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/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) ? '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-dark')]" 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-dark')"> <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-dark')"> <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-dark')"> 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-dark')"> <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-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-764"> <!-- Content Row --> <section class="relative block md:block lg:block text-content-dark" > <div class=""> <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 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='/contact-us/#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> </section> <!--// Content Row --> </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#d4eba7a1b6beb1b7a0e9"></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#a39cd0d6c1c9c6c0d79e"></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"> <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='1' 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='/contact-us/#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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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."}}; 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>