CINXE.COM

Commerce solutions that power growth | J.P. Morgan

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"/> <meta name="keywords" content="Payments"/> <meta name="template" content="raw-html-page"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <script type="text/javascript" src="https://www.jpmorgan.com/resources/19a1659cb16a84c8e31096667248b9b34c6ac69210a0e" ></script><script defer="defer" type="text/javascript" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js" data-routing="ams=JP Morgan Chase (Core Digital)" integrity="" crossorigin="anonymous" data-enhancer-version="" data-enhancer-hash=""></script> <link rel="shortcut icon" href="/etc.clientlibs/cws/clientlibs/clientlib-base/resources/jpm/images/jpm-favicon.ico"/> <link rel="icon" href="/etc.clientlibs/cws/clientlibs/clientlib-base/resources/jpm/images/jpm-favicon.ico"/> <link rel="apple-touch-icon" href="/etc.clientlibs/cws/clientlibs/clientlib-base/resources/jpm/images/jpm-favicon-57.png"/> <link rel="apple-touch-icon" sizes="76x76" href="/etc.clientlibs/cws/clientlibs/clientlib-base/resources/jpm/images/jpm-favicon-76.png"/> <link rel="apple-touch-icon" sizes="120x120" href="/etc.clientlibs/cws/clientlibs/clientlib-base/resources/jpm/images/jpm-favicon-120.png"/> <link rel="apple-touch-icon" sizes="152x152" href="/etc.clientlibs/cws/clientlibs/clientlib-base/resources/jpm/images/jpm-favicon-152.png"/> <meta name="msapplication-TileImage" content="/etc.clientlibs/cws/clientlibs/clientlib-base/resources/jpm/images/jpm-favicon-144.png"/> <link rel="canonical" href="https://www.jpmorgan.com/payments/solutions/commerce"/> <script> //prehiding snippet for Adobe Target with asynchronous tags deployment ;(function(win, doc, style, timeout) { var STYLE_ID = 'at-body-style'; function getParent() { return doc.getElementsByTagName('head')[0]; } function addStyle(parent, id, def) { if (!parent) { return; } var style = doc.createElement('style'); style.id = id; style.innerHTML = def; parent.appendChild(style); } function removeStyle(parent, id) { if (!parent) { return; } var style = doc.getElementById(id); if (!style) { return; } parent.removeChild(style); } addStyle(getParent(), STYLE_ID, style); setTimeout(function() { removeStyle(getParent(), STYLE_ID); }, timeout); }(window, document, "body {opacity: 0 !important}", 3000)); </script> <script async="" type='text/plain' class='optanon-category-C0009' src="https://assets.adobedtm.com/b968b9f97b30/d94f548a46a5/launch-EN9449a3c3302d43139bacf938ee47ff2c.min.js"></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="7eaf3343-ec57-48e5-8fd1-544458b571d7"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <title>Commerce solutions that power growth | J.P. Morgan</title> <meta name="title" content="Commerce solutions that power growth | J.P. Morgan"/> <meta name="description" content="Our commerce solutions combine the best of banking and fintech to help your business power online payments, deliver omnichannel experiences and more."/> <meta content="Commerce solutions that power growth | J.P. Morgan" property="og:title"/> <meta content="Our commerce solutions combine the best of banking and fintech to help your business power online payments, deliver omnichannel experiences and more." property="og:description"/> <meta content="https://www.jpmorgan.com/payments/solutions/commerce" property="og:url"/> <meta content="website" property="og:type"/> <meta content="/content/dam/jpmorgan/images/payments/shoptalk/banner-shoptalk-robust.png" property="og:image"/> <meta name="google-site-verification" content="SONtElItzUc9xQfXQ0EHjS-3XzYVEFj6fp_0C7eiU4U"/> <meta class="country-title" data-title="United States"/> <meta name="robots" content="follow, index"/> <link rel="stylesheet" href="/content/dam/jpm/cib/complex/code/shared/css/bootstrap5.min.css" type="text/css"/> <link rel="stylesheet" href="/content/dam/jpm/cib/complex/code/shared/css/slick-theme.css" type="text/css"/> <link rel="stylesheet" href="/content/dam/jpm/cib/complex/code/shared/css/slick.css" type="text/css"/> <link rel="stylesheet" href="/content/dam/jpm/cib/complex/code/shared/css/payments-commerce-redesign.css" type="text/css"/> <script src="/content/dam/jpm/cib/complex/code/shared/scripts/bootstrap5.bundle.js"></script> <script src="/content/dam/jpm/cib/complex/code/shared/scripts/jquery-3.7.0.min.js"></script> <script src="/content/dam/jpm/cib/complex/code/shared/scripts/slick.js"></script> <script src="/etc.clientlibs/cws/clientlibs/clientlib-base.min.ec506e9af285f2c0b0862782ade3671d.js"></script> <script src="/etc.clientlibs/cws/clientlibs/clientlib-jpm/clientlib-site.min.c7edbcd5884d57a7fa841c71629a0b55.js"></script> <link rel="stylesheet" href="/etc.clientlibs/cws/clientlibs/clientlib-base.min.245177823dc4d46ac141125d5a6a7f3e.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/cws/clientlibs/clientlib-jpm/clientlib-site.min.aa511b68c586246b7c00e44cd91b1798.css" type="text/css"> <script> var tagManagerConfig = { tagServer: "https://www.chase.com"}; </script> <script src="https://www.chase.com/apps/chase/clientlibs/foundation/scripts/Reporting.js" language="Javascript1.2" type="text/javascript"></script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="HXMH8-FZWG4-FU2NA-EVH9D-4EKAJ",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"HXMH8-FZWG4-FU2NA-EVH9D-4EKAJ";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbevydtvtsz5tmwoa-f-4232ceff5-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1425113","ak.ai":parseInt("872957",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"66ec46de","ak.r":41870,"ak.a2":n,"ak.m":"a","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":46988,"ak.gh":"184.28.235.53","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1739810204","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==HPxhLsnBhKJ8+AoE2uViqYQmvLitauq2sucebfPRNdXg0qP/Soe/sUEjkZtOlxxitrexze8DRArZ9YIPmhXEVF2Iln4GmFREzr7j5S4j/tzTt7uCLD971q4MwRSRLQRnzH0JBRJUkyjuUkVEUG86r7CKwC82IRdUXrEgb1ncrYWZj6UtLZYNw7U5pZj/IyaKUZhNXoW7TfPVeJ8XQgJaE0+VT5YujCyDlDnsK7BeNztcyoVO2ZUsv2gj2lhqipRdvGqu0VZ1oSKLOxMiS4aPb+D7O60B1rXrax1Ql79LhaDdvoDZaUDdkB3Wv4Zsu2plnlf2hFZVXwXd3zIgmvq1JSO3UZtOCqTS5Zc16GaKXk3yrfI4L1n0EisKPDu2n6NKesaX5bozk4bGyAzWcedgr8SbJQhZVl55P18JRD4oVto=","ak.pv":"14","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="raw-html-page base-page page basicpage " id="raw-html-page-d5caa3a361" data-cmp-data-layer-cws-enabled data-cmp-env-cws-publish> <a class="skip-link" href="#main">Skip to main content</a> <script> window.adobeDataLayer = window.adobeDataLayer || []; adobeDataLayer.push( JSON.parse("{\x22event\x22:\x22cmp:show\x22,\x22page\x22:{\x22contentType\x22:\x22Raw Html Page\x22,\x22lobs\x22:[\x22Payments\x22],\x22pageUrl\x22:\x22https:\/\/www.jpmorgan.com\/payments\/solutions\/commerce\x22,\x22pageTitle\x22:\x22Commerce solutions that power growth\x22,\x22createdDate\x22:\x222025\u002D02\u002D12T16:47:28.705\u002D05:00\x22,\x22lastModifiedDate\x22:\x222024\u002D08\u002D08T17:57:03.577\u002D04:00\x22,\x22siteName\x22:\x22JPMorgan\x22,\x22language\x22:\x22en\x22,\x22tags\x22:[\x22Payments\x22]}}") ); </script> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="header responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="iparsys parsys aem-GridColumn aem-GridColumn--default--12"><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys parsys"><div class="experience-fragment experiencefragment section"> <div id="experience-fragment-badc5a2027" class="cmp-experiencefragment cmp-experiencefragment--primary-nav"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="primary-navigation aem-GridColumn aem-GridColumn--default--12"> <div class="cmp-primary-navigation "> <nav aria-label="Primary Navigation" class="primary-navigation"> <div class="primary-navigation-left-side"> <a class="primary-navigation-logo" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;J.P. Morgan global logo&#34;,&#34;ctaUrl&#34;:&#34;/global&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Navigation&#34;}}" data-cmp-clickable href="/global"> <span class="primary-navigation-logo-bar"></span> <div class="primary-navigation-logo-link"> <img loading="lazy" alt="J.P. Morgan global logo" class="primary-navigation-logo-image dual-branded" src="/content/dam/logos-global/logo-jpm-brown.svg"/> </div> </a> <ul class="primary-navigation-links"> <li class="primary-navigation-link nav-button"> <button aria-label="Click link to open Solutions" data-icon="&#xf078" type="button">Solutions</button> </li> <li class="primary-navigation-link nav-button"> <button aria-label="Click link to open Who We Serve" data-icon="&#xf078" type="button">Who We Serve</button> </li> <li class="primary-navigation-link nav-button"> <button aria-label="Click link to open Insights" data-icon="&#xf078" type="button">Insights</button> </li> <li class="primary-navigation-link nav-button"> <button aria-label="Click link to open About Us" data-icon="&#xf078" type="button">About Us</button> </li> </ul> </div> <button aria-controls="pn-mobile-dropdown" aria-label="Open Main Navigation Menu" class="primary-navigation-mobile-menu"> <span class="primary-navigation-mobile-menu-text">Menu</span> <span class="primary-navigation-mobile-menu-bars"> <span class="primary-navigation-mobile-menu-bar"></span> <span class="primary-navigation-mobile-menu-bar"></span> </span> </button> <div aria-expanded="false" class="primary-navigation-dropdown-menu" id="pn-mobile-dropdown"> <div class="search-container"> <div id="autocompleteMobile" class="algolia-search search-form"> <div id="panel-container__mobile"></div> </div> </div> <nav aria-label="Tablet Dropdown Navigation Menu" class="drop-down-menu-navigation"> <ul class="nav-items"> <li class="primary-navigation-nav-items nav-item nav-button"> <button aria-label="Click link to open Solutions" data-icon="&#xf078" type="button">Solutions</button> </li> <li class="primary-navigation-nav-items nav-item nav-button"> <button aria-label="Click link to open Who We Serve" data-icon="&#xf078" type="button">Who We Serve</button> </li> <li class="primary-navigation-nav-items nav-item nav-button"> <button aria-label="Click link to open Insights" data-icon="&#xf078" type="button">Insights</button> </li> <li class="primary-navigation-nav-items nav-item nav-button"> <button aria-label="Click link to open About Us" data-icon="&#xf078" type="button">About Us</button> </li> </ul> <ul class="primary-navigation-global-links mobile-pn-global-links-container"> <!-- Renders Dynamically based on the desktop version --> </ul> </nav> </div> <div class="primary-navigation-right-links__container"> <button class="primary-navigation__search-icon " aria-label="Search" type="button" data-icon="&#xf002"></button> <ul class="primary-navigation-global-links pn-global-links-container"> <li class="primary-navigation-global-link" data-global-link="desktop"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Careers&#34;,&#34;ctaUrl&#34;:&#34;https://careers.jpmorgan.com/US/en/home&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Navigation&#34;}}" data-cmp-clickable href="https://careers.jpmorgan.com/US/en/home" target="_blank">Careers</a> </li> <li class="primary-navigation-global-link" data-global-link="desktop"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;News&#34;,&#34;ctaUrl&#34;:&#34;/about-us/corporate-news&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Navigation&#34;}}" data-cmp-clickable href="/about-us/corporate-news" target="_self">News</a> </li> <li class="primary-navigation-global-link" data-global-link="desktop"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Contact Us&#34;,&#34;ctaUrl&#34;:&#34;/contact-us&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Navigation&#34;}}" data-cmp-clickable href="/contact-us" target="_self">Contact Us</a> </li> <li class="primary-navigation-global-link" data-global-link="desktop"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Login&#34;,&#34;ctaUrl&#34;:&#34;/login&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Navigation&#34;}}" data-cmp-clickable href="/login" target="_self">Login</a> </li> <li class="primary-navigation-global-link" data-global-link="desktop"> <a data-cmp-clickable target="_self">Global</a> </li> </ul> </div> <div class="experience-fragment-country-selector "><div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="country-selector aem-GridColumn aem-GridColumn--default--12"> <div class="primary-navigation-country-modal "> <div class="overlay"></div> <section class="primary-navigation-country-modal-container"> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon="&#xf00d"></button> <ul class="country-selectors"> <li class="country-selector"> <button aria-label="Click to see countries in the region of Asia Pacific">Asia Pacific</button> </li> <li class="country-selector"> <button aria-label="Click to see countries in the region of Europe">Europe</button> </li> <li class="country-selector"> <button aria-label="Click to see countries in the region of Latin America">Latin America</button> </li> <li class="country-selector"> <button aria-label="Click to see countries in the region of Middle East &amp; Africa">Middle East &amp; Africa</button> </li> <li class="country-selector"> <button aria-label="Click to see countries in the region of North America">North America</button> </li> <li> <a class="country-selector-global-anchor" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Global&#34;,&#34;ctaUrl&#34;:&#34;/global&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='/global' target="_self">Global</a> </li> </ul> </section> <section class="primary-navigation-countries-container"> <button aria-label="Back to region selection menu" class="back-to-regions-btn" data-icon="&#xf060"> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon="&#xf00d"></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Australia &amp; New Zealand&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/AU/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/AU/en/about-us'>Australia &amp; New Zealand</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Bangladesh&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/BD/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/BD/en/about-us'>Bangladesh</a> </li> <li class="country"> <p aria-label="Mainland China">Mainland China</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Mainland China English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorganchina.com.cn/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorganchina.com.cn/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Mainland China 中文&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorganchina.com.cn/zh/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorganchina.com.cn/zh/about-us'>中文</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Hong Kong SAR, China&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/HK/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/HK/en/about-us'>Hong Kong SAR, China</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;India&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/IN/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/IN/en/about-us'>India</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Indonesia&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.co.id/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.co.id/en/about-us'>Indonesia</a> </li> <li class="country"> <p aria-label="Japan">Japan</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Japan English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.co.jp/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.co.jp/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Japan 日本&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.co.jp/ja/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.co.jp/ja/about-us'>日本</a> </li> <li class="country"> <p aria-label="Korea">Korea</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Korea English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.co.kr/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.co.kr/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Korea 한국&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.co.kr/ko/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.co.kr/ko/about-us'>한국</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Malaysia&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/MY/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/MY/en/about-us'>Malaysia</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Pakistan&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/PK/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/PK/en/about-us'>Pakistan</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Philippines&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/PH/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/PH/en/about-us'>Philippines</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Singapore&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/SG/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/SG/en/about-us'>Singapore</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Sri Lanka&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/LK/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/LK/en/about-us'>Sri Lanka</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Taiwan, China&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/TW/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/TW/en/about-us'>Taiwan, China</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Thailand&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/TH/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/TH/en/about-us'>Thailand</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Vietnam&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/VN/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Asia Pacific&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/VN/en/about-us'>Vietnam</a> </li> </ul> </li> </ul> </section> <section class="primary-navigation-countries-container"> <button aria-label="Back to region selection menu" class="back-to-regions-btn" data-icon="&#xf060"> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon="&#xf00d"></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Austria&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/AT/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/AT/en/about-us'>Austria</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Belgium&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/BE/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/BE/en/about-us'>Belgium</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Channel Islands&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/JE/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/JE/en/about-us'>Channel Islands</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Denmark&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/DK/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/DK/en/about-us'>Denmark</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Finland&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/FI/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/FI/en/about-us'>Finland</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;France&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/FR/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/FR/en/about-us'>France</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Germany&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/DE/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/DE/en/about-us'>Germany</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Greece&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/GR/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/GR/en/about-us'>Greece</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Ireland&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/IE/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/IE/en/about-us'>Ireland</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Italy&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/IT/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/IT/en/about-us'>Italy</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Luxembourg&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/LU/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/LU/en/about-us'>Luxembourg</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Netherlands&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/NL/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/NL/en/about-us'>Netherlands</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Norway&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/NO/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/NO/en/about-us'>Norway</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Poland&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/PL/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/PL/en/about-us'>Poland</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Portugal&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/PT/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/PT/en/about-us'>Portugal</a> </li> <li class="country"> <p aria-label="Russia">Russia</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Russia English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.ru/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.ru/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Russia Русский&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.ru/ru/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.ru/ru/about-us'>Русский</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Spain&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/ES/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/ES/en/about-us'>Spain</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Sweden&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/SE/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/SE/en/about-us'>Sweden</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Switzerland&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/CH/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/CH/en/about-us'>Switzerland</a> </li> <li class="country"> <p aria-label="Turkey">Turkey</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Turkey English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/TR/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/TR/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Turkey Türkiye&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/TR/tr/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/TR/tr/about-us'>Türkiye</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;United Kingdom&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/GB/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Europe&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/GB/en/about-us'>United Kingdom</a> </li> </ul> </li> </ul> </section> <section class="primary-navigation-countries-container"> <button aria-label="Back to region selection menu" class="back-to-regions-btn" data-icon="&#xf060"> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon="&#xf00d"></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <p aria-label="Argentina">Argentina</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Argentina English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/AR/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/AR/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Argentina Español&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/AR/es/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/AR/es/about-us'>Español</a> </li> <li class="country"> <p aria-label="Brazil">Brazil</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Brazil English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com.br/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com.br/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Brazil Português&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com.br/pt/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com.br/pt/about-us'> Português</a> </li> <li class="country"> <p aria-label="Chile">Chile</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Chile English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/CL/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/CL/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Chile Español&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/CL/es/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/CL/es/about-us'> Español</a> </li> <li class="country"> <p aria-label="Colombia">Colombia</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Colombia English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/CO/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/CO/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Colombia Español&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/CO/es/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/CO/es/about-us'>Español</a> </li> <li class="country"> <p aria-label="Mexico">Mexico</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Mexico English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com.mx/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com.mx/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Mexico Español&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com.mx/es/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com.mx/es/about-us'>Español</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Panama&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/PA/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/PA/en/about-us'>Panama</a> </li> <li class="country"> <p aria-label="Peru">Peru</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Peru English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/PE/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/PE/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Peru Español&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/PE/es/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/PE/es/about-us'>Español</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Venezuela&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/VE/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Latin America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/VE/en/about-us'>Venezuela</a> </li> </ul> </li> </ul> </section> <section class="primary-navigation-countries-container"> <button aria-label="Back to region selection menu" class="back-to-regions-btn" data-icon="&#xf060"> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon="&#xf00d"></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Bahrain&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/BH/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/BH/en/about-us'>Bahrain</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Egypt&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/EG/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/EG/en/about-us'>Egypt</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Israel&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/IL/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/IL/en/about-us'>Israel</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Lebanon&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/LB/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/LB/en/about-us'>Lebanon</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Nigeria&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/NG/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/NG/en/about-us'>Nigeria</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Qatar&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/QA/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/QA/en/about-us'>Qatar</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Saudi Arabia&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/SA/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/SA/en/about-us'>Saudi Arabia</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;South Africa&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/ZA/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/ZA/en/about-us'>South Africa</a> </li> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;United Arab Emirates&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/AE/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;Middle East &amp; Africa&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/AE/en/about-us'>United Arab Emirates</a> </li> </ul> </li> </ul> </section> <section class="primary-navigation-countries-container"> <button aria-label="Back to region selection menu" class="back-to-regions-btn" data-icon="&#xf060"> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon="&#xf00d"></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;United States&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/about-us&#34;,&#34;ctaTitle&#34;:&#34;North America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/about-us'>United States</a> </li> <li class="country"> <p aria-label="Canada">Canada</p> <span>|</span> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Canada English&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/CA/en/about-us&#34;,&#34;ctaTitle&#34;:&#34;North America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/CA/en/about-us'>English</a> <a data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Canada French&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/CA/fr/about-us&#34;,&#34;ctaTitle&#34;:&#34;North America&#34;,&#34;ctaComponentName&#34;:&#34;Country Selector&#34;}}" data-cmp-clickable href='https://www.jpmorgan.com/CA/fr/about-us'>French</a> </li> </ul> </li> </ul> </section> </div> </div> </div> </div></div> </div> </nav> <div class="search-container"> <div id="autocomplete" class="algolia-search search-form"> <div id="panel-container"></div> </div> </div> </div> <div class="experience-fragment "><div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="expanded-container aem-GridColumn aem-GridColumn--default--12"> <div class=" cmp-expanded-container"> <nav class="primary-navigation-tab-nav "> <ul class="tab-nav-items"> <li class="tab-nav-item tab-nav-active"> <button>Commercial Banking</button> </li> <li class="tab-nav-item "> <button>Credit and Financing</button> </li> <li class="tab-nav-item "> <button>Institutional Investing</button> </li> <li class="tab-nav-item "> <button>Investment Banking</button> </li> <li class="tab-nav-item "> <button>Payments</button> </li> <li class="tab-nav-item "> <button>Private Bank</button> </li> <li class="tab-nav-item "> <button>Wealth Management</button> </li> <li class="tab-nav-item "> <button>For Companies and Institutions</button> </li> <li class="tab-nav-item "> <button>For Individuals</button> </li> </ul> </nav> <div class="primary-navigation-sections"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="expanded-grid-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-grid-sub-component expanded-nav-container "> <div class="grid-sub-component-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="grid-sub-component-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Commercial Banking</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="/commercial-banking" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Banking&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Commercial Banking</a> <div class="description"><p>From startups to legacy brands, you're making your mark. We're here to help.<br /> </p> </div> </div> <ul class="content-links-container-solutions"> <li class="content-links"> <a class="content-link" href="/commercial-banking/startups" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Innovation Economy&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking/startups&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Innovation Economy</a> <div class="description">Fueling the success of early-stage startups, venture-backed and high-growth companies.</div> </li> <li class="content-links"> <a class="content-link" href="/commercial-banking/middle-market-banking" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Midsize Businesses&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking/middle-market-banking&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Midsize Businesses</a> <div class="description">Keep your company growing with custom banking solutions for middle market businesses and specialized industries.</div> </li> <li class="content-links"> <a class="content-link" href="/commercial-banking/corporate-institutional-banking" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Large Corporations&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking/corporate-institutional-banking&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Large Corporations</a> <div class="description">Innovative banking solutions tailored to corporations and specialized industries.</div> </li> <li class="content-links"> <a class="content-link" href="/commercial-real-estate" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Real Estate&#34;,&#34;ctaUrl&#34;:&#34;/commercial-real-estate&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Commercial Real Estate</a> <div class="description">Capitalize on opportunities and prepare for challenges throughout the real estate cycle.</div> </li> <li class="content-links"> <a class="content-link" href="/commercial-banking/impact" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Community Impact Banking&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking/impact&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Community Impact Banking</a> <div class="description">When our communities succeed, we all succeed. Local businesses, organizations and community institutions need capital, expertise and connections to thrive.</div> </li> <li class="content-links"> <a class="content-link" href="/international-banking" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;International Banking&#34;,&#34;ctaUrl&#34;:&#34;/international-banking&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>International Banking</a> <div class="description">Power your business' global growth and operations at every stage.</div> </li> </ul> <!-- content-links-container-solutions-list this class will be used for solutions list --> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="/industries-we-serve" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Industries&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Industries</a> </li> <li class="key-link"> <a href="/insights" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Insights&#34;,&#34;ctaUrl&#34;:&#34;/insights&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Insights</a> </li> <li class="key-link"> <a href="/client-stories" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Client Stories&#34;,&#34;ctaUrl&#34;:&#34;/client-stories&#34;,&#34;ctaTitle&#34;:&#34;Commercial Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Client Stories</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-grid-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-grid-sub-component expanded-nav-container "> <div class="grid-sub-component-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="grid-sub-component-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Credit and Financing</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="/credit-and-financing" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Credit and Financing&#34;,&#34;ctaUrl&#34;:&#34;/credit-and-financing&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Credit and Financing</a> <div class="description"><p>Prepare for future growth with customized loan services, succession planning and capital for business equipment.</p> </div> </div> <ul class="content-links-container-solutions"> <li class="content-links"> <a class="content-link" href="/credit-and-financing/asset-based-lending" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Asset Based Lending&#34;,&#34;ctaUrl&#34;:&#34;/credit-and-financing/asset-based-lending&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Asset Based Lending</a> <div class="description"> Enhance your liquidity and gain the flexibility to capitalize on growth opportunities.</div> </li> <li class="content-links"> <a class="content-link" href="/credit-and-financing/equipment-financing" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Equipment Financing&#34;,&#34;ctaUrl&#34;:&#34;/credit-and-financing/equipment-financing&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Equipment Financing</a> <div class="description">Maximize working capital with flexible equipment and technology financing.</div> </li> <li class="content-links"> <a class="content-link" href="/payments/solutions/trade-and-working-capital" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Trade &amp; Working Capital&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/trade-and-working-capital&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Trade &amp; Working Capital</a> <div class="description">Experience our market-leading supply chain finance solutions that help buyers and suppliers meet their working capital, risk mitigation and cash flow objectives.</div> </li> <li class="content-links"> <a class="content-link" href="/credit-and-financing/syndicated-finance" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Syndicated Financing&#34;,&#34;ctaUrl&#34;:&#34;/credit-and-financing/syndicated-finance&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Syndicated Financing</a> <div class="description">Leverage customized loan syndication services from a dedicated resource.</div> </li> <li class="content-links"> <a class="content-link" href="/commercial-real-estate" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Real Estate&#34;,&#34;ctaUrl&#34;:&#34;/commercial-real-estate&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Commercial Real Estate</a> <div class="description">Capitalize on opportunities and prepare for challenges throughout the real estate cycle.</div> </li> <li class="content-links"> <a class="content-link" href="/credit-and-financing/employee-stock-ownership-plan" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Employee Stock Ownership Plans&#34;,&#34;ctaUrl&#34;:&#34;/credit-and-financing/employee-stock-ownership-plan&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Employee Stock Ownership Plans</a> <div class="description">Plan for your business’s future—and your employees’ futures too—with objective advice and financing.</div> </li> </ul> <!-- content-links-container-solutions-list this class will be used for solutions list --> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="/insights" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Insights&#34;,&#34;ctaUrl&#34;:&#34;/insights&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Insights</a> </li> <li class="key-link"> <a href="/industries-we-serve" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Industries&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Industries</a> </li> <li class="key-link"> <a href="/client-stories" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Client Stories&#34;,&#34;ctaUrl&#34;:&#34;/client-stories&#34;,&#34;ctaTitle&#34;:&#34;Credit and Financing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Client Stories</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-grid-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-grid-sub-component expanded-nav-container "> <div class="grid-sub-component-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="grid-sub-component-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Institutional Investing</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="/institutional-investing" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Institutional Investing&#34;,&#34;ctaUrl&#34;:&#34;/institutional-investing&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Institutional Investing</a> <div class="description"><p>Serving the world's largest corporate clients and institutional investors, we support the entire investment cycle with market-leading research, analytics, execution and investor services.</p> </div> </div> <ul class="content-links-container-solutions"> <li class="content-links"> <a class="content-link" href="https://am.jpmorgan.com/us/en/asset-management/institutional/" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Institutional Investors&#34;,&#34;ctaUrl&#34;:&#34;https://am.jpmorgan.com/us/en/asset-management/institutional/&#34;,&#34;ctaTitle&#34;:&#34;Institutional Investing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Institutional Investors</a> <div class="description">Putting your long-tenured investment teams on the line to earn the trust of institutional investors. </div> </li> <li class="content-links"> <a class="content-link" href="/markets" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Markets&#34;,&#34;ctaUrl&#34;:&#34;/markets&#34;,&#34;ctaTitle&#34;:&#34;Institutional Investing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Markets</a> <div class="description">Direct access to market leading liquidity harnessed through world-class research, tools, data and analytics.</div> </li> <li class="content-links"> <a class="content-link" href="/prime-services" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Prime Services&#34;,&#34;ctaUrl&#34;:&#34;/prime-services&#34;,&#34;ctaTitle&#34;:&#34;Institutional Investing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Prime Services</a> <div class="description">Helping hedge funds, asset managers and institutional investors meet the demands of a rapidly evolving market.</div> </li> <li class="content-links"> <a class="content-link" href="/insights/research" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Global Research&#34;,&#34;ctaUrl&#34;:&#34;/insights/research&#34;,&#34;ctaTitle&#34;:&#34;Institutional Investing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Global Research</a> <div class="description">Leveraging cutting-edge technology and innovative tools to bring clients industry-leading analysis and investment advice. </div> </li> <li class="content-links"> <a class="content-link" href="/securities-services" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Securities Services&#34;,&#34;ctaUrl&#34;:&#34;/securities-services&#34;,&#34;ctaTitle&#34;:&#34;Institutional Investing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Securities Services</a> <div class="description">Helping institutional investors, traditional and alternative asset and fund managers, broker dealers and equity issuers meet the demands of changing markets.</div> </li> </ul> <!-- content-links-container-solutions-list this class will be used for solutions list --> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="https://fusion.jpmorgan.com/" target="_blank" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Fusion&#34;,&#34;ctaUrl&#34;:&#34;https://fusion.jpmorgan.com/&#34;,&#34;ctaTitle&#34;:&#34;Institutional Investing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Fusion</a> </li> <li class="key-link"> <a href="https://am.jpmorgan.com/us/en/asset-management/adv/" target="_blank" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Financial Professionals&#34;,&#34;ctaUrl&#34;:&#34;https://am.jpmorgan.com/us/en/asset-management/adv/&#34;,&#34;ctaTitle&#34;:&#34;Institutional Investing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Financial Professionals</a> </li> <li class="key-link"> <a href="https://am.jpmorgan.com/us/en/asset-management/liq/" target="_blank" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Liquidity Investors&#34;,&#34;ctaUrl&#34;:&#34;https://am.jpmorgan.com/us/en/asset-management/liq/&#34;,&#34;ctaTitle&#34;:&#34;Institutional Investing&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Liquidity Investors</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-grid-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-grid-sub-component expanded-nav-container "> <div class="grid-sub-component-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="grid-sub-component-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Investment Banking</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="/investment-banking" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Investment Banking&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Investment Banking</a> <div class="description"><p>Providing investment banking solutions, including mergers and acquisitions, capital raising and risk management, for a broad range of corporations, institutions and governments.</p> </div> </div> <ul class="content-links-container-solutions"> <li class="content-links"> <a class="content-link" href="/investment-banking/center-for-carbon-transition" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Center for Carbon Transition&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking/center-for-carbon-transition&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Center for Carbon Transition</a> <div class="description">J.P. Morgan’s center of excellence that provides clients the data and firmwide expertise needed to navigate the challenges of transitioning to a low-carbon future.</div> </li> <li class="content-links"> <a class="content-link" href="/investment-banking/corporate-finance-advisory" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Corporate Finance Advisory&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking/corporate-finance-advisory&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Corporate Finance Advisory</a> <div class="description">Corporate Finance Advisory (“CFA”) is a global, multi-disciplinary solutions team specializing in structured M&amp;A and capital markets. Learn more.</div> </li> <li class="content-links"> <a class="content-link" href="/investment-banking/development-finance-institution" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Development Finance Institution&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking/development-finance-institution&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Development Finance Institution</a> <div class="description">Financing opportunities with anticipated development impact in emerging economies.</div> </li> <li class="content-links"> <a class="content-link" href="/investment-banking/sustainable-solutions" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Sustainable Solutions&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking/sustainable-solutions&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Sustainable Solutions</a> <div class="description">Offering ESG-related advisory and coordinating the firm's EMEA coverage of clients in emerging green economy sectors.</div> </li> <li class="content-links"> <a class="content-link" href="/investment-banking/mergers-and-acquisitions" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Mergers and Acquisitions&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking/mergers-and-acquisitions&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Mergers and Acquisitions</a> <div class="description">Bespoke M&amp;A solutions on a global scale.</div> </li> <li class="content-links"> <a class="content-link" href="/investment-banking/capital-markets" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Capital Markets&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking/capital-markets&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Capital Markets</a> <div class="description">Holistic coverage across capital markets.</div> </li> </ul> <!-- content-links-container-solutions-list this class will be used for solutions list --> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="https://capitalconnect.jpmorgan.com/" target="_blank" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Capital Connect&#34;,&#34;ctaUrl&#34;:&#34;https://capitalconnect.jpmorgan.com/&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Capital Connect</a> </li> <li class="key-link"> <a href="/investment-banking/in-context" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;In Context Newsletter from J.P. Morgan&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking/in-context&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>In Context Newsletter from J.P. Morgan</a> </li> <li class="key-link"> <a href="/investment-banking/director-advisory-services" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Director Advisory Services&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking/director-advisory-services&#34;,&#34;ctaTitle&#34;:&#34;Investment Banking&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Director Advisory Services</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-column-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-column-links-container expanded-nav-container "> <div class="column-links-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="column-links-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Payments</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="/payments/solutions" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Payments&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Payments</a> <div class="description"><p>Your partner for commerce, receivables, cross-currency, working capital, blockchain, liquidity and more.</p> </div> </div> <div class="column-links-container"> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group section-header-space"> <li> <h3 class="link-group-header"> <p> Accept Payments </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Access®&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/access&#34;,&#34;ctaTitle&#34;:&#34;Accept Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/access" target="_self" aria-label="Link to Access page"> Access® </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commerce&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/commerce&#34;,&#34;ctaTitle&#34;:&#34;Accept Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/commerce" target="_self" aria-label="Link to commerce solutions page"> Commerce </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Cross-Currency Solutions&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/treasury/cross-currency-solutions&#34;,&#34;ctaTitle&#34;:&#34;Accept Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/treasury/cross-currency-solutions" target="_self" aria-label="Link to cross currency solution page"> Cross-Currency Solutions </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Digital Bill Payment&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/digital-bill-payment&#34;,&#34;ctaTitle&#34;:&#34;Accept Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/digital-bill-payment" target="_self" aria-label="Link to digital bill pay page"> Digital Bill Payment </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Integrated Receivables&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/treasury/integrated-receivables&#34;,&#34;ctaTitle&#34;:&#34;Accept Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/treasury/integrated-receivables" target="_self" aria-label="Link to integrated receivables page"> Integrated Receivables </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Payment Gateway&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/payment-gateway&#34;,&#34;ctaTitle&#34;:&#34;Accept Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/payment-gateway" target="_self" aria-label="Link to payment gateway page"> Payment Gateway </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Remote Capture Resource Center&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/remote-capture-resource-center&#34;,&#34;ctaTitle&#34;:&#34;Accept Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/remote-capture-resource-center" target="_self" aria-label="Link to remote capture resource center page"> Remote Capture Resource Center </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Wallet™&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/jpmorgan-wallet&#34;,&#34;ctaTitle&#34;:&#34;Accept Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/jpmorgan-wallet" target="_self" aria-label="Link to Wallet page"> Wallet™ </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> Explore Blockchain </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Kinexys&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/kinexys/index&#34;,&#34;ctaTitle&#34;:&#34;Explore Blockchain&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://www.jpmorgan.com/kinexys/index" target="_blank" aria-label="Link to Kinexys website"> Kinexys </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> Client Service </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Global Client Service&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/global-client-service&#34;,&#34;ctaTitle&#34;:&#34;Client Service&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/global-client-service" target="_self" aria-label="Link to Global client service page"> Global Client Service </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> </h3> </li> </ul> </div> </div> </div> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> Process Payments </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commerce&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/commerce&#34;,&#34;ctaTitle&#34;:&#34;Process Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/commerce" target="_self" aria-label="Link to Commerce solutions page"> Commerce </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Payment Facilitation&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/payment-facilitation&#34;,&#34;ctaTitle&#34;:&#34;Process Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/payment-facilitation" target="_self" aria-label="Link to Payment facilitation page"> Payment Facilitation </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> Manage Funds </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Access®&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/access&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/access" target="_self" aria-label="Link to Access page"> Access® </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Cards&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/commercial-cards&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/commercial-cards" target="_self" aria-label="Link to Commercial card"> Commercial Cards </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Chase Connect&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking/chase-connect&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/commercial-banking/chase-connect" target="_self" aria-label="link to Chase connect page"> Chase Connect </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Escrow Services&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/escrow-services&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/escrow-services" target="_self" aria-label="Link to Escrow services page"> Escrow Services </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Insights&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/analytics-and-insights&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/analytics-and-insights" target="_self" aria-label="link to Insights"> Insights </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Liquidity and Account Solutions&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/treasury/liquidity-and-account-solutions&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/treasury/liquidity-and-account-solutions" target="_self" aria-label="Link to Liquidity and account solutions page"> Liquidity and Account Solutions </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Trade and Working Capital&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/trade-and-working-capital&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/trade-and-working-capital" target="_self" aria-label="Link to trade and working capital trade page"> Trade and Working Capital </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Virtual Account Management&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/virtual-account-management-old&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/virtual-account-management-old" target="_self" aria-label="Link to Virtual card page"> Virtual Account Management </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Wallet™&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/jpmorgan-wallet&#34;,&#34;ctaTitle&#34;:&#34;Manage Funds&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/jpmorgan-wallet" target="_self" aria-label="Link to Wallet page"> Wallet™ </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> Safeguard Information </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Trust and Safety&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/trust-and-safety&#34;,&#34;ctaTitle&#34;:&#34;Safeguard Information&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/trust-and-safety" target="_self" aria-label="link to trust and safety solutions page"> Trust and Safety </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> </h3> </li> </ul> </div> </div> </div> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> Banking-as-a-service </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Concourse™&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/concourse&#34;,&#34;ctaTitle&#34;:&#34;Banking-as-a-service&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/concourse" target="_self" aria-label="Link to Concourse™ page"> Concourse™ </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Liquidity and Account Solutions&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/treasury/liquidity-and-account-solutions&#34;,&#34;ctaTitle&#34;:&#34;Banking-as-a-service&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/treasury/liquidity-and-account-solutions" target="_self" aria-label="Link to Liquidity and account solutions page"> Liquidity and Account Solutions </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Wallet™&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/jpmorgan-wallet&#34;,&#34;ctaTitle&#34;:&#34;Banking-as-a-service&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/jpmorgan-wallet" target="_self" aria-label="Link to Wallet™ page"> Wallet™ </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> Send Payments </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commerce &#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/commerce&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/commerce" target="_self" aria-label="link to commerce solutions page"> Commerce </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Cards&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/commercial-cards&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/commercial-cards" target="_self" aria-label="Link to Commercial card page"> Commercial Cards </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Concourse™&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/concourse&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/concourse" target="_self" aria-label="Link to concourse page"> Concourse™ </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Cross-Currency Solutions&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/treasury/cross-currency-solutions&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/treasury/cross-currency-solutions" target="_self" aria-label="Link to cross currency solutions page"> Cross-Currency Solutions </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Developer Portal&#34;,&#34;ctaUrl&#34;:&#34;https://developer.payments.jpmorgan.com/&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://developer.payments.jpmorgan.com/" target="_blank" aria-label="Link to Developer Portal"> Developer Portal </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;FedNow&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/fednow&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/fednow" target="_self" aria-label="Link to FedNow"> FedNow </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Integrated Payables&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/treasury/integrated-payables&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/treasury/integrated-payables" target="_self" aria-label="Link to Integrated payables page"> Integrated Payables </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Prepaid Card &#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/prepaid-card&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/prepaid-card" target="_self" aria-label="Link to Prepaid Card page"> Prepaid Card </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Trade and Working Capital&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/trade-and-working-capital&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/trade-and-working-capital" target="_self" aria-label="Link to trade and working capital page"> Trade and Working Capital </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Virtual Cards&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/commercial-cards/ts-virtual-card&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/commercial-cards/ts-virtual-card" target="_self" aria-label="Link to Virtual card page"> Virtual Cards </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Wallet™&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/jpmorgan-wallet&#34;,&#34;ctaTitle&#34;:&#34;Send Payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments/solutions/jpmorgan-wallet" target="_self" aria-label="Link to Wallet page"> Wallet™ </a> </li> </ul> </div> </div> </div> </div> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="https://partners.jpmorgan.com/" target="_blank" aria-label="link to our partner network" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Partner Network&#34;,&#34;ctaUrl&#34;:&#34;https://partners.jpmorgan.com/&#34;,&#34;ctaTitle&#34;:&#34;Payments&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Partner Network</a> </li> <li class="key-link"> <a href="/payments/solutions/newsletter" target="_self" aria-label="link to newsletter page" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Newsletter&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/newsletter&#34;,&#34;ctaTitle&#34;:&#34;Payments&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Newsletter</a> </li> <li class="key-link"> <a href="/insights/payments" target="_self" aria-label="link to payments insights page" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Insights&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments&#34;,&#34;ctaTitle&#34;:&#34;Payments&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Insights</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-grid-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-grid-sub-component expanded-nav-container "> <div class="grid-sub-component-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="grid-sub-component-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Private Bank</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="https://privatebank.jpmorgan.com/nam/en/home" target="_blank" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Private Bank&#34;,&#34;ctaUrl&#34;:&#34;https://privatebank.jpmorgan.com/nam/en/home&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Private Bank</a> <div class="description"><p>A uniquely elevated private banking experience shaped around you.</p> </div> </div> <ul class="content-links-container-solutions"> <li class="content-links"> <a class="content-link" href="https://privatebank.jpmorgan.com/nam/en/services/banking" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Banking&#34;,&#34;ctaUrl&#34;:&#34;https://privatebank.jpmorgan.com/nam/en/services/banking&#34;,&#34;ctaTitle&#34;:&#34;Private Bank&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Banking</a> <div class="description">We have extensive personal and business banking resources that are fine-tuned to your specific needs.</div> </li> <li class="content-links"> <a class="content-link" href="https://privatebank.jpmorgan.com/nam/en/services/investing" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Investing&#34;,&#34;ctaUrl&#34;:&#34;https://privatebank.jpmorgan.com/nam/en/services/investing&#34;,&#34;ctaTitle&#34;:&#34;Private Bank&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Investing</a> <div class="description">We deliver tailored investing guidance and access to unique investment opportunities from world-class specialists.</div> </li> <li class="content-links"> <a class="content-link" href="https://privatebank.jpmorgan.com/nam/en/services/lending" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Lending&#34;,&#34;ctaUrl&#34;:&#34;https://privatebank.jpmorgan.com/nam/en/services/lending&#34;,&#34;ctaTitle&#34;:&#34;Private Bank&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Lending</a> <div class="description">We take a strategic approach to lending, working with you to craft the fight financing solutions matched to your goals.</div> </li> <li class="content-links"> <a class="content-link" href="https://privatebank.jpmorgan.com/nam/en/services/wealth-planning-and-advice" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Planning&#34;,&#34;ctaUrl&#34;:&#34;https://privatebank.jpmorgan.com/nam/en/services/wealth-planning-and-advice&#34;,&#34;ctaTitle&#34;:&#34;Private Bank&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Planning</a> <div class="description">No matter where you are in your life, or how complex your needs might be, we’re ready to provide a tailored approach to helping your reach your goals.</div> </li> </ul> <!-- content-links-container-solutions-list this class will be used for solutions list --> </section> </section> </div> <div class="expanded-grid-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-grid-sub-component expanded-nav-container "> <div class="grid-sub-component-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="grid-sub-component-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Wealth Management</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="/wealth-management" target="_blank" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Wealth Management&#34;,&#34;ctaUrl&#34;:&#34;/wealth-management&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Wealth Management</a> <div class="description"><p>Whether you want to invest on your own or work with an advisor to design a personalized investment strategy, we have opportunities for every investor.<br /> <br /> <br /> </p> </div> </div> <ul class="content-links-container-solutions"> <li class="content-links"> <a class="content-link" href="https://account.chase.com/investing/sdifracshare" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Invest on your own&#34;,&#34;ctaUrl&#34;:&#34;https://account.chase.com/investing/sdifracshare&#34;,&#34;ctaTitle&#34;:&#34;Wealth Management&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Invest on your own</a> <div class="description">Unlimited $0 commission-free online stock, ETF and options trades with access to powerful tools to research, trade and manage your investments.</div> </li> <li class="content-links"> <a class="content-link" href="https://www.chase.com/personal/investments/advisor-services?jp_cdf=advisoryservices_jpmnav" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Work with our advisors&#34;,&#34;ctaUrl&#34;:&#34;https://www.chase.com/personal/investments/advisor-services?jp_cdf=advisoryservices_jpmnav&#34;,&#34;ctaTitle&#34;:&#34;Wealth Management&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Work with our advisors</a> <div class="description">When you work with our advisors, you'll get a personalized financial strategy and investment portfolio built around your unique goals-backed by our industry-leading expertise.</div> </li> <li class="content-links"> <a class="content-link" href="/wealth-management/wealth-partners" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Expertise for Substantial Wealth&#34;,&#34;ctaUrl&#34;:&#34;/wealth-management/wealth-partners&#34;,&#34;ctaTitle&#34;:&#34;Wealth Management&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Expertise for Substantial Wealth</a> <div class="description">Our Wealth Advisors &amp; Wealth Partners leverage their experience and robust firm resources to deliver highly-personalized, comprehensive solutions across Banking, Lending, Investing, and Wealth Planning.</div> </li> </ul> <!-- content-links-container-solutions-list this class will be used for solutions list --> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="https://www.chase.com/personal/investments/why-invest?jp_cdf=whyinvest_jpmnav" target="_blank" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Why Wealth Management?&#34;,&#34;ctaUrl&#34;:&#34;https://www.chase.com/personal/investments/why-invest?jp_cdf=whyinvest_jpmnav&#34;,&#34;ctaTitle&#34;:&#34;Wealth Management&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Why Wealth Management?</a> </li> <li class="key-link"> <a href="https://www.chase.com/personal/investments/investment-tools-resources?jp_cdf=calculators_jpmnav" target="_blank" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Retirement Calculators&#34;,&#34;ctaUrl&#34;:&#34;https://www.chase.com/personal/investments/investment-tools-resources?jp_cdf=calculators_jpmnav&#34;,&#34;ctaTitle&#34;:&#34;Wealth Management&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Retirement Calculators</a> </li> <li class="key-link"> <a href="https://www.jpmorgan.com/wealth-management/wealth-partners/insights" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Market Commentary&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorgan.com/wealth-management/wealth-partners/insights&#34;,&#34;ctaTitle&#34;:&#34;Wealth Management&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Market Commentary</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-grid-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-grid-sub-component expanded-nav-container "> <div class="grid-sub-component-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="grid-sub-component-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">For Companies and Institutions</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <p class="title">For Companies and Institutions</p> <div class="description"></div> </div> <!-- content-links-container-solutions-list this class will be used for solutions list --> <ul class="content-links-container-solutions"> <li class="content-links"> <a class="content-link" href="/commercial-banking" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Banking&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking&#34;,&#34;ctaTitle&#34;:&#34;For Companies and Institutions&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Commercial Banking</a> <div class="description"><p>From startups to legacy brands, you're making your mark. We're here to help.</p> <p> </p> </div> </li> <li class="content-links"> <a class="content-link" href="/institutional-investing" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Institutional Investing&#34;,&#34;ctaUrl&#34;:&#34;/institutional-investing&#34;,&#34;ctaTitle&#34;:&#34;For Companies and Institutions&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Institutional Investing</a> <div class="description"><p>Serving the world's largest corporate clients and institutional investors, we support the entire investment cycle with market-leading research, analytics, execution and investor services.</p> </div> </li> <li class="content-links"> <a class="content-link" href="/payments" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Payments&#34;,&#34;ctaUrl&#34;:&#34;/payments&#34;,&#34;ctaTitle&#34;:&#34;For Companies and Institutions&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Payments</a> <div class="description"><p>Your partner for commerce, receivables, cross-currency, working capital, blockchain, liquidity and more.</p> </div> </li> <li class="content-links"> <a class="content-link" href="/credit-and-financing" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Credit &amp; Financing&#34;,&#34;ctaUrl&#34;:&#34;/credit-and-financing&#34;,&#34;ctaTitle&#34;:&#34;For Companies and Institutions&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Credit &amp; Financing</a> <div class="description"><p>Prepare for future growth with customized loan services, succession planning and capital for business equipment.</p> </div> </li> <li class="content-links"> <a class="content-link" href="/investment-banking" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Investment Banking&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking&#34;,&#34;ctaTitle&#34;:&#34;For Companies and Institutions&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Investment Banking</a> <div class="description"><p>Providing investment banking solutions, including mergers and acquisitions, capital raising and risk management, for a broad range of corporations, institutions and governments.</p> </div> </li> </ul> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="/insights/research" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Research&#34;,&#34;ctaUrl&#34;:&#34;/insights/research&#34;,&#34;ctaTitle&#34;:&#34;For Companies and Institutions&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Research</a> </li> <li class="key-link"> <a href="/payments/solutions/access" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;J.P. Morgan Access®&#34;,&#34;ctaUrl&#34;:&#34;/payments/solutions/access&#34;,&#34;ctaTitle&#34;:&#34;For Companies and Institutions&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>J.P. Morgan Access®</a> </li> <li class="key-link"> <a href="/commercial-real-estate" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Real Estate&#34;,&#34;ctaUrl&#34;:&#34;/commercial-real-estate&#34;,&#34;ctaTitle&#34;:&#34;For Companies and Institutions&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Commercial Real Estate</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-grid-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-grid-sub-component expanded-nav-container "> <div class="grid-sub-component-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="grid-sub-component-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">For Individuals</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <p class="title">For Individuals</p> <div class="description"></div> </div> <!-- content-links-container-solutions-list this class will be used for solutions list --> <ul class="content-links-container-solutions"> <li class="content-links"> <a class="content-link" href="https://privatebank.jpmorgan.com/nam/en/home" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Private Bank&#34;,&#34;ctaUrl&#34;:&#34;https://privatebank.jpmorgan.com/nam/en/home&#34;,&#34;ctaTitle&#34;:&#34;For Individuals&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Private Bank</a> <div class="description"><p>A uniquely elevated private banking experience shaped around you.</p> </div> </li> <li class="content-links"> <a class="content-link" href="/wealth-management" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Wealth Management&#34;,&#34;ctaUrl&#34;:&#34;/wealth-management&#34;,&#34;ctaTitle&#34;:&#34;For Individuals&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Wealth Management</a> <div class="description"><p>Whether you want to invest on you own or work with an advisor to design a personalized investment strategy, we have opportunities for every investor.</p> </div> </li> </ul> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="https://www.chase.com/personal/investments/why-invest?jp_cdf=whyinvest_jpmnav" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Why Wealth Management&#34;,&#34;ctaUrl&#34;:&#34;https://www.chase.com/personal/investments/why-invest?jp_cdf=whyinvest_jpmnav&#34;,&#34;ctaTitle&#34;:&#34;For Individuals&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Why Wealth Management</a> </li> <li class="key-link"> <a href="https://www.chase.com/personal/investments/investment-tools-resources?jp_cdf=calculators_jpmnav" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Retirement Calculators&#34;,&#34;ctaUrl&#34;:&#34;https://www.chase.com/personal/investments/investment-tools-resources?jp_cdf=calculators_jpmnav&#34;,&#34;ctaTitle&#34;:&#34;For Individuals&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Retirement Calculators</a> </li> <li class="key-link"> <a href="/wealth-management/wealth-partners/insights" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Market Commentary&#34;,&#34;ctaUrl&#34;:&#34;/wealth-management/wealth-partners/insights&#34;,&#34;ctaTitle&#34;:&#34;For Individuals&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Grid Links&#34;}}" data-cmp-clickable>Market Commentary</a> </li> </ul> </div> </section> </section> </div> </div> </div> </div> </div> </div> </div></div> </div> <div class="experience-fragment "><div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="expanded-container aem-GridColumn aem-GridColumn--default--12"> <div class=" cmp-expanded-container"> <nav class="primary-navigation-tab-nav "> <ul class="tab-nav-items"> <li class="tab-nav-item tab-nav-active"> <button>Who We Serve</button> </li> </ul> </nav> <div class="primary-navigation-sections"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="expanded-column-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-column-links-container expanded-nav-container "> <div class="column-links-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="column-links-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Who We Serve</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <p class="title">Who We Serve</p> </div> <div class="column-links-container"> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group section-header-space"> <li> <h3 class="link-group-header"> <a class="header-link chaseanalytics-track-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;INDUSTRIES WE SERVE&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve" target="_self"> INDUSTRIES WE SERVE </a> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Real Estate&#34;,&#34;ctaUrl&#34;:&#34;/commercial-real-estate&#34;,&#34;ctaTitle&#34;:&#34;INDUSTRIES WE SERVE&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/commercial-real-estate" target="_self" aria-label="Links to Commercial real estate page"> Commercial Real Estate </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Consumer and Retail&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/consumer-and-retail&#34;,&#34;ctaTitle&#34;:&#34;INDUSTRIES WE SERVE&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/consumer-and-retail" target="_self" aria-label="Link to consumer and retail page"> Consumer and Retail </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Diversified Industries&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/diversified-industries&#34;,&#34;ctaTitle&#34;:&#34;INDUSTRIES WE SERVE&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/diversified-industries" target="_self" aria-label="Link to diversified industries page"> Diversified Industries </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Energy, Power &amp; Renewables&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/energy&#34;,&#34;ctaTitle&#34;:&#34;INDUSTRIES WE SERVE&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/energy" target="_self" aria-label="Link to Energy, Power and Renewables"> Energy, Power &amp; Renewables </a> </li> </ul> </div> </div> </div> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group section-header-space"> <li> <h3 class="link-group-header"> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Financial&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/financial&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/financial" target="_self"> Financial </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Health Care&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/healthcare&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/healthcare" target="_self"> Health Care </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Media, Telecom and Entertainment&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/media-telecom-entertainment&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/media-telecom-entertainment" target="_self" aria-label="Link to Media, Telecom and Entertainment"> Media, Telecom and Entertainment </a> </li> </ul> </div> </div> </div> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group section-header-space"> <li> <h3 class="link-group-header"> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Metals &amp; Mining&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/metals-mining&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/metals-mining" target="_self" aria-label="Link to metals and mining"> Metals &amp; Mining </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Public Sector&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/public-sector&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/public-sector" target="_self"> Public Sector </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Technology&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve/technology&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve/technology" target="_self"> Technology </a> </li> </ul> </div> </div> </div> </div> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="/insights" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Insights&#34;,&#34;ctaUrl&#34;:&#34;/insights&#34;,&#34;ctaTitle&#34;:&#34;Who We Serve&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Insights</a> </li> <li class="key-link"> <a href="/client-stories" target="_self" aria-label="Link to client stories page" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Client Stories&#34;,&#34;ctaUrl&#34;:&#34;/client-stories&#34;,&#34;ctaTitle&#34;:&#34;Who We Serve&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Client Stories</a> </li> </ul> </div> </section> </section> </div> </div> </div> </div> </div> </div> </div></div> </div> <div class="experience-fragment "><div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="expanded-container aem-GridColumn aem-GridColumn--default--12"> <div class=" cmp-expanded-container"> <nav class="primary-navigation-tab-nav "> <ul class="tab-nav-items"> <li class="tab-nav-item tab-nav-active"> <button>All Insights</button> </li> <li class="tab-nav-item "> <button>Insights by Topic</button> </li> <li class="tab-nav-item "> <button>Insights by Type</button> </li> </ul> </nav> <div class="primary-navigation-sections"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="expanded-column-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-column-links-container expanded-nav-container "> <div class="column-links-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="column-links-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">All Insights</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="/insights" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;All Insights&#34;,&#34;ctaUrl&#34;:&#34;/insights&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>All Insights</a> <div class="description"><p>Explore a variety of insights.</p> </div> </div> <div class="column-links-container"> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> </div> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="/client-stories" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Client Stories&#34;,&#34;ctaUrl&#34;:&#34;/client-stories&#34;,&#34;ctaTitle&#34;:&#34;All Insights&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Client Stories</a> </li> <li class="key-link"> <a href="/insights/research" target="_self" aria-label="opens global research" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Global Research&#34;,&#34;ctaUrl&#34;:&#34;/insights/research&#34;,&#34;ctaTitle&#34;:&#34;All Insights&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Global Research</a> </li> <li class="key-link"> <a href="/insights/outlook/jpmorgan-outlook/predictions-and-forecasts" target="_self" aria-label="opens newsletters" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;2025 Outlooks&#34;,&#34;ctaUrl&#34;:&#34;/insights/outlook/jpmorgan-outlook/predictions-and-forecasts&#34;,&#34;ctaTitle&#34;:&#34;All Insights&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>2025 Outlooks</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-column-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-column-links-container expanded-nav-container "> <div class="column-links-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="column-links-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Insights by Topic</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <p class="title">Insights by Topic</p> <div class="description"><p>Explore a variety of insights organized by different topics.<br /> </p> </div> </div> <div class="column-links-container"> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Business Planning and Strategy&#34;,&#34;ctaUrl&#34;:&#34;/insights/business/business-planning&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/business/business-planning" target="_self" aria-label="links to business planning page"> Business Planning and Strategy </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Real Estate&#34;,&#34;ctaUrl&#34;:&#34;/insights/real-estate/commercial-real-estate&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/real-estate/commercial-real-estate" target="_self" aria-label="link to commercial real estate page"> Commercial Real Estate </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Community Development&#34;,&#34;ctaUrl&#34;:&#34;/insights/real-estate/community-development-banking&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/real-estate/community-development-banking" target="_self" aria-label="link to community development page"> Community Development </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Cybersecurity and Fraud Protection&#34;,&#34;ctaUrl&#34;:&#34;/insights/cybersecurity&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/cybersecurity" target="_self" aria-label="link to cybersecurity page"> Cybersecurity and Fraud Protection </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Diversity, Equity and Inclusion&#34;,&#34;ctaUrl&#34;:&#34;/insights/corporate-responsibility/diversity-equity-and-inclusion&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/corporate-responsibility/diversity-equity-and-inclusion" target="_self" aria-label="links to diversity page"> Diversity, Equity and Inclusion </a> </li> </ul> </div> </div> </div> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;ESG&#34;,&#34;ctaUrl&#34;:&#34;/insights/esg&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/esg" target="_self" aria-label="link to ESG page"> ESG </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Investment Banking&#34;,&#34;ctaUrl&#34;:&#34;/insights/banking/investment-banking&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/banking/investment-banking" target="_self" aria-label="link to investment banking page"> Investment Banking </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Global Business&#34;,&#34;ctaUrl&#34;:&#34;/insights/international/global-business&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/international/global-business" target="_self" aria-label="link to global business page"> Global Business </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Markets and Economy&#34;,&#34;ctaUrl&#34;:&#34;/insights/markets&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/markets" target="_self" aria-label="link to markets page"> Markets and Economy </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Multifamily Real Estate&#34;,&#34;ctaUrl&#34;:&#34;/insights/real-estate/multifamily&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/real-estate/multifamily" target="_self" aria-label="link to multifamily real estate page"> Multifamily Real Estate </a> </li> </ul> </div> </div> </div> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Payments&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/payments" target="_self" aria-label="link to payments page"> Payments </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Treasury&#34;,&#34;ctaUrl&#34;:&#34;/insights/treasury&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/treasury" target="_self" aria-label="link to treasury page"> Treasury </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Wealth Planning&#34;,&#34;ctaUrl&#34;:&#34;/insights/wealth-planning&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights/wealth-planning" target="_self" aria-label="link to wealth planning page"> Wealth Planning </a> </li> </ul> </div> </div> </div> </div> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="/client-stories" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Client Stories&#34;,&#34;ctaUrl&#34;:&#34;/client-stories&#34;,&#34;ctaTitle&#34;:&#34;Insights by Topic&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Client Stories</a> </li> <li class="key-link"> <a href="/insights/research" target="_self" aria-label="opens global research" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Global Research&#34;,&#34;ctaUrl&#34;:&#34;/insights/research&#34;,&#34;ctaTitle&#34;:&#34;Insights by Topic&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Global Research</a> </li> <li class="key-link"> <a href="/newsletters" target="_self" aria-label="opens Newsletters" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Newsletters&#34;,&#34;ctaUrl&#34;:&#34;/newsletters&#34;,&#34;ctaTitle&#34;:&#34;Insights by Topic&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Newsletters</a> </li> </ul> </div> </section> </section> </div> <div class="expanded-column-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-column-links-container expanded-nav-container "> <div class="column-links-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="column-links-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">Insights by Type</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <p class="title">Insights by Type</p> <div class="description"><p>Explore a variety of insights organized by different types of content and media.  <br /> </p> </div> </div> <div class="column-links-container"> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> </h3> </li> <li> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Client Stories&#34;,&#34;ctaUrl&#34;:&#34;/client-stories&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/client-stories" target="_self" aria-label="links to client story page"> Client Stories </a> </li> <li> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Podcasts&#34;,&#34;ctaUrl&#34;:&#34;/podcasts&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/podcasts" target="_self" aria-label="link to podcast page"> Podcasts </a> </li> <li> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Videos&#34;,&#34;ctaUrl&#34;:&#34;/videos&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/videos" target="_self" aria-label="link to video page"> Videos </a> </li> </ul> </div> </div> </div> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> </div> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="/insights" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;All Insights&#34;,&#34;ctaUrl&#34;:&#34;/insights&#34;,&#34;ctaTitle&#34;:&#34;Insights by Type&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>All Insights</a> </li> <li class="key-link"> <a href="/insights/research" target="_self" aria-label="opens global research" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Global Research&#34;,&#34;ctaUrl&#34;:&#34;/insights/research&#34;,&#34;ctaTitle&#34;:&#34;Insights by Type&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Global Research</a> </li> <li class="key-link"> <a href="/newsletters" target="_self" aria-label="opens newsletters" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Newsletters&#34;,&#34;ctaUrl&#34;:&#34;/newsletters&#34;,&#34;ctaTitle&#34;:&#34;Insights by Type&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Newsletters</a> </li> </ul> </div> </section> </section> </div> </div> </div> </div> </div> </div> </div></div> </div> <div class="experience-fragment "><div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="expanded-container aem-GridColumn aem-GridColumn--default--12"> <div class=" cmp-expanded-container"> <nav class="primary-navigation-tab-nav "> <ul class="tab-nav-items"> <li class="tab-nav-item tab-nav-active"> <button>About Us</button> </li> </ul> </nav> <div class="primary-navigation-sections"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="expanded-column-links aem-GridColumn aem-GridColumn--default--12"> <section class="primary-navigation-column-links-container expanded-nav-container "> <div class="column-links-select-content"> <button class="select-button" data-icon="&#xf060">Back to menu</button> <p class="title title-for-mobile"></p> </div> <div class="column-links-custom-select-drop-down primary-nav-select-dropdown"> <button class="custom-select-button hide-list" data-icon="&#xf078">About Us</button> </div> <section class="primary-navigation-tab-nav-content"> <div class="content-title-container"> <a class="title" href="/about-us" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;About Us&#34;,&#34;ctaUrl&#34;:&#34;/about-us&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>About Us</a> <div class="description"><p>We aim to be the most respected financial services firm in the world, serving corporations and individuals in more than 100 countries.</p> </div> </div> <div class="column-links-container"> <div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Contact Us&#34;,&#34;ctaUrl&#34;:&#34;/contact-us&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/contact-us" target="_self" aria-label="Link to Contact us page"> Contact Us </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Events and Conferences&#34;,&#34;ctaUrl&#34;:&#34;/about-us/events-conferences&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/about-us/events-conferences" target="_self" aria-label="Link to conference page"> Events and Conferences </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Impact&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking/impact&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/commercial-banking/impact" target="_self" aria-label="Links to impact page"> Impact </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;News and Stories&#34;,&#34;ctaUrl&#34;:&#34;/about-us/corporate-news&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/about-us/corporate-news" target="_self" aria-label="Links to News page"> News and Stories </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Technology at Our Firm&#34;,&#34;ctaUrl&#34;:&#34;/technology&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/technology" target="_self" aria-label="Links to Technology page"> Technology at Our Firm </a> </li> </ul> </div> </div> </div> </div> <div class="grid-sub-component-key-links"> <p class="title">Key Links</p> <ul class="key-link-container"> <li class="key-link"> <a href="/insights" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Insights&#34;,&#34;ctaUrl&#34;:&#34;/insights&#34;,&#34;ctaTitle&#34;:&#34;About Us&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Insights</a> </li> <li class="key-link"> <a href="/client-stories" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Client Stories&#34;,&#34;ctaUrl&#34;:&#34;/client-stories&#34;,&#34;ctaTitle&#34;:&#34;About Us&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Client Stories</a> </li> <li class="key-link"> <a href="/newsletters" target="_self" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Newsletters&#34;,&#34;ctaUrl&#34;:&#34;/newsletters&#34;,&#34;ctaTitle&#34;:&#34;About Us&#34;,&#34;ctaComponentName&#34;:&#34;Expanded Column Links&#34;}}" data-cmp-clickable>Newsletters</a> </li> </ul> </div> </section> </section> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div></div> </div> <div class="breadcrumbs section"> <div class="cmp-breadcrumbs "> <ul itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/payments" itemprop="item"> <span itemprop="name">Payments</span> </a> <meta itemprop="position" content="1"/> </li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/payments/solutions" itemprop="item"> <span itemprop="name">Solutions</span> </a> <meta itemprop="position" content="2"/> </li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <span itemprop="name">Commerce solutions that power growth</span> <meta itemprop="position" content="3"/> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="raw-html-body aem-GridColumn aem-GridColumn--default--12"> <style type="text/css"> /** testing code to clean up scaled images **/ img { max-width: 100%; } /** end testing code **/ .nowrap { white-space: nowrap; } .raw-html-body a { text-decoration: none; } .raw-html-body a:hover { text-decoration: underline; } /** adding arrow to teal text links **/ a.primary.link { color: #1a7b99; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 2.3px; } a.primary.link:hover { text-decoration: underline; } a.primary.link:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; color: #1a7b99; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.7rem; font-size: 12px; width: 2rem; margin-right: -2.5rem; margin-left: 0.5rem; } a.primary.link:hover::after { /** transform: translateX(50%); right: 2px; transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -webkit-transition: 0.6s ease-in-out; } **/ animation: slide 2s ease-in-out infinite; /*margin-left: 3px;*/ } @keyframes slide { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(10px, 0); } } a.primary.link.lightBlue, a.primary.link.lightBlue:after { color: #9de5ec; } a.primary.link.white, a.primary.link.white:after { color: #ffffff; } a.primary.link.white:hover::after { color: #D6B89C; } /** one sided container **/ .container-right { padding: 0 0 0 1em; width: auto; margin-left: 0; } .container-right-padding-mobile {} @media (max-width:991px) { .container-right { margin-right: 0; margin-left: 0; padding: 10px; } .container-right-padding-mobile { padding-left: 1em; } } /* @media (min-width:992px){ .container-right { margin-right: 0; margin-left: calc(50vw - 485px); } } */ @media (min-width:1200px) { .container-right { margin-right: 0; margin-left: calc(50vw - 576px); } } .container-left { padding-right: 1em; width: auto; margin-right: 0; } @media (max-width:991px) { .container-left { margin-left: 0; /*margin-left: calc(50vw - 375px);*/ } } /* @media (min-width:992px){ .container-right { margin-right: 0; margin-left: calc(50vw - 485px); } } */ @media (min-width:1200px) { .container-left { margin-left: 0; margin-right: calc(50vw - 609px); } } /** end one sided container **/ /** putting image flush right **/ .extend-image-right { z-index: 0; background-color: #000000; margin-left: 0; } .extend-image-right:before { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/2022_director_advisor_services_1440x1920.jpg); background-repeat: no-repeat; background-size: cover; content: ''; display: block; position: absolute; z-index: -1; width: 50em; /* allow for bootstrap column padding */ top: 0; left: -15px; bottom: 0; } .extend-image-right::after { content: ""; height: 8px; width: 80em; background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/2022_director_advisor_services_bronze_bar.svg); background-repeat: repeat-x; display: block; position: absolute; left: -15px; bottom: 0; } @media only screen and (min-width: 2000px) { .extend-image-right::before { width: 76em; } .extend-image-right::after { width: 999em; } } @media only screen and (min-width: 3000px) { .extend-image-right::before { width: 100em; } } .extra-padding { padding: 3rem 2rem; } /** quote section **/ .box__title { font-weight: bold; margin-top: 20px; } .box__subtitle { line-height: 1.1; } .profile-description { color: #565A5D; font-weight: 400; line-height: 1.3; margin: 0; } .img-word-director { max-width: 120px; margin-bottom: 20px; } .bg-image-right { background: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/WTD_podcast_art_RVSD-01.png) no-repeat !important; background-size: cover !important; } /** End of custom code ak **/ body { overflow-x: hidden; background-color: #FFF; /*max-width:87.5em;*/ margin: 0 auto; } h1, h2, h3, h4, h5, h6, b, th, label { /* font-family: "Amplitude", "Amplitude Regular", "Amplitude Light", arial, helvetica, sans-serif; letter-spacing: 0.02em; font-weight: 300; */ } /****** Fonts ******/ .section--font-black h2, .section--font-black h3, .section--font-black h4, .section--font-black h5, .section--font-black h6, .section--font-black p, .section--font-black form { color: #31373D; letter-spacing: .02em; } .section--font-white h2, .section--font-white h3, .section--font-white h4, .section--font-white h5, .section--font-white h6, .section--font-white p, .section--font-white li, .section--font-white form { color: #ffffff; letter-spacing: .02em; } .section--font-gray h2, .section--font-gray h3, .section--font-gray h4, .section--font-gray h5, .section--font-gray h6, .section--font-gray p, .section--font-gray form { color: #31373D; letter-spacing: .02em; } section .section--background-white .content-wrap p a { /** font-family: "Amplitude-Medium"; **/ text-decoration: underline; } .underline { text-decoration: underline; } section .section--background-white .content-wrap-intro p a { /** font-family: "Amplitude-Medium"; **/ text-decoration: underline; } section .content-wrap p a { color: #008297; } section .content-wrap-intro p a { color: #008297; } .section__header { font-weight: 300; line-height: 1.1; font-size: 32px; color: #31373D; margin-top: 0; } h3.section__header { font-size: 36px; } h2.section__header-large { font-size: 56px; } .section--font-white .section__header { color: #ffffff; } h2.section__header span { color: #936846; } h2.section__header span.dark-background-brown { color: #d7ba9d; } span.dark-background-brown { color: #d7ba9d; } h2.section__header span.jet { color: #101820; } h2.header-40px { font-size: 40px; font-weight: 300; line-height: 1.1; color: #31373D; } h2.header-40px.white { color: #ffffff; } h3.section__sub-header--green { color: #008297; text-align: left; padding-bottom: 1em; } h3.section__sub-header--green-center { color: #008297; text-align: center; } h3.section__sub-header--ice { color: #7EC1C9; text-align: left; } h2.section__sub-header--green { color: #008297; text-align: center; font-size: 4em; } h2.section__sub-header--green-center { color: #008297; text-align: center; font-size: 4em; } h2.section__sub-header--ice { color: #7EC1C9; text-align: center; font-size: 4em; } span.stat { font-size: 1.3em; } h3.section__sub-header { font-size: 24px; line-height: 1.5; color: #31373d; font-weight: 500; } h3.section__sub-header.white { color: #ffffff; } h3.section__description { font-size: 1.2em; text-align: center; margin-bottom: 2em; } .content-wrap p a { font-weight: 400; text-decoration: underline; } .content-wrap-intro p a { font-weight: 400; text-decoration: underline; } .content-wrap-intro { max-width: 850px; width: 100%; padding: 5em 0 5em; margin: 0 auto; position: relative; z-index: 1; } .content-wrap { max-width: 1150px; width: 100%; padding: 2em 0 2em; margin: 0 auto; position: relative; z-index: 1; } small { font-size: .8em; } p.graph__source { text-align: center; padding-bottom: 5.5em; } /****** General ******/ .content-section__wrap { max-width: 1000px; width: 100%; margin: 1% auto; } /*General: to be used on J.P.&nbsp;Morgan, Product names, etc*/ .no-wrap { white-space: nowrap; } .cover { z-index: 2; } /****** Content Sections ******/ section.section { padding: 8% 2%; position: relative; /* margin: auto; */ margin: 0; } section.section-2 { padding: 4em 10% 6em; position: relative; max-width: 2650px; margin: auto; } /* Overrides - Font Styles */ .module .bodyContent h2.section__header, .module h2.section__header { margin: 1em 0 1em auto; max-width: none; text-transform: none; letter-spacing: initial; border: none; text-align: center; } /*BEM styling*/ .section--background-white { background-color: #fff; color: #31373d; } .section--background-gray { background-color: #f5f7f8; color: #31373D; } .section--background-dark-brown { background-color: #101820; } .section--background-black { background-color: black; } .section--background-jet { background-color: #101820; } .section--background-video-gray { background-color: #101820; padding-bottom: 4em; } .section--background-blue { background-color: #1a7b99; } .section--background-tan { background-color: #faf8f2; } .section--background-vid-divider { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/divider-jet-desktop.svg); background-size: auto 59px; background-repeat: repeat no-repeat; position: relative; padding: 0; margin: 0; height: 80px; } .section--background-white-down-divider { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/divider-marble-desktop.svg); background-size: auto 59px; background-repeat: repeat no-repeat; position: relative; padding: 0; margin: 0; height: 80px; } .section--background-white-up-divider { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/divider-marble-desktop.svg); background-size: auto 59px; background-repeat: repeat no-repeat; position: relative; padding: 0; margin: 0; height: 80px; transform: rotate(180deg); } .section--background-video-gray-overlay { background: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(18, 20, 21, 0.1)); content: ""; height: 100%; width: 100%; position: absolute; } .section--background-jet a { color: #9de5ec ; } .section--background-jet a:hover { color: #1a7b99 ; text-decoration: underline; } /** logo section **/ #logos-intro { padding: 6em 10em; } #logos-intro img { margin: 0 auto; max-width: 100%; height: auto; } #logos-intro-squares .col-12 { background-color: transparent; border-right: 1px solid #ededee; } #logos-intro-squares .col-12:last-child { border-right: none; } #logos-intro-squares .row { border-bottom: 1px solid #ededee; } #logos-intro-squares .row:last-child { border-bottom: none; } .section--slant::before { background: inherit; top: 0; content: ''; display: block; height: 6.2em; left: 0; position: absolute; right: 0; transform: skewY(1.75deg); transform-origin: 100%; z-index: 2; } /* .hero-2::before { background: inherit; top: 0; content: ''; display: block; height: 6.2em; left: 0; position: absolute; right: 0; transform: skewY(1.75deg); transform-origin: 100%; z-index: 2; } */ .section--slant-after::after { background: inherit; bottom: -84px; content: ''; display: block; height: 6.2em; left: 0; position: absolute; right: 0; transform: skewY(1.75deg); transform-origin: 100%; z-index: 2; } .border-box { margin: 2em; border: 3px solid; padding: 25px; text-align: center; } .border-box p { margin: 0; line-height: 1.3; } .border-box--teal { border-color: #008297; } .border-box--orange { border-color: #CC440D; } .border-box--green { border-color: #24874B; } /****** Responsive Media Queries ******/ /* Media Query - Tablet */ @media only screen and (max-width: 1200px) { .section--slant-after::after { height: 5.2em; bottom: -50px; } } @media only screen and (min-width: 575px) and (max-width: 900px) { h2.section__header, h2.section__header { font-size: 2.7em; } .section--slant::before { height: 4.2em; } .section--slant-after::after { height: 4.2em; } h3.section__sub-header { font-size: 1.4em; } } /* Media Query - Mobile */ @media only screen and (min-width: 300px) and (max-width: 576px) { section.section { padding: 2em 6% 0em; position: relative; max-width: 2650px; /* margin: auto; */ margin: 0; } .section--slant::before {} .section--slant-after::after { height: 3.2em; } h2.section__header, h2.section__header { font-size: 2.5em; } h3.section__sub-header { font-size: 1.3em; } .overlapping-elements__text-box-mobile a { font-size: 0.7em !important; } .core__link .arrow { background-image: url("data:image/svg+xml,%3Csvg height='16px' version='1.1' viewBox='0 0 26 16' width='26px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E %3Cg id='Artboard' stroke='%2300477B' stroke-width='3' transform='translate(-666.000000, -6507.000000)'%3E %3Cg id='Group' transform='translate(667.000000, 6508.000000)'%3E %3Cpath d='M0.5,7.5 L21.5,7.5' id='Line-13'%3E%3C/path%3E %3Cpath d='M16.5,0.5 L23.0192024,7.01920241' id='Line-14'%3E%3C/path%3E %3Cpath d='M16.5,6.5 L23.0192024,13.0192024' id='Line-14' transform='translate(20.000000, 10.000000) scale(1, -1) translate(-20.000000, -10.000000) '%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); width: 15px !important; height: 10px !important; position: absolute; background-repeat: no-repeat; background-size: 100%; margin-left: 12px; margin-top: 7px; } } /********** start -- Hero header styling ***********/ .section-hero { background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/hero-commerce-icon-right.png'); background-repeat: no-repeat; background-position: center right 10%; background-size: 350px; background-color: #101820; position: relative; overflow: hidden !important; } .overlay-hero-video { width: 100%; height: 100%; background: #1a221e; } .lockup { margin-bottom: 40px; font-weight: 300; font-size: 18px; color: #9de5ec; } .lockup img { height: 22px; } .hero { padding: 0 0 0 2.5em; width: auto; margin-left: 0; display: flex; /**max-width: 1200px; **/ height: 800px; position: relative; align-items: center; } .hero-intro { font-size: 32px; line-height: 1.3; font-weight: 300; } .hero-intro span { color: #D6B89C; } @media only screen and (max-width:1200px) { .hero { padding-top: 3em; padding-bottom: 3em; } .section-hero { background-size: 250px; } } @media only screen and (max-width:991px) { .hero { margin-right: 0; margin-left: 0; padding: 3em; height: 900px; align-items: flex-start; /*margin-left: calc(50vw - 375px);*/ } .section-hero { background-position: bottom center; background-size: 33%; padding-bottom: 10px; } h2.section__header-large { font-size: 40px; } } @media only screen and (max-width:575px) { .section-hero { background-position: bottom center; background-size: 66%; } } @media only screen and (min-width:1200px) { .hero { margin-right: 0; margin-left: 8%; } } @media only screen and (min-width:2400px) { .hero { height: 800px; } } @media (min-width: 2100px) and (max-width: 3000px) { .hero-2 { background-image: url(/content/dam/jpm/commercial-banking/insights/leadership/mmbs-guide-to-growth-ebook-hero-image-1440x810.jpg) !important; } } .hero-2 { padding: 4em 10%; display: flex; width: 100%; height: 700px; position: relative; align-items: center; background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/hero.png); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; overflow: hidden !important; max-width: 2650px; margin: auto; } @media only screen and (max-width: 976px) { .hero-2 { background-image: url(/content/dam/jpm/cib/complex/content/research/china-consumer-retail/hero-mid.jpg); } } /** testing hero video background **/ .back-vid { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: -1; min-height: 900px; width: 100%; } .video-container { position: relative; width: 70%; height: 100%; margin: 0 0 0 auto; z-index: -1; } .video-container>video-js { position: absolute; right: 0; top: -1em; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -2; background-size: cover; overflow: hidden; background-color: #000000; } .section--background-picture { height: 600px; min-height: 300px; max-width: 100%; background-image: url(/content/dam/jpm/cib/complex/content/research/china-consumer-retail/pic-sect-2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .section--background-picture-2 { height: 850px; min-height: 300px; max-width: 100%; background-image: url(/content/dam/jpm/cib/complex/content/research/china-consumer-retail/pic-sect-1.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } @media only screen and (min-width: 2000px) { .video-container>video-js { top: -10em; } } @media only screen and (max-width: 1400px) { .video-container>video-js { top: 8em; } } @media only screen and (max-width: 975px) { .first-graph_svg { width: 100%; height: 300px; } .section--background-picture { height: 900px; } .pull-quote svg { width: 100%; margin: 0 auto; text-align: center; } } body>section.section.section--slant.section--background-white.section--font-black.pb-0.section--background-picture::before { background: #FFF !important; } @media only screen and (max-width: 576px) { .section--background-video { height: 500px; } .content-wrap { padding: 2em 0em 2em; } } .hero .hero__bg-video-button { width: 50px; height: 50px; background-color: transparent; border: none; cursor: pointer; position: absolute; z-index: 3; right: 20px; top: 20px; outline: none; } /** .hero .hero__bg-video-button a:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; color: #ffffff; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.7rem; font-size: 1.4rem; width: 2rem; margin-right: -2.5rem; margin-left: 0.5rem; } **/ .hero .js-play-button { display: none; } .bc-player-default_default .vjs-big-play-button { top: 50%; left: 50%; transform: translate(-50%, -50%); /**display: none !important;**/ } .hero--subtitle h1.hero__title { font-size: 2.8em; font-weight: 300; line-height: 1.2; margin-bottom: 2.5%; z-index: 5; max-width: none; text-align: inherit; text-transform: none; color: #ffffff; margin-left: 0; } .hero__letter { position: absolute; z-index: 2; width: 641px; height: 680px; left: -50px; top: 0; } .hero__eyebrow { font-weight: 400; font-size: 1em; border: none; margin-bottom: .5em; padding: 0.25em 0.65em; text-transform: uppercase; cursor: pointer; } .hero--teal .hero__eyebrow { background-color: #008297; color: white; } .hero--teal .hero__letter polygon { fill: #A076FE; } .hero--teal .hero__letter path { stroke: #A076FE; } .hero--teal .hero__subtitle { border-left: 3px solid #008297; } .hero--green .hero__eyebrow { background-color: #008297; color: white; } .hero--green .hero__letter polygon { fill: #24874B; } .hero--green .hero__letter path { stroke: #24874B; } .hero__subtitle-2 { border-left: 3px solid #fff; } .hero--subtitle h1.hero__title-2 { font-weight: 700; font-size: 3em; line-height: 1.2; margin-bottom: 2.5%; z-index: 5; max-width: none; text-align: inherit; text-transform: none; color: #fff; } .hero__content { /** margin-top: -100px; max-width: 660px; **/ max-width: 75vw; width: 100%; padding: 0; } .hero__content--background-white { background-color: #fff; } .hero__content--background-green { background-color: #008297; } .hero__header { position: relative; z-index: 2; } .hero__white-block { position: absolute; left: 0; top: 0; height: 100%; width: 26em; background: white; z-index: 1 } .hero__logos { /**position: absolute; **/ bottom: 0; left: 0; width: auto; background-color: #f5f7f8; padding: 0; /** display: none; **/ height: 120px; } @media (min-width:1200px) { .hero__logos { margin-left: 0; margin-right: calc(50vw - 609px); } } /** .hero__logos .row { justify-content: space-between; } **/ .hero__logos__individual { display: flex; text-align: center; align-content: center; } .hero__logos__individual svg, .hero__logos__individual img { margin: auto; display: block; height: 100px; } @media only screen and (max-width: 901px) { .hero__logos { height: 6em; padding: 1em 0; } .hero__logos__individual svg, .hero__logos__individual img { width: 80%; height: auto; } } @media only screen and (max-width: 576px) { .hero__logos__individual svg, .hero__logos__individual img { width: 100%; height: auto; } } /* Media Query - Laptop */ @media only screen and (min-width: 901px) and (max-width: 1350px) { .hero--subtitle h1.hero__title { font-size: 2.5em; } } .hero--subtitle .hero__header { max-width: 536px; width: 100%; padding: 2em 0; } @media only screen and (max-width: 901px) { .hero--subtitle .hero__header { width: 100%; } } h2.hero__subtitle { max-width: none; text-transform: none; letter-spacing: initial; text-align: left; padding: 0 .5em; font-weight: 400; font-size: 1.3em; margin: 0; color: #000; } h2.hero__subtitle-2 { max-width: none; text-transform: none; letter-spacing: initial; text-align: left; padding: 0 .5em; font-weight: 400; font-size: 1.3em; margin: 0; color: #fff; } h2.hero__subtitle-2:before { content: none; } h2.hero__subtitle:before { content: none; } .hero__text { color: #ffffff; font-size: 1em; line-height: 1.4; font-weight: 300; } .hero__text__pub-date { color: #ffffff; font-size: .9em; line-height: 1; font-weight: 400; margin-top: 80px; } .hero__watch__video-button-redesign-container { align-items: center; } .hero__watch__video-button-redesign { font-weight: 700; letter-spacing: 2.25px; text-transform: uppercase; align-items: center; color: #ffffff; cursor: pointer; background: transparent; } .hero__watch__video-button-redesign span { font-size: 14px; font-weight: 700; align-items: center; line-height: 24px; letter-spacing: 2.25px; text-transform: uppercase; color: #ffffff; } .hero__watch__video-button-redesign:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; color: #ffffff; font-weight: 700; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 2rem; font-size: .8rem; width: 2rem; margin-right: -2.5rem; margin-left: 0.5rem; } .hero__watch__video-button-redesign:hover::after { animation: slide 2s ease-in-out infinite; /*margin-left: 3px;*/ } .hero .button-outline-white { color: #ffffff; border: 1px solid #ffffff; display: inline-block; background-color: transparent; vertical-align: top; text-decoration: none; letter-spacing: 2.25px; padding: 0.6em 4.2em; text-transform: uppercase; line-height: 1.8; background: none; font-weight: 700; font-size: .8em; } .hero .button-outline-white:hover { background-color: #ffffff; border-color: #000000; color: #000000; } .header-video__cta { color: white; } .header-video__cta .cta-arrow { stroke: white; } /* Media Query - Tablet */ @media only screen and (min-width: 575px) and (max-width: 900px) { .hero--subtitle h1.hero__title { font-size: 2.3em; } .hero__content { max-width: 75vw; padding: 2em 0; } } @media only screen and (max-width: 576px) { .hero--subtitle h1.hero__title { font-size: 2em; } .hero__content { max-width: 85vw; } .hero--subtitle .hero__header { padding: 0; } .video-container, .hero .hero__bg-video-button-wrap { display: none; } .hero--subtitle h1.hero__title-2 { font-weight: 700; font-size: 2em; line-height: 1.2; margin-bottom: 2.5%; z-index: 5; max-width: none; text-align: inherit; text-transform: none; color: #fff; } } /** trying 2021 ma outlook video hero code **/ .hero .header-video-button { width: 50px; height: 50px; background-color: transparent; border: none; cursor: pointer; position: absolute; z-index: 3; right: 20px; top: 20px; outline: none; padding: 0; margin-top: 2em; } /* .hero .header-video-button svg, .hero .header-video__popup svg { width: 100%; height: 100%; } */ .hero .header-video__popup { /* width: 80px; height: 80px; */ background-color: #008297; border: none; cursor: pointer; outline: none; padding: 1em; margin-top: 1em; } .hero #play-button { display: none; } .hide { display: none; } #header-video__close-button { position: absolute; top: -14px; right: 0px; width: 35px; height: 35px; background: #31373d; opacity: 1; z-index: 2; padding: 0; color: #fff; } .close { position: relative; height: 22px; opacity: 0.3; } .close:hover { opacity: 1; } .close:before, .close:after { position: absolute; left: 18px; top: 8px; content: ' '; height: 22px; width: 2px; background-color: #fff; } .close:before { transform: rotate(45deg); } .close:after { transform: rotate(-45deg); } .accessibility__buttons { margin-top: 0.5em; } .accessibility__buttons button { padding: 0; background: transparent; border: none; cursor: pointer; outline: none; margin: 0 3px; } .accessibility__buttons svg { width: 30px; } div#headerVideo__transcript, div#headerVideo__transcripth1, div#headerVideo__transcripth2, div#headerVideo__transcripth3, div#headerVideo__transcripth4, div#headerVideo__transcripth5 { display: none; margin: auto; padding: 1em; max-height: 300px; overflow-y: scroll; } div#headerVideo__transcript p, div#headerVideo__transcripth1 p, div#headerVideo__transcripth2 p, div#headerVideo__transcripth3 p, div#headerVideo__transcripth4 p, div#headerVideo__transcripth5 p { color: black; } .modal-video { width: 95%; max-width: 800px; margin: 4em auto 0; } /** end hero video **/ /********** end -- Hero header styling ***********/ /*~*~*~*~*~*~* start -- body styling *~*~*~*~*~*~*/ .animate-grow-business { margin: 4%; padding: 4% 4%; max-width: 760px; } .blue-question { color: #3b7289 !important; font-weight: 500; } .brown-answer { color: #936846 !important; font-weight: 400; } .logos-unbound img { width: 100%; max-width: 140px; height: auto; } .logos-unbound .col { text-align: right; } .logos-unbound-mobile img { width: 100%; max-width: 100px; height: auto; } .meta-logo-container { margin-left: 30%; text-align: left; } @media only screen and (max-width: 901px) { .logos-unbound img { width: 90px; } } #menu-intro { /** padding: 10px 12% 0; **/ } #treasury-influencer { font-size: 22px; font-weight: 300; } #treasury-influencer img { max-width: 100px; margin-bottom: 22px; } #treasury-influencer a { text-decoration: underline; } #treasury-influencer a:hover { text-decoration: none; } #ecosystems-icons { padding: 60px 0; color: #ffffff; } .ecosystems { color: #ffffff; font-size: 35px; line-height: 1.2; font-weight: 500; padding: 40px 0; margin: 40px 0; background: linear-gradient(90deg, rgba(32, 39, 47, 0) 0%, #20272f 38.54%); } .ecosystems img { width: 205px; height: auto; } @media only screen and (max-width: 991px) { .ecosystems img { width: 100px; height: auto; } small { font-size: 8px; } } /** half page styling **/ .half-text, .animate-half-text { width: 66%; /* max-width: 540px; */ padding: 6% 0; } .half-text-full { max-width: 1000px; } .animate-half-text .section__header, .half-text .section__header { margin: 30px 0; } .animate-half-text h2 { font-size: 32px; font-weight: 300; line-height: 1.3; } .half-text h2 { } .animate-half-text p, .half-text p { margin: 30px 0; } .half-width-section .animate-half-text { max-width: 540px; width: 66%; padding: 22% 6%; } #meta-half-section .animate-half-text .section__header { margin-bottom: 60px; } .half-section-quote { font-family: CelestePro, CelesteOT, Times, serif; font-weight: 400; border-left: 6px solid #ffffff; font-size: 32px; color: #ffffff; letter-spacing: 0.01em; line-height: 1.25; background-color: #101820; padding-left: 32px; } .full-section-quote { font-family: CelestePro, CelesteOT, Times, serif; font-weight: 400; font-size: 48px; font-style: italic; color: #ffffff; letter-spacing: 0.01em; line-height: 1.25; background-color: #101820; padding-left: 32px; } .full-section-quote .numbers { font-size: 120px; color: #95e5ec; } .reference-dark { font-size: 18px; color: rgba(255,255,255,0.8)!important; font-family: "Amplitude Light", "Amplitude"; font-weight: 300; } #half-meta-image-1 { max-width: 100%; background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-body-ch2-1-desktop.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 8em; } #half-meta-image-2 { max-width: 100%; background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-body-ch2-2-desktop.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 8em; } #oped-half-section .animate-half-text { max-width: 540px; padding: 22% 6%; } #oped-half-section { background: linear-gradient(89.96deg, #F35D42 54.06%, rgba(243, 93, 66, 0.06) 59.76%); } #partner-network { padding-bottom: 60px; overflow-x: hidden; } @media only screen and (max-width: 767px) { #partner-network { padding-bottom: 0px; } #oped-half-section { background: none; } .full-section-quote { font-size: 32px; } } #oped-half-section .animate-half-text .section__header { margin-bottom: 60px; } #oped-half-section-image { max-width: 100%; background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-ch1-desktop-1.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; } #metaverse-section-image { max-width: 100%; background: linear-gradient(89.96deg, rgba(0, 0, 0, 0.95) 0.04%, rgba(0, 0, 0, 0.06) 99.96%), url('/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-ch2-desktop.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; } #fintech-section-image { max-width: 100%; background: linear-gradient(89.96deg, rgba(0, 0, 0, 0.95) 0.04%, rgba(0, 0, 0, 0.06) 99.96%), url('/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-ch4-desktop.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; } #tales-future-section-image { max-width: 100%; background: linear-gradient(88.62deg, rgba(67, 43, 38, 0.68) 29.29%, rgba(131, 77, 66, 0) 106.91%), url('/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-ch5-desktop.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; margin-top: 120px; } #car-half-section-image-1 { max-width: 100%; background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-body-ch4-1-desktop.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; } #car-half-section-image-2 { max-width: 100%; background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-body-ch4-2-desktop.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; } #half-partnership-image { max-width: 100%; background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/landing-half-partnership.jpg'); background-repeat: no-repeat; background-position: center center; background-size: contain; min-height: 300px; } #half-200-years-image { max-width: 100%; background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/TTP-Smart-watch.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 300px; } .half-200-year-text { padding: 100px 10%; } .chapterNumber { font-family: CelestePro, CelesteOT, Times, serif; font-weight: 400; font-size: 24px; padding-right: 14px; margin-top: -6px; } .chapterHeader { color: #ffffff; margin-bottom: 40px; } .readTime { border-left: 1px solid #ffffff; padding-left: 14px; } .half-jet-half-white { background: linear-gradient(to right, #101820 50%, #ffffff 50%); padding: 60px 0 0; } .overlay-bottom { margin-bottom: -120px; position: relative; z-index: 2; } .overlay-right { margin-right: -80px; position: relative; } @media only screen and (max-width: 991px) { .overlay-right { margin-right: 0px; } .overlay-bottom { margin-bottom: 0px; } .half-jet-half-white { background: #ffffff; } } #super-apps, #identity-reimagined { background: linear-gradient(to right, #ffffff 75%, #f5f7f8 75%); } @media only screen and (max-width: 767px) { #pocket-change, #meet-the-internet, #web3, #super-apps, #identity-reimagined { background: none; } } #section-grow-business .tagBrown500 { font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: .08em; color: #936846; margin-bottom: 1.5em; text-transform: uppercase; } #pocket-change h3 { font-weight: 300; font-size: 22px; line-height: 1.5; margin: 30px 0 50px; } .section--background-jet .white-line { border-bottom: 1px solid #ffffff; } /** Discover Payments section **/ #discover-payments { padding: 4% 0; } #discover-payments-left { padding: 2em 8em 4em 0; } @media only screen and (max-width: 1200px) { #discover-payments-left { padding: 0 1em; margin-bottom: 1em; } #discover-payments { padding: 2em 6%; } } #discover-payments-stats img { height: 70px; } #discover-payments-stats { padding: 4em 4em 1em; background-color: #faf8f2; text-align: center; } @media only screen and (max-width: 1200px) { #discover-payments-stats { padding: 1em; } } #discover-payments-left h4 { font-size: 1.375em; margin-bottom: 0.5em; margin-top: 1em; } .bigTextCyan, .bigTextPurple, .bigTextBrown { font-family: CelestePro, CelesteOT, Times, serif; font-weight: 400; font-size: 120px; letter-spacing: 0.01em; line-height: 1.25; margin-bottom: 30px; } .bigTextPurple { color: #d5b5e7; } .bigTextCyan { color: #9de5ec; } .bigTextBrown { color: #e7b3a0; } .bigTextCyan, .bigTextPurple, .bigTextBrown { font-size: 120px; } @media only screen and (min-width: 2000px) { .bigTextCyan, .bigTextPurple, .bigTextBrown { font-size: 160px; } } @media only screen and (min-width: 902px) and (max-width: 1200px) { .bigTextCyan, .bigTextPurple, .bigTextBrown { font-size: 88px; } } @media only screen and (max-width: 901px) { .bigTextCyan, .bigTextPurple, .bigTextBrown { font-size: 44px; } } @media only screen and (max-width: 576px) { .bigTextCyan { font-size: 36px; } } #payments-animation .col-12 { margin-bottom: 1em; } .payments-animate { opacity: 0; } .payments-animate-text { font-size: 1.4em; line-height: 1.6; font-weight: 400; text-align: center; } #payments-animation svg { max-height: 80px; } #payments-animation .smaller-svg { max-height: 60px; } #payments-animation #payments-background svg { max-height: 300px; } #payments-animation .payments-svg-right { text-align: right; } @media only screen and (max-width: 901px) { #payments-animation .justify-content-end { justify-content: center; } .payments-animate { margin-bottom: 1em; } #payments-animation svg { margin-top: 2em; } } @media only screen and (max-width: 767px) { #payments-animation .payments-svg-right { text-align: center; } } #payments-background { /** background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-landing-page/Payments.svg); background-repeat: no-repeat; background-size: 100% auto; background-position: center center; **/ /** min-height: 300px; **/ margin-top: -20px; margin-bottom: 20px; } @media only screen and (max-width: 1200px) { #payments-background { height: auto; min-height: 120px; } } /** #discover-payments-left a.primary.link { color: #1a7b99; font-weight: 400; } #discover-payments-left a.primary.link:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; color: #1a7b99; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.7rem; font-size: 1.4rem; width: 2rem; margin-right: -2.5rem; margin-left: 0.5rem; } **/ #money-revolution-squares { padding: 4em 8em 6em; background-color: #faf8f2; } #money-revolution-squares .card { background-color: transparent; border-right: 1px solid #ededee; padding-bottom: 2em; } #money-revolution-squares .card:last-child { border-right: none; } #money-revolution-squares .card-deck { border-bottom: 1px solid #ededee; } #money-revolution-squares .card-deck:last-child { border-bottom: none; } #money-revolution-squares .card-body { padding: 2em 2em 0; } #money-revolution-squares .card .card-footer { background-color: transparent; border-top: none; padding: 0 2em; } #money-revolution-squares .card .card-title { font-size: 18px; font-weight: 500; margin-bottom: 20px; } #money-revolution-squares .card .card-text { font-size: 14px; font-weight: 400; } /** half jet, half blue section **/ #section-half-jet-topaz { background-image:url('/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/back-topaz-gradient.jpg'); background-repeat: no-repeat; background-position: center right; background-color: #101820; background-size: 50%; padding: 6em 0 0; } #section-quarter-gray-jet { background: linear-gradient(90deg, #474c50, #474c50 25%, #101820 25%, #101820); padding: 6em 0; } #section-quarter-gray-jet .subhead-body { font-size: 1.4em; } @media only screen and (max-width: 767px) { #what-payments-saying { background: #ffffff; } #section-half-jet-topaz { background: #ffffff; } #section-half-jet-topaz h2.header-40px.white { color: #101820!important; } } #table-of-contents { padding:80px 0 0; overflow-x: hidden; } #table-of-contents-left-container { padding: 80px 20px 160px; /* width: 60%; */ min-width: 500px; } #table-of-contents-image-container { background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/TTP.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } #table-of-contents .lockup { margin-bottom: 40px; font-size: 22px; line-height: 1.5; font-weight: 300; color: #9de5ec; } #table-of-contents .circle-arrow { content: "\f0a9"; font-family: "Font Awesome 6 Pro"; color: #ffffff; font-weight: 700; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.7rem; font-size: 1rem; width: 2em; height: 2em; margin-right: 4px; } #table-of-contents .list-group { /* width: 100%; */ } #table-of-contents .list-group-item { padding: 24px 0; font-size: 32px; line-height: 1.3; gap: 20px; font-weight: 300; color: #ffffff; display: flex; align-items: center; justify-content: center; background-color: #101820; /* border: 1px solid rgba(255,255,255,0.125); */ border-color: rgba(255,255,255,0.125); } #table-of-contents .list-group-item img { margin-left: auto; display: block; padding-left: 4px; margin-right: 4px; } #table-of-contents .list-group-item-action:hover { text-decoration: none; background-color: #000000; color: #ffffff; } #table-of-contents .list-group .chapter-number { font-family: CelestePro, CelesteOT, Times, serif; color: #9de5ec; font-weight: 400; font-size: 24px; margin-right: 16px; } /** 1st section with image background **/ #drive-your-success { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-how-digital-wallets-will-transform-the-world-desktop.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; background-color: #ffffff; padding-top: 33em; /** border-bottom: 6px solid; border-image-slice: 6; border-width: 6px; border-left: 0; border-right: 0; border-top: 0; border-image-source: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); **/ } #drive-your-success-padding { padding: 4em 0; background-color: #ffffff; border-top: 6px solid; border-image-slice: 6; border-width: 6px; border-left: 0; border-right: 0; border-bottom: 0; border-image-source: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); } #drive-your-success-padding:beforeee { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/2022_director_advisor_services_bronze_bar.svg); background-repeat: repeat-x; content: ''; display: block; position: relative; margin-top: -6px; width: 80em; /* allow for bootstrap column padding */ top: -6px; left: -15px; bottom: 0; } @media only screen and (max-width: 1200px) { #drive-your-success { padding-top: 22em; } } @media only screen and (max-width: 991px) { #table-of-contents .list-group-item { padding: 24px 0; font-size: 24px; } #table-of-contents-left-container { min-width: 200px; /* width: 88%; */ } } @media only screen and (max-width: 900px) { #drive-your-success { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-how-digital-wallets-will-transform-the-world-desktop.jpg); } #drive-your-success-padding { padding: 2em 0; } /** #drive-your-success { padding-top: 13em; } **/ } @media only screen and (max-width: 577px) { #drive-your-success { padding-top: 13em; } } #drive-your-success-icons .col-md-3 { padding: 2em; } /** 2nd section with image background **/ #car-section { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-connected-car-desktop.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; background-color: #f5f7f8; padding-top: 33em; /** border-bottom: 6px solid; border-image-slice: 6; border-width: 6px; border-left: 0; border-right: 0; border-top: 0; border-image-source: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); **/ } #car-section-padding { padding: 4em 0; background-color: #ffffff; border-top: 6px solid; border-image-slice: 6; border-width: 6px; border-left: 0; border-right: 0; border-bottom: 0; border-image-source: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); } #car-section-padding:beforeee { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/2022_director_advisor_services_bronze_bar.svg); background-repeat: repeat-x; content: ''; display: block; position: relative; margin-top: -6px; width: 80em; /* allow for bootstrap column padding */ top: -6px; left: -15px; bottom: 0; } @media only screen and (max-width: 1200px) { #car-section { padding-top: 22em; } } @media only screen and (max-width: 900px) { #car-section { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-connected-car-desktop.jpg); } #car-section-padding { padding: 2em 0; } /** #drive-your-success { padding-top: 13em; } **/ } @media only screen and (max-width: 577px) { #car-section { padding-top: 13em; } } #car-section-icons .col-md-3 { padding: 2em; } /** 3rd section with image background **/ #meta-section { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-meta-interview-desktop.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; background-color: #f5f7f8; padding-top: 33em; /** border-bottom: 6px solid; border-image-slice: 6; border-width: 6px; border-left: 0; border-right: 0; border-top: 0; border-image-source: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); **/ } #meta-section-padding { padding: 4em 0; background-color: #ffffff; border-top: 6px solid; border-image-slice: 6; border-width: 6px; border-left: 0; border-right: 0; border-bottom: 0; border-image-source: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); } #meta-sections-padding:beforeee { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/2022_director_advisor_services_bronze_bar.svg); background-repeat: repeat-x; content: ''; display: block; position: relative; margin-top: -6px; width: 80em; /* allow for bootstrap column padding */ top: -6px; left: -15px; bottom: 0; } @media only screen and (max-width: 1200px) { #meta-section { padding-top: 22em; } } @media only screen and (max-width: 900px) { #meta-section { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/image-banner-meta-interview-desktop.jpg); } #meta-section-padding { padding: 2em 0; } /** #drive-your-success { padding-top: 13em; } **/ } @media only screen and (max-width: 577px) { #meta-section { padding-top: 13em; } } #meta-section-icons .col-md-3 { padding: 2em; } /** Slider **/ .slider-container { max-width: 1800px; width: 100%; margin: 0 auto; } .slick-track { display: flex !important; } .slick-slide { height: inherit !important; margin: 0 40px; display: flex!important; } .slide-wrap { margin: 0 10px; border: 1px solid transparent; min-height: 800px; } .slide-wrap p { padding: 10px; margin: 0; } .slick-slide .image { } .slick-slide .image img { margin: 0 auto; height: auto; width: 80%; } .slick-slide .title { font-weight: 400; font-size: 32px; padding: 0px 20px; } .slick-slide .text { font-weight: 300; font-size: 22px; padding: 20px 20px; color: #31373d; } #insights-2023-slider .slick-dots, #related-insights-slider .slick-dots { bottom: -80px; z-index: 5; } #insights-2023-slider .slick-dots button, #related-insights-slider .slick-dots button { /** font-size: 0; width: 12px; height: 12px; **/ background-color: #9de5ec; border-radius: 50%; border: 1px solid #9de5ec; padding: 4px; z-index: 5; } #insights-2023-slider .slick-active button, #related-insights-slider .slick-active button { background-color: rgba(49,55,61, .4); border-color: #9de5ec; font-size: 0; } /** slider **/ #empower-slider .col { padding: 0 2em; } #empower-slider .slick-track { display: flex !important; } #empower-slider .slick-slide { height: inherit !important; } #empower-slider .card { background-color: #f5f7f8; padding: 2em 2em 2em; } #empower-slider-mobile .card { background-color: #f5f7f8; padding: 2em 2em; } #empower-slider .card .card-footer { background-color: transparent; border-top: none; padding: 0 1em; } #empower-slider .aspect-16to9 { height: auto; width: 100%; } #empower-slider .p-16to9 { position: relative; padding-bottom: 56%; /** overflow: hidden; **/ } #empower-slider .card-body, #empower-slider-mobile .card-body { padding: 2em 2em 10em; margin: 60px 0; } #empower-slider .card-body-content { position: absolute; top: 2rem; bottom: 0rem; right: 2rem; left: 2rem; /** overflow: hidden; **/ } #empower-slider img { width: 78%; margin: 0 auto; } #empower-slider .card-title { margin: 30px; } #empower-slider .card .card-text { font-size: .9em; } #empower-slider .slick-dots, #empower-slider-mobile .slick-dots { bottom: -40px; } #empower-slider .slick-dots button, #empower-slider-mobile .slick-dots button { /** font-size: 0; width: 12px; height: 12px; **/ background-color: #fff; border-radius: 50%; border: 1px solid rgba(49, 55, 61, .6); padding: 8px; } #empower-slider .slick-active button, #empower-slider-mobile .slick-active button { background-color: rgba(49, 55, 61, .4); ; } /** stay informed **/ #stay-informed-section {} #discover-payments-stats img { margin-bottom: 10px; } #discover-payments-stats .stats-small { max-width: 200px; } #discover-payments-stats .stats-medium { max-width: 270px; } #discover-payments-stats .stats-large { max-width: 300px; } #discover-payments-stats .stats-text { text-align: left; width: 96%; margin-top: 10px; } @media only screen and (max-width: 1200px) { #discover-payments-stats { padding: 4em 3em 1em; } #discover-payments-stats img { height: 55px; } } @media only screen and (max-width: 767px) { #discover-payments-stats { padding: 4em 6em 1em; } #discover-payments-stats .stats-small { max-width: 200px; } #discover-payments-stats .stats-medium { max-width: 270px; } #discover-payments-stats .stats-large { max-width: 300px; } } @media only screen and (max-width: 576px) { #discover-payments-stats { padding: 3em; } } #discover-payments-stats hr { width: 80%; margin: 4em auto; color: #474c50; } #discover-payments-stats .st0 { fill: #2B9AB3; } #discover-payments-stats .st1 { fill: #31373D; } /** #discover-payments-stats:after { content: ""; display: block; height: 6px; background: linear-gradient(90deg, #573614 -0.62%, #BA8E6E 29.38%, #79583A 67.41%, #AE8361 106.06%); transform: matrix(1, 0, 0, -1, 0, 0); position: absolute; left: 0; bottom: 0; width: 100%; } #discover-payments-stats .bronze-border { height: 6px; overflow: hidden; background: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); padding-bottom: 6px; } **/ #solutions-view .grayContainer { background-color: #f5f7f8; color: #31373d; padding: 2em; height: 100%; position: relative; } #solutions-view .grayContainer .footerLink { position: absolute; bottom: 0; } /** end Discover Payments **/ /** End-to-end section **/ #end-to-end { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-landing-page/globe-static.jpg); background-position: right top; background-repeat: no-repeat; padding: 4em 10em; } #end-to-end h3 { font-size: 1.5em; line-height: 1.5; font-weight: 300; } #end-to-end .powered-by { font-weight: 300; line-height: 1.1; font-size: 2.5em; color: #ffffff; margin-top: 0; } @media only screen and (max-width: 991px) { #end-to-end { padding: 4em 2em; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { #end-to-end { padding: 4em 4em; } } @media only screen and (max-width: 572px) { #end-to-end { padding: 4em 0em; } } .button-wrapper { margin-top: 1.5em; } .topaz-button, body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton { background-color: #1a7b99; color: white !important; font-size: 14px; line-height: 2; font-weight: 400; padding: .6em 3em; letter-spacing: 2.25px; text-transform: uppercase; border-radius: 3px; border-color: #1a7b99; margin-top: 48px; } .topaz-button-dark { background-color: #1a7b99; } .topaz-button:hover, .topaz-button:focus, a:focus .topaz-button, body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton:focus, body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton:hover { background-color: #005075 !important; } body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton { background: #008297 !important; border-color: transparent; } body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton:hover { border-color: transparent !important; background-color: #005075 !important; text-decoration: none; } @media only screen and (max-width: 900px) { .topaz-button, body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton { padding: .6em 1.2em; } } .button-outline-white { color: #ffffff; border: 2px solid #ffffff; display: inline-block; vertical-align: top; text-decoration: none; letter-spacing: 0.03em; padding: 14px 28px; letter-spacing: 0.03em; background: #F6F6F6; font-weight: 400; } /** DUMPING MARKETO STYLING HERE **/ body:not(.wealth-management) .marketo-form { margin-right: 40px } body:not(.wealth-management) .marketo-form .failMsg::before { content: "Contact us at 1-800-242-7324" } body:not(.wealth-management) .marketo-form .failMsg { font-size: 1.9rem; text-align: center; margin-top: 1em } body:not(.wealth-management) .marketo-form .mktoForm { margin: 0 auto; width: 100% !important; max-width: 670px } body:not(.wealth-management) .marketo-form .mktoForm .mktoFormCol,body:not(.wealth-management) .marketo-form .mktoForm .mktoFieldWrap { width: 100% } body:not(.wealth-management) .marketo-form .mktoForm .mktoLabel { margin-bottom: 0; padding: 7px 0 0; text-align: right; width: 22% !important; font-family: 'Amplitude','Arial Narrow',sans-serif; font-weight: 300; font-size: 1.7rem; line-height: 24px; color: #5f5d5d } body:not(.wealth-management) .marketo-form .mktoForm .mktoRequiredField label.mktoLabel { font-weight: normal } body:not(.wealth-management) .marketo-form .mktoForm .mktoRequiredField label.mktoLabel .mktoAsterix { color: #5f5d5d } body:not(.wealth-management) .marketo-form .mktoForm .mktoOffset,body:not(.wealth-management) .marketo-form .mktoForm .mktoGutter { display: none } body:not(.wealth-management) .marketo-form .mktoForm .mktoError { color: #c23407 } body:not(.wealth-management) .marketo-form .mktoForm .mktoError .mktoErrorArrow { background-color: #c23407; border: 0 } body:not(.wealth-management) .marketo-form .mktoForm .mktoError .mktoErrorMsg { font-size: 15px; background-color: #c23407; background-image: none; color: #fff; border: 0; box-shadow: none; -webkit-box-shadow: none; text-shadow: none } body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth { margin-left: 170px; font-size: 1.7rem; color: #5f5d5d; max-width: 470px; font-family: 'Amplitude','Arial Narrow',sans-serif; font-weight: 500 } body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth em,body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth em span a { padding: 0 } body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList.mktoHasWidth { margin-left: 20px; font-family: 'Amplitude','Arial Narrow',sans-serif; font-weight: 500; font-size: 1.7rem; width: 400px !important } body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList.mktoHasWidth input { margin-top: 5px } body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList.mktoHasWidth input:focus { outline-color: #1a7b99 } body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow span { margin: 0 !important } body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton { border-radius: 4px; background-color: #1a7b99; border: medium none; color: #fff; font-family: 'Amplitude','Arial Narrow',sans-serif; font-weight: 500; font-size: 1.7rem; height: 40px; line-height: 1.7rem; margin: 10px 0 0; padding: 0 20px; text-align: center } body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton:hover { background-color: #005075; text-decoration: underline } body:not(.wealth-management) .marketo-form .mktoForm .formDesc { font-size: 1.9rem; text-align: center; margin-top: 1em } body:not(.wealth-management) .marketo-form .mktoForm .formDesc { margin: 0 0 20px 0 } body:not(.wealth-management) .marketo-form .mktoForm .formDesc p { font-size: 1.7rem; text-align: left; color: #5f5d5d; font-family: 'Amplitude','Arial Narrow',sans-serif; font-weight: 500; margin-left: 170px } body:not(.wealth-management) .marketo-form .mktoForm input[type="text"],body:not(.wealth-management) .marketo-form .mktoForm input[type="url"],body:not(.wealth-management) .marketo-form .mktoForm input[type="email"],body:not(.wealth-management) .marketo-form .mktoForm input[type="tel"],body:not(.wealth-management) .marketo-form .mktoForm input[type="number"],body:not(.wealth-management) .marketo-form .mktoForm input[type="date"],body:not(.wealth-management) .marketo-form .mktoForm select.mktoField,body:not(.wealth-management) .marketo-form .mktoForm textarea.mktoField { background-color: #fff; background-image: none; border: 1px solid #b9b8b7 !important; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; color: #5f5d5d; font-size: 1.7rem; font-family: 'Amplitude','Arial Narrow',sans-serif; font-weight: 500; height: 36px; line-height: 20px; padding: 6px 12px; width: 74% !important; margin: 0 0 0 20px } body:not(.wealth-management) .marketo-form .mktoForm textarea.mktoField { height: 100px } body:not(.wealth-management) .marketo-form .mktoForm input[type="text"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="url"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="email"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="tel"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="number"]:focus,body:not(.wealth-management) .marketo-form .mktoForm input[type="date"]:focus,body:not(.wealth-management) .marketo-form .mktoForm select.mktoField:focus,body:not(.wealth-management) .marketo-form .mktoForm textarea.mktoField:focus { border-color: #1a7b99; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(78,138,190,0.6); outline: 0 none } @media(max-width: 1119px) and (min-width:768px) { body:not(.wealth-management) .marketo-form .mktoForm .mktoRequiredField label.mktoLabel,body:not(.wealth-management) .marketo-form .mktoForm .mktoLabel { width:72% !important; text-align: left } body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow,body:not(.wealth-management) .marketo-form .mktoForm .formDesc p { margin-left: 20px } body:not(.wealth-management) .marketo-form .mktoForm label[for="mktoUnsubscribeOptions"] { display: none } } @media(max-width: 767px) { body:not(.wealth-management) .marketo-form .mktoForm .mktoLabel { width:100% !important; text-align: left } body:not(.wealth-management) .marketo-form .mktoForm input[type="text"],body:not(.wealth-management) .marketo-form .mktoForm input[type="url"],body:not(.wealth-management) .marketo-form .mktoForm input[type="email"],body:not(.wealth-management) .marketo-form .mktoForm input[type="tel"],body:not(.wealth-management) .marketo-form .mktoForm input[type="number"],body:not(.wealth-management) .marketo-form .mktoForm input[type="date"],body:not(.wealth-management) .marketo-form .mktoForm select.mktoField,body:not(.wealth-management) .marketo-form .mktoForm textarea.mktoField { margin: 5px 0 0; width: 100% !important } body:not(.wealth-management) .marketo-form .mktoForm .mktoError { left: 0; width: 100% } body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList input,body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList label { margin-bottom: 2em } body:not(.wealth-management) .marketo-form .mktoForm .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoForm .formDesc p { margin-left: 0; width: 100% !important } body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow { margin-left: 0 } body:not(.wealth-management) .marketo-form .mktoForm .mktoCheckboxList { padding: 0; margin-top: 25px } } body:not(.wealth-management) .marketo-form .mktoborder { padding: 2em 2em 2em 0; border-top: 10px solid #b9b8b7 } body:not(.wealth-management) .marketo-form .mktoborder .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoborder .formDesc p,body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonRow { margin-left: 160px } @media(max-width: 1119px) { body:not(.wealth-management) .marketo-form .mktoborder .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoborder .formDesc p,body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonRow { margin-left:20px } } @media(max-width: 767px) { body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonWrap .mktoButton,body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonRow { width:100% } body:not(.wealth-management) .marketo-form .mktoborder .mktoHtmlText.mktoHasWidth,body:not(.wealth-management) .marketo-form .mktoborder .formDesc p,body:not(.wealth-management) .marketo-form .mktoborder .mktoButtonRow { margin-left: 0 } } body:not(.wealth-management) .marketo-form .loadingSpinner { color: #5f5d5d; font-size: 2rem; margin-top: 25px } body:not(.wealth-management) .marketo-form #mktoForm_1195 .address_block .mktoFormCol:nth-child(2) { margin-left: .2rem } body:not(.wealth-management) .marketo-form #mktoForm_1195 .address_block .mktoFormCol input,body:not(.wealth-management) .marketo-form #mktoForm_1195 .address_block .mktoFormCol select { margin: 0 !important } @media only screen and (min-width: 1025px) { body:not(.wealth-management) .marketo-form #mktoForm_2954.mktoForm .mktoButtonRow [type="submit"] { margin-left:170px } } /* END MARKETO */ /** end of end-to-end section **/ /** award winning products section **/ #award-winning-products { padding: 4em 0em; } @media only screen and (max-width: 991px) { #award-winning-products { padding: 4em 2em; } } #award-winning-products h3 { font-size: 1.5em; line-height: 1.5; font-weight: 300; } #award-winning-products .card-group .card { margin-right: 0; background-color: #101820; color: #ffffff; padding-top: 32px; margin-right: 16px; } #award-winning-products .card-group .card .card-body { color: #ffffff; padding: 1em 3em; } #award-winning-products .card-group .card .card-img-top { width: auto; max-width: 100%; height: 70%; max-height: 300px; /**height: 20vw; object-fit: cover; **/ object-fit: cover; object-position: bottom; } @media only screen and (max-width: 1200px) { #award-winning-products .card-group .card .card-img-top { max-height: 200px; } } #award-winning-products .card-group .card .card-title { font-size: 2em; line-height: 1.2; margin-top: .5em; font-weight: 300; } #award-winning-products .card-group .card .card-text { font-size: 1em; } #award-winning-products .card-group .card .card-footer { padding: 2em 3em; } #award-winning-products .card-group .card .card-footer a:hover { text-decoration: none; } #award-winning-products a.card-link { color: #ffffff; } #award-winning-products a.card-link:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; color: #ffffff; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.7rem; font-size: .8rem; width: 1rem; margin-right: -2.5rem; margin-left: 0.5rem; } /** solutions menu section **/ #solutionsBlackWrapper { background-color: #f5f7f8; padding: 0 60px 60px 60px } #solutionsBlack { color: #ffffff; background-color: #101820; padding: 4em; } @media only screen and (max-width: 991px) { #solutionsBlack { padding: 4em 0 4em 4em; } #solutionsBlackWrapper { background-color: #f5f7f8; padding: 0 0 20px; } } @media only screen and (max-width: 767px) { #solutionsBlack { padding: 4em 1em; } #solutionsBlack img { display: none; } } #solutionsBlack button { background-color: #101820; margin-bottom: 36px; color: #ffffff; cursor: pointer; outline: none; text-align: left; font-size: 16px; } #solutionsBlack button:hover { color: #D6B89C; } #solutionsBlack .nav-pills .show>.nav-link { background-color: #101820; } #solutionsBlack .nav-pills .nav-link { border-radius: 0; border: 1px solid #101820; } #solutionsBlackLeftContainer { border-right: 1px solid #333333; } #solutionsBlack .nav-pills .nav-link.active, #solutionsBlack .nav-pills .nav-link:focus-visible { border-right: 2px solid #D6B89C; color: #D6B89C; } #solutionsBlack button:focus { outline: none; } #solutionsBlackRightContainer .container, #solutionsBlackRightContainer .container-fluid, #solutionsBlackRightContainer .row, #solutionsBlackRightContainer .col-12, #solutionsBlackRightContainer .col-md-6 { padding-right: 0; margin-right: 0; height: 100%; } #solutionsBlackRightContainer .tab-content, #solutionsBlackRightContainer .tab-pane { height: 100%; } #solutionsBlackRightContainer p { margin: 30px 0; } #solutionsBlackRightContainer ul { padding: 0; } #solutionsBlackRightContainer li { margin-top: 20px; list-style: none; } #solutionsBlackRightContainer img { max-width: 800px; width: 100%; object-fit: contain; } #solutionsBlackRightContainer a { color: #ffffff; } #solutionsBlackRightContainer a sup { text-decoration: none; } #solutionsBlackRightContainer a:hover { text-decoration: none; color: #D6B89C; } #solutionsBlackRightContainer a:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; color: #ffffff; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.7rem; font-size: 12px; width: 2rem; margin-right: -2.5rem; margin-left: 0.5rem; } #solutionsBlackRightContainer a:hover::after { /** transform: translateX(50%); right: 2px; transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -webkit-transition: 0.6s ease-in-out; } **/ color: #D6B89C; animation: slide 2s ease-in-out infinite; /*margin-left: 3px;*/ } @media only screen and (max-width: 991px) { #solutionsBlackRightContainer img { max-width: 100%; object-fit: contain; } #solutionsBlack button { margin-bottom: 20px; } } /**what payments saying section **/ #animate-payments-saying-image { border-right: 1px solid #aeaeae; } #animate-payments-saying-image svg { width: 463px; height: 481px; } #animate-payments-saying-right { border-left: 1px solid #2b9ab3; margin: 6em 0; } @media only screen and (max-width: 767px) { #animate-payments-saying-image { border-bottom: 1px solid #aeaeae; border-right: 0; } #animate-payments-saying-image svg { width: 90%; height: 90%; } } /** may need a carousel for cards **/ .carousel-item { margin-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { /* show 3 items */ .carousel-inner .active, .carousel-inner .active+.carousel-item, .carousel-inner .active+.carousel-item+.carousel-item { display: block; } .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item, .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item { transition: none; margin-right: initial; } .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev { position: relative; transform: translate3d(0, 0, 0); } .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item { position: absolute; top: 0; right: -33.3333%; z-index: -1; display: block; visibility: visible; } /* left or forward direction */ .active.carousel-item-left+.carousel-item-next.carousel-item-left, .carousel-item-next.carousel-item-left+.carousel-item, .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item, .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; } /* farthest right hidden item must be abso position for animations */ .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; } /* right or prev direction */ .active.carousel-item-right+.carousel-item-prev.carousel-item-right, .carousel-item-prev.carousel-item-right+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; } } /** end Award winning products **/ #client-stories { padding: 4em 0 0; } #client-stories button { margin-top: 2em; margin-bottom: 5em; } #client-stories .card .card-footer a, #empower-slider .card .card-footer a, #money-revolution-squares .card .card-footer a, #cutting-edge .card-footer a, #chaselink, #cutting-edge a.primary.link.card-link, #award-winning-products a.primary.link.card-link { font-weight: 400 !important; letter-spacing: 0.02em; } #client-stories h3 { font-size: 1.5em; line-height: 1.5; font-weight: 300; } #client-stories .client-story-tag { font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0.08em; text-align: left; color: #936846; margin-top: 2em; } #client-stories .card .card-footer a:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; color: #1a7b99; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.7rem; font-size: 1.4rem; width: 2rem; margin-right: -2.5rem; margin-left: 0.5rem; } /** // Takis section // **/ #takis { padding: 4em 0; background-color: #ffffff; } #takis h3 { font-size: 2em; font-weight: 400; } .takis-quote, .pull-quote-celeste { font-family: CelestePro, CelesteOT, Times, serif; font-weight: 400; border-left: 6px solid #2B9AB3; font-size: 32px; color: #31373D; letter-spacing: 0.01em; line-height: 1.25; padding-left: 32px; } #what-payments-saying { background: linear-gradient(90deg, #ffffff 75%, #f5f7f8 25%); padding: 2em 0; } @media only screen and (max-width: 767px) { #what-payments-saying { background: #ffffff; } } #black-tri { padding: 6em 14% 1em; } #black-tri .topMarginBig { margin-top: 80px; } /** // Cutting Edge section // **/ #cutting-edge { /* hiding section and using AEM RI */ display: none; padding: 2em 4em 4em; } @media only screen and (max-width: 991px) { #cutting-edge { padding: 2em; } } #cutting-edge .card { height: 100%; } #cutting-edge img { width: 100%; height: auto; } /** #cutting-edge #payments-eating-world { background-image: url(/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/logo-jpmxwired.png); background-position: center center; background-size: cover; color: #ffffff; padding: 3em; } #cutting-edge #payments-eating-world h3, #cutting-edge #payments-eating-world p, #cutting-edge #payments-eating-world i, #cutting-edge #payments-eating-world a { color: #ffffff; } **/ #cutting-edge #payments-eating-world .spotlight { color: #ffffff; font-size: .8em; font-weight: 500; line-height: 1.8; } #cutting-edge #payments-eating-world .spotlight .star-spotlight { fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF; stroke: #FFFFFF; stroke-width: 0.2; } #cutting-edge #payments-eating-world .spotlight svg { width: 12px; height: 12px; } #cutting-edge #payments-eating-world .spotlight i.icon-spotlight { content: "\f666"; font-family: "Font Awesome 6 Pro"; color: #ffffff; font-weight: 700; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.7rem; font-size: 1rem; width: 1.5em; height: 1.5em; } #cutting-edge .card-title { font-weight: 300; font-size: 22px; line-height: 1.5; } #cutting-edge .card-footer { padding: 1em 3em 2em 1.25em; background-color: transparent; border-top: 0; position: absolute; bottom: 0; } /** client cards **/ #client-stories .card { height: 100%; background-color: #ffffff; color: #31373D; } #cutting-edge .card-dark { background-color: #31373D; color: #ffffff; } #client-stories .card .card-body { padding: 1em 3em; } #client-stories .card .card-title { font-size: 14px; line-height: 1.2; margin: 2em 0; font-weight: 700; } #client-stories .card .card-tag, #cutting-edge .card .card-tag { color: #936846; line-height: 24px; margin-top: 2em; font-weight: 300; font-size: 18px; } #cutting-edge .card-dark .card-tag-dark , #cutting-edge .card-dark p { background-color: #31373D; color: #ffffff; } #client-stories .card .card-text, #cutting-edge .card-text { font-size: 18px; font-weight: 300; margin-bottom: 100px; } #client-stories .card .card-footer { padding: 1em 3em 2em; background-color: #ffffff; border-top: 0; } #client-stories .card .card-footer a:hover { text-decoration: none; } #gray-bottom-border { border-bottom: 1px solid rgba(71, 76, 80, 0.3); } #mta-photo-container { display: inline-block; overflow: hidden; } #mta-photo-mobile, #mta-photo /**{ text-align: right; overflow: hidden; background: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); padding-bottom: 6px; } **/ { border-top: 0; border-image-slice: 6; border-width: 6px; border-left: 0; border-right: 0; border-bottom: 6px solid; border-image-source: linear-gradient(89.99deg, #573614 -11.05%, #BA8E6E 21.89%, #79583A 63.63%, #AE8361 106.06%); } #mta-photo img { height: 100%; width: auto; } #mta-photo { margin-bottom: -40px; } @media only screen and (max-width: 1200px) { #mta-photo, #mta-photo img { width: 100%; height: auto; } } @media only screen and (max-width: 767px) { #mta-photo-mobile, #mta-photo-mobile img { width: 100%; height: auto; } .hide-under-768 { display: none !important; } } /** end client stories **/ /** Marketo form area **/ #marketo-section-wrapper { padding: 4em 6em 6em; background-color: #101820; } @media only screen and (max-width: 767px) { #marketo-section-wrapper { padding: 2em; } } body:not(.wealth-management) .marketo-form .mktoForm, #marketo-section-wrapper .mktoForm { display: block; } .stay-informed-text { font-size: 1em; font-weight: 300; line-height: 1.2; letter-spacing: .02em; } .section__chunk { margin: 5em auto 0; } /*** end -- section video ***/ /*** start -- pull quote ***/ .pull-quote svg { max-height: 700px; width: 100%; } .intro-pull-quote svg { max-height: 350px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pull-quote svg, .intro-pull-quote svg { min-height: 375px; } #map-container svg { min-height: 750px; } .graph svg { min-height: 477px; } } /*** end -- pull quote ***/ @media only screen and (max-width: 2000px) { #map-background { width: 1400px; top: -47px; } #stimulus-intro { height: 1200px; } } /*** end -- map background ***/ /*** end -- graph ***/ .graph { max-width: 800px; margin: 3em auto 2em; } /*** end -- graph ***/ .brightcove-container { display: none; } /** Adding insights with extra S here **/ /* related insights */ .insight-card__text { position: relative; padding: 2em; } .insight-card__text::before { background: inherit; top: -11px; content: ''; display: block; height: 3em; left: 0; position: absolute; right: 0; transform: skewY(3.5deg); transform-origin: 100%; } .insight-card:nth-child(odd) .insight-card__text { background: #31373D; color: white } .insight-card:nth-child(even) .insight-card__text { background: #ECEFF1; color: black; } .insight-card:nth-child(odd) .insight-card__cta { color: #42b7ff; } .insight-card:nth-child(even) .insight-card__cta { color: #0066cc; } /** Dupe area? **/ .insight-card:first-child .insight-card__image { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/center-for-carbon-transition/esg-insights.jpg); } .insight-card:nth-child(2) .insight-card__image { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/center-for-carbon-transition/sustainability.jpg); } .insight-card:nth-child(3) .insight-card__image { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/center-for-carbon-transition/development_finance_insights.jpg); } .insight-card__title { font-weight: 400; font-size: 1.5em; margin-bottom: .5em; line-height: 1.2; overflow: hidden; height: 2.5em; } .insight-card__subtitle { font-weight: 300; font-size: 1.2em; margin-bottom: .75em; line-height: 1.2; overflow: hidden; height: 110px; } .insight-card__cta { font-size: 1.5em; color: #0066CC; } .insight-card__cta-arrow { stroke: #0066CC; } .on-dark-gray.insight-card__cta { color: #42B7FF !important; } .on-dark-gray.insight-card__cta .insight-card__cta-arrow { stroke: #42B7FF !important; } .card { border: none; } /** Dupe area? ** .insights-card-wrap { width: 950px; } .insights-card-wrap .card { color: white; height:100%; min-height: 293px; overflow:hidden; box-shadow: 0 .125rem .25rem rgba(0,0,0,0.075); } .insights-card-wrap .card .card-body { background:#31373D; position: relative; padding: 2em; } .insights-card-wrap .card .card-body p{ font-size: 16px; line-height: 1.1; } .insights-card.bg-white .card-body { background:#fff; } .insights-card.bg-gray .card-body { background:#ECEFF1 !important; } .insights-card.bg-dark-gray .card-body { background:#31363D; !important; } .insights-card.bg-dark-gray .card-body .card-title{ color: #ffffff; font-size: 1.3em; } .insights-card.bg-white .card-body .card-title, .insights-card.bg-gray .card-body .card-title{ color: #000000; font-size: 1.3em; } .insights-card-wrap .card .card-body:before { top: -11px; content: ''; display: block; height: 3em; left: 0; position: absolute; right:0; transform: skewY(3.5deg); transform-origin: 100%; } .insights-card-wrap .card .card-title { font-family: "Amplitude-Medium"; font-size:1.3em; margin-bottom: .5em; line-height: 1.2; color: white; } .insights-card-wrap .card .card-text { font-family: "Amplitude Light"; font-size:1.2em; padding-bottom: 1.4em; line-height: 1.2; color: white; } .insights-card-wrap .card .card-img-top{ transition: transform 2s, filter 2s ease-in-out; filter: brightness(95%); height: 250px; } @media only screen and (max-width:650px) { .insights-card-wrap .card .card-img-top { height: 200px; } } .insights-card-wrap .card:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15); } .insights-card-wrap .card:hover .card-img-top { filter: brightness(100%); transform: scale(1.1); } .insights-card-wrap .card-cta { font-size: 1.4em; color: #0066CC; position: absolute; bottom: 20px; } .insights-card-wrap .card-over-image{ position: absolute; width: 70%; height: 100%; bottom: 0; left: 0; } .insights-card-wrap .card-over-image .insights-card{ max-height: 293px; min-height: 220px; } .insights-card-wrap .card-over-image.right{ right: 0; left: initial } .insights-card .card-body.bg-image-left .card-title, .insights-card .card-body.bg-image-right .card-title { color: #000000; } .insights-card-wrap .align-card-right { position: absolute; right: 0; height: inherit; } .insights-card-wrap .align-card-right .card.insights-card{ min-height: 260px; } .insight-card__text::before { background: inherit; top: -11px; content: ''; display: block; height: 3em; left: 0; position: absolute; right: 0; transform: skewY( 3.5deg ); transform-origin: 100%; } .insights-card .card-body.development_finance { background: url(/content/dam/jpm/cib/complex/content/investment-banking/center-for-carbon-transition/development_finance_mobile.jpg) no-repeat !important; background-size: cover !important; } .insights-card .card-body.esg-investing{ background: url(/content/dam/jpm/cib/complex/content/investment-banking/center-for-carbon-transition/esg_mobile.jpg) no-repeat !important; background-size: cover !important; } .bg-image-left{ background: url(/content/dam/jpm/cib/complex/content/investment-banking/center-for-carbon-transition/climate_spending.jpg) no-repeat !important; background-size: cover !important; } .bg-image-right{ background: url(/content/dam/jpm/cib/complex/content/investment-banking/center-for-carbon-transition/electric.jpg) no-repeat !important; background-size: cover !important; } /** end Insights with 'S' area **/ /* related insight */ .insight-card { margin: 1em 0; } .insight-card__text { position: relative; padding: 2em; } .insight-card__text::before { background: inherit; top: -11px; content: ''; display: block; height: 3em; left: 0; position: absolute; right: 0; transform: skewY(3.5deg); transform-origin: 100%; } .insight-card:nth-child(odd) .insight-card__text { background: #000e33; color: white } .insight-card:nth-child(even) .insight-card__text { background: #F7F7F7; color: black; } .insight-card:nth-child(odd) .insight-card__cta .insight-card__cta-arrow { stroke: #42B7FF; } .insight-card:nth-child(even) .insight-card__cta .insight-card__cta-arrow { stroke: #0066cc; } .insight-card:first-child .insight-card__image { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/ri-1.png); } .insight-card:nth-child(2) .insight-card__image { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/related_insights_esg_315x177.jpg); } .insight-card:nth-child(3) .insight-card__image { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/ri-3.png); } .insight-card__title { font-weight: 500; font-size: 24px; margin-bottom: .5em; line-height: 1.2; overflow: hidden; } .overlay-cta-button-right { color: #ffffff; font-size: 18px; font-weight: 400; cursor: pointer; position: fixed; top: 50%; right: -40px; background-color: #1a7b99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 4; border-radius: 0; border: 1px solid rgba(255,255,255,0.125); padding: 16px 20px 8px; transform: rotate(90deg); /* Legacy vendor prefixes that you probably don't need... */ /* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* IE */ -ms-transform: rotate(90deg); } .overlay-cta-button-right a { color: #ffffff; text-decoration: none; } .overlay-cta-button-right:hover { box-shadow: .25rem .25rem 1rem .25rem rgba(255,255,255,0.25); background-color: #005075 !important; } @media only screen and (max-width:1175px) { .insight-card__title { /* height: 5em;*/ } } @media only screen and (max-width:1075px) { .insight-card__title { /* height: 7em;*/ } } @media only screen and (max-width:991px) { .insight-card__title { height: inherit; font-size: 1.2em; } .overlay-cta-button-right { /* display: none; */ } } .insight-card__subtitle { font-size: 1.2em; margin-bottom: .75em; line-height: 1.2; height: 190px; } .insight-card__cta { font-size: 1.5em; } .insight-card a:hover { text-decoration: none; } /* form */ #contact { max-width: 500px; } .box-sub { font-weight: 00; font-size: 32px; color: #008297; background: transparent; border: 0px; margin: 0; } /* back to top button */ #back-to-top-button { position: fixed; width: auto; right: 1%; bottom: 3%; display: none; z-index: 999; cursor: pointer; } #back-to-top-button .back-to-top-background { fill: #1A7B99; } #back-to-top-focus:focus .back-to-top-background, #back-to-top-focus:hover .back-to-top-background { fill: #ffffff; stroke: #101820; stroke-width: 3; } .back-to-top-arrow { stroke: #ffffff; stroke-width: 1.5; } #back-to-top-focus:focus .back-to-top-arrow, #back-to-top-focus:hover .back-to-top-arrow { stroke: #101820; } @media only screen and (max-width: 577px) { #back-to-top-button { transform: scale(0.6); transform-origin: right; } } /* Tablet View */ @media only screen and (min-width: 578px) and (max-width: 850px) { #back-to-top-button { transform: scale(0.7); transform-origin: right; } } @media only screen and (min-width: 850px) and (max-width: 1200px) { #back-to-top-button { transform: scale(0.9); } } /* @media only screen and (min-width: 876px) { section.section { padding: 1em 10% 2em; position: relative; max-width: 2650px; /* margin: auto; */ /*margin: 5%; } }*/ .footnote { overflow-wrap: break-word; } .footnote p { margin-bottom: 0; } .footnote a p { color: #007bff; } #footnote-label { display: none; } /*right hand rail css */ #research-link { position: fixed; z-index: 999; right: -500px; top: 47%; width: 205px; border-left: 5px solid #008297; background: #F9F9F9; box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); transition: 1s; } #research-link.active { right: 0; } #research-link div { padding: 0 1em 1em 1em; } #research-link a { text-decoration: none; cursor: pointer; color: #008297; } .close-button { position: relative; height: 35px; width: 35px; opacity: 0.3; border: none; cursor: pointer; } .close-button:hover { opacity: 1; } .close-button:before, .close-button:after { position: absolute; left: 15px; top: 10px; content: ' '; height: 22px; width: 2px; background-color: #008297; } .close-button:before { transform: rotate(45deg); } .close-button:after { transform: rotate(-45deg); } #research-link p { font-size: .97em; line-height: normal; font-weight: 700; color: #000; } #research-link strong { font-weight: 700; padding-bottom: 6px; display: inline-block; font-size: 1.06em } @media only screen and (max-width: 900px) { #research-link { top: inherit; bottom: -500px; right: 0; width: 100%; border-left: inherit; border-top: 5px solid #008297; box-shadow: -5px -7px 10px 0px rgba(0, 0, 0, 0.1); background: rgba(245, 245, 245, .9); } #research-link a div { padding: 0; text-align: center; } #research-link.active { bottom: 0; } } #research-link #sign-up { color: #008297; font-size: 1.1em; font-weight: 400; } /* hans css*/ .first-graph_svg { width: 100%; margin-top: 4em; } .sub__header_lrg {} .bolder { font-weight: bold !important; } #graph-market-asssets {} .button__wrapper { margin: 10em auto 4em; text-align: center; padding-left: 1em; background: #008297; max-width: 250px; padding: 2em; } /** // hiding button hover arrow -- .btn:after, .moduleCTA:after { content: "\00a0\f105"; font-family: FontAwesome; visibility: hidden; } .btn:hover::after { content: "\00a0\f105"; font-family: FontAwesome; visibility: visible; } **/ .btn:after, .moduleCTA:after { display: none; visibility: hidden; } .btn[href^="http"]:after, .pageCTAbody a[href^="http"]:after, .moduleCTA[href^="http"]:after, .header-abstract a[href^="http"]:after, .btn[target="_blank"]:after, .pageCTAbody a[target="_blank"]:after, .moduleCTA[target="_blank"]:after, .header-abstract a[target="_blank"]:after, .bodyContent a[target="_blank"]:after { display: none; content: none; } .panel-group .panel { border: none; } .panel-default>.panel-heading { background-color: #7EC1C9; padding: 30px 35px; text-align: center; cursor: pointer; color: #ffffff !important; display: flex; height: 115px; align-items: center; justify-content: space-between; } .panel-default>.panel-heading2 { background-color: #7EC1C9; padding: 30px 35px; text-align: center; cursor: pointer; color: #000 !important; display: flex; height: 115px; align-items: center; justify-content: space-between; } .panel__body { padding: 0; opacity: 0; visibility: hidden; transition: 0.3s ease opacity; height: 0; } .panel-title2, h4.panel-title2 { margin-top: 0; margin-bottom: 0; font-size: 1.5em; font-weight: 700; width: 82%; text-align: left; color: #000; } .panel__body.\--grey { background-color: #F5F5F5; } .panel__body.show { opacity: 1; visibility: visible; height: auto; padding: 5%; } .panel-title, h4.panel-title { margin-top: 0; margin-bottom: 0; font-size: 1.5em; font-weight: 700; width: 82%; text-align: left; color: #000; } #accordion { padding-top: 3em; padding-bottom: 3em; } .bodyContent li { } .toggle__icon { content: ''; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSI1NHB4IiB2aWV3Qm94PSIwIDAgNDcgNTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA3PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+CiAgICAgICAgPGcgaWQ9IkFJX2V4cGFuZGVkLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTEwLjAwMDAwMCwgLTgzMzUuMDAwMDAwKSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUxMS4wMDAwMDAsIDgzMzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC41LDI1LjUgTDQ0LjUsMjUuNSIgaWQ9IkxpbmUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMy41LDAuNSBMMjMuNSw1MC41Mzk5ODQiIGlkPSJMaW5lLTIiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); width: 30px; height: 35px; background-size: 100%; -webkit-filter: invert(100%); filter: invert(100%); } .toggle__icon2 { content: ''; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzOXB4IiB2aWV3Qm94PSIwIDAgMzQgMzkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+CiAgICAgICAgPGcgaWQ9IkRGSS1Bbm5vdW5jZW1lbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzEyLjAwMDAwMCwgLTgwMDYuMDAwMDAwKSIgc3Ryb2tlPSIjMDA4Mjk3IiBzdHJva2Utd2lkdGg9IjMiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcxNC4wMDAwMDAsIDgwMDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4zMzMzMzMzMzMsMTcuNSBMMjkuNjY2NjY2NywxNy41IiBpZD0iTGluZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LDAuMzQzMTM3MjU1IEwxNSwzNC42ODQzMDI4IiBpZD0iTGluZS0yIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=='); width: 30px; height: 35px; background-size: 100%; -webkit-filter: invert(100%); filter: invert(100%); } .toggle__icon.minus { width: 30px; height: 35px; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA0NyAzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi41ICg2NzQ2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+TGluZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgIDxnIGlkPSJBSV9leHBhbmRlZC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUxMC4wMDAwMDAsIC03NDEwLjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE1MTEuNSw3NDExLjUgTDE1NTUuNSw3NDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4='); -webkit-filter: invert(100%); filter: invert(100%); } .toggle__icon2.minus { width: 30px; height: 35px; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCAzNCAzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXAgNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJERkktQW5ub3VuY2VtZW50IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc5Mi4wMDAwMDAsIC04MDI2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc5NC4wMDAwMDAsIDgwMDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzAiIGhlaWdodD0iMzUiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ljk5MzYwNTc4ZS0xNCwxOS41IEwzMCwxOS41IiBpZD0iTGluZSIgc3Ryb2tlPSIjMDA4Mjk3IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); -webkit-filter: invert(100%); filter: invert(100%); } @media only screen and (max-width: 810px) { h4.panel-title { font-size: 1.2em !important; width: 85% !important; } .panel-default>.panel-heading { height: auto; } .teal_box { background-color: #008297; color: white; max-width: 90% !important; width: 420px; margin: 3em auto; } } .stand_out { font-size: 1.5em; color: #008297; font-weight: 400; } .dot_size { font-size: 2.5em; } ul.list_effect { list-style-type: square; color: #008297 !important; font-size: 1em; } .teal_box { background-color: #008297; color: white; max-width: 60%; width: 420px; margin: 3em auto; } .teal_box svg { width: 100%; } .last-descrip_txt { padding-top: 2em; } /* video section */ #cory-video .img__background { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/pelio-image.png); } #lisa-video .img__background { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/pelio-image.png); } .img__background { background-size: cover; height: 100%; background-repeat: no-repeat; background-position: center bottom; position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .video__wrapper { background-size: cover; background-repeat: no-repeat; background-position: center bottom; position: relative; overflow: hidden; margin: 1em auto 0; max-width: 900px; } .hero-txt-2 { width: 100%; background: #31363D; border-style: solid; border-width: 0 1px 50px 0; border-color: transparent transparent #31363D transparent; line-height: 0px; _border-color: #000000 #000000 #00477b #000000; position: absolute; left: 0; padding: 8% 5%; bottom: 0; color: white; transition: all .6s ease-out; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; z-index: 2; } .hero-txt-2:before { background: #31363D; top: -11px; content: ''; display: block; height: 8em; left: 0; position: absolute; right: 0; transform: skewY(3.5deg); transform-origin: 100%; } .play-button-mobile { display: none; } .video__info { display: flex; z-index: 4; bottom: 6%; justify-content: center; position: absolute; /** height: 270px; **/ width: 100%; color: #ffffff; padding: 8em 0 0; left: -30px; margin-bottom: 1em; } .video__info-mobile { display: none; } .play__button { padding-left: 2em; cursor: pointer; } .video__text { padding: 0 2em; width: 75%; text-align: left; } h4.video__title, .video__title { font-size: 1.5em; font-weight: 700; text-align: left; color: #ffffff; line-height: 1; padding: 0; text-transform: none; margin-bottom: 0.5em; margin-top: 0; } .video__text .video__description { font-size: 1.16em; display: block; overflow: hidden; color: #ffffff; line-height: 1; } .video__text .video__description-mobile { color: #000000; } .video-js { padding-bottom: 56.25%; width: 100%; /** height: 0; **/ } .accessibility__buttons, .transcript { max-width: 900px; margin: auto; } .transcript { padding: 1rem; display: none; max-height: 260px; overflow-y: scroll; } .transcript p { line-height: 1.2; font-size: 1.2em; } button.ada__button { background: none; border: none; cursor: pointer; position: relative; z-index: 6; margin-left: 2em; margin-top: 5em; } .overlapping-elements__text-box-mobile { display: none; } @media only screen and (max-width: 1500px) { .hero-txt-2 { height: 33%; } button.ada__button { margin-top: 5em; } .insights-card-wrap .card .card-text { padding-bottom: 3.2em; } .insights-card-wrap .card .card-body { padding: 1em; } .video__info { margin-bottom: 0; } } @media only screen and (max-width: 1300px) { .insights-card-wrap .card .card-text { padding-bottom: 3.2em; } button.ada__button { margin-top: 6em; } } @media only screen and (max-width: 1250px) { .hero-txt-2 { display: none; } .overlapping-elements__text-box-desktop { display: none; } #transcript { stroke: #1a7b99; } .video__info { display: none; } .play-button-mobile { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } .play-button-mobile.play__button { padding-left: 0; } .video__info-mobile { display: block; margin: 1em 0; } .video__info-mobile .video__text { width: 100%; } .video__info-mobile .video__text h4.video__title { color: #000000 !important; } .video__wrapper { margin: 2em auto; } .video__description { width: 100%; } } @media only screen and (max-width: 1250px) { button.ada__button { margin-top: 1em; } } @media only screen and (min-width: 700px) and (max-width: 929px) { .text__wrapper { width: 71vw; } .ad-button svg, .transcript__btn svg { width: 25px; } } @media only screen and (max-width: 699px) { .text__wrapper { width: auto; } .video__control { margin-top: -90px; padding-right: 1em; align-self: unset; } span.play__button svg { width: 60px; } .ad-button svg, .transcript__btn svg { width: 25px; } } /** end video styling **/ /*MENU STYLING*/ .toggle-datatype { width: 50%; color: black; font-weight: 600; margin: 0 auto; margin-top: 15%; border-bottom: 1px solid black; } .datatype { width: 50%; height: 50px; text-align: center; position: relative; } .datatype .label { position: absolute; width: 50%; margin: 0 auto; font-size: 18px; padding: 15px 0px; font-weight: 300; left: 0; right: 0; bottom: -3px; border-bottom: 5px solid transparent; } .datatype.active .label { border-bottom: 5px solid #008297; } @media screen and (max-width: 767px) { .toggle-datatype { width: 100%; } .data-tiles { flex-wrap: wrap; } div#feature-and-capabilities .mobile-reverse { flex-direction: column-reverse; } div#feature-and-capabilities img { margin: 0 0 20px 0 !important; } div#feature-and-capabilities>div.row { margin-bottom: 30px; } .quote-svg { width: 100%; } } .data-tiles-wrapper { display: none; } .data-tiles-wrapper.active { display: block !important; } /*END MENU STYLING*/ /*CARD IMAGE SYTLING*/ .overlapping-elements { position: relative; } .overlapping-elements__text-box-desktop { position: absolute; z-index: 2; padding: 1.5em; right: -44%; top: 9%; width: 92%; } .overlapping-elements__text-box-desktop h4 { font-weight: 400; font-style: normal; margin-bottom: .5em; font-size: 1.7em; } .overlapping-elements__text-box-desktop p { font-size: 1.25em; font-weight: 300; } .overlapping-elements__text-box-desktop a { font-size: 1.5em; } @media only screen and (max-width: 850px) { .overlapping-elements__image { width: 100%; } .overlapping-elements__image img { width: 100%; } .overlapping-elements__text-box-mobile { display: block; position: relative; margin: 1em auto 0; width: 100%; /* right: 0% !important; */ padding: 1.5em; } .overlapping-elements__text-box-mobile a { font-size: 0.7em !important; } .core__link .arrow { background-image: url("data:image/svg+xml,%3Csvg height='16px' version='1.1' viewBox='0 0 26 16' width='26px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E %3Cg id='Artboard' stroke='%2300477B' stroke-width='3' transform='translate(-666.000000, -6507.000000)'%3E %3Cg id='Group' transform='translate(667.000000, 6508.000000)'%3E %3Cpath d='M0.5,7.5 L21.5,7.5' id='Line-13'%3E%3C/path%3E %3Cpath d='M16.5,0.5 L23.0192024,7.01920241' id='Line-14'%3E%3C/path%3E %3Cpath d='M16.5,6.5 L23.0192024,13.0192024' id='Line-14' transform='translate(20.000000, 10.000000) scale(1, -1) translate(-20.000000, -10.000000) '%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); width: 20px !important; height: 20px !important; position: absolute; background-repeat: no-repeat; background-size: 100%; margin-left: 12px; margin-top: 7px; } } /*iPAD STYLING */ @media only screen and (min-width: 800px) and (max-width: 1370px) { .overlapping-elements__image { width: 100%; } .overlapping-elements__text-box-desktop { display: none; } .overlapping-elements__text-box-mobile { display: block; position: relative; margin: 1em auto 0; width: 100%; padding: 1.5em; } } .text-box--gray { background: #eee; } .text-box--gray h4, .text-box--gray p { color: black; line-height: initial; } .section__content-wrap { max-width: 1200px; margin: 0 auto; } .core__link .arrow { background-image: url("data:image/svg+xml,%3Csvg height='16px' version='1.1' viewBox='0 0 26 16' width='26px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E %3Cg id='Artboard' stroke='%2300477B' stroke-width='3' transform='translate(-666.000000, -6507.000000)'%3E %3Cg id='Group' transform='translate(667.000000, 6508.000000)'%3E %3Cpath d='M0.5,7.5 L21.5,7.5' id='Line-13'%3E%3C/path%3E %3Cpath d='M16.5,0.5 L23.0192024,7.01920241' id='Line-14'%3E%3C/path%3E %3Cpath d='M16.5,6.5 L23.0192024,13.0192024' id='Line-14' transform='translate(20.000000, 10.000000) scale(1, -1) translate(-20.000000, -10.000000) '%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); width: 30px; height: 20px; position: absolute; background-repeat: no-repeat; background-size: 100%; margin-left: 12px; margin-top: 7px; } .core__link.arrow-text::after { content: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3BsaXQtY3RhIiBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDM4IDI0IiB3aWR0aD0iMzhweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgICAgICAgICAgICAgPHRpdGxlPjwvdGl0bGU+DQogICAgICAgICAgICAgICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+IA0KPGcgZmlsbD0ibm9uZSAiIGZpbGwtcnVsZT0iZXZlbm9kZCAiIGlkPSJQYWdlLTEgIiBzdHJva2U9Im5vbmUgIiBzdHJva2UtbGluZWNhcD0icm91bmQgIiBzdHJva2UtbGluZWpvaW49InJvdW5kICIgc3Ryb2tlLXdpZHRoPSIxICI+IDxnIGlkPSJBcnRib2FyZCAiIHN0cm9rZT0iIzM1ZThmZSAiIHN0cm9rZS13aWR0aD0iMw0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NjYuMDAwMDAwLCAtNjUwNy4wMDAwMDApICI+IDxnIGlkPSJHcm91cCAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2Ny4wMDAwMDAsIDY1MDguMDAwMDAwKSAiPiA8cGF0aCBkPSJNMC41LDcuNSBMMjEuNSw3LjUgIiBpZD0iTGluZS0xMyAiPjwvcGF0aD4gPHBhdGggZD0iTTE2LjUsMC41IEwyMy4wMTkyMDI0LDcuMDE5MjAyNDEgIiBpZD0iTGluZS0xNA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAiPjwvcGF0aD4gPHBhdGggZD0iTTE2LjUsNi41IEwyMy4wMTkyMDI0LDEzLjAxOTIwMjQgIiBpZD0iTGluZS0xNCAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMTAuMDAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0xMC4wMDAwMDApICI+PC9wYXRoPiA8L2c+IDwvZz4gPC9nPg0KDQogPC9zdmc+); margin-left: 10px; } .diver { display: none; } /** .background-right-image { background-image: url(/content/dam/jpm/cib/complex/content/investment-banking/director-advisory-services/2022_director_advisor_services_600x800.jpg); background-repeat: no-repeat; background-position: right; } **/ span.dark-background-brown { color: #AF8462; } /** adding color to borders **/ .blue .slide-wrap, .blue a { border-color: #2b9ab3; color: #2b9ab3; } .pink .slide-wrap, .pink .title, .pink .edd-root-open .edd-body, .pink a { border-color: #edafc3; } .green, .green a { color: #008259!important; } .purple, .purple a { color: #9b57a6!important; } .orange, .orange .slide-wrap, .orange a { color: #e26e00!important; } </style> <div class="overlay-cta-button-right"> <a href="#marketo-section-wrapper" class=" chaseanalytics-track-link m-0" data-pt-name="pymt_comSol-cta-contact" aria-label="Contact Us">Let's talk</a> </div> <section class="section-hero"> <div class="hero hero--subtitle"> <div class="hero__header" > <div id="payments-header-animation" class="hero__content"> <!-- <div class="lockup">Treasury and Payments</div> --> <h1 class="hero__title payments-header-animate">More than a commerce payment solution, it’s delivering on customer expectations. </h1> <!---- <h2 class="hero__subtitle">Strategic, full-service solutions to support your evolving governance needs</h2> --> <div class="hero__text pt-2 pb-2 payments-header-animate">Transform B2C and B2B experiences with the next generation suite of commerce payment solutions by J.P.&nbsp;Morgan Payments. </div> </div> <!---- // commenting out standard button <a type="button" class="topaz-button" id="play-button__popup" data-toggle="modal" data-target="#popup-video"> <span>Watch Video</span> </a> -hero__watch__video-button-redesign-- --> <a href="#marketo-section-wrapper" class=" chaseanalytics-track-link mt-5" data-pt-name="lnk_pymt_comSol-contact" aria-label="Contact Us"> <button type="button" class="btn btn-xl topaz-button topaz-button-dark ">LET'S TALK</button></a> </div> </div> </section> <section id="section-half-jet-topaz" class="section section--font-white"> <div class="container-fluid"> <div class="row"> <div class=" col-12 col-md-7 offset-lg-1"> <div style="max-width: 1920px; position: relative;"> <div style="padding-top: 56.25%;"> <video controls="" data-account="900160682001" data-player="default" data-embed="default" data-video-id="6354368320112" data-playlist-id="" data-application-id="" class="video-js vjs-fill" style="top:0; position:absolute; max-height: 1080px;" id="main-vid-loreal"> </video> </div> <script src="https://players.brightcove.net/900160682001/default_default/index.min.js"></script> </div> </div> <div class="col-12 col-md-4 p-5 d-flex justify-content-center align-items-center"> <div class="p-5"> <h2 class="header-40px white">Discover transactions that can transform your business</h2> </div> </div> </div> </div> </section> <section id="table-of-contents" class="section section--font-white section--background-jet"> <div class="container-fluid "> <div class="row no-gutters "> <div class="col-12 col-md-8 p-5 d-flex justify-content-center"> <div id="table-of-contents-left-container"> <div class="lockup"> Table of contents </div> <div class="list-group list-group-flush"> <a href="#online-payments" class="list-group-item list-group-item-action"><span class="chapter-number">1</span> Online <i class="circle-arrow"></i> <span class="fa fas fa-2x circle-arrow"></span> <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/icon-right-circle-white.svg"></a> <a href="#omnichannel-payments" class="list-group-item list-group-item-action"><span class="chapter-number">2</span> Omnichannel &amp; In-Store <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/icon-right-circle-white.svg"></a> <a href="#optimization-protection" class="list-group-item list-group-item-action"><span class="chapter-number">3</span> Insights, Optimization &amp; Protection <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/icon-right-circle-white.svg"></a> <a href="#embedded-finance" class="list-group-item list-group-item-action"><span class="chapter-number">4</span> Embedded Finance <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/icon-right-circle-white.svg"></a> <a href="https://partners.jpmorgan.com/" class="list-group-item list-group-item-action"><span class="chapter-number">5</span> Payments Partner Network <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-unbound/icon-right-circle-white.svg"></a> </div> </div> </div> <div id="table-of-contents-image-container" class="col-12 col-md-4 d-flex justify-content-center"> </div> </div> </div> </section> <section id="online-payments" class=" section--font-black half-jet-half-white"> <div class="container-fluid ps-0" id="online-payments-sec"> <div class="row no-gutters"> <div class="col-12 col-md-6 "> <div class="overlay-bottom overlay-right"> <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/landing-phone-white-crop.png"> </div> </div> <div class="col-12 col-md-6 d-flex align-items-start justify-content-center"> <div class="animate-half-text"> <h2 class="section__header">Online</h2> <p>Accept B2C and B2B payments online and in apps with a single payments processing solution designed for optimized scalability and security.</p> <div class="pt-4"> <a href="/payments/solutions/commerce/online-payments" data-pt-name="lnk_learn_more" class="primary link ">LEARN MORE</a></div> </div> </div> </div> </div> </section> <section id="" class="section section--font-white section--background-jet "> </section> <section id="omnichannel-payments" class="section section--font-white section--background-jet ps-0 pe-0"> <div class="container-fluid p-0" id="consider-your-paymentss"> <div class="row no-gutters"> <div class="col-12 col-md-6 d-flex align-items-start justify-content-center"> <div class="animate-half-text"> <h2 class="section__header">Omnichannel &amp; In-Store</h2> <p>From biometric payments to unified shopping journeys across channels, we delight shoppers with more seamless payment experiences.</p> <div class="pt-4"> <a href="/payments/solutions/commerce/omnichannel" data-pt-name="lnk_learn_more" class="primary link lightBlue">LEARN MORE</a> </div> </div> </div> <div class="col-12 col-md-6 text-right justify-content-end"> <div class=""> <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/Omnichannel.jpg"> </div> </div> </div> </div> </section> <section id="optimization-protection" class=" section--font-black half-jet-half-white"> <div class="container-fluid p-0" id="optimization-protection-sec"> <div class="row no-gutters"> <div class="col-12 col-md-6 "> <div class="overlay-bottom overlay-right"> <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/cs-optimization-protection-opt.jpg"> </div> </div> <div class="col-12 col-md-6 d-flex align-items-start justify-content-center"> <div class="animate-half-text"> <h2 class="section__header">Insights, Optimization &amp; Protection</h2> <p>Grow revenue and expand across borders without trading off risk with our always-on authorization optimization tools, insights and analytics.</p> <div class="pt-4"> <a href="/payments/solutions/commerce/optimization-protection" data-pt-name="lnk_optpro-learn_more" class="primary link ">LEARN MORE</a> </div> </div> </div> </div> </div> </section> <section id="" class="section section--font-white section--background-jet "> </section> <section id="embedded-finance" class="section section--font-white section--background-jet ps-0 pe-0"> <div class="container-fluid p-0" id="consider-your-paymentss2"> <div class="row no-gutters"> <div class="col-12 col-md-6 d-flex align-items-start justify-content-center"> <div class="animate-half-text"> <h2 class="section__header">Embedded Finance</h2> <p>Embed the native payment capabilities you trust directly into your marketplace or platform, so your business can thrive at every stage.</p> <div class="pt-4"> <a href="/payments/solutions/embedded-finance" data-pt-name="lnk_embedded-finance-learn_more" class="primary link lightBlue">LEARN MORE</a> </div> </div> </div> <div class="col-12 col-md-6 text-right justify-content-end"> <div class=""> <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/Embedded-Finance.png"> </div> </div> </div> </div> </section> <section class="section section--font-black section--background-jet " id="marketo-section-wrapper" name="marketo-section-wrapper"> <div id="form" class="container section--background-white pt-5 pb-5"> <div class="row"> <div id="marketo-section-header" name="marketo-section-header" class="col-12 text-center p-5 align-items-center"> <!-- Wrapper: wrapper1649434201980--> <h2 class="section__header mb-0">Contact our sales team to get started.</h2> </div> </div> <div class="row mt-5"> <div class="col-12 col-md-10 offset-md-1"> <div class="jpmc-wrapper marketo-wrapper "> <div class="jpmc-wrapper-content"> <div class="marketo-form "> <script src="//pages.paymentsolutions.jpmorgan.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_3046"></form> <script>MktoForms2.loadForm("//pages.paymentsolutions.jpmorgan.com", "984-MQH-261", 3046); </script> <script> MktoForms2.whenReady(function (form) { var formEl = form.getFormElem()[0], submitEl = formEl.querySelector('button[type="submit"]'); submitEl.className += ' chaseanalytics-track-link'; submitEl.setAttribute('data-pt-name', 'pymt_commerce-form-marketo-submit'); console.log('attr worked'); form.onSubmit(function () { // set function calls here, for example to fire google analytics or adobe analytics tracking _satellite.track('mrktoFormSubmit'); _satellite.track('form_submit', { form_name: '984-MQH-261', form_ID: 'mktoForm_3046' }) console.log('submit worked'); }); }); </script> </div> <!---- <script type="text/javascript"> MktoForms2.whenReady(function (form) { var formEl = form.getFormElem()[0]; // Add an onSubmit handler formEl.onSubmit(function () { // set function calls here, for example to fire google analytics or adobe analytics tracking _satellite.track('mrktoFormSubmit'); _satellite.track('form_submit', { form_name: '984-MQH-261', form_ID: 'mktoForm_3046' }) }); }); </script> <script> formEl.addEventListener("focus", logFirstFocus, true); function logFirstFocus(e) { formEl.removeEventListener("focus", logFirstFocus, true); _satellite.track('form_submit', { form_name: '984-MQH-261', form_ID: 'mktoForm_3046' })}; </script> --> </div> </div> <!-- /Wrapper: wrapper1649434201980--> </div> </div> </div> </section> <section id="developer-tools" class=" section--font-black half-jet-half-white"> <div class="container-fluid p-0" id="developer-tools-sec"> <div class="row no-gutters"> <div class="col-12 col-md-6 "> <div class="overlay-bottom overlay-right"> <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/landing-dev-tools.png"> </div> </div> <div class="col-12 col-md-6 d-flex align-items-start justify-content-center"> <div class="animate-half-text"> <h2 class="section__header">Test and build better with developer tools</h2> <p>Innovate faster with an upgraded developer toolkit that enables seamless connectivity with current and future commerce environments.</p> <div class="pt-4"> <a href="https://developer.payments.jpmorgan.com/" data-pt-name="lnk_learn_more" class="primary link ">EXPLORE OUR APIS</a> </div> </div> </div> </div> </div> </section> <section id="" class="section section--font-white section--background-jet "> <div class="container-fluid p-0" id=""> <div class="row no-gutters"> <div class="col-12 p-0"> <p><br></p> </div> </div> </div> </section> <section id="partner-network" class=" half-width-section half-jet-half-white"> <div class="container-fluid p-0 no-gutters "> <div id="animate-box-text1-trigger" class="row no-gutters"> <div class="col-12 col-md-6 d-flex align-items-center"> <div class=" overlay-right"> <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-commerce-solutions/landing-half-partnership.jpg"> </div> </div> <!-- <div class="col-12 col-md-6 animate-half-image d-flex align-items-center justify-content-center" id="half-partnership-image"> <div> </div> </div> --> <div class="col-12 col-md-6 d-flex align-items-start justify-content-center"> <div class="animate-half-text"> <h2 class="section__header">Partnerships designed for commerce </h2> <p>Our ecosystem of end-to-end payment partners offer flexible solutions to fit the needs of your business as you grow and expand.</p> <div class="pt-4"> <a href="https://partners.jpmorgan.com/commerce/" data-pt-name="lnk_partners-explore" class="primary link ">EXPLORE OUR ECOSYSTEM</a></div> </div> </div> </div> </div> </section> <section class="section section--background-jet section--font-white full-section-quote"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-md-3 col-xl-4 numbers d-lg-flex d-none align-items-center justify-content-end p-5 pb-0"> 1/2 </div> <div class="col-12 col-md-3 col-xl-4 numbers d-flex d-lg-none align-items-center justify-content-center p-5 pb-0"> 1/2 </div> <div class="col-12 col-md-9 col-xl-8 d-flex align-items-center justify-content-start p-5 pb-0">We process 1 out of every 2<br>e-Commerce transactions in the U.S.* </div> </div> <div class="row"> <div class="col-12 col-sm-3 col-xl-4 d-flex align-items-center justify-content-end"> </div> <div class="col-12 col-sm-9 col-xl-8 d-flex align-items-center justify-content-start ps-5 pt-0 pb-5 pb-lg-0"> <div class="reference-dark"> *2022 Nilson Report </div> </div> </div> </div> </section> <section id="" class=" half-width-section section--background-blue section--font-white"> <div class="container-fluid no-gutters"> <div id="animate-box-text1-trigger2" class="row no-gutters"> <div class="col-12 col-md-6 animate-half-image d-flex align-items-center justify-content-center" id="half-200-years-image"> <div> </div> </div> <div id=" " class="col-12 col-md-6 d-flex align-items-center justify-content-center half-200-year-text"> <div class="half-text"> <h2 class="section__header">Bank on over <span class="jet">200 years</span> of integrity, commitment &amp; experience </h2> <div class="pt-4"> <a href="#marketo-section-wrapper" data-pt-name="lnk_lets-talk" class="primary link white">LET'S TALK</a></div> </div> </div> </div> </div> </section> <section id="black-tri" class="section section--font-white section--background-jet "> <div class="container-fluid" id=""> <div class="row pb-5"> <div class="col-12 col-md-4 p-5"> <h3 class="section__header mb-5">Merchant<br>Acquiring</h3> <p>J.P.&nbsp;Morgan is the #1 bank for merchant acquiring in the U.S.<sup>**</sup></p> <p class="reference-dark mt-5">**2022 Nilson Report </p> </div> <div class="col-12 col-md-4 p-5"> <h3 class="section__header mb-5">Consumer<br>Banking</h3> <p>JPMorgan Chase is the #1 bank for consumer retail deposit market share in the U.S. Our customers already trust us with their finances and personal information.<sup>***</sup> </p> <p class="reference-dark mt-5">***JPMC 2021 Annual Report </p> </div> <div class="col-12 col-md-4 p-5"> <h3 class="section__header mb-5">Experiential<br>Payments</h3> <p>Our more than 4700 retail branches are not only equipped with our incredible banking capabilities, but with technology investments that are revolutionizing the shopping experience.</p> </div> </div> <!-- <div class="row "> <div class="col-12 col-md-8 ps-5 topMarginBig"> <h2 class="section__header section__header-large ">Our solutions at work</h2> </div> </div> --> </div> </section> <section id="cutting-edge" class="section section--background-jet "> <div class="container-fluid ps-0 pe-0 section--font-white"> </div> <div class="container-fluid mb-5 section--font-black"> <div class="row"> <div class="col-12 mb-5"> <div class="slider-container"> <div id="related-insights-slider"> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-forecasting-payments/2-img-the-future-of-shopping-700x.jpg" alt="Card image cap"> <div class="card-body"> <p class="card-tag">TREASURY AND PAYMENTS</p> <p class="card-title">Future of shopping</p> <p class="card-text"> Digital innovations have changed the way that consumers shop. Businesses are already responding by elevating customer experiences through adding new players to the mix.</p> </div> <div class="card-footer align-items-end"><a class="primary link card-link chaseanalytics-track-link" data-pt-name="pymt_unbound-six-trends" aria-label="Read insight of taking control of your treasury data with real-time APIs" href="https://www.jpmorgan.com/insights/payments/payment-trends/future-of-shopping">Read now </a> </div> </div> <div class="card h-100 card-dark"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-forecasting-payments/related-third-party-700x.jpg" alt="Card image cap"> <div class="card-body"> <p class="card-tag card-tag-dark">E-COMMERCE</p> <p class="card-title">Corporate treasury’s next big opportunity: other people’s money </p> <p class="card-text">Post-pandemic, as businesses grow and scale their <span class="nowrap">e-commerce</span> platforms, the matter of third-party money (3PM) is coming to the fore.</p> </div> <div class="card-footer card-dark align-items-end"><a class="primary link card-link white chaseanalytics-track-link" data-pt-name="pymt_unbound-six-trends" aria-label="Read insight of taking control of your treasury data with real-time APIs" href="https://www.jpmorgan.com/payments/solutions/third-party-money">Read now </a> </div> </div> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-forecasting-payments/5-img-fueling-the-connected-car-economy-700x.jpg" alt="Card image cap"> <div class="card-body"> <p class="card-tag">TREASURY AND PAYMENTS</p> <p class="card-title">Fueling the connected car economy</p> <p class="card-text"> As cars become increasingly more connected, they are no longer just a product to be sold and maintained.</p> </div> <div class="card-footer align-items-end"><a class="primary link card-link chaseanalytics-track-link" data-pt-name="pymt_unbound-six-trends" aria-label="Read insight of taking control of your treasury data with real-time APIs" href="https://www.jpmorgan.com/insights/payments/payables/fueling-the-connected-car-economy" tabindex="0">Read now </a> </div> </div> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-forecasting-payments/6-img-empowering-financial-inclusion-700x.jpg" alt="Card image cap"> <div class="card-body"> <p class="card-tag">ESG</p> <p class="card-title">Empowering financial inclusion through payments</p> <p class="card-text">Learn how Earned Wage Access (EWA) is becoming a mainstream tool for employers as a way to enable financial inclusion amongst their employee base.</p> </div> <div class="card-footer align-items-end"> <a class="primary link card-link chaseanalytics-track-link" data-pt-name="pymt_lp_cutting-edge-jp-at-mag" aria-label="Payments are eating the world learn more" href="https://www.jpmorgan.com/content/dam/jpm/treasury-services/documents/earned-wage-access-ebook.pdf">Learn more </a> </div> </div> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-forecasting-payments/related-kpmg-700x.jpg" alt="Card image cap"> <div class="card-body"> <p class="card-tag">TREASURY AND PAYMENTS</p> <p class="card-title">Streamline your multinational treasury through centralized trading centers</p> <p class="card-text">In the wake of Covid-19, efficiency, agility and optimization are critical objectives for today's corporates.</p> </div> <div class="card-footer align-items-end"> <a class="primary link card-link chaseanalytics-track-link" data-pt-name="pymt_lp_cutting-edge-jp-at-mag" aria-label="Payments are eating the world learn more" href="https://www.jpmorgan.com/payments/insights/centralized-trading-centers">Learn more </a> </div> </div> <div class="card h-100 card-dark"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-forecasting-payments/1-img-the-future-of-resorts-hero-700x.jpg" alt="Card image cap"> <div class="card-body"> <p class="card-tag card-tag-dark">TREASURY AND PAYMENTS</p> <p class="card-title">The future of resorts, gaming and entertainment is closer than you think</p> <p class="card-text">The next decade will transform the resorts, gaming and entertainment industry as it increasingly blends physical and digital experiences.</p> </div> <div class="card-footer card-dark align-items-end"> <a class="primary link card-link white chaseanalytics-track-link" style="color: #ffffff;" data-pt-name="pymt_lp_cutting-edge-jp-at-mag" aria-label="Payments are eating the world learn more" href="https://www.jpmorgan.com/payments/insights/digital-transformation-resorts-gaming-entertainment">Learn more </a> </div> </div> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/treasury-services/payments-forecasting-payments/3-img-payments-are-eating-the-world-700x.jpg" alt="Card image cap"> <div class="card-body"> <p class="card-tag">TREASURY AND PAYMENTS</p> <p class="card-title">PAYMENTS are eating THE WORLD</p> <p class="card-text">The next decade of payments promises to be even more transformational than the last.</p> </div> <div class="card-footer align-items-end"><a class="primary link card-link chaseanalytics-track-link" data-pt-name="pymt_unbound-six-trends" aria-label="Read insight of taking control of your treasury data with real-time APIs" href="https://www.jpmorgan.com/insights/payments/payment-trends/payments-are-eating-the-world">Read now </a> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Modal --> <div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-labelledby="wallet-on-wheels-title" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">YOUR DIGITAL WALLET ON WHEELS </h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p>The seamless journey isn’t just about getting you from A to B, but smoothing every part of the ride ADA text for “infographics” – Your Digital Wallet on Wheels</p> <ul> <li>Targeted offers sent based on location, payment and mobility data – accruing loyalty points as you make in-vehicle purchases </li> <li> Instant, in-vehicle payments for car-related services like EV charging </li> <li>Pay-per-use or tailored insurance premiums based on your car performance and driver behavior data </li> <li>Rent a car on-demand and pay automatically for the number of miles driven </li> <li>Seamlessly pay for car upgrades such as firmware, servicing or new parts -</li> <li>Personalized alerts when approaching your favorite shops or restaurants, with the option to pre-order and pay in advance </li> </ul> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $('#exampleModalCenter').on('shown.bs.modal', function () { $('#myInput').trigger('focus') }) </script> <!---- <div class="row"> <div class="col-12 col-sm-3"> <ul> <li onClick="changeDivContent()"> Accept payments </li> <li onClick="changeDivContent()"> Process payments</li> </ul> </div> <div class="col-12 col-sm-9" id="solutionsContent"> </div> </div> <script type="text/javascript"> function changeDivContent() { document.getElementById("solutionsContent").innerHTML = "whatever"; }; </script> --> <!-- <section class="section--font-black pt-5 pb-5"> <div class="container"> <div class="row pt-5 pb-5"> <div class="col-md-12 "><small> <h5 id="footnote-label">Footnotes</h5> <!-- <a name="footnote-footer-1" id="footnote-footer-1" href="#footnote-1">1</a> -- Future capabilities of Checkout are under development; features and timelines are subject to change at the Bank's sole discretion.</small> </div> </div> </div> </section> --> <div id="back-to-top-button"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <a id="back-to-top-focus" xlink:href="#" tabindex="0"> <rect width="40" height="40" class="back-to-top-background" data-tabindex="0" /> <g> <path d="M14.5789 18.5789L19.5789 13.5789L24.5789 18.5789" class="back-to-top-arrow" /> <path d="M19.5791 13.5789V27.5789" class="back-to-top-arrow" stroke-linejoin="round" /> <path d="M25.5791 12.5789H13.5791" class="back-to-top-arrow" stroke-linejoin="round" /> </g> <defs> <clippath id="clip0_9801_88281"> <rect width="16.8421" height="16.8421" fill="white" transform="translate(11.5789 11.5789)" /> </clippath> </defs> </a> </svg> </div> <!---- Commenting out Right Rail <div id="research-link"> <button class="close-button" href="JavaScript:Void(0)"></button> <a href="/pages/insights/in-context"> <div> <p> <strong> In Context </strong><br> <span class="no-wrap">J.P.&nbsp;Morgan's</span> newsletter that features insights across global markets and industries </p> <p id="sign-up">Sign Up</p> </div> </a> </div> --> <script> $(window).scroll(function () { var height = $(window).scrollTop(); if (height > 1200) { $('#back-to-top-button').fadeIn(); } else { $('#back-to-top-button').fadeOut('fast'); } }); function backToTop() { $("#back-to-top-button").click(function (event) { event.preventDefault(); $("html, body").stop().animate({ scrollTop: 0 }, 0); //sets animation to 0 to not conflict with scroll-behavior: smooth in css return false; }); } function toggleHeaderVideoPlay() { let playBtn = $("#play-button"); let pauseBtn = $("#pause-button"); let video = $("#video-hero"); pauseBtn.on('click', function () { video.trigger("pause"); $(this).hide(); playBtn.fadeIn('fast'); }); playBtn.on('click', function () { video.trigger("play"); $(this).hide(); pauseBtn.fadeIn('fast'); }); } function podcastTranscriptHandler() { $('.podcast__transcript-button').click(function () { $('.transcript').slideToggle("fast", function () { $(this).toggleClass('active'); }); }); } let headerVideo; const adaID = 6312931453112; const videoID = 6312718217112; let audioDescriptive = false; videojs("js-header-video").ready(function () { headerVideo = this; }); $("#popup-video").on("hidden.bs.modal", function (e) { if (audioDescriptive) { headerVideo.catalog.getVideo(videoID, function (error, video) { // Load the video object into the player headerVideo.catalog.load(video); }); audioDescriptive = false; } else { headerVideo.currentTime(0); }; headerVideo.pause(); }); $(".close").click(function () { if (audioDescriptive) { headerVideo.catalog.getVideo(videoID, function (error, video) { // Load the video object into the player headerVideo.catalog.load(video); }); audioDescriptive = false; } else { headerVideo.currentTime(0); }; headerVideo.pause(); }); function changeVideo(id) { console.log('play ADA audio and the id is', id); // Get the video object via the catalot headerVideo.catalog.getVideo(id, function (error, video) { // Load the video object into the player headerVideo.catalog.load(video); headerVideo.play(); }); } $(".ada__button.ada__audio").on('click', function () { console.log('ada buttin click even fired'); changeVideo(adaID); audioDescriptive = true; }); $(".ada__button.trans-button").on('click', function () { console.log('ada buttin clicked'); $("#headerVideo__transcript").slideToggle("slow", function () { // Animation complete. }); }); function initCounterInViewPort() { var counted = 0; var holders = jQuery(".js-counter"); var win = jQuery(window); win.on("scroll", function () { var scrollTop = holders.each(function () { var holder = jQuery(this); var oTop = holder.offset().top + 400 - window.innerHeight; var items = holder.find(".count"); if (counted == 0 && win.scrollTop() > oTop) { items.each(function () { var $this = jQuery(this), countTo = $this.attr("data-count"); jQuery({ countNum: $this.text(), }).animate( { countNum: countTo, }, { duration: 5000, easing: "swing", step: function () { $this.text(commaSeparateNumber(Math.floor(this.countNum))); }, complete: function () { $this.text(commaSeparateNumber(this.countNum)); }, formatter: function (value, options) { value = value.toFixed(options.decimals); value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ','); return value; }, } ); }); counted = 1; } }); }); function commaSeparateNumber(val) { while (/(\d+)(\d{3})/.test(val.toString())) { val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2'); } return val; } } function removeMarketoLinkStyle() { $('.mktoLinkStyle').attr('style', ''); } $(document).ready(function () { backToTop(); toggleHeaderVideoPlay(); // pageAnimation(); // initCounterInViewPort(); removeMarketoLinkStyle(); // pageTour(); // headerVideoPopup(); }) </script> <!-- Add the slick-theme.css if you want default styling --> <link rel="stylesheet" type="text/css" href="/content/dam/jpm/cib/complex/code/shared/css/slick.css"/> <!-- Add the slick-theme.css if you want default styling --> <link rel="stylesheet" type="text/css" href="/content/dam/jpm/cib/complex/code/shared/css/slick-theme.css"/> <script type="text/javascript" src="/content/dam/jpm/cib/complex/code/shared/scripts/slick.js"></script> <script> $("#related-insights-slider") .slick({ slidesToShow: 3, slidesToScroll: 1, dots: true, autoplay: true, autoplaySpeed: 3000, arrows: false, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 992, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 500, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }) .on("setPosition", function () { resizeSlider(); }); $(window).on("resize", function (e) { resizeSlider(); }); var slickHeight = $(".slick-track").outerHeight(); var slideHeight = $(".slick-track").find(".slick-slide").outerHeight(); function resizeSlider() { $(".slick-track") .find(".slick-slide .slide-wrap") .css("height", slickHeight + "px"); } // $('.js-slick-carousel').on('init', handleSlickInit); $('.js-slick-carousel').slick(slickSettings); // reinitialization $('.js-slick-carousel').on('reInit', () => console.log('slick re-init fired')); $(window).resize(handleResize); </script> <script> </script> <script> var base_url = window.location.origin; var host = window.location.host; var pathArray = window.location.pathname.split('/'); console.log(base_url); console.log(host); console.log(pathArray); </script> <script> (function (d, b, a, s, e) { var t = b.createElement(a), fs = b.getElementsByTagName(a)[0]; t.async = 1; t.id = e; t.src = s; fs.parentNode.insertBefore(t, fs); }) (window, document, 'script', 'https://tag.demandbase.com/527e6d56d1a2150e.min.js', 'demandbase_js_lib'); </script> <!-- Modal --> <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle2">Modal title</h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> </div> </div> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="iparsys parsys aem-GridColumn aem-GridColumn--default--12"><div class="related-insights-carousel section"> <div class="related-insights "> <div class="carousel-container"> <div class="related-insights-headline" id="carouselHeader"> <p>Related <span class="accented-text">insights</span></p> </div> <div class="related-insights-carousel"> <div class="carousel-content related-insights-carousel-content" role="region" aria-live="off" aria-labelledby="carouselHeader" aria-roledescription="carousel" aria-atomic="false"> <div class="card-article-with-image related-insights__cards"> <img loading="lazy" alt="Blue sci-fi tunnel with digital symbols. Abstract futuristic technology concept. Computer generated graphic. 3D render with depth of field" class="image-content" src="/content/dam/jpm/cib/complex/content/treasury-services/wire-365-global-clearing/banner-wire.jpg"/></img> <div class="related-insights__cards-content"> <p class="eyebrow article"> <span>Payments</span></p> <p class="short-description"> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/cross-border-payments/wire-365-global-clearing&#34;,&#34;ctaTitle&#34;:&#34;Evolving towards always-on payments&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/cross-border-payments/wire-365-global-clearing"> Evolving towards always-on payments </a></p> <p class="date">Feb 13, 2025</p> <p class="long-description">What if your institution could leverage the power of J.P. Morgan’s correspondent banking network 365 days a year? Now it can with Wire 365 from J.P. Morgan Payments. </p> </div> <div class="card-link-container"> <span class="card-divider"></span> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/cross-border-payments/wire-365-global-clearing&#34;,&#34;ctaTitle&#34;:&#34;Evolving towards always-on payments&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/cross-border-payments/wire-365-global-clearing" aria-label="Card 1 of 8, Evolving towards always-on payments , Read more">Read more</a> </div> </div> <div class="card-article-with-image related-insights__cards"> <img loading="lazy" alt class="image-content" src="/content/dam/jpmorgan/images/payments/banner-img-forecasting-payments-2025.jpg"/></img> <div class="related-insights__cards-content"> <p class="eyebrow article"> <span>Payments</span></p> <p class="short-description"> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/payment-trends/five-payment-trends-in-2025&#34;,&#34;ctaTitle&#34;:&#34;Five payment trends to help power your business in 2025&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/payment-trends/five-payment-trends-in-2025"> Five payment trends to help power your business in 2025</a></p> <p class="date">Feb 11, 2025</p> <p class="long-description">The 2025 global macroeconomic outlook is marked by uncertainty. Our Forecasting Payments trends can help you navigate these considerations.</p> </div> <div class="card-link-container"> <span class="card-divider"></span> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/payment-trends/five-payment-trends-in-2025&#34;,&#34;ctaTitle&#34;:&#34;Five payment trends to help power your business in 2025&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/payment-trends/five-payment-trends-in-2025" aria-label="Card 2 of 8, Five payment trends to help power your business in 2025, Read more">Read more</a> </div> </div> <div class="card-video-with-image related-insights__cards"> <img loading="lazy" alt class="image-content" src="/content/dam/jpmorgan/images/payments/insights/banner-lenovo.jpg"/></img> <div class="related-insights__cards-content"> <p class="eyebrow video"> <span>Payments</span></p> <p class="short-description"> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Watch video&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/trade-and-working-capital/lenovo-working-capital-solutions&#34;,&#34;ctaTitle&#34;:&#34;From demand to delivery: Lenovo&#39;s strategic working capital solutions&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/trade-and-working-capital/lenovo-working-capital-solutions"> From demand to delivery: Lenovo&#39;s strategic working capital solutions</a></p> <p class="date">Jan 31, 2025</p> <p class="long-description">Learn how Lenovo met rising customer demands with working chain solutions</p> </div> <div class="card-link-container"> <span class="card-divider"></span> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Watch video&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/trade-and-working-capital/lenovo-working-capital-solutions&#34;,&#34;ctaTitle&#34;:&#34;From demand to delivery: Lenovo&#39;s strategic working capital solutions&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/trade-and-working-capital/lenovo-working-capital-solutions" aria-label="Card 3 of 8, From demand to delivery: Lenovo&#39;s strategic working capital solutions, Watch video">Watch video</a> </div> </div> <div class="card-article-with-image related-insights__cards"> <img loading="lazy" alt="woman using phone to make payment banner" class="image-content" src="/content/dam/jpmorgan/images/cb/insights/payments/cb-payments-mmbsi-ie-embedded-payments-report-web-1440x810px-horizontal.jpg"/></img> <div class="related-insights__cards-content"> <p class="eyebrow article"> <span>Payments</span></p> <p class="short-description"> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/payment-trends/trends-in-embedded-payments-software&#34;,&#34;ctaTitle&#34;:&#34;Sector spotlight: Embedded payments&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/payment-trends/trends-in-embedded-payments-software"> Sector spotlight: Embedded payments</a></p> <p class="date">Jan 22, 2025</p> <p class="long-description">Take a closer look at how payment integration affects software company revenue, retention and operational complexity.</p> </div> <div class="card-link-container"> <span class="card-divider"></span> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/payment-trends/trends-in-embedded-payments-software&#34;,&#34;ctaTitle&#34;:&#34;Sector spotlight: Embedded payments&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/payment-trends/trends-in-embedded-payments-software" aria-label="Card 4 of 8, Sector spotlight: Embedded payments, Read more">Read more</a> </div> </div> <div class="card-article-with-image related-insights__cards"> <img loading="lazy" alt="Man using credit card on his laptop banner" class="image-content" src="/content/dam/jpmorgan/images/cb/insights/payments/cb-prod-comm-card-supplier-jan-article-header-1440x810-horizontal.jpg"/></img> <div class="related-insights__cards-content"> <p class="eyebrow article"> <span>Payments</span></p> <p class="short-description"> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/commercial-cards/benefits-of-paying-suppliers-and-vendors-with-cards&#34;,&#34;ctaTitle&#34;:&#34;Pay suppliers with a credit card&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/commercial-cards/benefits-of-paying-suppliers-and-vendors-with-cards"> Pay suppliers with a credit card</a></p> <p class="date">Jan 17, 2025</p> <p class="long-description">Credit card payments can help improve your cash flow and enhance security. Learn how to implement card payments and gain supplier acceptance.</p> </div> <div class="card-link-container"> <span class="card-divider"></span> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/commercial-cards/benefits-of-paying-suppliers-and-vendors-with-cards&#34;,&#34;ctaTitle&#34;:&#34;Pay suppliers with a credit card&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/commercial-cards/benefits-of-paying-suppliers-and-vendors-with-cards" aria-label="Card 5 of 8, Pay suppliers with a credit card, Read more">Read more</a> </div> </div> <div class="card-article-with-image related-insights__cards"> <img loading="lazy" alt class="image-content" src="/content/dam/jpmorgan/images/payments/paypad-pinpad-header.png"/></img> <div class="related-insights__cards-content"> <p class="eyebrow article"> <span>Payments</span></p> <p class="short-description"> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/payment-trends/introducing-paypad-pinpad-terminals&#34;,&#34;ctaTitle&#34;:&#34;Introducing the Paypad and Pinpad from J.P. Morgan Payments&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/payment-trends/introducing-paypad-pinpad-terminals"> Introducing the Paypad and Pinpad from J.P. Morgan Payments</a></p> <p class="date">Jan 15, 2025</p> <p class="long-description">The announcement of two brand-new proprietary payment terminals demonstrated at NRF 2025 is the latest step forward for J.P. Morgan Payments as we build the future of omnichannel experiences and frictionless payments.</p> </div> <div class="card-link-container"> <span class="card-divider"></span> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/payment-trends/introducing-paypad-pinpad-terminals&#34;,&#34;ctaTitle&#34;:&#34;Introducing the Paypad and Pinpad from J.P. Morgan Payments&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/payment-trends/introducing-paypad-pinpad-terminals" aria-label="Card 6 of 8, Introducing the Paypad and Pinpad from J.P. Morgan Payments, Read more">Read more</a> </div> </div> <div class="card-article-with-image related-insights__cards"> <img loading="lazy" alt="Plane flying over skyline banner" class="image-content" src="/content/dam/jpmorgan/images/cb/insights/payments/cb-payments-banner-comm-card-virtual-travel-1440x810px-horizontal.jpg"/></img> <div class="related-insights__cards-content"> <p class="eyebrow article"> <span>Payments</span></p> <p class="short-description"> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/commercial-cards/using-virtual-credit-cards-for-travel-agency-payments&#34;,&#34;ctaTitle&#34;:&#34;Virtual cards for online travel agencies&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/commercial-cards/using-virtual-credit-cards-for-travel-agency-payments"> Virtual cards for online travel agencies</a></p> <p class="date">Jan 13, 2025</p> <p class="long-description">To support the merchant model for OTAs, virtual cards deliver a robust B2B solution and strategy that facilitates payment, provides end-to-end visibility, maximizes revenue streams and helps mitigate fraud.</p> </div> <div class="card-link-container"> <span class="card-divider"></span> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/commercial-cards/using-virtual-credit-cards-for-travel-agency-payments&#34;,&#34;ctaTitle&#34;:&#34;Virtual cards for online travel agencies&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/commercial-cards/using-virtual-credit-cards-for-travel-agency-payments" aria-label="Card 7 of 8, Virtual cards for online travel agencies, Read more">Read more</a> </div> </div> <div class="card-article-with-image related-insights__cards"> <img loading="lazy" alt class="image-content" src="/content/dam/jpmorgan/images/payments/banner-img-faq-1440x810px.jpg"/></img> <div class="related-insights__cards-content"> <p class="eyebrow article"> <span>Payments</span></p> <p class="short-description"> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/cross-border-payments/iso-20022-faqs&#34;,&#34;ctaTitle&#34;:&#34;ISO 20022 – Frequently asked questions&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/cross-border-payments/iso-20022-faqs"> ISO 20022 – Frequently asked questions</a></p> <p class="long-description"></p> </div> <div class="card-link-container"> <span class="card-divider"></span> <a class="card-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Read more&#34;,&#34;ctaUrl&#34;:&#34;/insights/payments/cross-border-payments/iso-20022-faqs&#34;,&#34;ctaTitle&#34;:&#34;ISO 20022 – Frequently asked questions&#34;,&#34;ctaComponentName&#34;:&#34;Related Insights Carousel&#34;}}" data-cmp-clickable href="/insights/payments/cross-border-payments/iso-20022-faqs" aria-label="Card 8 of 8, ISO 20022 – Frequently asked questions, Read more">Read more</a> </div> </div> </div> <div class="related-insights-controls-container"> <div class="controls related-insights-customized-controls" role="group" aria-roledescription="carousel controls"> <button class="prevBtn arrow-controls" data-icon="&#xf053" aria-label="Carousel Previous Slide"></button> <button class="nextBtn arrow-controls" data-icon="&#xf054" aria-label="Carousel Next Slide"></button> <div class="related-insights-dotNavigation" aria-label="Carousel dot navigation/pagination"></div> <p class="related-insights-numNavigation" aria-label="Carousel number navigation"></p> </div> </div> </div> </div> </div> </div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys parsys"></div> </div> </div> </div> </div> <div class="footer responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="iparsys parsys aem-GridColumn aem-GridColumn--default--12"><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys parsys"><div class="experience-fragment experiencefragment section"> </div> <div class="speed-bump section"> <div class="cmp-speedbump "> <div class="speedbump__wrapper default"> <div class="speedbump" role="dialog" aria-labelledby="speedbump_header" aria-modal="true" data-speedbump-type="default"> <div class="speedbump__inner"> <p tabindex="-1" id="speedbump_header" class="speedbump__inner--header">You&#39;re now leaving J.P. Morgan</p> <div tabindex="-1" id="speedbump_innertext" class="speedbump__inner--desc" aria-labelledby="speedbump_innertext"> <p>J.P. Morgan’s website and/or mobile terms, privacy and security policies don’t apply to the site or app you're about to visit. Please review its terms, privacy and security policies to see how they apply to you. J.P. Morgan isn’t responsible for (and doesn’t provide) any products, services or content at this third-party site or app, except for products and services that explicitly carry the J.P. Morgan name.</p> </div> <div class="speedbump__inner--links"> <a role="button" class="btn btn--secondary speedbump__inner--links__cancel cta cta--secondary chaseanalytics-track-link" href="javascript:void(0)">Cancel</a> <a role="button" class="btn btn--secondary speedbump__inner--links__proceed cta cta--primary chaseanalytics-track-link" rel="noopener" href="javascript:void(0)">Proceed</a> </div> </div> </div> </div> </div> </div> <div class="primary-footer section"> <footer class="cmp-primary-footer "> <div class="cmp-primary-footer__content"> <div class="cmp-primary-footer__links"> <div class="cmp-primary-footer__columns"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> SOLUTIONS </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Asset Management&#34;,&#34;ctaUrl&#34;:&#34;https://am.jpmorgan.com/asset-management/gim/welcome&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://am.jpmorgan.com/asset-management/gim/welcome" target="_blank" aria-label="Link to Asset Management website"> Asset Management </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Commercial Banking&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/commercial-banking" target="_self" aria-label="Link to Commercial Banking "> Commercial Banking </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Credit and Financing&#34;,&#34;ctaUrl&#34;:&#34;/credit-and-financing&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/credit-and-financing" target="_self" aria-label="Link to Credit &amp; Financing "> Credit and Financing </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Investment Banking&#34;,&#34;ctaUrl&#34;:&#34;/investment-banking&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/investment-banking" target="_self" aria-label="Link to Investment Banking "> Investment Banking </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Markets&#34;,&#34;ctaUrl&#34;:&#34;/markets&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/markets" target="_self" aria-label="Link to Markets homepage"> Markets </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Payments&#34;,&#34;ctaUrl&#34;:&#34;/payments&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/payments" target="_self" aria-label="Link to Payments "> Payments </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Prime Services&#34;,&#34;ctaUrl&#34;:&#34;/prime-services&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/prime-services" target="_self" aria-label="Link to Prime Service page"> Prime Services </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Private Banking&#34;,&#34;ctaUrl&#34;:&#34;https://privatebank.jpmorgan.com/nam/en/home&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://privatebank.jpmorgan.com/nam/en/home" target="_self" aria-label="Link to J.P. Morgan Private Bank site"> Private Banking </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Securities Services&#34;,&#34;ctaUrl&#34;:&#34;/securities-services&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/securities-services" target="_self" aria-label="Link to Securities Services page"> Securities Services </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Wealth Management&#34;,&#34;ctaUrl&#34;:&#34;https://www.chase.com/personal/investments&#34;,&#34;ctaTitle&#34;:&#34;SOLUTIONS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://www.chase.com/personal/investments" target="_blank" aria-label="Link to Wealth Management Personal Investments"> Wealth Management </a> </li> </ul> </div> </div> </div> <div class="cmp-primary-footer__columns"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <a class="header-link chaseanalytics-track-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;CAREERS&#34;,&#34;ctaUrl&#34;:&#34;https://careers.jpmorgan.com&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://careers.jpmorgan.com" target="_blank" aria-label="View J.P. Morgan Careers site"> CAREERS </a> </h3> </li> <li> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Experienced Professionals&#34;,&#34;ctaUrl&#34;:&#34;https://careers.jpmorgan.com/global/en/professionals&#34;,&#34;ctaTitle&#34;:&#34;CAREERS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://careers.jpmorgan.com/global/en/professionals" target="_blank" aria-label="View JPMC Careers for experienced professionals"> Experienced Professionals </a> </li> <li> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Students&#34;,&#34;ctaUrl&#34;:&#34;https://careers.jpmorgan.com/us/en/students&#34;,&#34;ctaTitle&#34;:&#34;CAREERS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://careers.jpmorgan.com/us/en/students" target="_blank" aria-label="View J.P. Morgan Careers Students site"> Students </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> HELPFUL LINKS </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;About Us&#34;,&#34;ctaUrl&#34;:&#34;/about-us&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/about-us" target="_self" aria-label="Link to J.P. Morgan About Us page"> About Us </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Apps&#34;,&#34;ctaUrl&#34;:&#34;/apps&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/apps" target="_self" aria-label="View all J.P. Morgan apps"> Apps </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Events and Conferences&#34;,&#34;ctaUrl&#34;:&#34;/about-us/events-conferences&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/about-us/events-conferences" target="_self" aria-label="link to events and conferences"> Events and Conferences </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Impact&#34;,&#34;ctaUrl&#34;:&#34;/commercial-banking/impact&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/commercial-banking/impact" target="_self" aria-label="link to impact page"> Impact </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Industries&#34;,&#34;ctaUrl&#34;:&#34;/industries-we-serve&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/industries-we-serve" target="_self" aria-label="Link to J.P. Morgan Industries page"> Industries </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Insights&#34;,&#34;ctaUrl&#34;:&#34;/insights&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/insights" target="_self" aria-label="Link to Insights page"> Insights </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Investor Relations&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorganchase.com/ir&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://www.jpmorganchase.com/ir" target="_blank" aria-label="View JPMorganChase Investor Relations site"> Investor Relations </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Media Center&#34;,&#34;ctaUrl&#34;:&#34;/contact-us/media&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/contact-us/media" target="_self" aria-label="link to media center"> Media Center </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;News and Announcements&#34;,&#34;ctaUrl&#34;:&#34;/about-us/corporate-news&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/about-us/corporate-news" target="_self" aria-label="Read J.P. Morgan corporate press releases"> News and Announcements </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Newsletters&#34;,&#34;ctaUrl&#34;:&#34;/newsletters&#34;,&#34;ctaTitle&#34;:&#34;HELPFUL LINKS&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/newsletters" target="_self" aria-label="link to newsletter page"> Newsletters </a> </li> </ul> </div> </div> </div> <div class="cmp-primary-footer__columns"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> JPMORGANCHASE SITES </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Chase&#34;,&#34;ctaUrl&#34;:&#34;https://www.chase.com&#34;,&#34;ctaTitle&#34;:&#34;JPMORGANCHASE SITES&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://www.chase.com" target="_blank" aria-label="Visit Chase website"> Chase </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;JPMorganChase&#34;,&#34;ctaUrl&#34;:&#34;https://www.jpmorganchase.com&#34;,&#34;ctaTitle&#34;:&#34;JPMORGANCHASE SITES&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://www.jpmorganchase.com" target="_blank" aria-label="Visit JPMorgan Chase &amp; Co. website"> JPMorganChase </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Payments Partner Network&#34;,&#34;ctaUrl&#34;:&#34;https://partners.jpmorgan.com/&#34;,&#34;ctaTitle&#34;:&#34;JPMORGANCHASE SITES&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://partners.jpmorgan.com/" target="_blank" aria-label="Link to Payments Partner Network"> Payments Partner Network </a> </li> </ul> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <ul class="primary-link-group "> <li> <h3 class="link-group-header"> <p> CONNECT WITH US </p> </h3> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Alumni Network&#34;,&#34;ctaUrl&#34;:&#34;https://alumni.jpmorganchase.com/&#34;,&#34;ctaTitle&#34;:&#34;CONNECT WITH US&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="https://alumni.jpmorganchase.com/" target="_blank" aria-label="Visit the J.P. Morgan Alumni website"> Alumni Network </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Client Login&#34;,&#34;ctaUrl&#34;:&#34;/login&#34;,&#34;ctaTitle&#34;:&#34;CONNECT WITH US&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/login" target="_self" aria-label="Login to J.P. Morgan sites"> Client Login </a> </li> <li> <a class="primary-link " data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Contact Us&#34;,&#34;ctaUrl&#34;:&#34;/contact-us&#34;,&#34;ctaTitle&#34;:&#34;CONNECT WITH US&#34;,&#34;ctaComponentName&#34;:&#34;Link Set&#34;}}" data-cmp-clickable href="/contact-us" target="_self" aria-label="Contact J.P. Morgan"> Contact Us </a> </li> </ul> </div> </div> </div> </div> <div class="cmp-primary-footer__logo-and-socials"> <img loading="lazy" class="cmp-primary-footer__logo" src="/content/dam/jpmorgan/images/logos/jpm-logo-brown-062322.svg" alt="J. P. Morgan logo"/> <div class="cmp-primary-footer__socials"> <a href="https://www.linkedin.com/company/jpmorgan" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;fab fa-linkedin&#34;,&#34;ctaUrl&#34;:&#34;https://www.linkedin.com/company/jpmorgan&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_blank" aria-label="Follow us on linkedin" class="fab fa-linkedin "></a> <a href="https://twitter.com/jpmorgan" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;fab fa-twitter&#34;,&#34;ctaUrl&#34;:&#34;https://twitter.com/jpmorgan&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_blank" aria-label="Follow us on Twitter" class="fab fa-twitter "></a> <a href="https://www.facebook.com/jpmorgan" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;fab fa-facebook-f&#34;,&#34;ctaUrl&#34;:&#34;https://www.facebook.com/jpmorgan&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_blank" aria-label="Follow us on Facebook" class="fab fa-facebook-f "></a> <a href="https://instagram.com/jpmorgan" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;fab fa-instagram&#34;,&#34;ctaUrl&#34;:&#34;https://instagram.com/jpmorgan&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_blank" aria-label="Follow us on Instagram" class="fab fa-instagram "></a> <a href="https://www.youtube.com/user/jpmorgan" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;fab fa-youtube&#34;,&#34;ctaUrl&#34;:&#34;https://www.youtube.com/user/jpmorgan&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_blank" aria-label="Follows us on Youtube" class="fab fa-youtube "></a> </div> </div> </div> <div class="cmp-primary-footer__global-content"> <ul class="cmp-primary-footer__global-links"> <li class="cmp-primary-footer__global-link"> <a href="/privacy" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Privacy&#34;,&#34;ctaUrl&#34;:&#34;/privacy&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_self" aria-label="View our privacy policy">Privacy</a> <span class="bar" data-icon="&#x007C"></span> </li> <li class="cmp-primary-footer__global-link"> <a href="/terms-of-use" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Terms of Use&#34;,&#34;ctaUrl&#34;:&#34;/terms-of-use&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_self" aria-label="View our terms of use">Terms of Use</a> <span class="bar" data-icon="&#x007C"></span> </li> <li class="cmp-primary-footer__global-link"> <a href="https://www.chase.com/digital/resources/accessibility" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Accessibility&#34;,&#34;ctaUrl&#34;:&#34;https://www.chase.com/digital/resources/accessibility&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_blank" aria-label="View our accessibility policy">Accessibility</a> <span class="bar" data-icon="&#x007C"></span> </li> <li class="cmp-primary-footer__global-link"> <a href="/cookies" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Cookies Policy&#34;,&#34;ctaUrl&#34;:&#34;/cookies&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_self" aria-label="View our cookies policy">Cookies Policy</a> <span class="bar" data-icon="&#x007C"></span> </li> <li class="cmp-primary-footer__global-link"> <a href="/disclosures" data-cmp-data-layer="{&#34;event&#34;:&#34;cmp:click&#34;,&#34;webInteraction&#34;:{&#34;ctaType&#34;:&#34;link&#34;,&#34;ctaText&#34;:&#34;Regulatory Disclosures&#34;,&#34;ctaUrl&#34;:&#34;/disclosures&#34;,&#34;ctaTitle&#34;:&#34;&#34;,&#34;ctaComponentName&#34;:&#34;Primary Footer&#34;}}" data-cmp-clickable target="_self" aria-label="View our global regulatory disclosures">Regulatory Disclosures</a> <span class="bar" data-icon="&#x007C"></span> </li> </ul> <div class="cmp-primary-footer__copyright">&copy; <span class="current-year"></span> JPMorgan Chase &amp; Co. All rights reserved.</div> </div> </footer> </div> </div> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", () => { const header = document.querySelector(".header"); if(header) header.nextElementSibling.setAttribute("id", "main"); }); </script> </body> </html>

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