CINXE.COM
Global Research | J.P.Morgan
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"/> <meta name="keywords" content="Global Research"/> <meta name="template" content="raw-html-page"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <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/insights/research"/> <script type="text/javascript" src="https://www.jpmorgan.com/resources/3ab7a41dad6a84c8e31096667248b9b34c6ac69210a0e" ></script><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>Global Research | J.P.Morgan</title> <meta name="title" content="Global Research | J.P.Morgan"/> <meta name="description" content="J.P. Morgan’s Research team leverages cutting-edge technologies and innovative tools to bring clients industry-leading analysis and investment advice."/> <meta content="Global Research | J.P.Morgan" property="og:title"/> <meta content="J.P. Morgan’s Research team leverages cutting-edge technologies and innovative tools to bring clients industry-leading analysis and investment advice." property="og:description"/> <meta content="https://www.jpmorgan.com/insights/research" property="og:url"/> <meta content="website" property="og:type"/> <meta content="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/Research_Header.jpg" 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/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/bootstrap5.min.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/research-tiles.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.883fe6532857ab68101cbbaedeb0c8df.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.af946103f674951c7ae8f00b9f88ce03.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="bdpnbevydtvtaz2b4qgq-f-21656e8e7-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":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"3cbbba30","ak.r":41870,"ak.a2":n,"ak.m":"a","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":51086,"ak.gh":"184.28.235.53","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732371469","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==iuuiMmSOyfsG7xo3qh8MBz8azWJDi3iBSEsmEgDP0DXCtV40ZJuEwtizHDNQvGshG7pROoZDr+O4DfiK9JhojRCU80m7547cM6GFMR+b1HAFJV+gQruZ/ZDR0CY6mhxjvbR8Exnl1Oa+j3E83FLtMUuQbYpi5YNj1tp/lIgU4RkR38AX7dhgOYurHSsu79drIRIfANdIufBiFI4uKdBvHob9dKoZJsbk5Y+IK1081DL3SWSC7C1dPunkTVupOOtgACEGhkovWpWs9putacUpnYhPtImq1Hi1OYuHL0lZaEafB7DqdDS1CXct3kdW9H9E1NKT3KiCrMgaZ/PH1X7nMqxzse+8prdHzdkA+hsDr2ppAq0r9yR2bDxVZRdRVuMGx/xRxZB/sCRoeXwBHsTr5nSSR8PiMBy5oz31Tanef/o=","ak.pv":"11","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-e3f783b131" 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:[\x22Investment Banking\x22],\x22pageUrl\x22:\x22https:\/\/www.jpmorgan.com\/insights\/research\x22,\x22pageTitle\x22:\x22Global Research\x22,\x22createdDate\x22:\x222024\u002D11\u002D22T09:46:14.607\u002D05:00\x22,\x22lastModifiedDate\x22:\x222024\u002D04\u002D03T12:14:04.678\u002D04:00\x22,\x22siteName\x22:\x22JPMorgan\x22,\x22language\x22:\x22en\x22,\x22tags\x22:[\x22Global Research\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-228a4a3c0c" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"J.P. Morgan global logo","ctaUrl":"/global","ctaTitle":"","ctaComponentName":"Primary Navigation"}}" 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="" type="button">Solutions</button> </li> <li class="primary-navigation-link nav-button"> <button aria-label="Click link to open Who We Serve" data-icon="" type="button">Who We Serve</button> </li> <li class="primary-navigation-link nav-button"> <button aria-label="Click link to open Insights" data-icon="" type="button">Insights</button> </li> <li class="primary-navigation-link nav-button"> <button aria-label="Click link to open About Us" data-icon="" 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"> <form action="/search" class="search-form "> <label class="search-input-label" data-icon=""> <input type="search" class="search-input" name="q" placeholder="Search J.P. Morgan" required/> <small class="search-error__message">Please enter a valid search.</small> </label> <button class="search-button">Search</button> </form> <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="" 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="" 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="" 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="" 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=""></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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Careers","ctaUrl":"https://careers.jpmorgan.com/US/en/home","ctaTitle":"","ctaComponentName":"Primary Navigation"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"News","ctaUrl":"/about-us/corporate-news","ctaTitle":"","ctaComponentName":"Primary Navigation"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Contact Us","ctaUrl":"/contact-us","ctaTitle":"","ctaComponentName":"Primary Navigation"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Login","ctaUrl":"/login","ctaTitle":"","ctaComponentName":"Primary Navigation"}}" 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=""></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 & Africa">Middle East & 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Global","ctaUrl":"/global","ctaTitle":"","ctaComponentName":"Country Selector"}}" 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=""> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon=""></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Australia & New Zealand","ctaUrl":"https://www.jpmorgan.com/AU/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/AU/en/about-us'>Australia & New Zealand</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Bangladesh","ctaUrl":"https://www.jpmorgan.com/BD/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Mainland China English","ctaUrl":"https://www.jpmorganchina.com.cn/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorganchina.com.cn/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Mainland China 中文","ctaUrl":"https://www.jpmorganchina.com.cn/zh/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorganchina.com.cn/zh/about-us'>中文</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Hong Kong SAR, China","ctaUrl":"https://www.jpmorgan.com/HK/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"India","ctaUrl":"https://www.jpmorgan.com/IN/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/IN/en/about-us'>India</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Indonesia","ctaUrl":"https://www.jpmorgan.co.id/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Japan English","ctaUrl":"https://www.jpmorgan.co.jp/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.co.jp/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Japan 日本","ctaUrl":"https://www.jpmorgan.co.jp/ja/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Korea English","ctaUrl":"https://www.jpmorgan.co.kr/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.co.kr/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Korea 한국","ctaUrl":"https://www.jpmorgan.co.kr/ko/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.co.kr/ko/about-us'>한국</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Malaysia","ctaUrl":"https://www.jpmorgan.com/MY/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/MY/en/about-us'>Malaysia</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Pakistan","ctaUrl":"https://www.jpmorgan.com/PK/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/PK/en/about-us'>Pakistan</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Philippines","ctaUrl":"https://www.jpmorgan.com/PH/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/PH/en/about-us'>Philippines</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Singapore","ctaUrl":"https://www.jpmorgan.com/SG/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/SG/en/about-us'>Singapore</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Sri Lanka","ctaUrl":"https://www.jpmorgan.com/LK/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/LK/en/about-us'>Sri Lanka</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Taiwan, China","ctaUrl":"https://www.jpmorgan.com/TW/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/TW/en/about-us'>Taiwan, China</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Thailand","ctaUrl":"https://www.jpmorgan.com/TH/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/TH/en/about-us'>Thailand</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Vietnam","ctaUrl":"https://www.jpmorgan.com/VN/en/about-us","ctaTitle":"Asia Pacific","ctaComponentName":"Country Selector"}}" 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=""> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon=""></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Austria","ctaUrl":"https://www.jpmorgan.com/AT/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/AT/en/about-us'>Austria</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Belgium","ctaUrl":"https://www.jpmorgan.com/BE/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/BE/en/about-us'>Belgium</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Channel Islands","ctaUrl":"https://www.jpmorgan.com/JE/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/JE/en/about-us'>Channel Islands</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Denmark","ctaUrl":"https://www.jpmorgan.com/DK/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/DK/en/about-us'>Denmark</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Finland","ctaUrl":"https://www.jpmorgan.com/FI/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/FI/en/about-us'>Finland</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"France","ctaUrl":"https://www.jpmorgan.com/FR/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/FR/en/about-us'>France</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Germany","ctaUrl":"https://www.jpmorgan.com/DE/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/DE/en/about-us'>Germany</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Greece","ctaUrl":"https://www.jpmorgan.com/GR/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/GR/en/about-us'>Greece</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Ireland","ctaUrl":"https://www.jpmorgan.com/IE/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/IE/en/about-us'>Ireland</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Italy","ctaUrl":"https://www.jpmorgan.com/IT/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/IT/en/about-us'>Italy</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Luxembourg","ctaUrl":"https://www.jpmorgan.com/LU/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/LU/en/about-us'>Luxembourg</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Netherlands","ctaUrl":"https://www.jpmorgan.com/NL/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/NL/en/about-us'>Netherlands</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Norway","ctaUrl":"https://www.jpmorgan.com/NO/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/NO/en/about-us'>Norway</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Poland","ctaUrl":"https://www.jpmorgan.com/PL/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/PL/en/about-us'>Poland</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Portugal","ctaUrl":"https://www.jpmorgan.com/PT/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Russia English","ctaUrl":"https://www.jpmorgan.ru/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.ru/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Russia Русский","ctaUrl":"https://www.jpmorgan.ru/ru/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.ru/ru/about-us'>Русский</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Spain","ctaUrl":"https://www.jpmorgan.com/ES/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/ES/en/about-us'>Spain</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Sweden","ctaUrl":"https://www.jpmorgan.com/SE/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/SE/en/about-us'>Sweden</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Switzerland","ctaUrl":"https://www.jpmorgan.com/CH/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Turkey English","ctaUrl":"https://www.jpmorgan.com/TR/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/TR/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Turkey Türkiye","ctaUrl":"https://www.jpmorgan.com/TR/tr/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/TR/tr/about-us'>Türkiye</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"United Kingdom","ctaUrl":"https://www.jpmorgan.com/GB/en/about-us","ctaTitle":"Europe","ctaComponentName":"Country Selector"}}" 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=""> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon=""></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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Argentina English","ctaUrl":"https://www.jpmorgan.com/AR/en/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/AR/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Argentina Español","ctaUrl":"https://www.jpmorgan.com/AR/es/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Brazil English","ctaUrl":"https://www.jpmorgan.com.br/en/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com.br/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Brazil Português","ctaUrl":"https://www.jpmorgan.com.br/pt/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Chile English","ctaUrl":"https://www.jpmorgan.com/CL/en/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/CL/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Chile Español","ctaUrl":"https://www.jpmorgan.com/CL/es/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Colombia English","ctaUrl":"https://www.jpmorgan.com/CO/en/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/CO/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Colombia Español","ctaUrl":"https://www.jpmorgan.com/CO/es/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Mexico English","ctaUrl":"https://www.jpmorgan.com.mx/en/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com.mx/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Mexico Español","ctaUrl":"https://www.jpmorgan.com.mx/es/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com.mx/es/about-us'>Español</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Panama","ctaUrl":"https://www.jpmorgan.com/PA/en/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Peru English","ctaUrl":"https://www.jpmorgan.com/PE/en/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/PE/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Peru Español","ctaUrl":"https://www.jpmorgan.com/PE/es/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/PE/es/about-us'>Español</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Venezuela","ctaUrl":"https://www.jpmorgan.com/VE/en/about-us","ctaTitle":"Latin America","ctaComponentName":"Country Selector"}}" 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=""> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon=""></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Bahrain","ctaUrl":"https://www.jpmorgan.com/BH/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/BH/en/about-us'>Bahrain</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Egypt","ctaUrl":"https://www.jpmorgan.com/EG/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/EG/en/about-us'>Egypt</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Israel","ctaUrl":"https://www.jpmorgan.com/IL/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/IL/en/about-us'>Israel</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Lebanon","ctaUrl":"https://www.jpmorgan.com/LB/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/LB/en/about-us'>Lebanon</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Nigeria","ctaUrl":"https://www.jpmorgan.com/NG/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/NG/en/about-us'>Nigeria</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Qatar","ctaUrl":"https://www.jpmorgan.com/QA/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/QA/en/about-us'>Qatar</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Saudi Arabia","ctaUrl":"https://www.jpmorgan.com/SA/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/SA/en/about-us'>Saudi Arabia</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"South Africa","ctaUrl":"https://www.jpmorgan.com/ZA/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/ZA/en/about-us'>South Africa</a> </li> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"United Arab Emirates","ctaUrl":"https://www.jpmorgan.com/AE/en/about-us","ctaTitle":"Middle East & Africa","ctaComponentName":"Country Selector"}}" 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=""> Back to all regions </button> <button aria-label="Click to close country selector modal" class="modal-exit-button" data-icon=""></button> <p class="country-title"></p> <ul class="countries-container"> <li class="countries"> <ul> <li class="country"> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"United States","ctaUrl":"https://www.jpmorgan.com/about-us","ctaTitle":"North America","ctaComponentName":"Country Selector"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Canada English","ctaUrl":"https://www.jpmorgan.com/CA/en/about-us","ctaTitle":"North America","ctaComponentName":"Country Selector"}}" data-cmp-clickable href='https://www.jpmorgan.com/CA/en/about-us'>English</a> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Canada French","ctaUrl":"https://www.jpmorgan.com/CA/fr/about-us","ctaTitle":"North America","ctaComponentName":"Country Selector"}}" 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> <form action="/search" class="search-form "> <label class="search-input-label" data-icon=""> <input type="search" class="search-input" name="q" placeholder="Search J.P. Morgan" required/> <small class="search-error__message">Please enter a valid search.</small> </label> <button class="search-button">Search</button> </form> </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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Banking","ctaUrl":"/commercial-banking","ctaTitle":"","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Innovation Economy","ctaUrl":"/commercial-banking/startups","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Midsize Businesses","ctaUrl":"/commercial-banking/middle-market-banking","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Large Corporations","ctaUrl":"/commercial-banking/corporate-institutional-banking","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Real Estate","ctaUrl":"/commercial-real-estate","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Community Impact Banking","ctaUrl":"/commercial-banking/impact","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"International Banking","ctaUrl":"/international-banking","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Industries","ctaUrl":"/industries-we-serve","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Industries</a> </li> <li class="key-link"> <a href="/insights" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Insights","ctaUrl":"/insights","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Insights</a> </li> <li class="key-link"> <a href="/client-stories" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Client Stories","ctaUrl":"/client-stories","ctaTitle":"Commercial Banking","ctaComponentName":"Expanded Grid Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Credit and Financing","ctaUrl":"/credit-and-financing","ctaTitle":"","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Asset Based Lending","ctaUrl":"/credit-and-financing/asset-based-lending","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Equipment Financing","ctaUrl":"/credit-and-financing/equipment-financing","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Trade & Working Capital","ctaUrl":"/payments/solutions/trade-and-working-capital","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Trade & 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Syndicated Financing","ctaUrl":"/credit-and-financing/syndicated-finance","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Real Estate","ctaUrl":"/commercial-real-estate","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Employee Stock Ownership Plans","ctaUrl":"/credit-and-financing/employee-stock-ownership-plan","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Insights","ctaUrl":"/insights","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Insights</a> </li> <li class="key-link"> <a href="/industries-we-serve" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Industries","ctaUrl":"/industries-we-serve","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Industries</a> </li> <li class="key-link"> <a href="/client-stories" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Client Stories","ctaUrl":"/client-stories","ctaTitle":"Credit and Financing","ctaComponentName":"Expanded Grid Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Institutional Investing","ctaUrl":"/institutional-investing","ctaTitle":"","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Institutional Investors","ctaUrl":"https://am.jpmorgan.com/us/en/asset-management/institutional/","ctaTitle":"Institutional Investing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"J.P. Morgan Markets Do. More.","ctaUrl":"/markets","ctaTitle":"Institutional Investing","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>J.P. Morgan Markets Do. More.</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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Prime Services","ctaUrl":"/prime-services","ctaTitle":"Institutional Investing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Global Research","ctaUrl":"/insights/research","ctaTitle":"Institutional Investing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Securities Services","ctaUrl":"/securities-services","ctaTitle":"Institutional Investing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Fusion","ctaUrl":"https://fusion.jpmorgan.com/","ctaTitle":"Institutional Investing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Financial Professionals","ctaUrl":"https://am.jpmorgan.com/us/en/asset-management/adv/","ctaTitle":"Institutional Investing","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Liquidity Investors","ctaUrl":"https://am.jpmorgan.com/us/en/asset-management/liq/","ctaTitle":"Institutional Investing","ctaComponentName":"Expanded Grid Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Investment Banking","ctaUrl":"/investment-banking","ctaTitle":"","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Center for Carbon Transition","ctaUrl":"/investment-banking/center-for-carbon-transition","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Corporate Finance Advisory","ctaUrl":"/investment-banking/corporate-finance-advisory","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" 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&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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Development Finance Institution","ctaUrl":"/investment-banking/development-finance-institution","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Sustainable Solutions","ctaUrl":"/investment-banking/sustainable-solutions","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Mergers and Acquisitions","ctaUrl":"/investment-banking/mergers-and-acquisitions","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Mergers and Acquisitions</a> <div class="description">Bespoke M&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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Capital Markets","ctaUrl":"/investment-banking/capital-markets","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Capital Connect","ctaUrl":"https://capitalconnect.jpmorgan.com/","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Capital Connect</a> </li> <li class="key-link"> <a href="/investment-banking/in-context" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"In Context Newsletter from J.P. Morgan","ctaUrl":"/investment-banking/in-context","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Director Advisory Services","ctaUrl":"/investment-banking/director-advisory-services","ctaTitle":"Investment Banking","ctaComponentName":"Expanded Grid Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Payments","ctaUrl":"/payments/solutions","ctaTitle":"","ctaComponentName":"Expanded Column Links"}}" 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"> <div class="primary-link-group section-header-space"> <h3 class="link-group-header"> <p> Accept Payments </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Access®","ctaUrl":"/payments/solutions/access","ctaTitle":"Accept Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/access" target="_self" aria-label="Link to Access page"> Access® </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commerce","ctaUrl":"/payments/solutions/commerce","ctaTitle":"Accept Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/commerce" target="_self" aria-label="Link to commerce solutions page"> Commerce </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Cross-Currency Solutions","ctaUrl":"/payments/solutions/treasury/cross-currency-solutions","ctaTitle":"Accept Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/treasury/cross-currency-solutions" target="_self" aria-label="Link to cross currency solution page"> Cross-Currency Solutions </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Digital Bill Payment","ctaUrl":"/payments/solutions/digital-bill-payment","ctaTitle":"Accept Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/digital-bill-payment" target="_self" aria-label="Link to digital bill pay page"> Digital Bill Payment </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Integrated Receivables","ctaUrl":"/payments/solutions/treasury/integrated-receivables","ctaTitle":"Accept Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/treasury/integrated-receivables" target="_self" aria-label="Link to integrated receivables page"> Integrated Receivables </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Payment Gateway","ctaUrl":"/payments/solutions/payment-gateway","ctaTitle":"Accept Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/payment-gateway" target="_self" aria-label="Link to payment gateway page"> Payment Gateway </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Remote Capture Resource Center","ctaUrl":"/payments/solutions/remote-capture-resource-center","ctaTitle":"Accept Payments","ctaComponentName":"Link Set"}}" 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> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Wallet™","ctaUrl":"/payments/solutions/jpmorgan-wallet","ctaTitle":"Accept Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/jpmorgan-wallet" target="_self" aria-label="Link to Wallet page"> Wallet™ </a> </div> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> Explore Blockchain </p> </h3> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Onyx","ctaUrl":"https://www.jpmorgan.com/onyx/index","ctaTitle":"Explore Blockchain","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://www.jpmorgan.com/onyx/index" target="_blank" aria-label="Link to Onyx website"> Onyx </a> </div> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> Client Service </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Global Client Service","ctaUrl":"/payments/solutions/global-client-service","ctaTitle":"Client Service","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/global-client-service" target="_self" aria-label="Link to Global client service page"> Global Client Service </a> </div> </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"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> Process Payments </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commerce","ctaUrl":"/payments/solutions/commerce","ctaTitle":"Process Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/commerce" target="_self" aria-label="Link to Commerce solutions page"> Commerce </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Payment Facilitation","ctaUrl":"/payments/solutions/payment-facilitation","ctaTitle":"Process Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/payment-facilitation" target="_self" aria-label="Link to Payment facilitation page"> Payment Facilitation </a> </div> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> Manage Funds </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Access®","ctaUrl":"/payments/solutions/access","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/access" target="_self" aria-label="Link to Access page"> Access® </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Cards","ctaUrl":"/payments/solutions/commercial-cards","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/commercial-cards" target="_self" aria-label="Link to Commercial card"> Commercial Cards </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Chase Connect","ctaUrl":"/commercial-banking/chase-connect","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/commercial-banking/chase-connect" target="_self" aria-label="link to Chase connect page"> Chase Connect </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Escrow Services","ctaUrl":"/payments/solutions/escrow-services","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/escrow-services" target="_self" aria-label="Link to Escrow services page"> Escrow Services </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Insights","ctaUrl":"/payments/solutions/analytics-and-insights","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/analytics-and-insights" target="_self" aria-label="link to Insights"> Insights </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Liquidity and Account Solutions","ctaUrl":"/payments/solutions/treasury/liquidity-and-account-solutions","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" 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> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Trade and Working Capital","ctaUrl":"/payments/solutions/trade-and-working-capital","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" 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> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Virtual Account Management","ctaUrl":"/payments/solutions/virtual-account-management-old","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/virtual-account-management-old" target="_self" aria-label="Link to Virtual card page"> Virtual Account Management </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Wallet™","ctaUrl":"/payments/solutions/jpmorgan-wallet","ctaTitle":"Manage Funds","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/jpmorgan-wallet" target="_self" aria-label="Link to Wallet page"> Wallet™ </a> </div> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> Safeguard Information </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Trust and Safety","ctaUrl":"/payments/solutions/trust-and-safety","ctaTitle":"Safeguard Information","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/trust-and-safety" target="_self" aria-label="link to trust and safety solutions page"> Trust and Safety </a> </div> </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"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> Banking-as-a-service </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Concourse™","ctaUrl":"/payments/solutions/concourse","ctaTitle":"Banking-as-a-service","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/concourse" target="_self" aria-label="Link to Concourse™ page"> Concourse™ </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Liquidity and Account Solutions","ctaUrl":"/payments/solutions/treasury/liquidity-and-account-solutions","ctaTitle":"Banking-as-a-service","ctaComponentName":"Link Set"}}" 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> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Wallet™","ctaUrl":"/payments/solutions/jpmorgan-wallet","ctaTitle":"Banking-as-a-service","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/jpmorgan-wallet" target="_self" aria-label="Link to Wallet™ page"> Wallet™ </a> </div> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> Send Payments </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commerce ","ctaUrl":"/payments/solutions/commerce","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/commerce" target="_self" aria-label="link to commerce solutions page"> Commerce </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Cards","ctaUrl":"/payments/solutions/commercial-cards","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/commercial-cards" target="_self" aria-label="Link to Commercial card page"> Commercial Cards </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Concourse™","ctaUrl":"/payments/solutions/concourse","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/concourse" target="_self" aria-label="Link to concourse page"> Concourse™ </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Cross-Currency Solutions","ctaUrl":"/payments/solutions/treasury/cross-currency-solutions","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/treasury/cross-currency-solutions" target="_self" aria-label="Link to cross currency solutions page"> Cross-Currency Solutions </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Developer Portal","ctaUrl":"https://developer.payments.jpmorgan.com/","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://developer.payments.jpmorgan.com/" target="_blank" aria-label="Link to Developer Portal"> Developer Portal </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"FedNow","ctaUrl":"/payments/solutions/fednow","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/fednow" target="_self" aria-label="Link to FedNow"> FedNow </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Integrated Payables","ctaUrl":"/payments/solutions/treasury/integrated-payables","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/treasury/integrated-payables" target="_self" aria-label="Link to Integrated payables page"> Integrated Payables </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Prepaid Card ","ctaUrl":"/payments/solutions/prepaid-card","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/prepaid-card" target="_self" aria-label="Link to Prepaid Card page"> Prepaid Card </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Trade and Working Capital","ctaUrl":"/payments/solutions/trade-and-working-capital","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" 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> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Virtual Cards","ctaUrl":"/payments/solutions/commercial-cards/ts-virtual-card","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/commercial-cards/ts-virtual-card" target="_self" aria-label="Link to Virtual card page"> Virtual Cards </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Wallet™","ctaUrl":"/payments/solutions/jpmorgan-wallet","ctaTitle":"Send Payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments/solutions/jpmorgan-wallet" target="_self" aria-label="Link to Wallet page"> Wallet™ </a> </div> </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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Partner Network","ctaUrl":"https://partners.jpmorgan.com/","ctaTitle":"Payments","ctaComponentName":"Expanded Column Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Newsletter","ctaUrl":"/payments/solutions/newsletter","ctaTitle":"Payments","ctaComponentName":"Expanded Column Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Insights","ctaUrl":"/insights/payments","ctaTitle":"Payments","ctaComponentName":"Expanded Column Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Private Bank","ctaUrl":"https://privatebank.jpmorgan.com/nam/en/home","ctaTitle":"","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Banking","ctaUrl":"https://privatebank.jpmorgan.com/nam/en/services/banking","ctaTitle":"Private Bank","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Investing","ctaUrl":"https://privatebank.jpmorgan.com/nam/en/services/investing","ctaTitle":"Private Bank","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Lending","ctaUrl":"https://privatebank.jpmorgan.com/nam/en/services/lending","ctaTitle":"Private Bank","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Planning","ctaUrl":"https://privatebank.jpmorgan.com/nam/en/services/wealth-planning-and-advice","ctaTitle":"Private Bank","ctaComponentName":"Expanded Grid Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Wealth Management","ctaUrl":"/wealth-management","ctaTitle":"","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Invest on your own","ctaUrl":"https://account.chase.com/investing/sdifracshare","ctaTitle":"Wealth Management","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Work with our advisors","ctaUrl":"https://www.chase.com/personal/investments/advisor-services?jp_cdf=advisoryservices_jpmnav","ctaTitle":"Wealth Management","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Expertise for Substantial Wealth","ctaUrl":"/wealth-management/wealth-partners","ctaTitle":"Wealth Management","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Expertise for Substantial Wealth</a> <div class="description">Our Wealth Advisors & 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Why Wealth Management?","ctaUrl":"https://www.chase.com/personal/investments/why-invest?jp_cdf=whyinvest_jpmnav","ctaTitle":"Wealth Management","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Retirement Calculators","ctaUrl":"https://www.chase.com/personal/investments/investment-tools-resources?jp_cdf=calculators_jpmnav","ctaTitle":"Wealth Management","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Market Commentary","ctaUrl":"https://www.jpmorgan.com/wealth-management/wealth-partners/insights","ctaTitle":"Wealth Management","ctaComponentName":"Expanded Grid Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Banking","ctaUrl":"/commercial-banking","ctaTitle":"For Companies and Institutions","ctaComponentName":"Expanded Grid Links"}}" 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> </div> </li> <li class="content-links"> <a class="content-link" href="/institutional-investing" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Institutional Investing","ctaUrl":"/institutional-investing","ctaTitle":"For Companies and Institutions","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Payments","ctaUrl":"/payments","ctaTitle":"For Companies and Institutions","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Credit & Financing","ctaUrl":"/credit-and-financing","ctaTitle":"For Companies and Institutions","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Credit & 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Investment Banking","ctaUrl":"/investment-banking","ctaTitle":"For Companies and Institutions","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Research","ctaUrl":"/insights/research","ctaTitle":"For Companies and Institutions","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Research</a> </li> <li class="key-link"> <a href="/payments/solutions/access" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"J.P. Morgan Access®","ctaUrl":"/payments/solutions/access","ctaTitle":"For Companies and Institutions","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>J.P. Morgan Access®</a> </li> <li class="key-link"> <a href="/commercial-real-estate" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Real Estate","ctaUrl":"/commercial-real-estate","ctaTitle":"For Companies and Institutions","ctaComponentName":"Expanded Grid Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Private Bank","ctaUrl":"https://privatebank.jpmorgan.com/nam/en/home","ctaTitle":"For Individuals","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Wealth Management","ctaUrl":"/wealth-management","ctaTitle":"For Individuals","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Why Wealth Management","ctaUrl":"https://www.chase.com/personal/investments/why-invest?jp_cdf=whyinvest_jpmnav","ctaTitle":"For Individuals","ctaComponentName":"Expanded Grid Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Retirement Calculators","ctaUrl":"https://www.chase.com/personal/investments/investment-tools-resources?jp_cdf=calculators_jpmnav","ctaTitle":"For Individuals","ctaComponentName":"Expanded Grid Links"}}" data-cmp-clickable>Retirement Calculators</a> </li> <li class="key-link"> <a href="/wealth-management/wealth-partners/insights" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Market Commentary","ctaUrl":"/wealth-management/wealth-partners/insights","ctaTitle":"For Individuals","ctaComponentName":"Expanded Grid Links"}}" 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="">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="">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"> <div class="primary-link-group section-header-space"> <h3 class="link-group-header"> <a class="header-link chaseanalytics-track-link" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"INDUSTRIES WE SERVE","ctaUrl":"/industries-we-serve","ctaTitle":"","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve" target="_self"> INDUSTRIES WE SERVE </a> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Real Estate","ctaUrl":"/commercial-real-estate","ctaTitle":"INDUSTRIES WE SERVE","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/commercial-real-estate" target="_self" aria-label="Links to Commercial real estate page"> Commercial Real Estate </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Consumer and Retail","ctaUrl":"/industries-we-serve/consumer-and-retail","ctaTitle":"INDUSTRIES WE SERVE","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve/consumer-and-retail" target="_self" aria-label="Link to consumer and retail page"> Consumer and Retail </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Diversified Industries","ctaUrl":"/industries-we-serve/diversified-industries","ctaTitle":"INDUSTRIES WE SERVE","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve/diversified-industries" target="_self" aria-label="Link to diversified industries page"> Diversified Industries </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Energy, Power & Renewables","ctaUrl":"/industries-we-serve/energy","ctaTitle":"INDUSTRIES WE SERVE","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve/energy" target="_self" aria-label="Link to Energy, Power and Renewables"> Energy, Power & Renewables </a> </div> </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"> <div class="primary-link-group section-header-space"> <h3 class="link-group-header"> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Financial","ctaUrl":"/industries-we-serve/financial","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve/financial" target="_self"> Financial </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Health Care","ctaUrl":"/industries-we-serve/healthcare","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve/healthcare" target="_self"> Health Care </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Media, Telecom and Entertainment","ctaUrl":"/industries-we-serve/media-telecom-entertainment","ctaComponentName":"Link Set"}}" 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> </div> </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"> <div class="primary-link-group section-header-space"> <h3 class="link-group-header"> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Metals & Mining","ctaUrl":"/industries-we-serve/metals-mining","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve/metals-mining" target="_self" aria-label="Link to metals and mining"> Metals & Mining </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Public Sector","ctaUrl":"/industries-we-serve/public-sector","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve/public-sector" target="_self"> Public Sector </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Technology","ctaUrl":"/industries-we-serve/technology","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve/technology" target="_self"> Technology </a> </div> </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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Insights","ctaUrl":"/insights","ctaTitle":"Who We Serve","ctaComponentName":"Expanded Column Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Client Stories","ctaUrl":"/client-stories","ctaTitle":"Who We Serve","ctaComponentName":"Expanded Column Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"All Insights","ctaUrl":"/insights","ctaTitle":"","ctaComponentName":"Expanded Column Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Client Stories","ctaUrl":"/client-stories","ctaTitle":"All Insights","ctaComponentName":"Expanded Column Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Global Research","ctaUrl":"/insights/research","ctaTitle":"All Insights","ctaComponentName":"Expanded Column Links"}}" data-cmp-clickable>Global Research</a> </li> <li class="key-link"> <a href="/newsletters" target="_self" aria-label="opens newsletters" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Newsletters","ctaUrl":"/newsletters","ctaTitle":"All Insights","ctaComponentName":"Expanded Column Links"}}" 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="">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="">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"> <div class="primary-link-group "> <h3 class="link-group-header"> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Business Planning and Strategy","ctaUrl":"/insights/business/business-planning","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/business/business-planning" target="_self" aria-label="links to business planning page"> Business Planning and Strategy </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Real Estate","ctaUrl":"/insights/real-estate/commercial-real-estate","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/real-estate/commercial-real-estate" target="_self" aria-label="link to commercial real estate page"> Commercial Real Estate </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Community Development","ctaUrl":"/insights/real-estate/community-development-banking","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/real-estate/community-development-banking" target="_self" aria-label="link to community development page"> Community Development </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Cybersecurity and Fraud Protection","ctaUrl":"/insights/cybersecurity","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/cybersecurity" target="_self" aria-label="link to cybersecurity page"> Cybersecurity and Fraud Protection </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Diversity, Equity and Inclusion","ctaUrl":"/insights/corporate-responsibility/diversity-equity-and-inclusion","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/corporate-responsibility/diversity-equity-and-inclusion" target="_self" aria-label="links to diversity page"> Diversity, Equity and Inclusion </a> </div> </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"> <div class="primary-link-group "> <h3 class="link-group-header"> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"ESG","ctaUrl":"/insights/esg","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/esg" target="_self" aria-label="link to ESG page"> ESG </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Investment Banking","ctaUrl":"/insights/banking/investment-banking","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/banking/investment-banking" target="_self" aria-label="link to investment banking page"> Investment Banking </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Global Business","ctaUrl":"/insights/international/global-business","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/international/global-business" target="_self" aria-label="link to global business page"> Global Business </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Markets and Economy","ctaUrl":"/insights/markets","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/markets" target="_self" aria-label="link to markets page"> Markets and Economy </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Multifamily Real Estate","ctaUrl":"/insights/real-estate/multifamily","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/real-estate/multifamily" target="_self" aria-label="link to multifamily real estate page"> Multifamily Real Estate </a> </div> </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"> <div class="primary-link-group "> <h3 class="link-group-header"> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Payments","ctaUrl":"/insights/payments","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/payments" target="_self" aria-label="link to payments page"> Payments </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Treasury","ctaUrl":"/insights/treasury","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/treasury" target="_self" aria-label="link to treasury page"> Treasury </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Wealth Planning","ctaUrl":"/insights/wealth-planning","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights/wealth-planning" target="_self" aria-label="link to wealth planning page"> Wealth Planning </a> </div> </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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Client Stories","ctaUrl":"/client-stories","ctaTitle":"Insights by Topic","ctaComponentName":"Expanded Column Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Global Research","ctaUrl":"/insights/research","ctaTitle":"Insights by Topic","ctaComponentName":"Expanded Column Links"}}" data-cmp-clickable>Global Research</a> </li> <li class="key-link"> <a href="/newsletters" target="_self" aria-label="opens Newsletters" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Newsletters","ctaUrl":"/newsletters","ctaTitle":"Insights by Topic","ctaComponentName":"Expanded Column Links"}}" 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="">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="">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"> <div class="primary-link-group "> <h3 class="link-group-header"> </h3> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Client Stories","ctaUrl":"/client-stories","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/client-stories" target="_self" aria-label="links to client story page"> Client Stories </a> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Podcasts","ctaUrl":"/podcasts","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/podcasts" target="_self" aria-label="link to podcast page"> Podcasts </a> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Videos","ctaUrl":"/videos","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/videos" target="_self" aria-label="link to video page"> Videos </a> </div> </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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"All Insights","ctaUrl":"/insights","ctaTitle":"Insights by Type","ctaComponentName":"Expanded Column Links"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Global Research","ctaUrl":"/insights/research","ctaTitle":"Insights by Type","ctaComponentName":"Expanded Column Links"}}" data-cmp-clickable>Global Research</a> </li> <li class="key-link"> <a href="/newsletters" target="_self" aria-label="opens newsletters" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Newsletters","ctaUrl":"/newsletters","ctaTitle":"Insights by Type","ctaComponentName":"Expanded Column Links"}}" 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="">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="">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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"About Us","ctaUrl":"/about-us","ctaTitle":"","ctaComponentName":"Expanded Column Links"}}" 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"> <div class="primary-link-group "> <h3 class="link-group-header"> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Contact Us","ctaUrl":"/contact-us","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/contact-us" target="_self" aria-label="Link to Contact us page"> Contact Us </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Events and Conferences","ctaUrl":"/about-us/events-conferences","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/about-us/events-conferences" target="_self" aria-label="Link to conference page"> Events and Conferences </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Impact","ctaUrl":"/commercial-banking/impact","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/commercial-banking/impact" target="_self" aria-label="Links to impact page"> Impact </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"News and Stories","ctaUrl":"/about-us/corporate-news","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/about-us/corporate-news" target="_self" aria-label="Links to News page"> News and Stories </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Technology at Our Firm","ctaUrl":"/technology","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/technology" target="_self" aria-label="Links to Technology page"> Technology at Our Firm </a> </div> </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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Insights","ctaUrl":"/insights","ctaTitle":"About Us","ctaComponentName":"Expanded Column Links"}}" data-cmp-clickable>Insights</a> </li> <li class="key-link"> <a href="/client-stories" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Client Stories","ctaUrl":"/client-stories","ctaTitle":"About Us","ctaComponentName":"Expanded Column Links"}}" data-cmp-clickable>Client Stories</a> </li> <li class="key-link"> <a href="/newsletters" target="_self" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Newsletters","ctaUrl":"/newsletters","ctaTitle":"About Us","ctaComponentName":"Expanded Column Links"}}" 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="/insights" itemprop="item"> <span itemprop="name">Insights</span> </a> <meta itemprop="position" content="1"/> </li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <span itemprop="name">Global Research</span> <meta itemprop="position" content="2"/> </li> </ul> </div> </div> <div class="experience-fragment experiencefragment section"> </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"> :root { --bs-body-font-size: 16px; --bs-body-font-weight: 300; --bs-body-line-height: 1.5; --bs-body-color: #31373d; --bs-card-cap-bg: #f5f7f8; } /** testing code to clean up scaled images **/ img { max-width: 100%; } /* /// adding redesign code here /// */ .primary-topaz-button { font-weight: 700; font-size: 1.4rem; line-height: 1.5; letter-spacing: 2.25px; padding: 8px 60px; border: none; text-transform: uppercase; border-radius: 3px; text-decoration: none; color: #fff; background-color: #1a7b99; -webkit-transition: background-color .1s ease-in; transition: background-color .1s ease-in; line-height: 24px; } .primary-topaz-button:hover { background-color: #005075; cursor: pointer; text-decoration: underline; color: #ffffff; } .eyebrow-redesign { font-style: normal; font-size: 1.6rem; line-height: 1.5; letter-spacing: .032rem; font-weight: 400; text-decoration: none; font-weight: 500; font-size: 14px; line-height: 24px; color: #936846; text-transform: uppercase; padding: 0 0 2px; margin-top: 0; } .eyebrow-redesign span { border-left: 1px solid #936846; padding-left: 14px; } .dark .eyebrow-redesign { color: #af8462; } .dark .eyebrow-redesign span { border-left: 1px solid #af8462; } .eyebrow-redesign.video:before { padding-right: 15px; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-size: 1.2rem; line-height: normal; letter-spacing: normal; font-size: 1pc; } .eyebrow-redesign.video:before { content: "\f03d"; } #research-in-numbers .cmp-key-stats .primary { color: #9de5ec; } #research-in-numbers .cmp-key-stats .secondary { color: #d5b5e7; } #research-in-numbers .cmp-key-stats .tertiary { color: #f9d3b1; } #research-in-numbers .slick-dots li button { background: rgba(255,255,255, 0.3); } #research-in-numbers .slick-dots li.slick-active button { background: rgba(255,255,255, 0.9); } @media only screen and (max-width: 767px) { #research-in-numbers .slick-dots { display: none!important; } .eyebrow-redesign.video:before, .eyebrow-redesign { font-size: 12px; } } .global-rec-stats-container { overflow: hidden; height: 100%; width: 100%; min-height: 485px; max-height: 600px; position: relative; } .global-rec-stats-container > * { position: absolute; left: 40%; top: 50%; } .stats-button-wrap { text-align: right; } .numbers-button-wrap { text-align: center; } .stats-play-button, .numbers-play-button { display: none; } .stats-button-wrap button, .numbers-button-wrap button { width: 50px; height: 50px; background-color: transparent; border: none; cursor: pointer; /* position: absolute; */ z-index: 3; right: 20px; top: 20px; outline: none; } .stats-button-wrap button:hover, .numbers-button-wrap button:hover { opacity: .66; } /** adding arrow to teal text links **/ a.primary.link { color: #1a7b99; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0.02em; } a.primary.link:hover { text-underline-offset: 8px; text-decoration: underline; text-decoration-thickness: 2px; cursor: pointer; } a.primary.link:after { content: "\f054"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 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 { transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; } @keyframes slide { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(10px, 0); } } a.primary.link.white, a.primary.link.white:after { color: #ffffff; } .link:hover { text-underline-offset: 5px; text-decoration: underline;} .link:hover:after { padding-left: 30px; } /** 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: 2rem; padding: 0; /*margin-left: calc(50vw - 375px);*/ } .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: 12%; } } .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: 500; 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 **/ html, :root { scroll-behavior: smooth; } body { overflow-x: hidden; } /** changing page width and keeping menu thin and centered ** body { overflow-x: hidden; background-color: #FFF; max-width: 100%; margin: 0 auto; width: 100%; } **/ .header.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 { max-width: 1440px; margin: 0 auto; float: none; } /****** 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 p a, .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 p a, .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 p a, .section--font-gray form { color: #5f5d5d; letter-spacing: .02em; } section .section--background-white .content-wrap p a { text-decoration: underline; } .underline { text-decoration: underline; } section .section--background-white .content-wrap-intro p a { text-decoration: underline; } section .content-wrap p a { color: #008297; } section .content-wrap-intro p a { color: #008297; } h2.section__header, h2.section__header { font-weight: 300; line-height: 1.1; font-size: 3.5em; color: #31373D; margin-top: 0; } .section--font-white .section__header { color: #ffffff; } h2.section__header span { color: #936846; } h2.section__header span.dark-background-brown { color: #AF8462; } span.dark-background-brown { color: #AF8462; } span.brown { color: #936846; } h2.header-40px { font-size: 2.5em; font-weight: 300; line-height: 1.1; } 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-weight: 700; font-size: 1.8em; text-align: center; margin: 1.5em auto 1.2em; max-width: 800px; } h3.section__description { font-weight: 300; font-size: 1.2em; text-align: center; margin-bottom: 2em; } h4.graph__header { font-weight: 700; font-size: 1.3em; text-align: center; } h4.graph__header--green { color: #1deda7; } h4 { font-size: 1.5em; line-height: 1.4; } h5 { font-size: 1.3em; } .region { margin: 1.5em; } h6.region__title { font-size: 1.4em; margin: .3em 0; font-weight: 500; } .content-wrap p a { font-weight: 500; text-decoration: underline; } .content-wrap-intro p a { font-weight: 500; 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. Morgan, Product names, etc*/ .no-wrap { white-space: nowrap; } .cover { z-index: 2; } /****** Content Sections ******/ section.section { padding: 4em 10%; position: relative; /* margin: auto; */ margin: 0; } [id] { scroll-margin-top: 100px; } 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-limestone { background: #faf8f2; } .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 0; position: relative; margin: auto; /** margin: 5%; **/ } .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-healthcare-solution/payments-power-healthcare-solutions2x.jpg'); background-repeat: no-repeat; background-position: center right; background-size: 44%; background-color: #faf8f2; position: relative; overflow: hidden !important; **/ } .section-hero-right { background:url('/content/dam/jpm/cib/complex/content/research/research_landing_page_23/Research_Header_3.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 400px; position: relative; overflow: hidden !important; } .section-hero-right::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; bottom: 0; width: 100%; } /** adding even width hero section **/ .lockup { margin-bottom: 40px; font-weight: 300; font-size: 18px; color: #936846; } .lockup a { color: #936846; text-decoration: none; } .lockup a:hover { color: #D6B89C; text-decoration: underline; } .lockup img { height: 22px; } .hero { /**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, span.lightBrown { color: #D6B89C; } @media (max-width:991px) { .hero { margin-right: 0; margin-left: 0; height: inherit; overflow: visible; align-items: flex-start; /*margin-left: calc(50vw - 375px);*/ } } @media (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); } } .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 (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; } .section-hero { background-position: bottom center; background-size: 66%; } } .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; } .button-outline { border: 1px solid #1a7b99; display: inline-block; background-color: transparent; background: none; } .button-outline:hover { background-color: #ffffff; border-color: #000000; color: #000000; } .button-outline:after { content: "\f054"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 Pro"; color: #1a7b99; 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.8rem; font-size: .6rem; width: 2rem; margin-right: -2.5rem; margin-left: 0.5rem; visibility: visible; vertical-align: middle; } .button-outline:hover:after { animation: slide 2s ease-in-out infinite; color: #000000; /*margin-left: 3px;*/ } /** .hero .hero__bg-video-button a:after { content: "\f054"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 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; } #video-carousel .vjs-big-play-button { top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } .hero h1.hero__title { color: #31373d; font-weight: 300; font-size: 3.5em; line-height: 1.2; margin-bottom: 2.5%; letter-spacing: 1px; z-index: 5; max-width: none; text-align: inherit; text-transform: none; margin-left: 0; } .hero h1.hero__title span { color: #936846; } .hero__letter { position: absolute; z-index: 2; width: 641px; height: 680px; left: -50px; top: 0; } .hero__eyebrow { 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 { font-size: 3.5em; font-weight: 300; line-height: 1.2; margin-bottom: 2.5%; letter-spacing: 1px; z-index: 5; max-width: none; text-align: inherit; text-transform: none; color: #31373d; margin-left: 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 } .lockup { margin-bottom: 40px; font-size: 16px; line-height: 1.5; font-weight: 500; color: #936846; text-transform: uppercase; } /* Media Query - Laptop */ @media only screen and (min-width: 901px) and (max-width: 1350px) { .hero--subtitle h1.hero__title { font-size: 3.5em; } } .hero--subtitle .hero__header { width: 40%; padding: 2em 0; } @media only screen and (max-width: 991px) { .hero--subtitle .hero__header { width: 100%; padding: 2em 0; } } h2.hero__subtitle { max-width: none; text-transform: none; letter-spacing: initial; text-align: left; padding: 0 .5em; 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-size: 1.3em; margin: 0; color: #fff; } h2.hero__subtitle-2:before { content: none; } h2.hero__subtitle:before { content: none; } .hero__text { color: #31373d; font-size: 1em; line-height: 1.4; font-weight: 300; font-family: "Amplitude", Amplitude , "Amplitude", "Amplitude Regular", Arial, Helvetica, sans-serif; max-width: 480px; letter-spacing: 0.02em; } .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-family: "Amplitude Regular", Arial, Helvetica, sans-serif; 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", Font Awesome\ 6 Pro, "Font Awesome 5 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;*/ } .header-video__cta { font-size: 1.4em; color: white; } .header-video__cta:after { content: "\f054"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 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; } .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; } .video-container, .hero .hero__bg-video-button-wrap { display: none; } .hero--subtitle h1.hero__title-2 { font-family: "AmplitudeWide Bold", "Amplitude Medium"; 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; } .section-hero { background-position: bottom center; background-size: 66%; } } /** 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__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; } /** end hero video **/ /********** end -- Hero header styling ***********/ /*~*~*~*~*~*~* start -- body styling *~*~*~*~*~*~*/ #section-video-offset { /** background: #f5f7f8 33%; **/ padding: 0 0 6em 4em; } /* addding different video code */ /* video section */ #video-carousel .img__background { background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background-image: url(/content/dam/jpm/cib/complex/content/redesign-custom-builds/healthcare-conference/chris_thumbnail.jpg) } .video__wrapper { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; margin: 0; } .hero-txt-2 { width: 40%; height: 100%; position: absolute; left: 0; padding: 8% 5%; top: 0; color: #000000; transition: all .6s ease-out; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; z-index: 2; } .play-button-mobile { display: none; } .video__info { display: flex; z-index: 4; top: 0px; position: absolute; height: 100%; width: 50%; color: #ffffff; left: 0px; align-items: center; justify-content: center; } .video__info-mobile { display: none; } #video-carousel .play-button { position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 7; cursor: pointer; /** display: none; **/ } #video-carousel .slick-slider { display: flex; } #video-carousel .slider-controls { position: relative; width: 50%; display: flex; } #video-carousel .slick-prev, #video-carousel .slick-next { width: 40px; font-weight: 100; height: 40px; } #video-carousel .slick-prev { left: 0; } #video-carousel .slick-next { right: 0; } #video-carousel .slick-prev:before, #video-carousel .slick-next:before { color: #ffffff; font-size: 40px; font-weight: 100; } #video-carousel .slick-prev:before { content: "\f137"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 Pro"; } #video-carousel .slick-next:before { content: "\f138"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 Pro"; } #video-carousel .slick-prev:hover::before, #video-carousel .slick-next:hover::before { color: #ffffff; opacity: 1; } #video-carousel .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; bottom: -32px; list-style-type: none; } #video-carousel .slick-dots li { margin: 0 0.25rem; height: 32px; } #video-carousel .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: rgba(255, 255, 255, 0.66); text-indent: -9999px; } #video-carousel .slick-dots li.slick-active button { background-color: #FFFFFF; } #video-carousel .mini_video__title { font-size: 2.4rem; font-weight: 300; line-height: 1.4; } .mini_video_watch_now { color: #9de5ec!important; margin-top: auto; } .dark .mini_video_watch_now , .dark .mini_video_watch_now :after:hover { color: #9de5ec; } #video-carousel .thumbnail__video { padding: 2rem; border-left: 1px solid rgba(255, 255, 255, 0.125); cursor: pointer; height: 100%; display: flex!important; flex-direction: column; flex: 1; } #video-carousel .mini_video__title:hover, #video-carousel .mini_video__description:hover { text-decoration: underline; } .mini_video__description { display: none; } .video__text { padding: 0 2em; width: 80%; max-width: 600px; text-align: left; } h2.video__title, .video__title { font-size: 5rem; font-family: "Amplitude", "Amplitude", Amplitude !important; text-align: left; font-weight: 300; color: #ffffff; line-height: 1.2; padding: 0; text-transform: none; margin-bottom: 3rem; } .video__description { font-size: 2.4rem; line-height: 1.4; display: block; font-family: "Amplitude", "Amplitude", Amplitude !important; width: 95%; letter-spacing: -0.01em; overflow: hidden; color: #ffffff; border-left: 1px solid #ffffff; padding-left: 1em; } .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; } button.ada__button { background: none; border: none; cursor: pointer; } @media only screen and (max-width: 1250px) { .video-black-background { font-size: 14px; } .video-black-background button.ada__button { background: none; border: none; cursor: pointer; position: relative; z-index: 6; margin: 1em 0 1em 1em; } .hero-txt-2, .play-button_block { display: none; } .video__info { display: none!important; } .play-button-mobile { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; } .play-button-mobile.play-button { padding-left: 0; } .video__info-mobile { display: block; } .video__info-mobile .video__text { padding: 2em 0 0 0; width: 100%; color: #000000; width: 100%; max-width: 1100px; } .video__info-mobile h4.video__title, .video__info-mobile .video__title { font-size: 1.5em; font-family: "Amplitude", "Amplitude", Amplitude !important; text-align: left; color: #000000; line-height: 1.2; padding: 0; text-transform: none; margin-bottom: 1em; } .video__info-mobile .video__description { font-size: 1em; line-height: 1.4; display: block; font-family: "Amplitude", "Amplitude", Amplitude !important; width: 95%; letter-spacing: 0.025em; overflow: hidden; color: #000000; border-left: 1px solid #000000; padding-left: 1em; } .video__wrapper { margin: 2em auto 0; } .video__description { width: 100%; } .img__background { background-size: cover; } #section-video-offset { background: #f5f7f8; } #video-carousel .thumbnail__video { padding: 2rem; } } @media only screen and (min-width: 700px) and ( max-width: 929px) { .text__wrapper { width: 71vw; } .ad-button svg, .transcript__btn svg { width: 30px; } .img__background { background-size: cover; } } @media only screen and (max-width: 699px) { .img__background { background-size: cover; } .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: 30px; } #video-carousel .mini_video__title { font-size: 1.5rem; } .mini_video_watch_now { font-size: 12px; } } /* end new video code */ /** podcast section **/ /*DROPDOWN STYLING*/ .dropbtn4, .dropbtn5, .dropbtn6{ background-color: white; color: #008297; padding-top: 10px; padding-left: unset; font-size: 20px; border: none; cursor: pointer; font-weight: 400; } .dropbtn4:hover, .dropbtn5:hover, .dropbtn6:hover { text-decoration: underline; } .dropdown-content4, .dropdown-content5, .dropdown-content6 { display: none; position: absolute; background-color: white; min-width: 250px; max-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 3; } .dropdown-content4 a, .dropdown-content5 a, .dropdown-content6 a { color: #008297; text-decoration: none; display: inline; font-weight: 400; } .dropdown-content4 a:hover, .dropdown-content5 a:hover, .dropdown-content6 a:hover { background-color: #ddd; } .dropdown-content4 .dropdown-bar-nc:hover, .dropdown-content5 .dropdown-bar-nc:hover, .dropdown-content6 .dropdown-bar-nc:hover { background-color: #ddd; } .dropdown-bar, .dropdown-bar-nc { min-height: 40px; padding-top: 3.5%; } .show {display:block;} img.podcast-icon { width: 20px; height: auto; margin-right: 20px; display: unset; } /*END DROPDOWN STYLING */ /** turning carousel jet **/ .related-insights.carousel-dark { background-color: #ffffff; } .related-insights.carousel-dark .related-insights-headline { background-color: #f5f7f8; } .related-insights.carousel-dark .carousel-container { min-height: 600px; } .related-insights.carousel-dark .carousel-container .related-insights-carousel-content .related-insights__cards { background-color: #101820; color: #ffffff; } .related-insights.carousel-dark .carousel-container .related-insights-carousel-content .related-insights__cards-content .eyebrow, .related-insights.carousel-dark .carousel-container .related-insights-carousel-content .related-insights__cards-content p, .related-insights.carousel-dark .carousel-container .related-insights-carousel-content .related-insights__cards .card-link-container .card-link { color: #ffffff; } .section-eyebrow { color: #936846; font-weight: 500; font-size: 16px; line-height: 32px; margin-bottom: 2em; text-transform: uppercase; } #gray-links-bar { color: #FFFFFF; padding: 20px 80px; font-size: 14px; background-color: #31373d; margin-top: 60px; } #gray-links-bar a { color: #ffffff; white-space: nowrap; text-decoration: none; } #gray-links-bar a:hover { color: #ffffff; text-decoration: underline; font-weight: 700; } section:target::before { content: ""; display: block; height: 40px; /* fixed header height*/ margin: -40px 0 0; /* negative fixed header height */ } .gray-links-bar-link { border-left: 1px solid rgba(255, 255, 255, 0.25); font-weight: 700; } #gray-links-bar > .col, #gray-links-bar .col { display: flex; justify-content: center; } @media only screen and (max-width: 991px) { #gray-links-bar { display: none; } #section-video-offset { /** background: #f5f7f8 33%; **/ padding: 0 0 6em 0; } } /** * Sticky navigation * **/ .sticky { position: -webkit-sticky; position: sticky; display: flex; width:100%; padding: 2px 10%; align-items: center; top: 56px; z-index: 999; } .subheader-container { padding: 3em 0; } .three-quarter-white-gray { background: linear-gradient(90deg, #ffffff 75%, #f5f7f8 25%); } @media only screen and (max-width: 768px) { .three-quarter-gray-white, .three-quarter-white-gray { background: #ffffff; } } @media only screen and (max-width: 768px) { .subheader-container { padding: 3em 0 3em 2em; } } /** image background overlay section **/ #first-section-custom { /** background-image: url('/content/dam/jpm/cib/complex/content/research/autos_outlook_2023/Auto_Sector_Header.jpg'); **/ background-repeat: no-repeat; background-position: top center; background-size: 100% auto; background-color: #ffffff; overflow: hidden; } #first-section-custom-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%); position: relative; } #first-section-custom-padding:before { 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; } #first-section-custom .video-background-header-container { /*background-size: auto 400px;*/ /*background-repeat: repeat no-repeat;*/ background-position: left; background-size: cover; position: relative; min-width: 100%; height: 500px; z-index: 0; margin-bottom: -100px; overflow: hidden; background-image: url('/content/dam/jpm/cib/complex/content/research/fed_cut_sept_24/Fed_Cut_Header.jpg'); } #first-section-custom .video-js { padding-top: 133%; padding-bottom: 0; pointer-events: none; z-index: 0; margin-top: -300px; top: -320px !important; } @media only screen and (max-width: 1200px) { #first-section-custom { /* padding-top: 16em; */ } } @media only screen and (max-width: 900px) { #first-section-custom { margin-top: 60px; /** background-image: url('/content/dam/jpm/cib/complex/content/treasury-services/payments-healthcare-solution/the-future-of-healthcare-payments2x.jpg'); **/ } #first-section-custom-padding { padding: 2em; margin-left: 0; } /** #first-section-custom { padding-top: 13em; } **/ } @media only screen and (max-width: 577px) { #first-section-custom .video-js { top: 0px !important; margin-top: -130px !important; } #first-section-custom .video-background-header-container { margin-top: -60px; } } @media only screen and (min-width: 577px) and (max-width: 768px) { #first-section-custom .video-js { margin-top: unset !important; } } @media only screen and (max-width: 768px) { #first-section-custom .video-js { margin-top: -133px; } } #first-section-custom-icons .col-md-3 { padding: 2em; } .featured-story-text { font-weight: 300; font-size: 1.6rem; margin: 40px 0; } .featured-story-date { font-weight: 400; } /** quote **/ /*reserch in numbers*/ #research-in-numbers .slick-slide { display: block!important; } /* #research-in-numbers .cmp-key-stats { font-family: CelestePro, CelesteOT, Celeste, Times, 'Century Gothic', CenturyGothic, AppleGothic, serif; padding: 3rem 0; } #research-in-numbers .cmp-key-stats .cmp-key-stats-column-stat { font-family: CelesteCaps, CelesteOT, Celeste, Times, 'Century Gothic', CenturyGothic, AppleGothic, serif; } */ .research-numbers { display: flex; justify-content: center; } .research-numbers div { width: 33%; } .section-title { font-size: 1.7em; padding-top: 0.2em; margin-bottom: 3em !important; border-top: 2px solid #ffffff; display: inline-block; text-transform: uppercase; font-family: Amplitude; } .carousal-screen { text-align: center; margin-bottom: 150px; } .left-arrow, .right-arrow { display: block; position: absolute; top: 50%; } .left-arrow { left: 7% } .right-arrow { right: 7% } @media only screen and (max-width: 768px) { .research-numbers div { width: unset; } .research-numbers { flex-flow: column; align-items: center; } .carousal-screen .number-highlight { font-size: 2.2em; } .carousal-screen { margin-bottom: 50px; } } .teal { color: #008397 ; } .purple { color: #6E45B1; } /** // Quotes section // **/ .gray-quote { font-family: CelestePro,CelesteOT, Celeste, Times, 'Century Gothic', CenturyGothic, AppleGothic, serif; font-weight: 400; border-left: 6px solid #2B9AB3; font-size: 3.2rem; font-style: italic; letter-spacing: 0.01em; line-height: 1.25; } .gray-quote-image-container {} .gray-quote-image-container img { border-radius: 50%; } @media only screen and (max-width: 577px) { .gray-quote-image-container { padding-left: 15px; } } #insights-2023 { margin: 40px 0; padding: 20px 0; } #insights-2023-padding { padding: 80px 0; background-color: #101820; } /** Slider commenting out for now due to vertical **/ .slider-container { max-width: 1800px; width: 100%; margin: 0 auto; } .slick-track { display: flex !important; } .slick-slide { height: inherit !important; margin: 0 20px; display: flex!important; } .slide-wrap { margin: 0 10px; border: 1px solid transparent; } .slide-wrap p { padding: 10px; margin: 0; } .slick-slide .image { min-height: 270px; padding: 80px 0 0; display: flex; } .slick-slide .image img { margin: 0 auto; height: 100%; max-height: 200px; width: auto; max-width: 94%; } .slick-slide .title { font-weight: 400; font-size: 32px; padding: 0px 20px 180px; margin-top: 10px; } .slick-slide .text { font-weight: 300; font-size: 22px; padding: 20px 20px; color: #31373d; } /** adding color to borders **/ .blue .slide-wrap, .blue .title { border-color: #2b9ab3; color: #2b9ab3; } .pink .slide-wrap, .pink .title, .pink .edd-root-open .edd-body, .pink .edd-root-focused { border-color: #edafc3; } .teal .slide-wrap, .teal .title, .teal .edd-root-open .edd-body, .teal .edd-root-focused { border-color: #9de5ec; } .purple .slide-wrap, .purple .title, .purple .edd-root-open .edd-body, .purple .edd-root-focused { border-color: #9b57a6; color: #9b57a6; } .orange .slide-wrap, .orange .title { border-color: #e26e00; color: #e26e00; } .brown .slide-wrap, .brown .title { border-color: #b75430; color: #b75430; } .red .slide-wrap, .red .title { border-color: #a50034; color: #a50034; } /** // adding updated slider // **/ .slider-arrows-container { margin: 30px 40px; } .slider-dots-container { min-height: 60px; display: inline-block; } .slider-dots-container .slick-dots { position: relative; bottom: 0; z-index: 5; } .slider-dots-container .slick-dots button { /** font-size: 0; width: 12px; height: 12px; **/ background-color: #ffffff; border-radius: 50%; border: 1px solid #936846; padding: 1px; z-index: 5; } .slider-arrows-container .slider-arrows { font-family: "Font Awesome 6 Pro", Font Awesome\ 5 Pro, FontAwesome, "Font Awesome\ 5 Pro"; border-radius: 50% 50%; font-size: 1.2rem; color: #936846; border: 1px solid #936846; -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; cursor: pointer; height: 40px; width: 40px; background-color: transparent; } #cutting-edge-slider .slider-arrows-container .slider-arrows { color: #936846; border-color: #936846; } .slider-arrows:after { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #cutting-edge-slider .slider-arrows-container .slider-arrows { background: #936846; color: #ffffff; border-color: #ffffff; } .slider-arrows-container .slick-arrow-prev::after { content: '\f104'; } .slider-arrows-container .slick-arrow-next::after { content: '\f105'; } .disabled-button { border-color: #999999; color: #666666; background-color: #cccccc; pointer-events: none; } /** half-width boxes section **/ #half-width-section .section__header { font-size: 40px; line-height: 1.2; font-family: "Amplitude", "Amplitude Regular"; } .animate-half-text { max-width: 540px; padding: 22% 6%; } .animate-half-text .section__header { margin-bottom: 60px; } .animate-half-image { padding: 4em 2em; } .animate-half-image p { color: #ffffff; font-size: 1.3em; line-height: 1.5; font-weight: 500; letter-spacing: 0.01em; text-align: center; } .multiple-items .slick-prev:before, .multiple-items .slick-next:before { color: #936846; } .multiple-items .slick-prev:before { content: "\f137"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 Pro"; font-size: 24px; } .multiple-items .slick-next:before { content: "\f138"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 Pro"; font-size: 24px; } .multiple-items .slick-prev:hover::before, .multiple-items .slick-next:hover::before { color: #000000; opacity: 0.6; } .multiple-items img { margin: 0 auto; } .payments-animate { opacity: 0; } .payments-animate-text { font-size: 1.4em; line-height: 1.6; font-weight: 400; text-align: center; } @media only screen and (max-width: 576px) { #video-carousel .slick-slide { min-width: 130px; width: unset; margin-right: unset; } #video-carousel .slick-prev:before, #video-carousel .slick-next:before { font-size: 30px; } #video-carousel .thumbnail__video { padding: 1.5rem; } #video-carousel .ada-shell { padding-top: unset !important; } #video-carousel .trans-shell { padding: unset !important; } .video-black-background .transcript { padding: 0 2.5rem 2.5rem 2.5rem; } } #solutions-view .grayContainer { background-color: #f5f7f8; color: #31373d; padding: 2em; height: 100%; position: relative; } #solutions-view .grayContainer .footerLink { position: absolute; bottom: 0; } .button-wrapper { margin-top: 1.5em; } .topaz-button, body:not(.wealth-management) .marketo-form .mktoForm .mktoButtonRow .mktoButton { background: #008297; color: white !important; font-family: "Amplitude", Amplitude , "Amplitude Bold4"; font-size: 14px; line-height: 2; font-weight: 400; padding: .6em 4.2em; letter-spacing: 2.25px; text-transform: uppercase; border-radius: 3px; } .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; } } .topaz-button-dark:hover, .topaz-button-dark:focus { background: #ffffff !important; color: #101820 !important; } /** 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; } } /** ///////// trying new card code //// **/ /****************************Latest Research Section***************************/ #latest-research { padding-bottom: 6em; } #button-wrapper { text-align: center; } #more-button { margin:2em auto 1em; text-align: center; background: #A076FE; display: inline-block; } .triplet-wrapper { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items: center; flex-flow: row wrap; justify-content: center; -ms-flex-pack: center; padding: 18px; } .triplet-card { /* width: 350px; */ flex:0 0 30%; margin: .5em; /* min-height: 340px; */ justify-content: space-between; background-color: white; cursor: pointer; } .card-img { background-repeat: no-repeat; background-size: cover; background-position: 50% 99%; min-height: 230px; } @media only screen and (max-width: 1200px) { .card-img { min-height: 180px; } } #latest-research .triplet-card { overflow: hidden; } #latest-research .triplet-card .card-img{ transition: transform 2s, filter 2s ease-in-out; filter: brightness(95%); } #latest-research .triplet-card:hover .card-img{ filter: brightness(100%); transform: scale(1.1); } .triplet-card:hover .card-cta svg{ animation: slide 2s ease-in-out infinite; /*margin-left: 3px;*/ } @keyframes slide { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(10px, 0); } } .card-text-wrapper { position: relative; padding: 2em; color: black; } /** client cards **/ #client-stories .card, .custom-card .card { margin: 1em; height: 100%; background-color: #ffffff; color: #31373D; } #client-stories h3, .custom-card h3 { font-size: 1.5em; line-height: 1.5; font-family: "Amplitude"; font-weight: 300; } #client-stories .client-story-tag, .custom-card .client-story-tag { font-family: "Amplitude"; 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", Font Awesome\ 6 Pro, "Font Awesome 5 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; } #client-stories .card .card-body, .custom-card .card .card-body, .card .card-img-top { padding: 1rem 2rem; } #client-stories .card .card-title, .custom-card .card .card-title { font-size: 22px; line-height: 1.2; margin: 2rem 0; font-weight: 300; color: #31373d; min-height: 60px; } .custom-card .card .card-title.card-title-large { font-size: 40px; } #client-stories .card .card-date, .custom-card .card .card-date { font-weight: 400; font-family: "Amplitude", "Amplitude Light"; } .custom-card .card .card-subtitle { font-weight: 400; font-size: 14px; line-height: 1.2; font-family: "Amplitude", Amplitude ; color: #31373d; margin-bottom: 1em; } #client-stories .card .card-text, .custom-card .card .card-text, .custom-card .card .card-text span { font-weight: 300; font-size: 16px; line-height: 1.5; letter-spacing: 0.02em; color: #101820; margin: 1em 0; } .card .card-text span { white-space: nowrap; } .custom-card .card .card-text { height: 147px; } #client-stories .card .card-tag, #cutting-edge-slider .card .card-tag, .custom-card .card .card-tag { color: #936846; font-weight: 500; font-size: 14px; line-height: 24px; margin-top: 2em; text-transform: uppercase; } #client-stories .card-img-top { display: none; } #client-stories .card .card-footer { padding: 0 2rem 2rem; background-color: #ffffff; border-top: 0; } .custom-card .card .card-footer { padding-left: unset; background-color: #ffffff; border-top: 0; } #client-stories .card-cta a { text-decoration: none; } #client-stories .card .card-footer a:hover, .custom-card .card .card-footer :hover { text-decoration: underline; } #client-stories .card .card-footer a:after { content: "\f054"; font-family: "Font Awesome\ 6 Pro", Font Awesome\ 6 Pro, "Font Awesome 5 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; } @media only screen and (max-width: 767px) { .custom-card .card .card-title.card-title-large { font-size: 25px; } .custom-card .card .card-title { min-height: 40px; } .dropbtn4, .dropbtn5, .dropbtn6 { font-size: 18px; } } /* TABLET VIEW */ @media only screen and (min-width: 577px) and (max-width: 767px) { #podcasts-section .card-body { height: 225px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .custom-card .card .card-text { height: 200px; } .custom-card .card .card-body, .card .card-img-top { padding: unset } .custom-card .card .card-title.card-title-large { font-size: 25px; min-height: 40px; } #podcasts-section .card-body, #podcasts-section .card-footer { padding-left: unset; padding-right: unset; } .dropbtn4, .dropbtn5, .dropbtn6 { font-size: 18px; } } /** // Cutting Edge section // **/ #contact-form-section { padding: 4em 0; } #cutting-edge-slider .card-footer a, #cutting-edge-slider a.primary.link.card-link { font-weight: 400 !important; font-family: "Amplitude", "Amplitude" !important; letter-spacing: 0.02em; color: #ffffff; } #cutting-edge-slider { overflow-x: hidden; color: #ffffff; } #cutting-edge-slider .card-img-top { width: 100%; height: auto; object-fit: cover; max-height: 220px; min-height: 220px; padding: 0; } #cutting-edge-slider .card-title { font-weight: 300; font-size: 22px; line-height: 1.5; font-family: "Amplitude"; color: #ffffff; } #cutting-edge-slider .card-text { font-size: 16px ; color: #ffffff; line-height: 1.5; } #cutting-edge-slider .card-footer { padding: 1em 3em 2em 1.25em; background-color: transparent; border-top: 0; color: #ffffff; } #cutting-edge-slider .card .card-body { padding: 1.25em; } /** client cards **/ #cutting-edge-slider .slick-list { padding:0 20% 0 0 !important; } #cutting-edge-slider .card { height: 100%; background-color: #101820; color: #ffffff; display: flex!important; } #cutting-edge-slider .card-dark { background-color: #31373D; color: #ffffff; } #cutting-edge-slider .card .card-tag { color: #936846; font-weight: 500; font-size: 14px; line-height: 24px; /* margin-top: 2em; */ text-transform: uppercase; font-family: 'Amplitude'; } /** client cards **/ /** end client stories **/ /** Marketo form area **/ #marketo-section-wrapper { margin: 2em 6em 6em; } @media only screen and (max-width: 768px) { #marketo-section-wrapper { margin: 2em; } } .stay-informed-text { font-size: 1.3em; font-weight: 500; line-height: 1.2; letter-spacing: .02em; font-family: "Amplitude", Amplitude , "Amplitude"; } .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 ***/ /** 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__image { width: calc(100%-1px); background-size: cover; background-position: 50% 99%; min-height: 250px; background-repeat: no-repeat; } .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: 500; font-size: 1.5em; margin-bottom: .5em; line-height: 1.2; overflow: hidden; height: 2.5em; } .insight-card__subtitle { font-family: "Amplitude", Amplitude ; 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; } /* 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__image { width: calc(100%-1px); background-size: cover; background-position: 50% 99%; min-height: 250px; background-repeat: no-repeat; } .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-family: "AmplitudeWide Bold", "Amplitude Medium"; font-size: 1.5em; margin-bottom: .5em; line-height: 1.2; overflow: hidden; } @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; } } .insight-card__subtitle { font-family: "Amplitude", Amplitude ; 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-family: "AmplitudeWide Bold", "Amplitude Medium"; font-size: 1.8em; 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); } } .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-family: "Amplitude", Amplitude ; font-weight: 700; color: #000; } #research-link strong { font-family: "Amplitude", Amplitude , "Amplitude Bold4"; 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: 500; } /* 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-family: "AmplitudeWide Bold", "Amplitude Medium"; 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-family: "AmplitudeWide Bold", "Amplitude Medium"; width: 82%; text-align: left; color: #000; } #accordion { padding-top: 3em; padding-bottom: 3em; } .bodyContent li { font-family: "Amplitude", Amplitude ; } .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: 500; } .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; } /*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-family: 'Amplitude Light'; 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: 500; font-style: normal; margin-bottom: .5em; font-size: 1.7em; } .overlapping-elements__text-box-desktop p { font-size: 1.25em; } .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; } **/ /** 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%; } /** globe back video **/ .video-container-globe { position: relative; width: 60%; height: 100%; overflow: hidden; text-align: right; } .video-container-globe>video-js { position: absolute; right: 0; bottom: 0; width: auto; height: auto; overflow: hidden; } .bigTextTopaz-container { border-left: 1px solid #2b9ab3; padding:30px; text-align: left; } /***** TESTING MARKETO STYLING *******/ @media screen and (min-width:1px) { /* Begin Fluid Marketo Forms CSS | paste this into the Custom CSS input */ /* hide these elements */ form.mktoForm .mktoOffset, form.mktoForm .mktoGutter { display:none !important; } /* form element */ form.mktoForm {padding:20px; box-sizing:border-box;} /* all form child elements */ form.mktoForm * {font-size: inherit !important; box-sizing:border-box;} /* make these elements fluid (override fixed widths) */ form.mktoForm, form.mktoForm .mktoFormRow, form.mktoForm .mktoButtonRow, form.mktoForm .mktoFormCol, form.mktoForm .mktoFieldWrap, form.mktoForm label.mktoLabel, form.mktoForm input[type=url], form.mktoForm input[type=text], form.mktoForm input[type=date], form.mktoForm input[type=tel], form.mktoForm input[type=email], form.mktoForm input[type=number], form.mktoForm textarea.mktoField, form.mktoForm select.mktoField, form.mktoForm .mktoLogicalField { width: 100% !important; } /* labels */ form.mktoForm label.mktoLabel { padding-bottom: .5em !important; font-weight: bold; font-family: 'Amplitude', "Amplitude Regular"!important; font-size: 16px!important; } /* required asterix */ form.mktoForm .mktoAsterix { float: left !important; margin-left: -1em !important; } /* inputs */ form.mktoForm input[type=url], form.mktoForm input[type=text], form.mktoForm input[type=date], form.mktoForm input[type=tel], form.mktoForm input[type=email], form.mktoForm input[type=number], form.mktoForm textarea.mktoField, form.mktoForm select.mktoField { padding: .5em .75em !important; min-height: 2.5em; /* set input heights */ height: auto !important; /* override */ } /* checkbox & radio labels */ form.mktoForm .mktoCheckboxList, form.mktoForm .mktoRadioList { box-sizing: border-box; width: 100% !important; padding: 0 !important; } form.mktoForm .mktoRadioList label[for], form.mktoForm .mktoCheckboxList label[for] { width:100% !important; margin: 0px !important; padding: 0 0 .5em 1.75em; } /* checkbox & radio inputs */ form.mktoForm input[type=checkbox], form.mktoForm input[type=radio] { height:1.25em !important; width:1.25em !important; } /* button */ form.mktoForm .mktoButtonWrap { margin-left: 0 !important; /* override */ width: 100% !important; display: block !important; text-align: center !important; /* center button */ padding-top: 10px; /* optional space above the button */ } form.mktoForm button.mktoButton { display: inline-block !important; background: #1595a3 !important; /* button bg color */ color: #fff !important; /* button text color */ border:2px solid transparent !important; /* button border color */ padding: .5em 2.75em; font-size:1.2em !important; line-height:1.2em !important; } form.mktoForm button.mktoButton:hover { background: #fff !important; /* button bg color on hover */ color: #1595a3 !important; /* button text color on hover */ border-color: #1595a3 !important; /* button border color on hover */ } } /* end 1px+ (mobile) styles */ /* RESPONSIVE STYLES */ @media screen and (min-width:480px) { form.mktoForm.mktoLayoutLeft label.mktoLabel { width:30% !important; /* set label width for labels-left setup */ } form.mktoForm.mktoLayoutLeft input[type=url], form.mktoForm.mktoLayoutLeft input[type=text], form.mktoForm.mktoLayoutLeft input[type=date], form.mktoForm.mktoLayoutLeft input[type=tel], form.mktoForm.mktoLayoutLeft input[type=email], form.mktoForm.mktoLayoutLeft input[type=number], form.mktoForm.mktoLayoutLeft textarea.mktoField, form.mktoForm.mktoLayoutLeft select.mktoField, form.mktoForm.mktoLayoutLeft .mktoCheckboxList, form.mktoForm.mktoLayoutLeft .mktoRadioList { width: 70% !important; /* set input width for labels-left setup */ } } /* end @ 768+ */ .feedback-btn { position: absolute; position-attachment: fixed; width: 45px; height: 200px; background: #2b9ab3; right: 0; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; box-shadow: 1px 1px 3px #000; border-top-left-radius: 2px; border-bottom-left-radius: 2px; cursor: pointer; transition: 0.2s ease-out; } .feedback-btn:hover { width: 50px; } .feedback-txt { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); position: absolute; right: -10px; top: 22px; color: #fff!important; transition: 0.2s ease-out; font-weight: 500; font-size: .8em; letter-spacing: -0.01em; } .feedback-btn:hover .feedback-txt { right: -6px; } /** persistent right side button **/ .overlay-cta-button-right { color: #ffffff; font-size: 18px; font-weight: 400; cursor: pointer; position: fixed; top: 50%; right: -54px; 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: 10px 20px; 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 .arrow { border: solid #ffffff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; margin-left: 3px; } .overlay-cta-button-right .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .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: 991px) { .overlay-cta-button-right, .cmp-floating-cta { display: none; } } */ /** building video carousel **/ .video__wrapper.video-container { width: 100%; height: inherit; z-index: 99999; min-height: 95vh; height: 100%; } .video-container:before { content: ''; position: absolute; background: rgba(0, 0, 0, 0.5); border-radius: 5px; top: 0; right: 0; bottom: 0; left: 0; } .trans-button { cursor: pointer; background-color: transparent; } .dark-section4 { display: none; /* hides transcript section on load */ } .bc-player-rkxpjskmWf_default .vjs-control-bar { display: block; } #slide__wrapper { left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.25); z-index: 3; padding: calc(7% - 60px) 20px; } .cib__slider .slick-initialized { display:flex; } /* #slide__wrapper img { max-width: 250px; margin-bottom: 5px; }*/ .accessibility__buttons { margin-top: 0.5em; } /* Slider */ .video__title-collapse { font-size: 1.6em !important; } .machine-trans, .open-trans { display: none; } .img__background { background-size: cover; /* min-height: 700px; */ height: 100%; background-repeat: no-repeat; background-position: center bottom; background-image: url('/content/dam/jpm/cib/complex/content/insights/2023_healthcare/Jess_Thumbnail-2023.png'); position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } @media only screen and (max-width: 550px) { .img__background { min-height: 500px; } } .video__wrapper video { height: 100%; max-height: 850px; overflow: hidden; object-fit: contain; margin: 0 auto; } h1.video__title.small { font-size: 2vmin; } .video__slant { display: flex; z-index: 4; bottom: 3%; position: absolute; padding: 0 3%; } .video__slant.active { bottom: 0; } .text__wrapper { width: 55vw; align-self: center; } .video_slant__container { width: 60vw; border-style: solid; border-width: 0 225px 365px 0; border-color: transparent transparent #00477b transparent; line-height: 0px; _border-color: #000000 #000000 #00477b #000000; _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; opacity: .9; left: 0; bottom: 0; transition: all .6s ease-out; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; z-index: 2; } .video__description { font-size: 2.4rem; line-height: 1.4; display: block; font-weight: 300; } 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; width: 70%; } /* @media only screen and (min-width: 1300px) and (max-width: 1400px) { div.video_btn__wrapper { margin-top: 15px; } }*/ @media only screen and (min-width: 1200px) and (max-width: 1300px) { div.video_btn__wrapper { margin-top: 25px; } } @media only screen and (min-width: 930px) and ( max-width: 1450px) { .video_slant__container { width: 69vw; } } @media only screen and (min-width: 700px) and ( max-width: 929px) { .video_slant__container { width: 100%; border-width: 0 225px 250px 0; } .text__wrapper { width: 71vw; } .ad-button svg, .transcript__btn svg { width: 30px; } } @media only screen and (max-width: 699px) { .navbar-wrapper { margin-bottom: 0 !important; } .video_slant__container { border-style: none; border-width: unset; height: 40vh; width: 100%; bottom: 114px; } .text__wrapper { width: auto; } .video__slant { align-items: center; background-color: #F7F7F7; opacity: .9; height: 375px; } .video__control { margin-top: -90px; padding-right: 1em; align-self: unset; } span.play__button svg { width: 60px; } .ad-button svg, .transcript__btn svg { width: 30px; } } @media (min-width:374px) and ( max-width:550px) { span.video__description { font-size: 15px !important; } svg.ada__audio, svg.trans-button { width: 30px; } div.play__button { padding: 0 1.5em; } .play__button svg { width: 60px !important; height: 70px !important; } div.hero-txt { width: 100%; } div.video__text { width: 100%; padding: 0 12px; } } @media only screen and ( max-width:870px) { .hero-txt { width: 100%; border-width: none; height: 100%; background-color: #000e33; } .video__info { /* flex-direction: column; height: initial; padding: 0;*/ } h4.video__title, .video__title { width: 100%; } span.video__description { width: 100%; font-size: 18px; } h4.video__title { font-size: 1.3em; } div.accessibility__buttons { margin-top: 1em; } } @media only screen and ( max-width:450px) { span.video__description { display: none !important; } svg.ada__audio, svg.trans-button { width: 30px; } div.play__button { padding: 0 1.5em; } .play__button svg { width: 60px !important; height: 70px !important; } div.hero-txt { width: 100%; } div.video__text { width: 100%; padding: 0 12px; } h4.video__title, .video__title { font-family: "Amplitude-Medium"; font-size: 1.2em; } } .bodyContent { margin-bottom: 0 !important; } .video__control { align-self: center; margin-top: -78px; padding-right: 1.5em; } .video__control.no-margin-top { margin-top: 0; position: relative; top: 5px; } .transcript__section { padding: 3% 10%; padding-top: 6em; padding-bottom: 6em; position: relative; z-index: 1; background: #23292E; color: white; display: none; } .transcript { width: 100%; max-height: 500px; overflow-y: scroll; margin: 2.5em auto; padding: 25px; max-width: 850px; display: none; } .transcript p { color: black; } .transcript::-webkit-scrollbar { width: auto; } .transcript::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555; } .transcript::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5; } .ad-button { display: none; } /* hiding button until we get updated ada assets */ .dark-section { padding: 3% 10%; padding-top: 6em; padding-bottom: 6em; position: relative; z-index: 1; background: #23292E; color: white; } .dark-section: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; } .time__stamp { font-family: "Amplitude-Medium"; } .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 { content: " "; font-family: FontAwesome; font-style: normal; } .trans-button { cursor: pointer; background-color: transparent; } .button-svg { cursor: pointer; background-color: transparent; } .ada__button svg { width: 30px; height: 30px; } .play__button { padding: 2em; } .play__button svg { height: 88px; width: 80px; min-height: 37px; cursor: pointer; } /*modal*/ /* Overlay */ .vjs-big-play-button { display: none; } .vjs-captions-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button { position: absolute; right: 0; } /* Responsive Media Queries */ @media only screen and (max-width: 1100px) { #slide__wrapper { max-width: none; position: relative; } .video_btn__wrapper { margin: 1em 0; } div.video__wrapper { max-width: none; min-height: initial; } .slider__title { padding: 0 12px; } .up-arrow, .down-arrow { /* transform: rotate(-90deg); */ } #slide__wrapper img { max-width: none; padding: 0 10px; height: 100%; } .img__background { min-height: initial; } } .open-trans, .machine-trans { display: none; } .block-trans { display: block; } .more-vids { background: #FFF; height: auto; } /*slick*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider:not(.slick-initialized) .slick-slide:not(:first-of-type) { display: none; } .slick-slider:not(.slick-initialized) .slick-slide:first-of-type { visibility: hidden; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; position: relative; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-disabled { opacity: 0; pointer-events:none; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -15px; z-index: 2; box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2); } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -15px; box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2); } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: white; } /*customize slick dots*/ .slick-dots li button { border-radius: 50%; background: rgba(255, 255, 255, 0.33); } .slick-dots li.slick-active button{ background: rgba(255, 255, 255, 0.66); } /** persistent right cta has carat issue **/ .yt-header { color: var(--Primary-Typography-Gray-800, #31373D); font-size: 32px; font-weight: 300; line-height: 44px; /* 137.5% */ letter-spacing: 0.64px; } .yt-header-main { font-size: 40px; font-weight: 300; line-height: 44px; /* 137.5% */ letter-spacing: 0.64px; } #yt-shell .col { display: flex; justify-content: center; align-items: center; } #yt-shell .primary-topaz-button { justify-content: center; max-width: 300px; align-items: center; } #yt-shell .fa-youtube { font-size: 20px; } @media only screen and (max-width: 767px) { #yt-shell .col { justify-content: unset; } .yt-header { font-size: 22px; line-height: 1.2; } .yt-header-main { font-size: 26px; line-height: 1.2; } } @media only screen and (min-width: 768px) and (max-width: 1250px) { .yt-header { font-size: 24px; line-height: 1.2; } .yt-header-main { font-size: 30px; line-height: 1.2; } } .svg-play-btn, .svg-pause-btn { border: solid white 0.5px; } </style> <div class="floating-cta aem-GridColumn aem-GridColumn--default--12"> <div class="cmp-floating-cta"> <div id="floating-cta-btn" class="cmp-floating-cta__side--btn" role="button" aria-controls="floating-cta-content" aria-expanded="false" tabindex="0" style=""> <div class="cmp-floating-cta__side-btn--title cmp-cta-mobile" style="" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"button","ctaText":"Extel / Institutional Investor Surveys","ctaUrl":"","ctaTitle":"Extel / Institutional Investor Surveys","ctaComponentName":"Floating Cta"}}" target="_blank" data-cmp-clickable=""> <div class="cmp-floating-cta__side-btn--title--text" style="min-width: 0px;"> <p class="sidebar-research">Extel / Institutional Investor Surveys</p> </div> <p class="cmp-floating-cta__side-btn--hide">Hide</p> </div> <div class="cmp-floating-cta__side-btn--title cmp-cta-vertical" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"button","ctaText":"Vote Now","ctaUrl":"","ctaTitle":"Extel / Institutional Investor Surveys","ctaComponentName":"Floating Cta"}}" target="_blank" data-cmp-clickable=""> <div class="cmp-floating-cta__side-btn--title--text"> <p class="sidebar-research">Extel / Institutional <br class="br-tag"> Investor Surveys</p> </div> <p class="cmp-floating-cta__side-btn--hide">Hide</p> </div> </div> <div id="floating-cta-content" class="cmp-floating-cta__content" aria-labelledby="floating-cta-btn" aria-hidden="true"> <div class="cmp-floating-cta__content--title"> <p class="sidebar-research-title">2024 Extel / Institutional Investor Surveys</p> </div> <div class="cmp-floating-cta__content--subline"> <p>J.P. Morgan Global Research. Setting a new standard. </p> <p> Please provide your feedback in the <em>Extel / Institutional Investor</em> surveys.</p> </div> <a data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"button","ctaText":"Vote Now","ctaUrl":"https://www.extelinsights.com/voting/","ctaTitle":"Vote Now","ctaComponentName":"Floating Cta"}}" class=" cmp-floating-cta__link chaseanalytics-track-link" target="_blank" data-cmp-clickable="" href="https://voting.institutionalinvestor.com/" aria-label="2024 Institutional Investor Surveys"> VOTE NOW </a> </div> </div> </div> <style> .br-tag { display: none; } @media only screen and (max-width: 576px) { .br-tag { display: block; } } @media only screen and (max-width: 767px) { .custom-card .card .card-text { height: unset; } } .cmp-floating-cta.open .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--title:after { bottom: 4px; } .cmp-floating-cta__side-btn--title--text p.sidebar-research { font-size: 14px; white-space: nowrap; letter-spacing: 0.026rem; line-height: 1.6; } p.sidebar-research-title { font-style: italic; line-height: 1.1; } @media screen and (max-width: 767px) { .cmp-floating-cta { min-height: 67.5px; } } /*Tablet */ @media screen and (min-width: 768px) { /* @media screen and (min-width: 768px) and (max-width: 1024px) { */ .cmp-floating-cta { height: 320px; margin: 1.5% 0; } .cmp-floating-cta .cmp-floating-cta__side--btn { height: 320px; } .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--title .cmp-floating-cta__side-btn--title--text p { height: 280px; padding: 5% 0; display: flex; justify-content: center; } .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--title .cmp-floating-cta__side-btn--title--text { max-height: 320px; } .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--hide, .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--title { height: 32.0rem; } /* .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--title:after { bottom: 1rem; } */ } /* @media screen and (min-device-width: 769px) { .cmp-floating-cta { height: 270px; } .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--hide, .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--title { height: 25.0rem; z-index: 15; padding-bottom: 0; } .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--title .cmp-floating-cta__side-btn--title--text { max-height: 250px; } .cmp-floating-cta .cmp-floating-cta__side--btn .cmp-floating-cta__side-btn--title .cmp-floating-cta__side-btn--title--text p { min-height: 250px; } } */ #podcasts-section a.primary.link:after { display: none; } #podcasts-section a.primary.link { font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: 0.02em; } </style> <section class="section-hero"> <div class="container-fluid hero"> <div class="row no-gutters h-100"> <div class="col-12 col-lg-6 p-5 d-flex justify-content-center align-items-center"> <div id="payments-header-animation" class="hero__content"> <!---- <div class="lockup"><a href="#">HEALTHCARE PAYMENTS SOLUTIONS</a> </div> --> <h1 class="hero__title payments-header-animate">Global <br> <span>Research</span> </h1> <!---- <h2 class="hero__subtitle">Strategic, full-service solutions to support your evolving governance needs</h2> --> <div class="hero__text pt-2 pb-5 payments-header-animate"> <strong>J.P. Morgan’s Research team leverages cutting-edge technologies and innovative tools to bring clients industry-leading analysis and investment advice.</strong> <br><br> Employing big data analysis, machine learning and other techniques combined with their macro, asset class, sector and company expertise, our award-winning analysts set the industry standard for delivering the most comprehensive and impactful research to clients. </div> <a class="primary link chaseanalytics-track-link" data-pt-name="pymt_unbound-six-trends" aria-label="J.P. Morgan Markets Research Portal" href="https://www.jpmm.com/" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"J.P. MORGAN MARKETS RESEARCH PORTAL ","ctaUrl":"https://jpmm-internal.jpmchase.net/#homepage","ctaComponentName": "CTA"}}" data-cmp-clickable="">J.P. MORGAN MARKETS RESEARCH PORTAL</a> </div> </div> <div class="col-12 col-lg-6 d-flex justify-content-center align-items-center section-hero-right h-100"> </div> </div> </div> </section> <section id="gray-links-bar" class="section--background-graysection--font-white sticky"> <div class="container-fluid "> <div class="row "> <div class="col-12 d-none d-lg-block "> <div class="links-row d-flex justify-content-between "> <div class="col"> • <a href="#latest-research-section" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Latest research","ctaUrl":"#latest-research-section","ctaComponentName": "Nav Bar"}}" data-cmp-clickable="">Latest research</a> </div> <div class="col">• <a href="#video-section" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Videos","ctaUrl":"#video-section","ctaComponentName": "Nav Bar"}}" data-cmp-clickable="">Videos</a> </div> <div class="col">• <a href="#podcasts" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Podcasts","ctaUrl":"#podcasts","ctaComponentName": "Nav Bar"}}" data-cmp-clickable="">Podcasts</a> </div> <!-- <div class="col">• <a href="#our-platforms" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Platforms","ctaUrl":"#our-platforms","ctaComponentName": "Nav Bar"}}" data-cmp-clickable="">Platforms</a> </div> --> <div class="col">• <a href="#research-in-numbers" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Research in numbers","ctaUrl":"#research-in-numbers","ctaComponentName": "Nav Bar"}}" data-cmp-clickable="">Research in numbers</a> </div> <div class="col">• <a href="#global-recognition" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Global recognition","ctaUrl":"#global-recognition","ctaComponentName": "Nav Bar"}}" data-cmp-clickable="">Global recognition</a> </div> </div> </div> <!---- commenting out for now <div class="col-12 col-md-2 gray-links-bar-link"> <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.instamed.com/trends-in-healthcare-payments-annual-report/">GET IN TOUCH </a> </div> --> </div> </div> </section> <section id="first-section-custom" class="section--font-black pb-0"> <div class="video-background-header-container"> <!--video class="video-js vjs-fill" controls="" data-account="887906362001" data-application-id="" data-embed="default" data-player="zzsA7L2Iu" data-video-id="6335496573112" id="video-hero" autoplay loop muted style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;"> </video> <script src="//players.brightcove.net/887906362001/zzsA7L2Iu_default/index.min.js"> </script --> </div> <div id="first-section-custom-padding" class="container-right bronze-bar-above"> <div class="row pt-5 pb-0"> <div class="col-12 col-md-8 offset-md-1 pt-5 pb-5 pl-5"> <div class="lockup">GLOBAL RESEARCH</div> <h2 class="section__header">Following the Fed’s recent rate cut, what could its next move be?</h2> </div> </div> <div class="row"> <div class="col-12 col-md-10 offset-md-1 pt-5 pb-5 pl-5"> <p class="featured-story-date">November 19, 2024</p> <p class="featured-story-text">Following the Fed’s recent 25 bp rate cut, what does J.P. Morgan Research predict for its next move in December? And how could the election results impact future Fed policy?</p> <a class="primary link chaseanalytics-track-link" aria-label="ETF market guide: What are the trends and themes to watch?" href="/insights/global-research/economy/fed-rate-cuts" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"LEARN MORE ","ctaUrl":"/insights/global-research/economy/fed-rate-cuts","ctaComponentName": "CTA"}}" data-cmp-clickable=""><strong>LEARN MORE</strong></a> </div> </div> </div> </section> <section id="latest-research-section" class="three-quarter-white-gray "> <div class="container subheader-container"> <div class="row "> <div class="col-12 col-md-8 pt-5 pb-5 pl-0"> <h2 class="section__header section__header-large">Latest <span>research</span></h2> </div> </div> </div> </section> <section class="section section--background-gray " id="client-stories"> <div class="container-fluid pl-0 pt-5 pe-0"> <div class="row" id="research-tile-wrapper"> </div> <div class="row mt-5"> <div class="col-12 text-center"> <a href="https://www.jpmorgan.com/global/research/reports" class="primary-topaz-button" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"VIEW MORE REPORTS","ctaUrl":"https://www.jpmorgan.com/insights/research/reports","ctaComponentName": "CTA "}}" data-cmp-clickable="">VIEW MORE REPORTS</a> </div> </div> </div> </section> <section id="video-section" class="pt-5 pb-5"> <div class="container subheader-container"> <div class="row "> <div class="col-12 col-md-8 pt-5 pb-5 pl-0"> <h2 class="section__header section__header-large">Video <span>insights</span></h2> </div> </div> </div> </section> <section id="section-video-offset"> <div id="video-carousel" class="container-fluid "> <div class="row no-gutters"> <div class="col-12 p-0"> <div class="video_module"> <div class="video__wrapper"> <div class="img__background"></div> <div class="vidmeo"> <div class="play-button"> <svg class="play__button" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="141px" height="137px" viewBox="0 0 141 137" version="1.1"> <title>Group</title> <desc>Created with Sketch.</desc> <g id="Revised" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Update_3-Copy" transform="translate(-649.000000, -1825.000000)"> <g id="Group" transform="translate(649.000000, 1825.000000)"> <g id="Big-Play-Button" transform="translate(0.446476, 0.129186)"> <rect id="Rectangle-27" stroke="#936846" stroke-width="2" fill="#ffffff" x="1.31123224" y="1.15665066" width="137.825976" height="134.286078"></rect> <polygon id="Triangle" fill-opacity="0.8" fill="#936846" transform="translate(75.984647, 72.362164) rotate(90.000000) translate(-75.984647, -72.362164) " points="75.9846467 54.2690119 94.135237 90.4553154 57.8340564 90.4553154"></polygon> </g> </g> </g> </g> </svg> </div> <div> <video class="video-js" controls="" data-account="887906362001" data-application-id="" data-embed="default" data-player="zzsA7L2Iu" data-video-id="6344482729112" id="main-vid-largeone"></video> <script src="//players.brightcove.net/887906362001/zzsA7L2Iu_default/index.min.js"> </script> <div class="hero-txt" id="video-area"></div> <div class="video__info"> <div class="video__text"> <h2 class="video__title"> Key opportunity spaces for the pharmaceuticals sector in 2024 </h2> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row no-gutters "> <div class="col-lg-2"></div> <div class="col-12 col-lg-10 video-black-background ada-shell"> <div class="py-5"> <button aria-label="Transcript Button" class="ada__button trans-button" id="" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"VIEW TRANSCRIPT","ctaUrl":"","ctaComponentName": "View Transcript Button"}}" data-cmp-clickable=""> <svg class="tran-btn" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.39844 1H3.79844C3.42713 1 3.07104 1.1475 2.80849 1.41005C2.54594 1.6726 2.39844 2.0287 2.39844 2.4V13.6C2.39844 13.9713 2.54594 14.3274 2.80849 14.5899C3.07104 14.8525 3.42713 15 3.79844 15H12.1984C12.5697 15 12.9258 14.8525 13.1884 14.5899C13.4509 14.3274 13.5984 13.9713 13.5984 13.6V5.2L9.39844 1Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.39844 1V5.2H13.5984" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.7985 8.69995H5.19849" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.7985 11.5H5.19849" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.59849 5.90002H5.89849H5.19849" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> VIEW TRANSCRIPT </button> </div> <div class="col py-5"> <div class="ada__button form-check form-switch" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"AUDIO DESCRIPTION","ctaUrl":"","ctaComponentName": "AUDIO DESCRIPTION Button"}}" data-cmp-clickable=""> <input type="checkbox" class="form-check-input" id="flexSwitchCheckDefault"> <label class="form-check-label" for="flexSwitchCheckDefault">AUDIO DESCRIPTION</label> </div> </div> </div> </div> <div class="row no-gutters transcript-row "> <div class="col-12 col-lg-10 offset-lg-2 video-black-background trans-shell"> <div class="transcript" id="chris-schott-transcript"> <p><strong>Chris:</strong> Heading into 2024, we're seeing a really exciting opportunity to revisit the pharmaceutical sector given some of the underperformance we saw in 2023. We've got investors sentiments actually pretty bearish for the group right now. And we think that's going to be a really nice opportunity for investors to look at a fairly well positioned group at record low valuations. </p> <p><o:p> </o:p></p> <p><strong>Chris:</strong> We're really excited about the innovation more broadly across the sector. If you just think about 2023, we had the first disease modifying Alzheimer's drug fully approved by the FDA. If you look at oncology market, we had new technologies, things like CAR-T, bispecific antibodies, ADCs, meaningfully improving standard of care in a number of tumor types. These are huge markets where you haven't seen innovation in the last decade or longer. </p> <p><o:p> </o:p></p> <p><strong>Chris:</strong> The GLP one category. This year has been really an exciting year. We're estimating that this will be over a hundred billion revenue opportunity for the sector by the time we go out to the early 2030s. And that would make the GLP-1s the largest therapeutic market we've ever seen. We're expecting the capacity for the GLP-1s to double in 2024, increase another 50% in 2025, and that should really alleviate the bottlenecks we have from the capacity standpoint. <span style='mso-spacerun:yes'> </span></p> <p><o:p> </o:p></p> <p><strong>Chris:</strong> As we think about M&A, the themes really remain growth and innovation and that should lead to further consolidation of the small and mid-cap biotech sector, particularly the higher quality names. What we're seeing is a pivot away from larger, more complex transactions that we saw in the past. And instead what the industry seems to be doing is looking at these kind of smaller assets that are easier to integrate.<span style='mso-spacerun:yes'> </span></p> <p><o:p> </o:p></p> <p><strong>Chris:</strong> As I think about healthcare reform, the big focus for us is going to be on drug price negotiations. This is really coming about because of the inflation reduction act, which is allowing the US government for the first time to directly negotiate drug pricing with the pharmaceutical industry. Many of these are going to make drugs more affordable for seniors, which is great. But for the drug industry specifically, we're got to really watch to see how these negotiations go. It's a big overhang for the sector. One we think is manageable, but obviously we've got to watch exactly how these negotiations play out. </p> </div> <div class="transcript" id="lisa-gill-transcript"> <p><strong>Lisa:</strong> Things to watch for in 2024 when we think about healthcare services specific to managed care and facilities, one, utilization trends. If you think about 2023, we saw an uptick in Medicare advantage utilization trends, we anticipate that those trends will carry forward into the first half of 2024. Second, GLP-1, the impact on both sides. How will this impact the commercial market? How will it impact PBMs? Third, the presidential election. <span> </span></p> <p><o:p> </o:p></p> <p><strong>Lisa:</strong> GLP-1 were a big area of topic in 2023. They are currently not covered by Medicare or Medicaid. However, as we move into 2024, We'll need a legislative change for them to be covered. </p> <p>We recently conducted a survey of 50 of the top 500 companies in the country, a large percentage of them are saying they're not going to cover it for weight loss, so we'll have to wait and see what happens. </p> <p><o:p> </o:p></p> <p><strong>Lisa:</strong> As we think about the medical costs and pharmacy costs in 24, we're getting back to normalization. Post covid, we had two years where people did not go to the doctor. They did not have surgical procedures done. </p> <p>We had anticipated coming into 23 that we would see a higher acuity level. what we saw this year is that both cardiac procedures as well as orthopedic procedures, were higher than expected. </p> <p>As we go into 2024, we expect that trend to continue within Medicare Advantage. On the commercial side, we have generally seen in line, utilization trends across the commercial population. </p> <p><o:p> </o:p></p> <p><strong>Lisa:</strong> As we think about potential legislative changes for the PBM, pharmacy benefit management business. One of the areas that they're trying to drive is more transparency in the business model. We believe any of the legislation is pretty benign to the current industry as we see it and therefore remain positive on the industry.</p> </div> <div class="transcript" id="unpacked-esg-transcript"> <p >Environmental Social Governance is growing in every geography around the globe. It’s in the headlines, high up on the agendas of corporations, and at the forefront of investor interest.<o:p></o:p></p> <p > <o:p></o:p></p> <p >Even though it started to take shape in the 1960s, ESG has gained significant momentum in recent years, with 2020 standing out as a milestone year in this space. Adoption across the global asset management industry more than doubled, with total ESG funds growing more than 100 percent. And companies are now rally more ambitious ESG goals.<o:p></o:p></p> <p > <o:p></o:p></p> <p >What’s driving the move from momentum to mainstream?<o:p></o:p></p> <p > <o:p></o:p></p> <strong><p >This is ESG Investing, Unpacked.<o:p></o:p></p></strong> <p > <o:p></o:p></p> <p >ESG Investing looks at an asset, like equities or bonds, through an Environmental, Social and Governance lens.<o:p></o:p></p> <p > <o:p></o:p></p> <p >The goal is to determine whether the asset makes a positive impact. For example, fighting climate change or supporting safe working conditions. Governance is all about how a company balances stakeholder interests: How are decisions made? What processes are in place? Who benefits?<o:p></o:p></p> <p > <o:p></o:p></p> <p >Here’s another way to think about it: The “E” and “S” are the end results. The “G” determines how these results are achieved.<o:p></o:p></p> <p > <o:p></o:p></p> <p >This data helps investors make better-informed decisions.<o:p></o:p></p> <p > <o:p></o:p></p> <p >The rise of ESG investing is based on a few points in history. Among them are the social movements against the Vietnam war and apartheid in South Africa, when companies faced divestments in opposition.<o:p></o:p></p> <p > <o:p></o:p></p> <p >In 1981, the first major U.S. organization that advances responsible investing was founded: The U.S. Sustainable Investment Forum. And key events created global awareness of environmental issues.<o:p></o:p></p> <p > <o:p></o:p></p> <p >In 2008, the Financial Crisis called into question the industry’s social license to operate: How can the financial system works for everyone and not just shareholders? In 2015, 196 countries signed the Paris Agreement to reduce carbon emissions.<o:p></o:p></p> <p > <o:p></o:p></p> <p >Most recently, the COVID-19 pandemic demonstrated the connectivity between crises: Public health, climate change and social inequality. In response, companies prioritized even more ambitious goals around ESG.<o:p></o:p></p> <p > <o:p></o:p></p> <p >Three main ESG Investing strategies are growing quickly. Negative Screening typically excludes investments related to weapons, tobacco and fossil fuels. While exclusions were historically based on moral or religious preferences, now it’s about the financial risk associated with the negative impact of industries, such as human health for tobacco and climate change for fossil fuels.<o:p></o:p></p> <p > <o:p></o:p></p> <p >ESG Integration has become the leading strategy. It focuses on how companies incorporate ESG criteria into their daily activities to achieve long-term financial performance. Then, ESG considerations and timelines are factored into risk analysis and investment decisions moving forward.<o:p></o:p></p> <p > <o:p></o:p></p> <p >Impact Investing is the newest strategy. It intentionally aims to create positive social and environmental impact that is actively measured, as well as financial return. Like investing in the private debt of a company with a business model aimed at providing access to high-quality education for students from low-income backgrounds. Impact Investing is becoming increasingly common because more people want their money to contribute to the United Nation’s Sustainable Development Goals.<o:p></o:p></p> <p > <o:p></o:p></p> <p >The ESG lens can be applied to any asset class. While equity is the most common, representing half of total ESG assets under management, green bonds are on the rise. Typically purchased by institutional investors, they help finance a company’s specific project climate-related or environmental project.<o:p></o:p></p> <p > <o:p></o:p></p> <p >Sustainability-linked bonds are also gaining traction. These are performance-based and tied to whether the issuer achieves pre-defined ESG objectives within a set timeline.<o:p></o:p></p> <p > <o:p></o:p></p> <p >Many investors are now looking beyond ESG targets and are increasingly focused on measurable results with clear plans. This trend, along with wanting more of a say in a company’s ESG practices, is expected to continue for the next several years.<o:p></o:p></p> <p > <o:p></o:p></p> <p >Heightened regulation including environmental, employment, and civil protections, is another factor driving ESG market growth. Around 90 percent of oversight was implemented in the last 20 years and 50 percent arrived after 2010.<o:p></o:p></p> <p > <o:p></o:p></p> <p >Europe leads this effort, where public companies are required to report implemented policies and where regulations are constantly evolving to reflect broader sustainability goals. Take the EU Green Deal, a set of policies to help the EU reduce emissions 55 percent by 2030 and reach net zero by 2050.<o:p></o:p></p> <p > <o:p></o:p></p> <p >But sustainability challenges are global and require mobilized capital to solve them, all countries are working on ESG. Asia is beginning to implement its own regulations, and the U.S. administration is currently working on its own standards as well.<o:p></o:p></p> <p > <o:p></o:p></p> <p >For the next several years, innovation will continue to shape the ESG landscape. From advancements in clean energy, like the growing hydrogen market, to how companies will deliver on advancing racial equality, and the upcoming public investments on clean infrastructures, all eyes are on ESG.</p> </div> <div class="transcript" id="unpacked-yield-curves-transcript"> <p>How healthy is the US economy? Could a recession be coming? How do investors feel about the current economic situation? </p> <p ><o:p> </o:p></p> <p >While none of us can see into the future, yield curves can help us map what lies ahead, answering these questions and many more with surprisingly-high levels of accuracy. So what exactly is a yield curve and how can one little line tell us so much? " </p> <p ><o:p> </o:p></p> <strong><p >This is "Yield Curves: Unpacked.<o:p></o:p></p></strong> <p ><o:p> </o:p></p> <p >In a nutshell, a yield curve is found on a graph that compares bond yields to maturity dates. Once plotted, the points are joined together with a line, forming the familiar yield curve. Here are four terms you'll need to understand to wrap your head around yield curves. </p> <p ><o:p> </o:p></p> <p >Bonds are debt securities issued by governments and corporations to raise money. In other words, bonds are a loan from an investor to an issuer. If an investor buys a Treasury bond, for example, they're essentially lending money to the U.S. government. Coupons are fixed interest payments, which investors receive periodically. This is the same as the interest paid on any loan, such as a mortgage or personal loan. </p> <p ><o:p> </o:p></p> <p >Maturity is when a bond's term comes to an end. This can be from 1 year to more than 10 years. At this point, the investor will get back the money they paid for the bond. </p> <p ><o:p> </o:p></p> <p >Yields are the returns made on a bond. The simplest version of yield is calculated by dividing the interest rate by the bond's current market price. Longer-term bonds will have higher yields-- in a stable economic environment, anyway. This is because they're considered riskier investments, as there's more time for market conditions and bond prices to change. </p> <p ><o:p> </o:p></p> <p >While a price change doesn't affect the fixed coupon payment, it does affect the yield. When prices go up, yields go down, making the bond less appealing. When long-term bonds have higher yields than short-term bonds, this forms the typical upward slope of a yield curve from left to right. A steeper slope can signal better economic conditions ahead, with higher growth and inflation, meaning better returns on long-term bonds. </p> <p ><o:p> </o:p></p> <p >Yield curves can also invert and slope in the opposite direction. This happens when short-term bonds have higher yields than long-term bonds. It's rare, but it can signal that an economic slowdown or even a recession is coming. This is particularly true of the U.S. Treasury yield curve, which tracks yields on short- and long-term treasuries. If you hear someone talking about the yield curve, they're likely referring to this one. And it's predicted past recessions with a great degree of accuracy. </p> <p ><o:p> </o:p></p> <p >How is this possible? First, the Treasury yield curve is a good reflection of investor sentiment. If investors expect interest rates to fall in the future, they might buy longer-term bonds to lock in the current rate, pushing up the price and lowering the yield. This is one way a yield curve can invert. </p> <p ><o:p> </o:p></p> <p >Low interest rates are usually associated with a weak economic environment, which is why this pattern can spell bad news for the economy-- if investors are correct, of course. Another reason is simply that the Treasury yield curve is so widely watched. Potential signs of a flattening curve may be enough to put markets in a spin. </p> <p >There can be many reasons behind the pattern seen on a yield curve. And it's hard to account for all the forces at play within the bond market. But whatever the reasons might be, the Treasury yield curve will remain a strong signal of economic activity. </p> </div> </div> </div> <div class="row no-gutters "> <div class="col-12 col-lg-10 offset-lg-2 video-black-background"> <div id="slide__wrapper"> <div class="cib__slider dark"></div> <div class="video_btn__wrapper slider-controls"> <button type="button" class="slick-prev">prev</button> <div class="slick-dots-container"> </div> <button type="button" class="slick-next">next</button> </div> </div> </div> </div> </div> <div class="row pt-5 mt-sm-5 ps-5 ps-lg-0" id="yt-shell"> <div class="col-lg-2"> </div> <div class="col-12 col-sm-6 col-md-6 p-3"> <!-- <p class="pb-3 yt-header-main">Research insights</p> --> <p class="yt-header">Watch our Research Insights to learn about the key trends impacting the global economy. </p> </div> <div class="col p-3"> <div > <div class="btn-container-img col-12 p-0 "> <a class=" primary-topaz-button button chaseanalytics-track-link d-flex " target="_blank" data-pt-name="lnk_yt_playlist" href="https://www.youtube.com/playlist?list=PLSiLSqyUGDCtp9x0ykvZ3mcpswa7D9s9A" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":" Explore videos ","ctaUrl":"https://www.youtube.com/playlist?list=PLSiLSqyUGDCtp9x0ykvZ3mcpswa7D9s9A ","ctaTitle":"Explore videos","ctaComponentName":"CTA "}}" data-cmp-clickable=""> Explore videos <i class="ps-3 fab fa-youtube "></i> </a> </div> </div> </div> </div> </section> <style> .trans-button svg { width: 20px !important; height: 20px !important; margin-right: 5px; } #section-video-offset .video-black-background .ada__button { color: #fff; margin: 1em 1em 0 1em; display: flex; flex-direction: row; align-items: center; } #section-video-offset .form-switch .form-check-input { width: 1.7em !important; background-image: url(/content/dam/jpm/cib/complex/content/insights/bloomberg-sports/circle-toggle-with-white-border.svg); height: 12px; border: 1px solid #fff; background-color: #000; margin-right: 5px; } .form-switch .form-check-input:checked { background-color: #fff !important; } .video-black-background { background-color: #101820; color: #ffffff; display: flex; } .video-black-background button.ada__button { background: none; border: none; cursor: pointer; position: relative; z-index: 6; margin: 0 0 0 1em; } .video-black-background .transcript { padding: 1rem; display: none; max-height: 360px; overflow-y: scroll; } .video-black-background .transcript p { line-height: 1.2; font-size: 1.2em; color: #ffffff; } </style> <section id="podcasts"> <div class="container subheader-container"> <div class="row "> <div class="col-12 col-md-8 pt-5 pb-5 pl-0 "> <h2 class="section__header section__header-large">Research <span>podcasts</span></h2> </div> </div> </div> </section> <section class="section pt-0 px-0" id="podcasts-section"> <div class="container-fluid"> <div class="row custom-card"> <!--RESEARCH RECAP--> <div class="col-12 col-md-4 p-lg-5 mb-5"> <div class="card h-100"> <img loading="lazy" src="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/Research_Recap_400x400.jpg" class="card-img-top" alt="Research Recap cover art"> <div class="card-body"> <p class="card-title card-title-large">Research Recap</p> <p class="card-text">Views from our award-winning Research analysts, who discuss sector trends, the state of the global economy and more. Research Recap is part of <a class="primary link chaseanalytics-track-link" href="https://www.jpmorgan.com/insights/podcast-hub" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Making Sense ","ctaUrl":"https://www.jpmorgan.com/insights/podcast-hub","ctaComponentName": "CTA"}}" data-cmp-clickable="">Making Sense</a>, J.P. Morgan’s podcast from the Commercial & <span> Investment Bank. </span> </p> <div class="card-footer align-items-end"> <button class="dropbtn4 link chaseanalytics-track-link" onclick="myFunction4();" aria-label="Research Recap Podcast" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Listen now - Research recap","ctaUrl":"","ctaComponentName": "CTA - dropdown"}}" data-cmp-clickable="" >Listen now</button> </div> <!--dropdown--> <div class="dropdown4"> <div id="myDropdown4" class="row justify-content-center mx-0 dropdown-content4"> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Apple_Podcasts.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Apple'})" class="col-12 col-md-6" style="padding-left: unset;" href="https://podcasts.apple.com/us/podcast/making-sense/id1456184829" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Apple Icon","ctaUrl":"https://podcasts.apple.com/us/podcast/making-sense/id1456184829 ","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Apple Podcasts</a> </div> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Podbean.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Podbean'})" href="https://marketmatters.podbean.com/e/introducing-making-sense/" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Podbean Icon","ctaUrl":"https://marketmatters.podbean.com/e/introducing-making-sense/","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Podbean</a> </div> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Spotify.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Spotify'})" href="https://open.spotify.com/show/62eiFvmcWsSPwZQhq2VvMD" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Spotify Icon","ctaUrl":"https://open.spotify.com/show/62eiFvmcWsSPwZQhq2VvMD ","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Spotify</a> </div> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpmorgan/icons/podcasts/Youtube_Music_icon.svg"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'YouTube'})" href="https://music.youtube.com/playlist?list=PLSiLSqyUGDCtvJzkXsLoMuESKb1m90nQQ" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"YouTube Icon","ctaUrl":"https://music.youtube.com/playlist?list=PLSiLSqyUGDCtvJzkXsLoMuESKb1m90nQQ ","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">YouTube</a> </div> </div> </div> </div> </div> </div> <!--AT ANY RATE--> <div class="col-12 col-md-4 p-lg-5 mb-5"> <div class="card h-100"> <img loading="lazy" src="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/At-AnyRate_Pod_Image.jpg" class="card-img-top" alt="At any rate cover art"> <div class="card-body"> <p class="card-title card-title-large">At Any Rate</p> <p class="card-text">Analysts from J.P. Morgan Global Research take a closer look at the stories behind some of the biggest trends, themes and developments in markets today. </p> <div class="card-footer align-items-end"> <button class="dropbtn5 link chaseanalytics-track-link" onclick="myFunction5();" aria-label="At Any Rate Podcast" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Listen now - At any rate","ctaUrl":"","ctaComponentName": "CTA - dropdown"}}" data-cmp-clickable="" >Listen now</button> </div> <!--dropdown--> <div class="dropdown5"> <div id="myDropdown5" class="row justify-content-center mx-0 dropdown-content5"> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Apple_Podcasts.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Apple'})" class="col-12 col-md-6" style="padding-left: unset;" href="https://podcasts.apple.com/us/podcast/at-any-rate/id1481423053" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Apple Icon","ctaUrl":"https://podcasts.apple.com/us/podcast/at-any-rate/id1481423053 ","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Apple Podcasts</a> </div> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Podbean.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Podbean'})" href="https://atanyrate.podbean.com/" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Podbean Icon","ctaUrl":"https://atanyrate.podbean.com/","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Podbean</a> </div> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Spotify.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Spotify'})" href="https://open.spotify.com/show/10IWO84fxpQ9oJRzKEZk6x" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Spotify Icon","ctaUrl":"https://open.spotify.com/show/10IWO84fxpQ9oJRzKEZk6x ","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Spotify</a> </div> </div> </div> </div> </div> </div> <!--GLOBAL DATA POD--> <div class="col-12 col-md-4 p-lg-5 mb-5"> <div class="card h-100"> <img loading="lazy" src="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/Global_Data_Pod_Image.jpg" class="card-img-top" alt="Global Data Pod cover art"> <div class="card-body"> <p class="card-title card-title-large">Global Data Pod</p> <p class="card-text">Economists from J.P. Morgan Global Research offer their analysis on the economic data, macro trends and monetary and fiscal policy impacting the world today. </p> <div class="card-footer align-items-end"> <button class="dropbtn6 link chaseanalytics-track-link" onclick="myFunction6();" aria-label="At Any Rate Podcast" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Listen now - Global Data Pod","ctaUrl":"","ctaComponentName": "CTA - dropdown"}}" data-cmp-clickable="" >Listen now</button> </div> <!--dropdown--> <div class="dropdown6"> <div id="myDropdown6" class="row justify-content-center mx-0 dropdown-content6"> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Apple_Podcasts.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Apple'})" class="col-12 col-md-6" style="padding-left: unset;" href="https://podcasts.apple.com/es/podcast/global-data-pod/id1576857391?l=en" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Apple Icon","ctaUrl":"https://podcasts.apple.com/es/podcast/global-data-pod/id1576857391?l=en ","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Apple Podcasts</a> </div> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Podbean.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Podbean'})" href="https://globaldatapod.podbean.com/" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Podbean Icon","ctaUrl":"https://globaldatapod.podbean.com/","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Podbean</a> </div> <div class="dropdown-bar-nc"> <img loading="lazy" alt="" class="podcast-icon col-12 col-md-6" src="/content/dam/jpm/cib/complex/content/insights/podcast-hub/Spotify.png"/> <a onclick="_satellite.track('listen_now', {podcast: 'Making Sense', platform: 'Spotify'})" href="https://open.spotify.com/show/0353WGU7UGrRBdqdHNm3K2" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Spotify Icon","ctaUrl":"https://open.spotify.com/show/0353WGU7UGrRBdqdHNm3K2","ctaTitle":"","ctaComponentName":"Icon "}}" data-cmp-clickable="">Spotify</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <script> //Close the dropdown menu if the user clicks outside of it window.onclick = function (event) { if (!event.target.matches('.dropbtn4')) { var dropdowns = document.getElementsByClassName("dropdown-content4"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } if (!event.target.matches('.dropbtn5')) { var dropdowns = document.getElementsByClassName("dropdown-content5"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } if (!event.target.matches('.dropbtn6')) { var dropdowns = document.getElementsByClassName("dropdown-content6"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } //DROPDOWN 4 function myFunction4() { document.getElementById("myDropdown4").classList.toggle("show"); } //DROPDOWN 5 function myFunction5() { document.getElementById("myDropdown5").classList.toggle("show"); } //DROPDOWN 6 function myFunction6() { document.getElementById("myDropdown6").classList.toggle("show"); } </script> <section id="our-platforms"> <div class="container subheader-container"> <div class="row "> <div class="col-12 col-md-8 pt-5 pb-5 pl-0 "> <h2 class="section__header section__header-large">Our <span>platforms</span></h2> </div> </div> </div> </section> <section class="section--background-gray" id="updated-2024-slider"> <div class="offset-left "> <div class="container-fluid mb-5 section--font-black "> <div class="row"> <div class="col-12 col-md-11 offset-md-1 pe-0"> <div class="slider-container"> <div id="cutting-edge-slider"> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/JPMMarkets_Platform_Image.png" alt="Card image cap"> <div class="card-body"> <p class="card-title">J.P. Morgan Markets</p> <p class="card-text">Delivering the latest Research, Trading and Post-Trade services to clients. </p> </div> <div class="card-footer align-items-end"> <a class="primary link card-link white" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Learn more","ctaUrl":"https://jpmm.com/#homepage","ctaTitle":"","ctaComponentName":"Related Insights Carousel"}}" data-cmp-clickable="" href="https://jpmm.com/#homepage" aria-label="link, Learn more, Card 1 of 4,J.P. Morgan Markets">Learn more</a> </div> </div> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/DataQuery__Platform_Image.png" alt="Card image cap"> <div class="card-body"> <p class="card-title">DataQuery</p> <p class="card-text">A portal into the industry-leading proprietary financial market data from Markets Research and Trading. </p> </div> <div class="card-footer align-items-end"> <a class="primary link card-link white" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Learn more","ctaUrl":"https://www.jpmorgan.com/solutions/cib/markets/dataquery","ctaTitle":"","ctaComponentName":"Related Insights Carousel"}}" data-cmp-clickable="" href="https://www.jpmorgan.com/solutions/cib/markets/dataquery" aria-label="link, Learn more, Card 2 of 4, DataQuery">Learn more</a> </div> </div> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/Index_Research_Platform_Image.png" alt="Card image cap"> <div class="card-body"> <p class="card-title">Global Index Research</p> <p class="card-text">Providing insights, bespoke products and informed index management decisions. </p> </div> <div class="card-footer align-items-end"> <a class="primary link card-link white" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Learn more","ctaUrl":"https://www.jpmorgan.com/insights/research/index-research","ctaTitle":"","ctaComponentName":"Related Insights Carousel"}}" data-cmp-clickable="" href="https://www.jpmorgan.com/insights/research/index-research" aria-label="link, Learn more, Card 3 of 4, Global Index Research | J.P. Morgan">Read more</a> </div> </div> <div class="card h-100"> <img loading="lazy" class="card-img-top" src="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/JPMaQs_Platform_Image.png" alt="Card image cap"> <div class="card-body"> <p class="card-title">JPMaQS</p> <p class="card-text">Macro quantamental trading made easy by breaking down the barriers between purely quantitative and fundamental trading styles. </p> </div> <div class="card-footer align-items-end"> <a class="primary link card-link white" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Learn more","ctaUrl":"https://www.jpmorgan.com/insights/research/macrosynergy-quantamental-system","ctaTitle":"","ctaComponentName":"Related Insights Carousel"}}" data-cmp-clickable="" href="https://www.jpmorgan.com/insights/research/macrosynergy-quantamental-system" aria-label="link, Learn more, Card 4 of 4, JPMaQS">Read more</a> </div> </div> </div> </div> </div> </div> <!-- <div class="row"> <div class="col-12 col-md-11 offset-md-1"> <div class="slider-arrows-container arrows-insights-container arrows-container"> <div class="slider-dots-container"></div> </div> </div> </div> --> <div id="cutting-edge-slider-controls" class="row"> <div class="col-12 col-lg-6 offset-lg-1"> <div id="slider-text-arrows222"> <div class="slider-arrows-container slider-arrows-container-cutting-edge arrows-container-cutting-edge"> <div class="sliderStatusBottom"></div> </div> </div> </div> </div> </div> </div> </section> <style> .sliderStatusBottom, .sliderStatusQuotes { width: 30px; display: inline-block; text-align: center; color: #936846; } </style> <section id="research-in-numbers" class="section--background-jet section--font-white pb-5 pt-5 mb-0"> <div class="container subheader-container d-none d-md-block"> <div class="row "> <div class="col-12 col-md-8 pt-5 "> <h2 class="section__header section__header-large">Research<br><span class="dark-background-brown">in numbers</span></h2> </div> </div> </div> <!--mobile view--> <div class="container d-block d-md-none"> <div class="row "> <div class="ps-5 py-5 col-12 col-md-6 "> <h2 class="section__header section__header-large">Research<br><span class="dark-background-brown">in numbers</span></h2> </div> <!--play / pause button--> <div class="col-12 col-md-6 "> <div > <div class="numbers-button-wrap"> <button class=" numbers-play-button" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"play button","ctaUrl":"","ctaComponentName": "Play Button"}}" data-cmp-clickable=""> <svg class="svg-play-btn" viewBox="0 0 91 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Hero Background Video Play Button</title> <g id="Page-13" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="222" transform="translate(-1710.000000, -398.000000)"> <g id="Big-Play-Button33" transform="translate(1710.000000, 398.000000)"> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-273" stroke="#ffffff"></path> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-272" stroke="#ffffff"></path> <polygon id="Triansgle" fill="#ffffff" transform="translate(49.334580, 46.629244) rotate(90.000000) translate(-49.334580, -46.629244) " points="49.3345802 34.9702503 61.1183059 58.2882369 37.5508544 58.2882369"></polygon> </g> </g> </g> </svg> </button> <button class="numbers-pause-button" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"pause button","ctaUrl":"","ctaComponentName": "Pause Button"}}" data-cmp-clickable=""> <svg class="svg-pause-btn" viewBox="0 0 91 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Hero Background Video Pause Button</title> <g id="Page-14" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="21" transform="translate(-1816.000000, -398.000000)"> <g id="Big-Pause-Button" transform="translate(1816.000000, 398.000000)"> <g id="Group-41"> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-2743" stroke="#ffffff"></path> <rect id="Rectangle" fill="#ffffff" x="37" y="32" width="8.22149849" height="28.6179579"> </rect> <rect id="Rectangle42" fill="#ffffff" x="48" y="32" width="8.22149849" height="28.6179579"> </rect> </g> </g> </g> </g> </svg> </button> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-12"> <div class="research-carousal cmp-key-stats-jet cmp-key-stats"> <div class="carousal-screen" id="research-coverage"> <p class="section-title pt-3 pt-md-0"> Research coverage</p> <div class="research-numbers cmp-key-stats-column "> <div> <p class="cmp-key-stats-column-stat primary"> ~870+</p> <p class="cmp-key-stats-column-heading"> analysts located in 25 countries</p> </div> <div> <p class="cmp-key-stats-column-stat secondary">~75</p> <p class="cmp-key-stats-column-heading">countries covered</p> </div> <div> <p class="cmp-key-stats-column-stat tertiary">5,200+</p> <p class="cmp-key-stats-column-heading">companies covered</p> </div> </div> </div> <div class="carousal-screen" id="sector-coverage"> <p class="section-title pt-3 pt-md-0"> Best-in-class thought leadership</p> <div class="research-numbers"> <div> <p class="cmp-key-stats-column-stat primary">~100k</p> <p class="cmp-key-stats-column-heading">pieces of research</p> </div> </div> </div> </div> </div> </div> <!--play / pause button--> <div class="row d-md-block d-none"> <div class="col-12 pt-5 pb-5 pl-0 my-auto text-center"> <div class="numbers-button-wrap"> <button class=" numbers-play-button" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"play button- desktop","ctaUrl":"","ctaComponentName": "play button- desktop"}}" data-cmp-clickable=""> <svg viewBox="0 0 91 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Hero Background Video Play Button</title> <g id="Page-13" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="222" transform="translate(-1710.000000, -398.000000)"> <g id="Big-Play-Button33" transform="translate(1710.000000, 398.000000)"> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-273" stroke="#ffffff"></path> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-272" stroke="#ffffff"></path> <polygon id="Triangle" fill="#ffffff" transform="translate(49.334580, 46.629244) rotate(90.000000) translate(-49.334580, -46.629244) " points="49.3345802 34.9702503 61.1183059 58.2882369 37.5508544 58.2882369"></polygon> </g> </g> </g> </svg> </button> <button class="numbers-pause-button" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"pause button- desktop","ctaUrl":"","ctaComponentName": "pause button- desktop"}}" data-cmp-clickable=""> <svg viewBox="0 0 91 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Hero Background Video Pause Button</title> <g id="Page-14" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="21" transform="translate(-1816.000000, -398.000000)"> <g id="Big-Pause-Button" transform="translate(1816.000000, 398.000000)"> <g id="Group-41"> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-2743" stroke="#ffffff"></path> <rect id="Rectangle" fill="#ffffff" x="37" y="32" width="8.22149849" height="28.6179579"> </rect> <rect id="Rectangle42" fill="#ffffff" x="48" y="32" width="8.22149849" height="28.6179579"> </rect> </g> </g> </g> </g> </svg> </button> </div> </div> <!---- <svg class="left-arrow" height="46px" version="1.1" viewbox="0 0 27 46" width="27px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title></title> <g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"> <g id="Global-Research-Home" stroke="#ffffff" stroke-width="2" transform="translate(-294.000000, -7979.000000)"> <g id="Group-9" transform="translate(307.500000, 8002.000000) scale(-1, 1) translate(-307.500000, -8002.000000) translate(295.000000, 7980.000000)"> <path d="M0.15553803,0.35483871 L24.6527778,22" id="Line-5"></path> <path d="M0.15553803,22.3548387 L24.6527778,44" id="Line-5" transform="translate(12.500000, 33.000000) scale(1, -1) translate(-12.500000, -33.000000) "> </path> </g> </g> </g> </svg> <svg class="right-arrow" height="46px" version="1.1" viewbox="0 0 27 46" width="27px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title></title> <g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"> <g id="Global-Research-Home" stroke="#ffffff" stroke-width="2" transform="translate(-1613.000000, -7979.000000)"> <g id="Group-9" transform="translate(1614.000000, 7980.000000)"> <path d="M0.15553803,0.35483871 L24.6527778,22" id="Line-5"></path> <path d="M0.15553803,22.3548387 L24.6527778,44" id="Line-5" transform="translate(12.500000, 33.000000) scale(1, -1) translate(-12.500000, -33.000000) "> </path> </g> </g> </g> </svg> --> </div> </div> </section> <section id="global-recognition" > <div class="container subheader-container"> <div class="row "> <div class="col-12 col-md-10 pt-5 pb-5"> <h2 class="section__header section__header-large">Global <span>recognition</span> </h2> <p class="mb-5 mt-5">Through breadth of our coverage, the depth of our expertise and our commitment to client service, we have become the trusted advisor for clients across the globe. Our top rankings across industry surveys reflect the deep trust and important relationships we have developed with our clients. </p> </div> </div> </div> </section> <section id="global-rec-stats" class="section--background-gray"> <div class="container-fluid"> <div class="row" id="global-rec-stats-pin"> <div class="col-12 col-md-7 pt-5 pb-5 d-flex align-items-center justify-content-center" > <img loading="lazy" alt="" src="/content/dam/jpm/cib/complex/content/research/research_landing_page_23/JPM_Markets_Mobile_Image.png"> </div> <div class="col-12 pt-5 pb-5 pl-0 col-md-5 my-auto "> <div class="stats-button-wrap"> <button class=" stats-play-button" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"play button","ctaUrl":"","ctaComponentName": "Play Button"}}" data-cmp-clickable=""> <svg viewBox="0 0 94 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Hero Background Video Play Button</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="-" transform="translate(-1710.000000, -398.000000)"> <g id="Big-Play-Button" transform="translate(1710.000000, 398.000000)"> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-27" stroke="#31373d"></path> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-272" stroke="#31373d"></path> <polygon id="Triangle" fill="#31373d" transform="translate(49.334580, 46.629244) rotate(90.000000) translate(-49.334580, -46.629244) " points="49.3345802 34.9702503 61.1183059 58.2882369 37.5508544 58.2882369"></polygon> </g> </g> </g> </svg> </button> <button class="stats-pause-button" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"pause button","ctaUrl":"","ctaComponentName": "Pause Button"}}" data-cmp-clickable=""> <svg viewBox="0 0 94 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Hero Background Video Pause Button</title> <g id="Page-11" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="-1" transform="translate(-1816.000000, -398.000000)"> <g id="Big-Pause-Button" transform="translate(1816.000000, 398.000000)"> <g id="Group-4"> <path d="M0.705888087,0.600943665 L0.705888087,87.4219321 L90.4837046,87.4219321 L90.4837046,0.600943665 L0.705888087,0.600943665 Z" id="Rectangle-273" stroke="#31373d"></path> <rect id="Rectangle" fill="#31373d" x="37" y="32" width="8.22149849" height="28.6179579"> </rect> <rect id="Rectangle2" fill="#31373d" x="48" y="32" width="8.22149849" height="28.6179579"> </rect> </g> </g> </g> </g> </svg> </button> </div> <div class=" global-rec-stats-container" > <div class="bigTextTopaz-container global-rec-1"> <h2>Global</h2> <h3>Top Global Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">Top Global Fixed Income Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">#2 Global Equity Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> </div> <div class="bigTextTopaz-container global-rec-2"> <h2>AMERICAS</h2> <h3>Top US Fixed Income Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">Top Latin America Fixed Income Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">#2 All-America Equity Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">#3 Latin America Equity Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> </div> <div class="bigTextTopaz-container global-rec-3"> <h2>Europe</h2> <h3>Top Developed Europe Fixed Income Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">Top Emerging EMEA Fixed Income Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">#3 Developed Europe Equity Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">Top Emerging EMEA Equity Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> </div> <div class="bigTextTopaz-container global-rec-4"> <h2>Asia</h2> <h3>#2 Asia (ex-Japan) Fixed Income Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">Top Japan Fixed Income Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">#3 Asia (ex-Japan) Equity Research Firm (2023)</h3> <p><em>Institutional Investor</em></p> <h3 class="mt-5">Top International Equity Research Firm in Japan (2024)</h3> <p><em>Institutional Investor</em></p> </div> </div> </div> </div> </div> </section> <!-- 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> var $status = $('.sliderStatusBottom'); var $slickElement = $('#cutting-edge-slider'); $slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) { //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based) var i = (currentSlide ? currentSlide : 0) + 1; $status.text(i + '/' + slick.slideCount); }); $slickElement.slick({ slidesToShow: 3, slidesToScroll: 1, dots: true, autoplay: false, autoplaySpeed: 3000, arrows: true, cssEase: 'linear', appendArrows: $('.slider-arrows-container'), // Class For Arrows Buttons prevArrow: '<button title="previous" class="slider-arrows-text slider-arrows slick-arrow-prev slick-prev-1 me-0" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"left Arrow","ctaUrl":"","ctaTitle":"","ctaComponentName":""}}" data-cmp-clickable="" ></button>', nextArrow: '<button title="next" class="slider-arrows-text slider-arrows slick-arrow-next slick-next-1" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"right Arrow","ctaUrl":"","ctaTitle":"","ctaComponentName":""}}" data-cmp-clickable=""></button>', appendDots: $status, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, 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"); } </script> <script> function pageAnimation9() { let playBtn = $(".stats-play-button"); let pauseBtn = $(".stats-pause-button"); // gsap.registerPlugin(ScrollTrigger); gsap.set(".global-rec-stats-container > *", { xPercent: -50, yPercent: -50 }); let tlGlobalRec = gsap.timeline({ // scrollTrigger: { // trigger: "#global-rec-stats-pin", // start: "top 50%", // end: "bottom top", // toggleActions: "restart none none reset" // }, repeat: -1 }) tlGlobalRec.set(".global-rec-stats-container > *", { xPercent: -50, yPercent: -50 }) .from('.global-rec-1', { y: 100, autoAlpha: 0, duration: 2 }) .to('body', {duration: 4}) .to('.global-rec-1', { y: -100, autoAlpha: 0, duration: 2 }) .from('.global-rec-2', { y: 100, autoAlpha: 0, duration: 2 }) .to('body', { duration: 4 }) .to('.global-rec-2', { y: -100, autoAlpha: 0, duration: 2 }) .from('.global-rec-3', { y: 100, autoAlpha: 0, duration: 2 }) .to('body', { duration: 4 }) .to('.global-rec-3', { y: -100, autoAlpha: 0, duration: 2 }) .from('.global-rec-4', { y: 100, autoAlpha: 0, duration: 2 }) .to('body', { duration: 4 }) .to('.global-rec-4', { y: -100, autoAlpha: 0, duration: 2 }); $('.stats-pause-button').on('click', function () { pauseBtn.hide(); tlGlobalRec.pause(); playBtn.fadeIn('fast'); }) $('.stats-play-button').on('click', function () { playBtn.hide(); tlGlobalRec.resume(); pauseBtn.fadeIn('fast'); }) } </script> <script> $(".datatype").click(function () { $(".datatype").removeClass("active"); $(this).addClass("active"); var targetedDatatype = $(this).data("datatype"); if (targetedDatatype != "" && targetedDatatype != undefined) { $(".data-tiles-wrapper").removeClass("active"); $("#" + targetedDatatype).addClass("active"); } }) </script> <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> <!-- //// video carousel //// --> <script type="text/javascript"> var myPlayer; videojs("main-vid-largeone").ready(function () { myPlayer = this; }); // Function to make IE9+ support forEach: if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } var videos = [ /* { "title": "Key opportunity spaces for the pharmaceuticals sector in 2024", "description": "From utilization trends to GLP-1s, Lisa Gill, a Senior Analyst covering Health Care Services, tells us what she’s keeping an eye on in 2024.", "imgSrc": "/content/dam/jpm/cib/complex/content/redesign-custom-builds/healthcare-conference/chris_thumbnail.jpg", // "bioImgSrc": "", // "jobTitle": "Global Head of Digital Markets", "videoId": 6344482729112, "adaVideoId": 6345565875112, "time": "2:03", "transcript": "#chris-schott-transcript" }, */ { "title": "Major themes shaping health care services in 2024", "description": "From utilization trends to GLP-1s, Lisa Gill, a Senior Analyst covering Health Care Services, tells us what she’s keeping an eye on in 2024.", "imgSrc": "/content/dam/jpm/cib/complex/content/redesign-custom-builds/healthcare-conference/lisa_thumbnail.jpg", "videoId": 6344484488112, "adaVideoId": 6345567868112, "time": "1:47", "transcript": "#lisa-gill-transcript" }, { "title": "Unpacked: ESG investing", "description": "Learn about ESG investing in this explainer video. What’s driving ESG growth and why is this strategy top of mind for investors?", "imgSrc": "/content/dam/jpm/cib/complex/content/insights/unpacked-video-series/unpacked-esg-investing.jpg", "videoId": 6263845856001, "adaVideoId": 6268354407001, "time": "5:52", "transcript": "#unpacked-esg-transcript", }, { "title": "Unpacked: Yield curves", "description": "Yield curves can help predict what lies ahead for the economy. How can one little line tell us so much?", "imgSrc": "/content/dam/jpm/cib/complex/content/insights/unpacked-video-series/unpacked-yield-curves.jpg", "videoId": 6345426114112, "adaVideoId": 6348289120112, "time": "4:05", "transcript": "#unpacked-yield-curves-transcript" } ]; function playNewVideo(id) { console.log('play video play and the id is', id); // Get the video object via the catalot myPlayer.catalog.getVideo(id, function (error, video) { // Load the video object into the player myPlayer.catalog.load(video); }); } function playAudioVideo(id) { console.log('play ADA audio and the id is', id); // Get the video object via the catalot myPlayer.catalog.getVideo(id, function (error, video) { // Load the video object into the player myPlayer.catalog.load(video); myPlayer.play(); }); } function loadVideos(data) { data.forEach(function (video) { // console.log(video, "test") // console.log(video.imgSrc); var videoId = video.videoId; var videoTranscript = video.transcript; console.log(videoId); console.log(videoTranscript); // $(".cib__slider").append('<div class="thumbnail__video" data-thumb-img="' + video.imgSrc + '" data-title="' + video.title + '" data-video-id="' + videoId + '" data-ada-id="' + video.adaVideoId + '"><img src="' + video.imgSrc + '"> <p class="mini_video__description">' + video.description + ' </p> </div>'); $(".cib__slider").append('<div class="thumbnail__video" data-thumb-img="' + video.imgSrc + '" data-title="' + video.title + '" data-video-id="' + videoId + '" data-ada-id="' + video.adaVideoId + '" data-transcript="' + video.transcript + '"> <p class="eyebrow-redesign video"><span>' + video.time + '</span></p> <p class="mini_video__title" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"'+ video.title + '","ctaUrl":"","ctaComponentName": "CTA"}}" data-cmp-clickable="">' + video.title + ' </p> <p class="mini_video_watch_now link dark" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Watch video -' + video.title + '","ctaUrl":"","ctaComponentName": "CTA"}}" data-cmp-clickable="">Watch video</p> </div>'); }); }; function closeVideoText() { console.log("in the close video text function!"); $('#video-area').hide(); var title = $(".video__title").text(); var videoName = myPlayer.mediainfo.name; var res = videoName.split(" ").join("-"); var videoID = myPlayer.mediainfo.id; console.log("videoID", videoID); var textWrapper = $('.thumbnail_text__wrapper'); // hides previous active thumbnail text if (textWrapper.hasClass('active')) { textWrapper.hide(); } // adds video title as id to play button for analytics $('.play__button').attr("id", res); // adds video id attribute for thumbnail functionality $('.play__button').attr("video-id", videoID); // hides image and video description $('.img__background, .play__button, .video__info').fadeOut('fast'); $('.thumbnail__video[data-video-id]').each(function () { var thumbnailID = $(this).data('video-id'); if (videoID == thumbnailID) { // Hides chosen video thumbnail from sidebars $(this).prepend('<div class="thumbnail_text__wrapper active"><span class="now__playing"> Now Playing </span> </div> '); } }); myPlayer.play(); } var transcript_finder = { "Key opportunity spaces for the pharmaceuticals sector in 2024": "#chris-schott-transcript", "Major themes shaping health care services in 2024": "#lisa-gill-transcript", "Unpacked: ESG investing": "#unpacked-esg-transcript", "Unpacked: Yield curves": "#unpacked-yield-curves-transcript" } var currentVideoId = 6344482729112; var currentAdaId = 6345565875112; var image; var title; var description; var transcriptName = "#chris-schott-transcript"; var transcriptID = "#chris-schott-transcript"; function setMainVideo(video_data) { currentVideoId = video_data.data("video-id"); currentAdaId = video_data.data("ada-id"); image = video_data.data("thumb-img"); title = video_data.data("title"); description = video_data.find(".mini_video__description").text(); transcriptName = video_data.data("transcript"); transcript = video_data.data("transcript"); transcriptID = transcript_finder[title]; } $(document).on('click', '.thumbnail__video', function () { //hides previous transcript $('.transcript').css('display', 'none'); //sets the main video variables setMainVideo($(this)); console.log($(this)); console.log("====================*****************"); console.log(transcriptName); console.log(transcript); console.log("====================******************"); // Passess thumbnail image to main video image $(".img__background").css("background-image", 'linear-gradient(90deg, rgba(0, 0, 0, 0.36) 38.08%, rgba(16, 24, 32, 0) 73.31%), url(' + image + ')'); $(".img__background").show(); $('.video__info, .hero-txt, .play__button, .video__description').fadeIn('fast'); playNewVideo(currentVideoId); // Passing Thumbnail Title to Main Video $(".video__title").html(title); // Passing Video Description to Main Hero $(".video__description").html(description); // $(".ada__button").on('click', function() { // console.log('ada buttin click even fired'); // playAudioVideo(currentAdaId); // $(".img__background").hide(); // $('.video__info, .hero-txt').fadeOut('fast'); // myPlayer.play(); // }); }); /* $(".ada__button.ada__audio").on('click', function () { console.log('ada buttin click even fired'); playAudioVideo(currentAdaId); $(".img__background").hide(); $('.video__info, .play__button, .hero-txt').fadeOut('fast'); myPlayer.play(); }); */ $(document).on('change', '.form-check-input', function (e) { let test = $(this).is(':checked'); console.log(test); if (test === true){ playAudioVideo(currentAdaId); $(".img__background").hide(); $('.video__info, .play__button, .hero-txt').fadeOut('fast'); myPlayer.play(); } else { console.log("button toggle off"); playAudioVideo(currentVideoId); $(".img__background").hide(); $('.video__info, .play__button, .hero-txt').fadeOut('fast'); myPlayer.play(); } }); $(".ada__button.trans-button").on('click', function () { $(transcriptName).slideToggle("slow", function () { // Animation complete. }); }); $('.play__button').on('click', function () { closeVideoText(); }); </script> <!-- /// end video carousel /// --> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function () { // accordionToggle('.accordion__wrapper', '.plus__sign'); }); function accordionToggle(panel, iconClass) { $('.plus__icon').on('click', function (e) { e.preventDefault(); $(this).siblings(panel).toggleClass('show'); console.log(panel, iconClass); $(this).find(iconClass).toggleClass('minus'); }); } $('.plus__icon').click(function () { $('.hidden__text').toggleClass('show', ''); $('.accordion__subtitle').toggleClass('hide', ''); $('.accordion').toggleClass('wide', ''); $('.plus__sign').toggleClass('minus', ''); $('.flex__left, .flex__right').toggleClass('full', ''); $('.flex__right').toggleClass('order', ''); }); </script> <script> function accordionToggle(panel, iconClass) { $('.panel-heading').on('click', function (e) { e.preventDefault(); $(this).siblings(panel).toggleClass('show'); console.log(this); $(this).find(iconClass).toggleClass('minus'); }); } document.addEventListener("DOMContentLoaded", function () { accordionToggle('.panel__body', '.toggle__icon'); }); </script> <script> function accordionToggle2(panel, iconClass) { $('.panel-heading2').on('click', function (e) { e.preventDefault(); $(this).siblings(panel).toggleClass('show'); console.log(this); $(this).find(iconClass).toggleClass('minus'); }); } document.addEventListener("DOMContentLoaded", function () { accordionToggle2('.panel__body', '.toggle__icon2'); }); </script> <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'); }); }); } function removeMarketoLinkStyle() { $('.mktoLinkStyle').attr('style', ''); } $(document).ready(function () { backToTop(); toggleHeaderVideoPlay(); loadRankingCarousal(); loadLatestResearch(); loadVideoCarousal(); // pageAnimation(); // initCounterInViewPort(); removeMarketoLinkStyle(); loadVideos(videos); pageAnimation9(); // headerVideoPopup(); $.getScript("//players.brightcove.net/887906362001/zzsA7L2Iu_default/index.min.js"); $.getScript("https://players.brightcove.net/3855502852001/default_default/index.min.js"); $.getScript("https://www.jpmorgan.com/content/dam/jpm/cib/complex/code/shared/scripts/jquery-3.7.0.min.js"); $.getScript("https://www.jpmorgan.com/content/dam/jpm/cib/complex/code/shared/scripts/bootstrap5.bundle.js"); $.getScript("https://www.jpmorgan.com/content/dam/jpm/cib/complex/code/shared/scripts/slick.js"); }) </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 src="/content/dam/jpm/cib/complex/code/shared/scripts/gsap/gsap.min.js"></script> <script type="text/javascript" src="/content/dam/jpm/cib/complex/code/shared/scripts/slick.js"></script> <script> function loadVideoCarousal() { $('.cib__slider').slick({ arrows: true, dots: true, autoplay: false, pauseOnHover: false, pauseOnFocus: false, infinite: false, slidesToShow: 3, slidesToScroll: 1, // initialSlide: 1, appendDots: $('.slick-dots-container'), lazyLoad: 'progressive', prevArrow: $('.slick-prev'), nextArrow: $('.slick-next'), responsive: [{ breakpoint: 1675, settings: { slidesToShow: 3, } }, { breakpoint: 1300, settings: { slidesToShow: 2, } }, { breakpoint: 1100, settings: { slidesToShow: 3, vertical: false } }, { breakpoint: 1000, settings: { vertical: false } }, { breakpoint: 775, settings: { slidesToShow: 2, vertical: false } }] }); }; function loadRankingCarousal() { $('.research-carousal').slick({ prevArrow: $('.left-arrow'), nextArrow: $('.right-arrow'), centerMode: false, draggable: false, autoplay: true, fade: true, autoplaySpeed: 1500, slidesToShow: 1, dots: true, infinite: true, speed: 1200, cssEase: 'cubic-bezier(0.7, 0, 0.3, 1)', touchThreshold: 100 // dotsClass: 'carousal-dots' }); }; </script> <script> let playBtn4 = $(".numbers-play-button"); let pauseBtn4 = $(".numbers-pause-button"); // let video2 = $("#video-hero"); pauseBtn4.on('click', function () { console.log("pause botton pressed"); // video2.pause(); $('.research-carousal').slick('slickPause') $(this).hide(); playBtn4.fadeIn('fast'); }); playBtn4.on('click', function () { console.log("play botton pressed"); // video2.play(); $('.research-carousal').slick('slickPlay') $(this).hide(); pauseBtn4.fadeIn('fast'); }); </script> <script> // referencing the glocal research insights variable, get only the latest 5 insights (the first tile is a static tile to JPMM) let latest_research_tiles = cib_research_pages.slice(0, 6); let total_research_count = cib_research_pages.length; let research_tiles_to_display = 6; let learn_more_cta_color = '#1a7b99'; let learn_more_cta = ' Learn more </div>' let research_tiles = latest_research_tiles; let research_tiles_slicked = false; function loadLatestResearch() { let research_wrapper = $('#research-tile-wrapper'); // let tallest_research_tile = 0; for (let item in research_tiles) { let tile = research_tiles[item]; let id_num = parseInt(item) + 1; let new_div_id = 'research-tile-' + id_num.toString(); let fadeout_effect_div = '<div class="white_fadeout"></div>' let new_div = '<div class="col-12 col-lg-4 p-3 mb-5">' + '<div class="card h-100" id="' + new_div_id + '">' + '<div class="card-img"><img loading="lazy" class="card-img-top" src="' + tile["image-url"] + '"></div> ' + '<div class="card-body">' + '<div class="card-tag">' + tile["eyebrow"] + '</div>' + '<div class="card-title-wrapper">' + '<div class="card-title">' + tile["title"] + '</div></div>' + '<div class="card-date">' + tile["date"] + '</div>' + '<div class="card-text">' + tile["subtitle"] + '</div>' + fadeout_effect_div + '</div> <div class="card-footer ">' + '<a class="primary link" href="' + tile["url"] + '" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Learn more - ' + tile["title"] + '","ctaUrl":"","ctaComponentName": "CTA"}}" data-cmp-clickable="">' + learn_more_cta + '</a></div> \ <div>' research_wrapper.append(new_div); // keeps track of the tallest height // let height = $('#' + new_div_id + ' .card-title-wrapper').height(); // if (height > tallest_research_tile) { // tallest_research_tile = height; // } //set background image let backgroundImage = 'url(' + tile["image-url"] + ')'; $('#' + new_div_id + ' .card-img').css('background-image', backgroundImage); } // standardize tile heights based on the tallest tile // $('#latest-research .card-title-wrapper').height(tallest_research_tile); // set color of the cta text + arrow $(".card-cta").css("color", learn_more_cta_color); $(".card-cta #arrow").css("stroke", learn_more_cta_color); }; </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="exampleModalLongTitle">Modal title</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-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="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'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"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> SOLUTIONS </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Asset Management","ctaUrl":"https://am.jpmorgan.com/asset-management/gim/welcome","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://am.jpmorgan.com/asset-management/gim/welcome" target="_blank" aria-label="Link to Asset Management website"> Asset Management </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Commercial Banking","ctaUrl":"/commercial-banking","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/commercial-banking" target="_self" aria-label="Link to Commercial Banking "> Commercial Banking </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Credit and Financing","ctaUrl":"/credit-and-financing","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/credit-and-financing" target="_self" aria-label="Link to Credit & Financing "> Credit and Financing </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Investment Banking","ctaUrl":"/investment-banking","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/investment-banking" target="_self" aria-label="Link to Investment Banking "> Investment Banking </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Markets","ctaUrl":"/markets","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/markets" target="_self" aria-label="Link to Markets homepage"> Markets </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Payments","ctaUrl":"/payments","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/payments" target="_self" aria-label="Link to Payments "> Payments </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Prime Services","ctaUrl":"/prime-services","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/prime-services" target="_self" aria-label="Link to Prime Service page"> Prime Services </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Private Banking","ctaUrl":"https://privatebank.jpmorgan.com/nam/en/home","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" 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> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Securities Services","ctaUrl":"/securities-services","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/securities-services" target="_self" aria-label="Link to Securities Services page"> Securities Services </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Wealth Management","ctaUrl":"https://www.chase.com/personal/investments","ctaTitle":"SOLUTIONS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://www.chase.com/personal/investments" target="_blank" aria-label="Link to Wealth Management Personal Investments"> Wealth Management </a> </div> </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"> <div class="primary-link-group "> <h3 class="link-group-header"> <a class="header-link chaseanalytics-track-link" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"CAREERS","ctaUrl":"https://careers.jpmorgan.com","ctaTitle":"","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://careers.jpmorgan.com" target="_blank" aria-label="View J.P. Morgan Careers site"> CAREERS </a> </h3> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Experienced Professionals","ctaUrl":"https://careers.jpmorgan.com/global/en/professionals","ctaTitle":"CAREERS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://careers.jpmorgan.com/global/en/professionals" target="_blank" aria-label="View JPMC Careers for experienced professionals"> Experienced Professionals </a> <a class="primary-link chaseanalytics-track-link" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Students","ctaUrl":"https://careers.jpmorgan.com/us/en/students","ctaTitle":"CAREERS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://careers.jpmorgan.com/us/en/students" target="_blank" aria-label="View J.P. Morgan Careers Students site"> Students </a> </div> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> HELPFUL LINKS </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"About Us","ctaUrl":"/about-us","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/about-us" target="_self" aria-label="Link to J.P. Morgan About Us page"> About Us </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Apps","ctaUrl":"/apps","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/apps" target="_self" aria-label="View all J.P. Morgan apps"> Apps </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Events and Conferences","ctaUrl":"/about-us/events-conferences","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/about-us/events-conferences" target="_self" aria-label="link to events and conferences"> Events and Conferences </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Impact","ctaUrl":"/commercial-banking/impact","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/commercial-banking/impact" target="_self" aria-label="link to impact page"> Impact </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Industries","ctaUrl":"/industries-we-serve","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/industries-we-serve" target="_self" aria-label="Link to J.P. Morgan Industries page"> Industries </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Insights","ctaUrl":"/insights","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/insights" target="_self" aria-label="Link to Insights page"> Insights </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Investor Relations","ctaUrl":"https://www.jpmorganchase.com/ir","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://www.jpmorganchase.com/ir" target="_blank" aria-label="View JPMorganChase Investor Relations site"> Investor Relations </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Media Center","ctaUrl":"/contact-us/media","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/contact-us/media" target="_self" aria-label="link to media center"> Media Center </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"News and Announcements","ctaUrl":"/about-us/corporate-news","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/about-us/corporate-news" target="_self" aria-label="Read J.P. Morgan corporate press releases"> News and Announcements </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Newsletters","ctaUrl":"/newsletters","ctaTitle":"HELPFUL LINKS","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/newsletters" target="_self" aria-label="link to newsletter page"> Newsletters </a> </div> </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"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> JPMORGANCHASE SITES </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Chase","ctaUrl":"https://www.chase.com","ctaTitle":"JPMORGANCHASE SITES","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://www.chase.com" target="_blank" aria-label="Visit Chase website"> Chase </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"JPMorganChase","ctaUrl":"https://www.jpmorganchase.com","ctaTitle":"JPMORGANCHASE SITES","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://www.jpmorganchase.com" target="_blank" aria-label="Visit JPMorgan Chase & Co. website"> JPMorganChase </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Payments Partner Network","ctaUrl":"https://partners.jpmorgan.com/","ctaTitle":"JPMORGANCHASE SITES","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://partners.jpmorgan.com/" target="_blank" aria-label="Link to Payments Partner Network"> Payments Partner Network </a> </div> </div> <div class="link-set aem-GridColumn aem-GridColumn--default--12"> <div class="primary-link-group "> <h3 class="link-group-header"> <p> CONNECT WITH US </p> </h3> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Alumni Network","ctaUrl":"https://alumni.jpmorganchase.com/","ctaTitle":"CONNECT WITH US","ctaComponentName":"Link Set"}}" data-cmp-clickable href="https://alumni.jpmorganchase.com/" target="_blank" aria-label="Visit the J.P. Morgan Alumni website"> Alumni Network </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Client Login","ctaUrl":"/login","ctaTitle":"CONNECT WITH US","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/login" target="_self" aria-label="Login to J.P. Morgan sites"> Client Login </a> <a class="primary-link " data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Contact Us","ctaUrl":"/contact-us","ctaTitle":"CONNECT WITH US","ctaComponentName":"Link Set"}}" data-cmp-clickable href="/contact-us" target="_self" aria-label="Contact J.P. Morgan"> Contact Us </a> </div> </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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"fab fa-linkedin","ctaUrl":"https://www.linkedin.com/company/jpmorgan","ctaTitle":"","ctaComponentName":"Primary Footer"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"fab fa-twitter","ctaUrl":"https://twitter.com/jpmorgan","ctaTitle":"","ctaComponentName":"Primary Footer"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"fab fa-facebook-f","ctaUrl":"https://www.facebook.com/jpmorgan","ctaTitle":"","ctaComponentName":"Primary Footer"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"fab fa-instagram","ctaUrl":"https://instagram.com/jpmorgan","ctaTitle":"","ctaComponentName":"Primary Footer"}}" 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="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"fab fa-youtube","ctaUrl":"https://www.youtube.com/user/jpmorgan","ctaTitle":"","ctaComponentName":"Primary Footer"}}" 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"> <div class="cmp-primary-footer__global-links"> <div class="cmp-primary-footer__global-link"> <a href="/privacy" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Privacy","ctaUrl":"/privacy","ctaTitle":"","ctaComponentName":"Primary Footer"}}" data-cmp-clickable target="_self" aria-label="View our privacy policy">Privacy</a> <span class="bar" data-icon="|"></span> </div> <div class="cmp-primary-footer__global-link"> <a href="/terms-of-use" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Terms of Use","ctaUrl":"/terms-of-use","ctaTitle":"","ctaComponentName":"Primary Footer"}}" data-cmp-clickable target="_self" aria-label="View our terms of use">Terms of Use</a> <span class="bar" data-icon="|"></span> </div> <div class="cmp-primary-footer__global-link"> <a href="https://www.chase.com/digital/resources/accessibility" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Accessibility","ctaUrl":"https://www.chase.com/digital/resources/accessibility","ctaTitle":"","ctaComponentName":"Primary Footer"}}" data-cmp-clickable target="_blank" aria-label="View our accessibility policy">Accessibility</a> <span class="bar" data-icon="|"></span> </div> <div class="cmp-primary-footer__global-link"> <a href="/cookies" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Cookies Policy","ctaUrl":"/cookies","ctaTitle":"","ctaComponentName":"Primary Footer"}}" data-cmp-clickable target="_self" aria-label="View our cookies policy">Cookies Policy</a> <span class="bar" data-icon="|"></span> </div> <div class="cmp-primary-footer__global-link"> <a href="/disclosures" data-cmp-data-layer="{"event":"cmp:click","webInteraction":{"ctaType":"link","ctaText":"Regulatory Disclosures","ctaUrl":"/disclosures","ctaTitle":"","ctaComponentName":"Primary Footer"}}" data-cmp-clickable target="_self" aria-label="View our global regulatory disclosures">Regulatory Disclosures</a> <span class="bar" data-icon="|"></span> </div> </div> <div class="cmp-primary-footer__copyright">© <span class="current-year"></span> JPMorgan Chase & Co. All rights reserved.</div> </div> </footer> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/content/dam/jpm/cib/complex/code/shared/scripts/gsap/gsap.min.js"></script> <script src="/content/dam/jpm/cib/complex/code/shared/scripts/gsap/CSSRulePlugin.min.js"></script> <script src="/content/dam/jpm/cib/complex/code/shared/scripts/gsap/ScrollTrigger.min.js"></script> <script> document.addEventListener("DOMContentLoaded", () => { const header = document.querySelector(".header"); if(header) header.nextElementSibling.setAttribute("id", "main"); }); </script> </body> </html>