<!DOCTYPE HTML>
<html lang="en">
    <head>
    <meta charset="UTF-8"/>
    
    <!-- Idio(Optimizely) script start -->
    <script defer="defer" type="text/javascript" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js" data-routing="env=prod, tier=publish,ams=SP Global Inc" integrity="" crossorigin="anonymous" data-enhancer-version="" data-enhancer-hash=""></script>
<script type="text/javascript">
        !function(d,s){var ip=d.createElement(s);ip.async=1,s=d.getElementsByTagName(s)[0],ip.src='//s.idio.co/ip.js',s.parentNode.insertBefore(ip,s)}(document,'script');
    </script>
    <!-- Idio(Optimizely) script ends -->
    <link rel="preload" href="https://cdn.rollbar.com/rollbarjs/refs/tags/v2.26.4/rollbar.min.js"/>
    <script>
        var _rollbarConfig = {
        accessToken: "4b67105e5046468aa40a0673e3219199",
        captureUncaught: false,
        captureUnhandledRejections: false,
        captureIp: false,
        payload: {
            environment: "prod",
            client: {
                javascript: {
                    code_version: '1.0.0',
                    source_map_enabled: true,
                    guess_uncaught_frames: true
                }
            }
        },
        transform: function(payload) {
          payload.body.trace.exception.message = payload.body.trace.exception.description;
        }
    };
    // Rollbar Snippet
    !function(r){var e={};function o(n){if(e[n])return e[n].exports;var t=e[n]={i:n,l:!1,exports:{}};return r[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=r,o.c=e,o.d=function(r,e,n){o.o(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:n})},o.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},o.t=function(r,e){if(1&e&&(r=o(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var t in r)o.d(n,t,function(e){return r[e]}.bind(null,t));return n},o.n=function(r){var e=r&&r.__esModule?function(){return r.default}:function(){return r};return o.d(e,"a",e),e},o.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},o.p="",o(o.s=0)}([function(r,e,o){"use strict";var n=o(1),t=o(5);_rollbarConfig=_rollbarConfig||{},_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://cdn.rollbar.com/rollbarjs/refs/tags/v2.26.4/rollbar.min.js",_rollbarConfig.async=void 0===_rollbarConfig.async||_rollbarConfig.async;var a=n.setupShim(window,_rollbarConfig),l=t(_rollbarConfig);window.rollbar=n.Rollbar,a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,l)},function(r,e,o){"use strict";var n=o(2),t=o(3);function a(r){return function(){try{return r.apply(this,arguments)}catch(r){try{console.error("[Rollbar]: Internal error",r)}catch(r){}}}}var l=0;function i(r,e){this.options=r,this._rollbarOldOnError=null;var o=l++;this.shimId=function(){return o},"undefined"!=typeof window&&window._rollbarShims&&(window._rollbarShims[o]={handler:e,messages:[]})}var s=o(4),d=function(r,e){return new i(r,e)},c=function(r){return new s(d,r)};function u(r){return a((function(){var e=this,o=Array.prototype.slice.call(arguments,0),n={shim:e,method:r,args:o,ts:new Date};window._rollbarShims[this.shimId()].messages.push(n)}))}i.prototype.loadFull=function(r,e,o,n,t){var l=!1,i=e.createElement("script"),s=e.getElementsByTagName("script")[0],d=s.parentNode;i.crossOrigin="",i.src=n.rollbarJsUrl,o||(i.async=!0),i.onload=i.onreadystatechange=a((function(){if(!(l||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){i.onload=i.onreadystatechange=null;try{d.removeChild(i)}catch(r){}l=!0,function(){var e;if(void 0===r._rollbarDidLoad){e=new Error("rollbar.js did not load");for(var o,n,a,l,i=0;o=r._rollbarShims[i++];)for(o=o.messages||[];n=o.shift();)for(a=n.args||[],i=0;i<a.length;++i)if("function"==typeof(l=a[i])){l(e);break}}"function"==typeof t&&t(e)}()}})),d.insertBefore(i,s)},i.prototype.wrap=function(r,e,o){try{var n;if(n="function"==typeof e?e:function(){return e||{}},"function"!=typeof r)return r;if(r._isWrap)return r;if(!r._rollbar_wrapped&&(r._rollbar_wrapped=function(){o&&"function"==typeof o&&o.apply(this,arguments);try{return r.apply(this,arguments)}catch(o){var e=o;throw e&&("string"==typeof e&&(e=new String(e)),e._rollbarContext=n()||{},e._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=e),e}},r._rollbar_wrapped._isWrap=!0,r.hasOwnProperty))for(var t in r)r.hasOwnProperty(t)&&(r._rollbar_wrapped[t]=r[t]);return r._rollbar_wrapped}catch(e){return r}};for(var p="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,captureEvent,captureDomContentLoaded,captureLoad".split(","),f=0;f<p.length;++f)i.prototype[p[f]]=u(p[f]);r.exports={setupShim:function(r,e){if(r){var o=e.globalAlias||"Rollbar";if("object"==typeof r[o])return r[o];r._rollbarShims={},r._rollbarWrappedError=null;var l=new c(e);return a((function(){e.captureUncaught&&(l._rollbarOldOnError=r.onerror,n.captureUncaughtExceptions(r,l,!0),e.wrapGlobalEventHandlers&&t(r,l,!0)),e.captureUnhandledRejections&&n.captureUnhandledRejections(r,l,!0);var a=e.autoInstrument;return!1!==e.enabled&&(void 0===a||!0===a||function(r){return!("object"!=typeof r||void 0!==r.page&&!r.page)}(a))&&r.addEventListener&&(r.addEventListener("load",l.captureLoad.bind(l)),r.addEventListener("DOMContentLoaded",l.captureDomContentLoaded.bind(l))),r[o]=l,l}))()}},Rollbar:c}},function(r,e,o){"use strict";function n(r,e,o,n){r._rollbarWrappedError&&(n[4]||(n[4]=r._rollbarWrappedError),n[5]||(n[5]=r._rollbarWrappedError._rollbarContext),r._rollbarWrappedError=null);var t=e.handleUncaughtException.apply(e,n);o&&o.apply(r,n),"anonymous"===t&&(e.anonymousErrorsPending+=1)}r.exports={captureUncaughtExceptions:function(r,e,o){if(r){var t;if("function"==typeof e._rollbarOldOnError)t=e._rollbarOldOnError;else if(r.onerror){for(t=r.onerror;t._rollbarOldOnError;)t=t._rollbarOldOnError;e._rollbarOldOnError=t}e.handleAnonymousErrors();var a=function(){var o=Array.prototype.slice.call(arguments,0);n(r,e,t,o)};o&&(a._rollbarOldOnError=t),r.onerror=a}},captureUnhandledRejections:function(r,e,o){if(r){"function"==typeof r._rollbarURH&&r._rollbarURH.belongsToShim&&r.removeEventListener("unhandledrejection",r._rollbarURH);var n=function(r){var o,n,t;try{o=r.reason}catch(r){o=void 0}try{n=r.promise}catch(r){n="[unhandledrejection] error getting `promise` from event"}try{t=r.detail,!o&&t&&(o=t.reason,n=t.promise)}catch(r){}o||(o="[unhandledrejection] error getting `reason` from event"),e&&e.handleUnhandledRejection&&e.handleUnhandledRejection(o,n)};n.belongsToShim=o,r._rollbarURH=n,r.addEventListener("unhandledrejection",n)}}}},function(r,e,o){"use strict";function n(r,e,o){if(e.hasOwnProperty&&e.hasOwnProperty("addEventListener")){for(var n=e.addEventListener;n._rollbarOldAdd&&n.belongsToShim;)n=n._rollbarOldAdd;var t=function(e,o,t){n.call(this,e,r.wrap(o),t)};t._rollbarOldAdd=n,t.belongsToShim=o,e.addEventListener=t;for(var a=e.removeEventListener;a._rollbarOldRemove&&a.belongsToShim;)a=a._rollbarOldRemove;var l=function(r,e,o){a.call(this,r,e&&e._rollbar_wrapped||e,o)};l._rollbarOldRemove=a,l.belongsToShim=o,e.removeEventListener=l}}r.exports=function(r,e,o){if(r){var t,a,l="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");for(t=0;t<l.length;++t)r[a=l[t]]&&r[a].prototype&&n(e,r[a].prototype,o)}}},function(r,e,o){"use strict";function n(r,e){this.impl=r(e,this),this.options=e,function(r){for(var e=function(r){return function(){var e=Array.prototype.slice.call(arguments,0);if(this.impl[r])return this.impl[r].apply(this.impl,e)}},o="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,_createItem,wrap,loadFull,shimId,captureEvent,captureDomContentLoaded,captureLoad".split(","),n=0;n<o.length;n++)r[o[n]]=e(o[n])}(n.prototype)}n.prototype._swapAndProcessMessages=function(r,e){var o,n,t;for(this.impl=r(this.options);o=e.shift();)n=o.method,t=o.args,this[n]&&"function"==typeof this[n]&&("captureDomContentLoaded"===n||"captureLoad"===n?this[n].apply(this,[t[0],o.ts]):this[n].apply(this,t));return this},r.exports=n},function(r,e,o){"use strict";r.exports=function(r){return function(e){if(!e&&!window._rollbarInitialized){for(var o,n,t=(r=r||{}).globalAlias||"Rollbar",a=window.rollbar,l=function(r){return new a(r)},i=0;o=window._rollbarShims[i++];)n||(n=o.handler),o.handler._swapAndProcessMessages(l,o.messages);window[t]=n,window._rollbarInitialized=!0}}}}]);
    // End Rollbar Snippet
    </script>

    
    

    <!-- Preload Fonts -->

    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-duotone-900.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-light-300.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-sharp-light-300.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-sharp-regular-400.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-sharp-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-thin-100.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/webfonts/fa-v4compatibility.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/AkkuratPro.ttf" as="font" type="font/ttf" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/AkkuratPro-Bold.ttf" as="font" type="font/ttf" crossorigin="anonymous"/>



    
    <link rel="preload" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-resources/resources/fonts/AkkuratLightPro.ttf" as="font" type="font/ttf" crossorigin="anonymous"/>




    
    <title>
        Essential Intelligence | S&P Global
    </title>
    <meta name="description" content="We provide Essential Intelligence: a combination of the right data, connected technologies and experts to enable our customers to make decisions with conviction."/>
    

    <meta name="keywords" content="Artificial Intelligence,Energy,Newsletter,Special Reports,S&P Global,Marketing"/>
    <meta name="template" content="homepage-template"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    

    

    
    
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link rel="shortcut icon"/>
    <!-- Custom Metadata -->
    
        <meta property="bc:category" id="sMainCategory"/>
        <meta property="bc:category:sub" id="sSubCategory"/>
        <meta property="bc:contenttype" id="sContentType"/>
        <meta property="bc:content:id" id="sAssetId"/>
        
            <meta property="bc:region" id="sRegion"/>
        
        
            <meta property="bc:country" id="scountry"/>
        
        
        <meta property="article:published_time" id="spublishedTime"/>
        <meta property="og:locale" content="en" id="sOgLocale"/>
    
    


    <!--Twitter card related metadata -->
    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:title" content="Essential Intelligence"/>
    <meta name="twitter:description" content="We provide Essential Intelligence: a combination of the right data, connected technologies and experts to enable our customers to make decisions with conviction."/>
    <meta name="twitter:URL" content="https://www.spglobal.com/en"/>
    <meta name="twitter:image" content="/content/dam/SP Global Logo Transparent-1.png"/>
    <meta name="twitter:site" content="@SPGlobal"/>

    <!-- Open Graph related metadata -->
    <meta property="og:title" content="Essential Intelligence"/>
    <meta property="og:description" content="We provide Essential Intelligence: a combination of the right data, connected technologies and experts to enable our customers to make decisions with conviction."/>
    <meta property="og:url" content="https://www.spglobal.com/en"/>
    <meta property="og:image" content="/content/dam/SP Global Logo Transparent-1.png"/>
    <meta property="og:type" content="website"/>
    <meta property="og:site_name" content="S&P Global"/>



    

	 
    <meta name="es_title_t" content="Essential Intelligence"/>
    <meta name="es_description_t" content="We provide Essential Intelligence: a combination of the right data, connected technologies and experts to enable our customers to make decisions with conviction."/>
	
	<meta name="es_url_s" content="/en"/>
    <meta name="es_primary_image_url_s" content="/content/dam/SP Global Logo Transparent-1.png"/>
	<meta name="es_language_s" content="en"/>
	<meta name="source_s" content="AEM"/>

	
	<meta name="es_divisionname_s" content="corporate"/>
	<meta name="es_division_s" content="S&P Global"/>
	<meta name="es_theme_ss" content="Energy"/>
	<meta name="es_theme_full_ss" content="Energy"/>
	
	
	
	
	
	
	
	
	
	
	<meta name="es_no_search_index_s" content="false"/>
	
	
	
	
	
	

    


    
    <link rel="canonical" href="https://www.spglobal.com/en"/>
    
        <link rel="alternate" href="https://www.spglobal.com/en" hreflang="x-default"/>
    
        <link rel="alternate" href="https://www.spglobal.com/en" hreflang="en"/>
    
        <link rel="alternate" href="https://www.spglobal.com/zh" hreflang="zh"/>
    

    
    
    

    

    


        <script type="text/javascript" src="//assets.adobedtm.com/b6239048e5c3/31f1d5f33126/launch-d1420b44e12f.min.js" async></script>


    
    
    <link rel="stylesheet" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-web-comp/components/search-component.min.bcddbc0535c664d1500b08c21e9bdb3c.css" type="text/css">


    
    
    <script async src="/etc.clientlibs/core/wcm/components/commons/datalayer/v1/clientlibs/core.wcm.components.commons.datalayer.v1.min.904d3c2f1e821ab45124d66de422b409.js"></script>



    
    <link rel="stylesheet" href="/etc.clientlibs/sp-aem-platform/clientlibs/clientlib-base.min.2bc14ce28817591af1085d4048de3bcd.css" type="text/css">



    
    <link rel="icon" href="/content/dam/spglobal/global-assets/en/images/general/spg_favicon_wht_192x192.png"/>
    <link rel="apple-touch-icon" href="/content/dam/spglobal/global-assets/en/images/general/spg_favicon_wht_192x192.png"/>
    <meta name="msapplication-square310x310logo" content="/content/dam/spglobal/global-assets/en/images/general/spg_favicon_wht_192x192.png"/>

    
    



<meta name="marketo_data" data-form-munchkinurl="//491-VNG-790.mktoweb.com" data-form-munchkinid="491-VNG-790"/></meta>


<script>
	var munchkinId = "491\u002DVNG\u002D790" || '';
    var munchkinSrc = "//munchkin.marketo.net/munchkin.js";
    var formType = "text/javascript";

    /* Munchkin ID injection starts here */

    (function () {
        let didInit = false;
        function initMunchkin() {
            if (didInit === false) {
                didInit = true;
                Munchkin.init(munchkinId);
            }
        }
        const s = document.createElement('script');
        s.type = formType;
        s.async = true;
        s.src = munchkinSrc;
        s.onreadystatechange = function () {
            if (this.readyState === 'complete' || this.readyState === 'loaded') {
                initMunchkin();
            }
        };
        s.onload = initMunchkin;
        document.getElementsByTagName('head')[0].appendChild(s);
    })();

/* Munchkin ID injection to head ends here */
</script>


    
    

    
    <link rel="stylesheet" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-global.min.c17fc3738b17566a062a8acab66108d2.css" type="text/css">


    
    <link rel="stylesheet" href="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-fontawesome.min.cbf81aca12af7be05bb18db830123e55.css" type="text/css">


    


    
        <script src="//491-VNG-790.mktoweb.com/js/forms2/js/forms2.min.js"></script>
        
    





<!-- Languages styling for non-english pages-->

    

    


<!--
<sly data-sly-resource="contexthub"/>-->

    
</head>
    <body class="homepage page basicpage english-styling corporate" id="homepage-4a9af27980" data-cmp-link-accessibility-enabled data-cmp-link-accessibility-text="opens in a new tab" data-login-greetings="Hi" show-seo-friendly="false">

        

        <script>
            window.gatingInformation = window.gatingInformation || [];
            gatingInformation = {"SP_SSO_TOKEN":"SP_SSO_TOKEN","SP_USER_NAME":"SP_USER_NAME"};
        </script>

        
                    
            
	<div class="skip-to-content-component" data-no-index="true">
		
	<a href="#skipToContent" class="py-2 body-bold-s px-4 inline-block text-white-base bg-red-core hover:bg-black-base active:bg-black-base hover:border-black-base  active:border-black-base border-solid border-red-core border text-center">
    Skip to Content
	</a>

		
	<a href="#skipToMenu" class="py-2 body-bold-s px-4 inline-block text-white-base bg-red-core hover:bg-black-base active:bg-black-base hover:border-black-base  active:border-black-base border-solid border-red-core border text-center">
    Skip to Menu
	</a>

		
	<a href="#skipToFooter" class="py-2 body-bold-s px-4 inline-block text-white-base bg-red-core hover:bg-black-base active:bg-black-base hover:border-black-base  active:border-black-base border-solid border-red-core border text-center">
    Skip to Footer
	</a>

	</div>

            
	
		<div class="cmp-experiencefragment header-xf" role="banner" aria-label="Header" data-no-index="true">


    
    <div id="container-e70bc43d9c" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="primarynavigation aem-GridColumn aem-GridColumn--default--12">
  

  
    <div class="primary-header-component shadow-1 lg:flex md:hidden sm:hidden justify-center bg-white-base" role="navigation">
      <div class="primary-header-component_container header-group flex grow justify-between group">
        <div class="primary-header-component_leftContainer flex items-center ml-8 gap-4">
          <a href="https://www.spglobal.com/en" data-event-name="link" data-link-location="Primary Navigation Component-353280746" class="primary-header-component_leftContainer_logo flex items-center" target="_self" rel="noopener noreferrer">
            <picture>
              <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/sandp-1?$responsive$"/>
              <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/sandp-1?$responsive$"/>
              <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/sandp-1?$responsive$"/>
              <img src="https://spglobal.scene7.com/is/image/spglobalcom/sandp-1?$responsive$" alt="spglobal" class="primary-header-component_leftContainer_logoImg" height="30" width="50" loading="lazy"/>
            </picture>
          </a>
          
            <button type="button" mega-menu-id="primary-mega-menu--b96374f4ee" class="primary-header-component_leftContainer_menu primary-menu flex items-center p-2 gap-1 text-black-base hover:bg-grey-5 group-[.menu-active]:bg-red-core group-[.menu-active]:text-white-base">

              <div class="flex items-center px-1 pb-1 pt-0.5">
                <div class="flex items-center primary-header-component_leftContainer_exploreIcon">
                  <i class="fa-solid fa-grid-2 icon-s"></i>
                </div>
              </div>
              <label class="body-bold-m cursor-pointer">Explore S&amp;P Global</label>
            </button>
          
        </div>
        <div class="primary-header-component_rightContainer mr-8 flex flex-row-reverse items-center">
          <button class="primary-header-component_rightContainer_closeIcon close-icon hidden group-[.menu-active]:flex items-center justify-center py-1 hover:bg-grey-5">
            <i class="fa-solid fa-xmark"></i>
          </button>
          <div class="primary-header-component_rightContainer_nav group-[.menu-active]:hidden flex items-center gap-4">
            
            <button type="button" class="primary-header-component_rightContainer_navItem flex items-center gap-0.5 px-2 text-grey-80 hover:bg-grey-5 hover:text-black-base search-button">
              <div class="flex items-center justify-center primary-header-component_rightContainer_nav_icon px-1">
                <i class="fa-regular fa-magnifying-glass icon-s"></i>
              </div>
              <label class="body-regular-s cursor-pointer">Search</label>
            </button>
            
            
            <div class="primary-header-component_rightContainer_navItem language-dropdown-container group">
              <button type="button" class="primary-header-component_rightContainer_navItem_lngButton language-dropdown-button flex items-center gap-0.5 px-2 text-grey-80 hover:bg-grey-5 hover:text-black-base group-[.dropdown-active]:bg-grey-90 group-[.dropdown-active]:text-white-base" aria-label="language selector">
                <div class="flex items-center justify-center primary-header-component_rightContainer_nav_icon px-1">
                  <i class="fa-solid fa-globe icon-s"></i>
                </div>
                <label class="body-regular-s cursor-pointer">EN</label>
              </button>
              <div class="primary-header-component_rightContainer_navItem_dropdown language-dropdown sm:hidden shadow-2 bg-white-base py-2 group-[.dropdown-active]:flex">
                <ul class="primary-header-component_rightContainer_navItem_dropdown_list slim-black-scrollbar flex flex-col gap-2 grow">
                  <li class="primary-header-component_rightContainer_navItem_dropdown_listItem px-4 hover:bg-grey-0">
                    <a class="primary-header-component_rightContainer_navItem_dropdown_listItem_linkText body-regular-m flex items-center" data-event-name="link" data-link-text="中文 (Chinese)" data-link-location="Primary Navigation Component-353280746" href="/zh" target="_self" rel="noopener noreferrer">
                      中文 (Chinese)
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            
            
              
              
                <a href="https://www.spglobal.com/en/contact-us" target="_self" rel="noopener noreferrer" data-event-name="link" data-link-text="Support" data-link-location="Primary Navigation Component-353280746" class="primary-header-component_rightContainer_navItem flex items-center gap-0.5 px-2 text-grey-80 hover:bg-grey-5 hover:text-black-base">
                  <div class="flex items-center justify-center primary-header-component_rightContainer_nav_icon px-1">
                    <i class="fa-regular fa-message-question icon-s"></i>
                  </div>
                  <label class="body-regular-s cursor-pointer">Support</label>
                </a>
              
            
            
          </div>
        </div>
      </div>
      <div class="primary-header-search-component_desktop hidden">
        <span class="primary-header-search-component_desktop_overlay bg-black-base"></span>
        <div class="primary-header-search-component_desktop_innerContent">
          <div class="primary-header-search-component_desktop_innerContent_searchBar search-container grid grid-cols-1 bg-black-base text-white-base p-8" role="search">
            <div class="flex items-center justify-center primary-header-search-component_desktop_innerContent_searchBar_icon px-1 py-1">
              <i class="fa-regular fa-magnifying-glass icon-s inner-search-icon"></i>
            </div>
            <input type="text" data-href="https://www.spglobal.com/en/search" placeholder="Search..." class="primary-header-search-component_desktop_innerContent_searchBar_input inputField px-8 py-0 body-bold-4 h-auto bg-black-base text-white-base" aria-label="Sitewide"/>
            <button class="primary-header-search-component_desktop_innerContent_searchBar_searchCloseIcon search-close-icon flex items-center justify-center px-1 py-1 hover:bg-grey-80">
              <i class="fa-solid fa-xmark"></i>
            </button>
          </div>
          <div class="primary-header-search-component_desktop_innerContent_dataBase bg-white-base shadow-2 grid lg:grid-cols-3 px-8 py-4">
            <div class="primary-header-search-component_desktop_innerContent_dataBase_offerings border-grey-30 col-span-2 body-regular-s text-grey-70 px-8 py-6">
              <h4>Trending Topics</h4>
              <ul class="flex flex-col gap-4 mt-4">
                
                  <li><a class="hover:underline" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/look-forward/look-forward-volume-6">Look Forward: Multidimensional Transition</a></li>

                
                  <li><a class="hover:underline" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/look-forward/look-forward-volume-5">Look Forward: Supply Chain 2024</a></li>

                
                  <li><a class="hover:underline" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/ai-in-banking-ai-will-be-an-incremental-game-changer">AI in Banking: AI Will Be An Incremental Game Changer</a></li>

                
                  <li><a class="hover:underline" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/look-forward/the-return-of-energy-security">The Return of Energy Security</a></li>

                
                  <li><a class="hover:underline" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/the-ai-governance-challenge">The AI Governance Challenge</a></li>

                
                  <li><a class="hover:underline" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/look-forward/india-s-future-the-quest-for-high-and-stable-growth">India&#39;s Future: The Quest for High and Stable Growth</a></li>

                
              </ul>
            </div>
            <div class="primary-header-search-component_desktop_innerContent_dataBase_trendingTopics col-1 body-regular-s text-grey-70 flex flex-col items-start px-8 py-6">
              <h4>Offerings by Division</h4>
              <ul>
                
                  <li class="mt-4"><a class="hover:underline" target="_self" href="https://www.spglobal.com/market-intelligence/en">S&amp;P Global Market Intelligence</a></li>
                
                  <li class="mt-4"><a class="hover:underline" target="_self" href="https://www.spglobal.com/ratings/en">S&amp;P Global Ratings</a></li>
                
                  <li class="mt-4"><a class="hover:underline" target="_self" href="https://www.spglobal.com/energy/en">S&amp;P Global Energy</a></li>
                
                  <li class="mt-4"><a class="hover:underline" target="_self" href="https://www.spglobal.com/spdji/en/">S&amp;P Dow Jones Indices</a></li>
                
                  <li class="mt-4"><a class="hover:underline" target="_self" href="https://www.spglobal.com/mobility/en/index.html">S&amp;P Global Mobility</a></li>
                
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="primary-header-search-component_mobile search-container lg:hidden">
      <div class="search-placeholder pt-8 pb-8 sm:px-4 md:px-8 flex gap-2" role="search">
        <label for="search" class="mb-0 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" aria-label="Sitewide">
          <i class="fa-sharp fa-solid fa-magnifying-glass p-1 inner-search-icon cursor-pointer"></i></label>
        <input type="text" name="" data-href="https://www.spglobal.com/en/search" id="search" placeholder="Search..." class="inputField primary-header-search-component_mobile_input py-0 px-0 h-auto body-bold-4 focus:outline-none group-[.secondary-header-component-dark-theme]:bg-grey-90 group-[.secondary-header-component-dark-theme]:text-white-base group-[.secondary-header-component-dark-theme]:placeholder-white-base placeholder-black-base bg-grey-0 grow" aria-label="Sitewide" role="search"/>
      </div>
          <div class="sm:px-8 md:px-16 pt-4 bg-grey-5 group-[.secondary-header-component-dark-theme]:bg-grey-80 pb-30">
            <label class="fullwidth pt-4 text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30 body-bold-s inline-block" href="#">Trending Topics</label>
            
              <div class="py-2 mt-2">
                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/look-forward/look-forward-volume-6">Look Forward: Multidimensional Transition</a>
              </div>
            
              <div class="py-2 mt-2">
                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/look-forward/look-forward-volume-5">Look Forward: Supply Chain 2024</a>
              </div>
            
              <div class="py-2 mt-2">
                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/ai-in-banking-ai-will-be-an-incremental-game-changer">AI in Banking: AI Will Be An Incremental Game Changer</a>
              </div>
            
              <div class="py-2 mt-2">
                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/look-forward/the-return-of-energy-security">The Return of Energy Security</a>
              </div>
            
              <div class="py-2 mt-2">
                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/the-ai-governance-challenge">The AI Governance Challenge</a>
              </div>
            
              <div class="py-2 mt-2">
                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/en/research-insights/special-reports/look-forward/india-s-future-the-quest-for-high-and-stable-growth">India&#39;s Future: The Quest for High and Stable Growth</a>
              </div>
            
            <div class="divider-line-component my-6">
              <hr class="small-divider bg-grey-40"/>
            </div>
            <label class="fullwidth pt-4 text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30 body-bold-s inline-block" href="#">Offerings by Division</label>
            
              <div class="py-2 mt-2">

                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/market-intelligence/en">S&amp;P Global Market Intelligence</a>

              </div>
            
              <div class="py-2 mt-2">

                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/ratings/en">S&amp;P Global Ratings</a>

              </div>
            
              <div class="py-2 mt-2">

                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/energy/en">S&amp;P Global Energy</a>

              </div>
            
              <div class="py-2 mt-2">

                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/spdji/en/">S&amp;P Dow Jones Indices</a>

              </div>
            
              <div class="py-2 mt-2">

                <a class="fullwidth py-2 pr-4 group-[.secondary-header-component-dark-theme]:text-white-base body-regular-m inline-block" target="_self" href="https://www.spglobal.com/mobility/en/index.html">S&amp;P Global Mobility</a>

              </div>
            
          </div>
        </div>
      
          <div id="primary-mega-menu--b96374f4ee" class="mega-menu-desktop-component primary-mega-menu hidden shadow-top" role="tablist">
            <span class="mega-menu-desktop-component_overlay bg-black-base"></span>
            <div class="xfpage page basicpage">


    
    <div id="container-1133150abc" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="tiletabscontainer tabs panelcontainer aem-GridColumn aem-GridColumn--default--12">
  
  
    
    
      <div class="mega-menu-desktop-component_container mx-auto lg:flex md:hidden sm:hidden flex-row bg-white-base group-[.secondary-header-component-dark-theme]:bg-grey-95">
        <nav class="mega-menu-desktop-component_side-nav px-8 py-6 border-grey-40 group-[.secondary-header-component-dark-theme]:border-grey-60 group-[.secondary-header-component-dark-theme]:slim-white-scrollbar slim-black-scrollbar" role="tablist" aria-label="Main Navigation">
          <ul class="nav-list">
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-e669077529" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="S&amp;P Global Offerings">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  S&amp;P Global Offerings
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-71f924912b" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Featured Topics">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Featured Topics
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-15a8ae3956" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Featured Products">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Featured Products
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-75cfe6e9a3" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Events">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Events
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-9650d6d6c9" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Careers">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Careers
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          </ul>
        </nav>
        <div class="mega-menu-desktop-component_right-container group-[.secondary-header-component-dark-theme]:slim-white-scrollbar flex flex-col slim-black-scrollbar">
          <div class="p-8">
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-e669077529">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      S&amp;P Global Offerings
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="/market-intelligence/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Market Intelligence" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$" alt="market-intelligence" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Market Intelligence</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/ratings/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$" alt="ratings" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/energy/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$" alt="energy" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Energy</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/spdji/en/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Dow Jones Indices" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$" alt="dow-jones-indices" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Dow Jones Indices</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/mobility/en/index.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Mobility" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$" alt="mobility" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Mobility</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-71f924912b">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Featured Topics
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/sustainable1/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Sustainability</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/private-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Private Markets" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Private Markets</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/energy-transition" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy Transition" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Energy Transition</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/credit-risk" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Credit &amp; Risk" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Credit &amp; Risk</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/fixed-income" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Fixed Income" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Fixed Income</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/supply-chain" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Supply Chain" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Supply Chain</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/data-artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Data &amp; Artificial Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Data &amp; Artificial Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-15a8ae3956">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Featured Products
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Capital IQ Pro" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$" alt="capital-iq-pro" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Capital IQ Pro</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy Core" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$" alt="energy-core" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global Energy Core</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/sustainable1/en/solutions/esg-scores-data" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global ESG Scores" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$" alt="esg-scores" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global ESG Scores</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="AutoCreditInsight" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$" alt="autocreditinsight" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">AutoCreditInsight</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/products/ratings360" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings360" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$" alt="ratings360" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings360</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spice-indices.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SPICE: The Index Source for ESG Data" target="_blank" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$" alt="spice" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">SPICE: The Index Source for ESG Data</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-75cfe6e9a3">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Events
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/research-insights/events/featured" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Featured S&amp;P Global Events" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Featured S&amp;P Global Events</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/research-insights/events/webinar-replays" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Webinar Replays" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Webinar Replays</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://ceraweek.com/index.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="CERAWeek" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">CERAWeek</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/market-intelligence/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Market Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Market Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/ratings/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Ratings" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Ratings</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/spdji/en/events/in-person/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Dow Jones Indices" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Dow Jones Indices</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/mobility/en/events/index.html?i=Automotive" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Mobility" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Mobility</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/energy/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Energy</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-9650d6d6c9">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Careers
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-culture" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Culture" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Culture</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-commitment" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Commitment" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Commitment</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-work" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Work" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Work</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://careers.spglobal.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Search for a Job" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Search for a Job</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          </div>
          <!-- division navigation crumb start-->
          <div class="px-8 py-2 mt-auto mb-3">
            <ul class="mega-menu-desktop-component_right-container_ul flex">
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Global Home" data-link-location="Tiles Tabs Container Component" href="/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Global Home
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Market Intelligence" data-link-location="Tiles Tabs Container Component" href="/market-intelligence/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Market Intelligence
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Ratings" data-link-location="Tiles Tabs Container Component" href="/ratings/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Ratings
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Energy" data-link-location="Tiles Tabs Container Component" href="/energy/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Energy
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Dow Jones Indices" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/spdji/en/" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Dow Jones Indices
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Mobility" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/mobility/en/index.html" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Mobility
                </a>
              </li>
            </ul>
          </div>
          <!-- division navigation crumb end-->
        </div>
      </div>
      <!-- mobile view html call -->
      
    <ul class="mega-menu-navlist sm:px-4 md:px-8 lg:hidden" role="tablist">
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-e669077529" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="S&amp;P Global Offerings" rel="noopener noreferrer">
                <span class="pr-2 text-left">S&amp;P Global Offerings</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-71f924912b" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Featured Topics" rel="noopener noreferrer">
                <span class="pr-2 text-left">Featured Topics</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-15a8ae3956" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Featured Products" rel="noopener noreferrer">
                <span class="pr-2 text-left">Featured Products</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-75cfe6e9a3" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Events" rel="noopener noreferrer">
                <span class="pr-2 text-left">Events</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-9650d6d6c9" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Careers" rel="noopener noreferrer">
                <span class="pr-2 text-left">Careers</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    </ul>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-e669077529" mega-menu-mobileTablet-content-label="S&amp;P Global Offerings" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">S&amp;P Global Offerings</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="/market-intelligence/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Market Intelligence" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$" alt="market-intelligence" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Market Intelligence</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/ratings/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$" alt="ratings" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/energy/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$" alt="energy" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Energy</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/spdji/en/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Dow Jones Indices" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$" alt="dow-jones-indices" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Dow Jones Indices</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/mobility/en/index.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Mobility" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$" alt="mobility" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Mobility</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-71f924912b" mega-menu-mobileTablet-content-label="Featured Topics" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Featured Topics</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/sustainable1/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Sustainability</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/private-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Private Markets" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Private Markets</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/energy-transition" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy Transition" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Energy Transition</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/credit-risk" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Credit &amp; Risk" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Credit &amp; Risk</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/fixed-income" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Fixed Income" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Fixed Income</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/supply-chain" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Supply Chain" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Supply Chain</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/data-artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Data &amp; Artificial Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Data &amp; Artificial Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-15a8ae3956" mega-menu-mobileTablet-content-label="Featured Products" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Featured Products</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Capital IQ Pro" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$" alt="capital-iq-pro" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Capital IQ Pro</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy Core" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$" alt="energy-core" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global Energy Core</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/sustainable1/en/solutions/esg-scores-data" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global ESG Scores" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$" alt="esg-scores" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global ESG Scores</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="AutoCreditInsight" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$" alt="autocreditinsight" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">AutoCreditInsight</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/products/ratings360" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings360" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$" alt="ratings360" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings360</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spice-indices.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SPICE: The Index Source for ESG Data" target="_blank" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$" alt="spice" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">SPICE: The Index Source for ESG Data</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-75cfe6e9a3" mega-menu-mobileTablet-content-label="Events" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Events</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/research-insights/events/featured" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Featured S&amp;P Global Events" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Featured S&amp;P Global Events</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/research-insights/events/webinar-replays" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Webinar Replays" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Webinar Replays</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://ceraweek.com/index.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="CERAWeek" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">CERAWeek</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/market-intelligence/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Market Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Market Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/ratings/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Ratings" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Ratings</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/spdji/en/events/in-person/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Dow Jones Indices" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Dow Jones Indices</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/mobility/en/events/index.html?i=Automotive" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Mobility" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Mobility</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/energy/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Energy</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-9650d6d6c9" mega-menu-mobileTablet-content-label="Careers" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Careers</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-culture" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Culture" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Culture</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-commitment" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Commitment" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Commitment</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-work" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Work" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Work</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://careers.spglobal.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Search for a Job" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Search for a Job</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    

    
  

</div>

    
</div>

    </div>

    
</div>

          </div>
        
    </div>
    <div class="primary-header-mobile-hidden hidden" role="navigation">
      <div class="header-mobile-tablet-component_wrapper bg-white-base flex justify-between mb-1  shadow-2">
        <div class="sm:px-4 md:px-8 flex justify-center items-center">
          <a class="header-mobile-tablet-component_logo flex justify-center items-center" href="https://www.spglobal.com/en" target="_self" rel="noopener noreferrer">
            <picture>
              <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/sandp-1?$responsive$"/>
              <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/sandp-1?$responsive$"/>
              <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/sandp-1?$responsive$"/>
              <img class="header-mobile-tablet-component_logoImg" src="https://spglobal.scene7.com/is/image/spglobalcom/sandp-1?$responsive$" alt="spglobal" loading="lazy"/>
            </picture>
          </a>
        </div>
        <div class="header-mobile-tablet-component_wrapper_right-div group-[.secondary-header-component-dark-theme]:bg-black-base
      group-[.secondary-header-component-dark-theme]:text-white-base">
          <button class="header-mobile-tablet-component_wrapper_menu-btn">
            <i class="fa-solid fa-bars py-3 sm:px-4 md:px-8 icon-md"></i>
          </button>
          <button class="header-mobile-tablet-component_wrapper_close-btn hidden hover:bg-grey-5">
            <i class="fa-regular fa-xmark py-3 sm:px-4 md:px-8 text-h5"></i>
          </button>
        </div>
      </div>
      <div class="header-mobile-tablet-component_container_footer sm:px-4 md:px-8 flex flex-col">
        <div class="header-mobile-tablet-component_container_footer_links flex justify-between items-center px-2 sm:mb-2 md:mb-0 md:py-10 border-solid border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-60">
          
            <button class="search-mobile-button header-mobile-tablet-component_container_footer_linkBtn text-grey-60 group-[.secondary-header-component-dark-theme]:text-white-base body-bold-s flex items-center gap-2 py-2" attr-label="Search" data-event-name="link" data-link-text="Search" data-link-location="Primary Navigation Component-353280746"><i class="fa-sharp fa-solid fa-magnifying-glass"></i>
            Search</button>
          
          
          <button class="language-btn header-mobile-tablet-component_container_footer_linkBtn text-grey-60 group-[.secondary-header-component-dark-theme]:text-white-base body-bold-s flex items-center gap-2" aria-label="language selector" attr-label="Select Language"><i class="fa-sharp fa-solid fa-globe"></i>EN
          </button>
          
          
            
            
          <a class="header-mobile-tablet-component_container_footer_linkBtn text-grey-60 group-[.secondary-header-component-dark-theme]:text-white-base body-bold-s flex items-center gap-2" href="https://www.spglobal.com/en/contact-us" target="_self" data-event-name="link" data-link-text="Support" data-link-location="Primary Navigation Component-353280746">
                <i class="fa-sharp fa-solid fa-message-question"></i>
                Support
              </a>
            
          
          
        </div>
      </div>
      <div class="primary-mega-menu-open-button">
        
          <li>
            <button id="primary-mega-menu-mobile--b96374f4ee" secondary-header-mobile-button-label="Explore S&amp;P Global" class="open-mega-menu-btn flex justify-between items-center py-2 pr-4 mb-2 bg-grey-5 text-black-base group-[.secondary-header-component-dark-theme]:bg-grey-80 group-[.secondary-header-component-dark-theme]:text-white-base"><span class="px-4 py-2 body-bold-m"><i class="fa-sharp fa-solid fa-grid-2 mr-2"></i>Explore S&amp;P Global</span>
              <i class="fa-regular fa-chevron-right"></i></button>
          </li>
        
      </div>
      <div class="mega-menu-list-container">
        
          <div mega-menu-mobileTablet-id="primary-mega-menu-mobile--b96374f4ee" class="mega-menu lg:hidden">
            <div class="xfpage page basicpage">


    
    <div id="container-1133150abc" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="tiletabscontainer tabs panelcontainer aem-GridColumn aem-GridColumn--default--12">
  
  
    
    
      <div class="mega-menu-desktop-component_container mx-auto lg:flex md:hidden sm:hidden flex-row bg-white-base group-[.secondary-header-component-dark-theme]:bg-grey-95">
        <nav class="mega-menu-desktop-component_side-nav px-8 py-6 border-grey-40 group-[.secondary-header-component-dark-theme]:border-grey-60 group-[.secondary-header-component-dark-theme]:slim-white-scrollbar slim-black-scrollbar" role="tablist" aria-label="Main Navigation">
          <ul class="nav-list">
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-e669077529" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="S&amp;P Global Offerings">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  S&amp;P Global Offerings
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-71f924912b" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Featured Topics">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Featured Topics
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-15a8ae3956" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Featured Products">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Featured Products
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-75cfe6e9a3" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Events">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Events
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-9650d6d6c9" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Careers">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Careers
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          </ul>
        </nav>
        <div class="mega-menu-desktop-component_right-container group-[.secondary-header-component-dark-theme]:slim-white-scrollbar flex flex-col slim-black-scrollbar">
          <div class="p-8">
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-e669077529">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      S&amp;P Global Offerings
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="/market-intelligence/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Market Intelligence" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$" alt="market-intelligence" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Market Intelligence</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/ratings/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$" alt="ratings" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/energy/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$" alt="energy" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Energy</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/spdji/en/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Dow Jones Indices" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$" alt="dow-jones-indices" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Dow Jones Indices</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/mobility/en/index.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Mobility" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$" alt="mobility" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Mobility</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-71f924912b">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Featured Topics
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/sustainable1/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Sustainability</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/private-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Private Markets" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Private Markets</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/energy-transition" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy Transition" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Energy Transition</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/credit-risk" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Credit &amp; Risk" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Credit &amp; Risk</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/fixed-income" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Fixed Income" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Fixed Income</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/supply-chain" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Supply Chain" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Supply Chain</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/data-artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Data &amp; Artificial Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Data &amp; Artificial Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-15a8ae3956">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Featured Products
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Capital IQ Pro" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$" alt="capital-iq-pro" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Capital IQ Pro</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy Core" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$" alt="energy-core" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global Energy Core</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/sustainable1/en/solutions/esg-scores-data" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global ESG Scores" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$" alt="esg-scores" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global ESG Scores</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="AutoCreditInsight" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$" alt="autocreditinsight" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">AutoCreditInsight</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/products/ratings360" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings360" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$" alt="ratings360" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings360</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spice-indices.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SPICE: The Index Source for ESG Data" target="_blank" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$" alt="spice" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">SPICE: The Index Source for ESG Data</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-75cfe6e9a3">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Events
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/research-insights/events/featured" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Featured S&amp;P Global Events" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Featured S&amp;P Global Events</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/research-insights/events/webinar-replays" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Webinar Replays" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Webinar Replays</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://ceraweek.com/index.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="CERAWeek" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">CERAWeek</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/market-intelligence/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Market Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Market Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/ratings/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Ratings" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Ratings</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/spdji/en/events/in-person/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Dow Jones Indices" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Dow Jones Indices</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/mobility/en/events/index.html?i=Automotive" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Mobility" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Mobility</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/energy/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Energy</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-9650d6d6c9">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Careers
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-culture" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Culture" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Culture</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-commitment" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Commitment" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Commitment</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-work" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Work" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Work</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://careers.spglobal.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Search for a Job" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Search for a Job</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          </div>
          <!-- division navigation crumb start-->
          <div class="px-8 py-2 mt-auto mb-3">
            <ul class="mega-menu-desktop-component_right-container_ul flex">
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Global Home" data-link-location="Tiles Tabs Container Component" href="/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Global Home
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Market Intelligence" data-link-location="Tiles Tabs Container Component" href="/market-intelligence/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Market Intelligence
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Ratings" data-link-location="Tiles Tabs Container Component" href="/ratings/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Ratings
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Energy" data-link-location="Tiles Tabs Container Component" href="/energy/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Energy
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Dow Jones Indices" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/spdji/en/" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Dow Jones Indices
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Mobility" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/mobility/en/index.html" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Mobility
                </a>
              </li>
            </ul>
          </div>
          <!-- division navigation crumb end-->
        </div>
      </div>
      <!-- mobile view html call -->
      
    <ul class="mega-menu-navlist sm:px-4 md:px-8 lg:hidden" role="tablist">
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-e669077529" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="S&amp;P Global Offerings" rel="noopener noreferrer">
                <span class="pr-2 text-left">S&amp;P Global Offerings</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-71f924912b" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Featured Topics" rel="noopener noreferrer">
                <span class="pr-2 text-left">Featured Topics</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-15a8ae3956" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Featured Products" rel="noopener noreferrer">
                <span class="pr-2 text-left">Featured Products</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-75cfe6e9a3" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Events" rel="noopener noreferrer">
                <span class="pr-2 text-left">Events</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-9650d6d6c9" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Careers" rel="noopener noreferrer">
                <span class="pr-2 text-left">Careers</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    </ul>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-e669077529" mega-menu-mobileTablet-content-label="S&amp;P Global Offerings" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">S&amp;P Global Offerings</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="/market-intelligence/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Market Intelligence" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/MarketIntelligence-1?$responsive$" alt="market-intelligence" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Market Intelligence</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/ratings/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$" alt="ratings" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/energy/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/CommodityInsights-1?$responsive$" alt="energy" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Energy</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/spdji/en/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Dow Jones Indices" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPDowJonesIndices-1?$responsive$" alt="dow-jones-indices" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Dow Jones Indices</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="/mobility/en/index.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Mobility" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Mobility-1?$responsive$" alt="mobility" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Mobility</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-71f924912b" mega-menu-mobileTablet-content-label="Featured Topics" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Featured Topics</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/sustainable1/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Sustainability</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/private-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Private Markets" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Private Markets</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/energy-transition" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy Transition" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Energy Transition</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/credit-risk" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Credit &amp; Risk" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Credit &amp; Risk</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/fixed-income" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Fixed Income" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Fixed Income</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/supply-chain" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Supply Chain" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Supply Chain</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/data-artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Data &amp; Artificial Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Data &amp; Artificial Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-15a8ae3956" mega-menu-mobileTablet-content-label="Featured Products" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Featured Products</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Capital IQ Pro" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$" alt="capital-iq-pro" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Capital IQ Pro</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy Core" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$" alt="energy-core" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global Energy Core</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/sustainable1/en/solutions/esg-scores-data" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global ESG Scores" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$" alt="esg-scores" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global ESG Scores</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="AutoCreditInsight" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$" alt="autocreditinsight" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">AutoCreditInsight</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/products/ratings360" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings360" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$" alt="ratings360" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings360</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spice-indices.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SPICE: The Index Source for ESG Data" target="_blank" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$" alt="spice" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">SPICE: The Index Source for ESG Data</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-75cfe6e9a3" mega-menu-mobileTablet-content-label="Events" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Events</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/research-insights/events/featured" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Featured S&amp;P Global Events" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Featured S&amp;P Global Events</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/research-insights/events/webinar-replays" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Webinar Replays" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Webinar Replays</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://ceraweek.com/index.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="CERAWeek" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">CERAWeek</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/market-intelligence/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Market Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Market Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/ratings/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Ratings" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Ratings</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/spdji/en/events/in-person/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Dow Jones Indices" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Dow Jones Indices</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/mobility/en/events/index.html?i=Automotive" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Mobility" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Mobility</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/energy/en/events" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Energy</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-9650d6d6c9" mega-menu-mobileTablet-content-label="Careers" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Careers</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-culture" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Culture" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Culture</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-commitment" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Commitment" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Commitment</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/explore-s-p-global/careers/our-work" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Work" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Work</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://careers.spglobal.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Search for a Job" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Search for a Job</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    

    
  

</div>

    
</div>

    </div>

    
</div>

          </div>
        
      </div>
      <div class="primary-footer-language-options">
        <div class="language-options sm:px-4 md:px-8 lg:hidden">
          <p class="body-bold-l sm:mb-4 sm:mt-4 md:mt-8">Language</p>
          <ul>
            <li class="mb-2">
              <div class="py-4"><a href="/zh" class="body-regular-m" target="_self" rel="noopener noreferrer">中文 (Chinese)</a></div>
            </li>
          </ul>
        </div>
      </div>
      
        
      
    </div>
  




    
</div>
<div class="secondarynavigation aem-GridColumn aem-GridColumn--default--12">
    

    
   <div class="secondary-header-component group secondary-header-component-light-theme bg-grey-0 text-black-base shadow-2 lg:flex md:hidden sm:hidden justify-center" role="navigation">
      <nav class="secondary-header-component_container justify-between flex grow whitespace-nowrap" aria-label="Main Navigation">
             <ul class="flex ml-4">
                 
            
               
               
                  <li class="listItems group " mega-menu-id="secondary-mega-menu--26f17c7c4f">
                     <button class="secondary-header-component_menuButton px-4 py-3 group-[.secondary-header-component-light-theme]:hover:bg-grey-10 group-[.secondary-header-component-dark-theme]:hover:bg-grey-80 flex items-center" data-event-name="navigation-header-click" data-mega-menu-header-name="Find Products">
                        <span class="body-bold-4 pr-1 my-2 ">Find Products</span>
                        <i class="fa-solid fa-angle-down group-[.secondary-header-component-active]:hidden m-1"></i>
                        <i class="fa-solid fa-angle-up m-1"></i>
                     </button>
                  </li>
               
            
               
               
                  <li class="listItems group " mega-menu-id="secondary-mega-menu--1b0a97dcc9">
                     <button class="secondary-header-component_menuButton px-4 py-3 group-[.secondary-header-component-light-theme]:hover:bg-grey-10 group-[.secondary-header-component-dark-theme]:hover:bg-grey-80 flex items-center" data-event-name="navigation-header-click" data-mega-menu-header-name="Research &amp; Insights">
                        <span class="body-bold-4 pr-1 my-2 ">Research &amp; Insights</span>
                        <i class="fa-solid fa-angle-down group-[.secondary-header-component-active]:hidden m-1"></i>
                        <i class="fa-solid fa-angle-up m-1"></i>
                     </button>
                  </li>
               
            
               
               
                  <li class="listItems group last" mega-menu-id="secondary-mega-menu--5f5da5c7e0">
                     <button class="secondary-header-component_menuButton px-4 py-3 group-[.secondary-header-component-light-theme]:hover:bg-grey-10 group-[.secondary-header-component-dark-theme]:hover:bg-grey-80 flex items-center" data-event-name="navigation-header-click" data-mega-menu-header-name="Who We Are">
                        <span class="body-bold-4 pr-1 my-2 ">Who We Are</span>
                        <i class="fa-solid fa-angle-down group-[.secondary-header-component-active]:hidden m-1"></i>
                        <i class="fa-solid fa-angle-up m-1"></i>
                     </button>
                  </li>
               
            
             </ul>
         <div class="flex items-center mr-8">
            <a href="https://www.spglobal.com/en/contact-us" target="_blank" rel="noopener noreferrer" class="
            py-2 body-bold-s regular-button px-4 flex items-center text-white-base bg-red-core hover:bg-black-base active:bg-black-base hover:border-black-base active:border-black-base border-solid border-red-core border text-center" data-event-name="link" data-link-text="Contact Us" data-link-location="Secondary Navigation Component">Contact Us</a>
         </div>
      </nav>
      
         <div id="secondary-mega-menu--26f17c7c4f" class="mega-menu-desktop-component secondary-mega-menu hidden shadow-top">
             <span class="mega-menu-desktop-component_overlay bg-black-base"></span>
             <div class="xfpage page basicpage">


    
    <div id="container-1672637fd1" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="tiletabscontainer tabs panelcontainer aem-GridColumn aem-GridColumn--default--12">
  
  
    
    
      <div class="mega-menu-desktop-component_container mx-auto lg:flex md:hidden sm:hidden flex-row bg-white-base group-[.secondary-header-component-dark-theme]:bg-grey-95">
        <nav class="mega-menu-desktop-component_side-nav px-8 py-6 border-grey-40 group-[.secondary-header-component-dark-theme]:border-grey-60 group-[.secondary-header-component-dark-theme]:slim-white-scrollbar slim-black-scrollbar" role="tablist" aria-label="Main Navigation">
          <ul class="nav-list">
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-081efb1236" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Featured Products">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Featured Products
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-75a2ba41d2" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/products/data-analytics" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Data &amp; Analytics">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Data &amp; Analytics
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-dd1cb3cc19" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/products/research-insights" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Research &amp; Insights">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Research &amp; Insights
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-1e2c22cbd1" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Ratings &amp; Benchmarks">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Ratings &amp; Benchmarks
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-318e1ef480" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/spdji/" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Indices" target="_blank" rel="noopener noreferrer">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Indices
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-65ec32d589" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/products/technology-solutions" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Technology Solutions">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Technology Solutions
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-a8881610a6" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="By Topic">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  By Topic
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-0f3a72609b" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.marketplace.spglobal.com" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="See all S&amp;P Global Products &amp; Solutions" target="_blank" rel="noopener noreferrer">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  See all S&amp;P Global Products &amp; Solutions
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          </ul>
        </nav>
        <div class="mega-menu-desktop-component_right-container group-[.secondary-header-component-dark-theme]:slim-white-scrollbar flex flex-col slim-black-scrollbar">
          <div class="p-8">
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-081efb1236">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Featured Products
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Capital IQ Pro" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$" alt="capital-iq-pro" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Capital IQ Pro</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy Core" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$" alt="energy-core" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global Energy Core</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/esg/solutions/data-intelligence-esg-scores" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global ESG Scores" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$" alt="esg-scores" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global ESG Scores</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="AutoCreditInsight" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$" alt="autocreditinsight" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">AutoCreditInsight</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/products/ratings360" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings360" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$" alt="ratings360" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings360</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spice-indices.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SPICE: The Index Source for ESG Data" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$" alt="spice" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">SPICE: The Index Source for ESG Data</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-75a2ba41d2">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-dd1cb3cc19">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-1e2c22cbd1">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Ratings &amp; Benchmarks
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/products/ratings-benchmarks" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$" alt="overview" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Overview</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Find a Rating" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$" alt="find-a-rating" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Find a Rating</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-318e1ef480">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-65ec32d589">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-a8881610a6">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      By Topic
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="/sustainable1/en/solutions" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Sustainability</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/private-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Private Markets" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Private Markets</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/energy-transition" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy Transition" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Energy Transition</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/credit-risk" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Credit &amp; Risk" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Credit &amp; Risk</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/fixed-income" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Fixed Income" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Fixed Income</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/supply-chain" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Supply Chain" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Supply Chain</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/data-artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Data &amp; Artificial Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Data &amp; Artificial Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/automotive-insights/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Automotive Insights" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Automotive Insights</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-0f3a72609b">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          </div>
          <!-- division navigation crumb start-->
          <div class="px-8 py-2 mt-auto mb-3">
            <ul class="mega-menu-desktop-component_right-container_ul flex">
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Global Home" data-link-location="Tiles Tabs Container Component" href="/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Global Home
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Market Intelligence" data-link-location="Tiles Tabs Container Component" href="/market-intelligence/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Market Intelligence
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Ratings" data-link-location="Tiles Tabs Container Component" href="/ratings/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Ratings
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Energy" data-link-location="Tiles Tabs Container Component" href="/energy/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Energy
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Dow Jones Indices" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/spdji/en/" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Dow Jones Indices
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Mobility" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/mobility/en/index.html" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Mobility
                </a>
              </li>
            </ul>
          </div>
          <!-- division navigation crumb end-->
        </div>
      </div>
      <!-- mobile view html call -->
      
    <ul class="mega-menu-navlist sm:px-4 md:px-8 lg:hidden" role="tablist">
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-081efb1236" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Featured Products" rel="noopener noreferrer">
                <span class="pr-2 text-left">Featured Products</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-75a2ba41d2" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/products/data-analytics" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Data &amp; Analytics" rel="noopener noreferrer">
                <span class="pr-2 text-left">Data &amp; Analytics</span>
                
            </a>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-dd1cb3cc19" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/products/research-insights" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Research &amp; Insights" rel="noopener noreferrer">
                <span class="pr-2 text-left">Research &amp; Insights</span>
                
            </a>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-1e2c22cbd1" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Ratings &amp; Benchmarks" rel="noopener noreferrer">
                <span class="pr-2 text-left">Ratings &amp; Benchmarks</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-318e1ef480" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/spdji/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Indices" target="_blank">
                <span class="pr-2 text-left">Indices</span>
                
            </a>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-65ec32d589" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/products/technology-solutions" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Technology Solutions" rel="noopener noreferrer">
                <span class="pr-2 text-left">Technology Solutions</span>
                
            </a>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-a8881610a6" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="By Topic" rel="noopener noreferrer">
                <span class="pr-2 text-left">By Topic</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-0f3a72609b" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.marketplace.spglobal.com" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="See all S&amp;P Global Products &amp; Solutions" target="_blank">
                <span class="pr-2 text-left">See all S&amp;P Global Products &amp; Solutions</span>
                
            </a>
        </li>
    </ul>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-081efb1236" mega-menu-mobileTablet-content-label="Featured Products" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Featured Products</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Capital IQ Pro" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$" alt="capital-iq-pro" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Capital IQ Pro</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy Core" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$" alt="energy-core" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global Energy Core</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/esg/solutions/data-intelligence-esg-scores" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global ESG Scores" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$" alt="esg-scores" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global ESG Scores</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="AutoCreditInsight" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$" alt="autocreditinsight" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">AutoCreditInsight</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/products/ratings360" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings360" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$" alt="ratings360" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings360</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spice-indices.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SPICE: The Index Source for ESG Data" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$" alt="spice" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">SPICE: The Index Source for ESG Data</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-75a2ba41d2" mega-menu-mobileTablet-content-label="Data &amp; Analytics" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-dd1cb3cc19" mega-menu-mobileTablet-content-label="Research &amp; Insights" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-1e2c22cbd1" mega-menu-mobileTablet-content-label="Ratings &amp; Benchmarks" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Ratings &amp; Benchmarks</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/products/ratings-benchmarks" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$" alt="overview" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Overview</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Find a Rating" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$" alt="find-a-rating" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Find a Rating</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-318e1ef480" mega-menu-mobileTablet-content-label="Indices" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-65ec32d589" mega-menu-mobileTablet-content-label="Technology Solutions" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-a8881610a6" mega-menu-mobileTablet-content-label="By Topic" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">By Topic</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="/sustainable1/en/solutions" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Sustainability</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/private-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Private Markets" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Private Markets</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/energy-transition" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy Transition" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Energy Transition</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/credit-risk" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Credit &amp; Risk" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Credit &amp; Risk</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/fixed-income" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Fixed Income" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Fixed Income</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/supply-chain" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Supply Chain" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Supply Chain</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/data-artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Data &amp; Artificial Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Data &amp; Artificial Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/automotive-insights/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Automotive Insights" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Automotive Insights</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-0f3a72609b" mega-menu-mobileTablet-content-label="See all S&amp;P Global Products &amp; Solutions" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    

    
  

</div>

    
</div>

    </div>

    
</div>

         </div>
      
         <div id="secondary-mega-menu--1b0a97dcc9" class="mega-menu-desktop-component secondary-mega-menu hidden shadow-top">
             <span class="mega-menu-desktop-component_overlay bg-black-base"></span>
             <div class="xfpage page basicpage">


    
    <div id="container-ccb9cd57f4" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="tiletabscontainer tabs panelcontainer aem-GridColumn aem-GridColumn--default--12">
  
  
    
    
      <div class="mega-menu-desktop-component_container mx-auto lg:flex md:hidden sm:hidden flex-row bg-white-base group-[.secondary-header-component-dark-theme]:bg-grey-95">
        <nav class="mega-menu-desktop-component_side-nav px-8 py-6 border-grey-40 group-[.secondary-header-component-dark-theme]:border-grey-60 group-[.secondary-header-component-dark-theme]:slim-white-scrollbar slim-black-scrollbar" role="tablist" aria-label="Main Navigation">
          <ul class="nav-list">
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-6cbaffe601" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Market Insights">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Market Insights
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-286bb0d741" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/research-insights/special-reports" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Special Reports">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Special Reports
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-95d051865b" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Events">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Events
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-b10e007e6b" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/research-insights/podcasts" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Podcasts">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Podcasts
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          </ul>
        </nav>
        <div class="mega-menu-desktop-component_right-container group-[.secondary-header-component-dark-theme]:slim-white-scrollbar flex flex-col slim-black-scrollbar">
          <div class="p-8">
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-6cbaffe601">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Market Insights
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-4
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/research-insights/market-insights/energy-commodities" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy &amp; Commodities" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$" alt="energy-commodities" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Energy &amp; Commodities</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/capital-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Capital Markets" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$" alt="capital-markets" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Capital Markets</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/sustainability" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$" alt="sustainability" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Sustainability</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Artificial Intelligence" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$" alt="artificial-intelligence" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:20%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Artificial Intelligence</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/economy" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Economy" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$" alt="economy" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Economy</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/global-trade" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Global Trade" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$" alt="global-trade" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Global Trade</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/technology-innovation" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Technology &amp; Innovation" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$" alt="technology-innovation" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Technology &amp; Innovation</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/special-reports/look-forward" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Look Forward" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$" alt="look-forward" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:10%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Look Forward</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-286bb0d741">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-95d051865b">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Events
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/research-insights/events/featured" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Featured S&amp;P Global Events" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$" alt="featured-events" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Featured S&amp;P Global Events</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/events/webinar-replays" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Webinar Replays" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$" alt="webinar-replays" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Webinar Replays</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://inland.joc.com/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Inland26" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$" alt="Inland26" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:50%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Inland26</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://ceraweek.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="CERAWeek" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$" alt="CERAWeek" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">CERAWeek</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://wpc.spglobal.com/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="World Petrochemical Conference" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$" alt="World Petrochemical Conference" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:20%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">World Petrochemical Conference</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-b10e007e6b">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          </div>
          <!-- division navigation crumb start-->
          <div class="px-8 py-2 mt-auto mb-3">
            <ul class="mega-menu-desktop-component_right-container_ul flex">
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Global Home" data-link-location="Tiles Tabs Container Component" href="/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Global Home
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Market Intelligence" data-link-location="Tiles Tabs Container Component" href="/market-intelligence/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Market Intelligence
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Ratings" data-link-location="Tiles Tabs Container Component" href="/ratings/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Ratings
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Energy" data-link-location="Tiles Tabs Container Component" href="/energy/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Energy
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Dow Jones Indices" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/spdji/en/" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Dow Jones Indices
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Mobility" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/mobility/en/index.html" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Mobility
                </a>
              </li>
            </ul>
          </div>
          <!-- division navigation crumb end-->
        </div>
      </div>
      <!-- mobile view html call -->
      
    <ul class="mega-menu-navlist sm:px-4 md:px-8 lg:hidden" role="tablist">
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-6cbaffe601" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Market Insights" rel="noopener noreferrer">
                <span class="pr-2 text-left">Market Insights</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-286bb0d741" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/research-insights/special-reports" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Special Reports" rel="noopener noreferrer">
                <span class="pr-2 text-left">Special Reports</span>
                
            </a>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-95d051865b" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Events" rel="noopener noreferrer">
                <span class="pr-2 text-left">Events</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-b10e007e6b" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/research-insights/podcasts" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Podcasts" rel="noopener noreferrer">
                <span class="pr-2 text-left">Podcasts</span>
                
            </a>
        </li>
    </ul>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-6cbaffe601" mega-menu-mobileTablet-content-label="Market Insights" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Market Insights</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-4
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/research-insights/market-insights/energy-commodities" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy &amp; Commodities" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$" alt="energy-commodities" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Energy &amp; Commodities</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/capital-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Capital Markets" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$" alt="capital-markets" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Capital Markets</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/sustainability" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$" alt="sustainability" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Sustainability</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Artificial Intelligence" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$" alt="artificial-intelligence" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:20%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Artificial Intelligence</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/economy" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Economy" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$" alt="economy" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Economy</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/global-trade" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Global Trade" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$" alt="global-trade" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Global Trade</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/technology-innovation" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Technology &amp; Innovation" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$" alt="technology-innovation" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Technology &amp; Innovation</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/special-reports/look-forward" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Look Forward" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$" alt="look-forward" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:10%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Look Forward</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-286bb0d741" mega-menu-mobileTablet-content-label="Special Reports" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-95d051865b" mega-menu-mobileTablet-content-label="Events" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Events</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/research-insights/events/featured" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Featured S&amp;P Global Events" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$" alt="featured-events" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Featured S&amp;P Global Events</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/events/webinar-replays" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Webinar Replays" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$" alt="webinar-replays" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Webinar Replays</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://inland.joc.com/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Inland26" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$" alt="Inland26" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:50%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Inland26</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://ceraweek.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="CERAWeek" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$" alt="CERAWeek" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">CERAWeek</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://wpc.spglobal.com/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="World Petrochemical Conference" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$" alt="World Petrochemical Conference" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:20%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">World Petrochemical Conference</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-b10e007e6b" mega-menu-mobileTablet-content-label="Podcasts" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    

    
  

</div>

    
</div>

    </div>

    
</div>

         </div>
      
         <div id="secondary-mega-menu--5f5da5c7e0" class="mega-menu-desktop-component secondary-mega-menu hidden shadow-top">
             <span class="mega-menu-desktop-component_overlay bg-black-base"></span>
             <div class="xfpage page basicpage">


    
    <div id="container-4f9e7b6630" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="tiletabscontainer tabs panelcontainer aem-GridColumn aem-GridColumn--default--12">
  
  
    
    
      <div class="mega-menu-desktop-component_container mx-auto lg:flex md:hidden sm:hidden flex-row bg-white-base group-[.secondary-header-component-dark-theme]:bg-grey-95">
        <nav class="mega-menu-desktop-component_side-nav px-8 py-6 border-grey-40 group-[.secondary-header-component-dark-theme]:border-grey-60 group-[.secondary-header-component-dark-theme]:slim-white-scrollbar slim-black-scrollbar" role="tablist" aria-label="Main Navigation">
          <ul class="nav-list">
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-f7c1e6c623" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="About S&amp;P Global">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  About S&amp;P Global
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-320f885b9a" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Corporate Responsibility">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Corporate Responsibility
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-70cc1422be" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Culture &amp; Engagement">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Culture &amp; Engagement
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-8496a6e7ef" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Investor Relations">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Investor Relations
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          </ul>
        </nav>
        <div class="mega-menu-desktop-component_right-container group-[.secondary-header-component-dark-theme]:slim-white-scrollbar flex flex-col slim-black-scrollbar">
          <div class="p-8">
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-f7c1e6c623">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      About S&amp;P Global
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-3
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/about-sp-global" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Mission and Values" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Mission and Values</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/about-sp-global/our-people/our-leadership" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Leadership" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Leadership</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/chief-client-office" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Chief Client Office" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Chief Client Office</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/our-history" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our History" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our History</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/capabilities" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Capabilities" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Capabilities</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-320f885b9a">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Corporate Responsibility
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/reports-commitments" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Reports &amp; Policies" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Reports &amp; Policies</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/foundation" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Foundation" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Foundation</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/stepforward" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="StepForward" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">StepForward</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-70cc1422be">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Culture &amp; Engagement
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/culture-engagement" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/culture-engagement/people-resource-groups" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="People Resource Groups" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">People Resource Groups</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://careers.spglobal.com/jobs" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Search for a Job" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Search for a Job</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-8496a6e7ef">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Investor Relations
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        

            <div class="header-mega-menu-tiles-component_tiles-links-component sm:border-grey-10 group-[.secondary-header-component-dark-theme]:sm:border-grey-60 sm:pt-4 lg:pt-0">
                <div class="grid lg:grid-cols-3
									gap-x-8">
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-relations-overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_blank">
                                    Overview
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-presentations/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Presentations" target="_blank">
                                    Presentations
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-fact-book/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Investor Fact Book" target="_blank">
                                    Investor Fact Book
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/news-releases/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="News Releases" target="_blank">
                                    News Releases
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/quarterly-earnings/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Quarterly Earnings" target="_blank">
                                    Quarterly Earnings
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/sec-filings-reports/overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SEC Filings &amp; Reports" target="_blank">
                                    SEC Filings &amp; Reports
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/executive-committee/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Executive Committee" target="_blank">
                                    Executive Committee
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/corporate-governance/overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Governance" target="_blank">
                                    Governance
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/merger-information/spglobal-ihsmarkit/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Merger Information" target="_blank">
                                    Merger Information
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/stock-dividends/stock-quote/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Stocks &amp; Dividends" target="_blank">
                                    Stocks &amp; Dividends
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/shareholder-services/overview/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Shareholder Services" target="_blank">
                                    Shareholder Services
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/contact-investor-relations/contact-ir/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Contact" target="_blank">
                                    Contact
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                </div>
            </div>
        
        <!-- link end -->
    </div>


            </div>
          </div>
          <!-- division navigation crumb start-->
          <div class="px-8 py-2 mt-auto mb-3">
            <ul class="mega-menu-desktop-component_right-container_ul flex">
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Global Home" data-link-location="Tiles Tabs Container Component" href="/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Global Home
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Market Intelligence" data-link-location="Tiles Tabs Container Component" href="/market-intelligence/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Market Intelligence
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Ratings" data-link-location="Tiles Tabs Container Component" href="/ratings/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Ratings
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Energy" data-link-location="Tiles Tabs Container Component" href="/energy/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Energy
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Dow Jones Indices" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/spdji/en/" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Dow Jones Indices
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Mobility" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/mobility/en/index.html" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Mobility
                </a>
              </li>
            </ul>
          </div>
          <!-- division navigation crumb end-->
        </div>
      </div>
      <!-- mobile view html call -->
      
    <ul class="mega-menu-navlist sm:px-4 md:px-8 lg:hidden" role="tablist">
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-f7c1e6c623" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="About S&amp;P Global" rel="noopener noreferrer">
                <span class="pr-2 text-left">About S&amp;P Global</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-320f885b9a" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Corporate Responsibility" rel="noopener noreferrer">
                <span class="pr-2 text-left">Corporate Responsibility</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-70cc1422be" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Culture &amp; Engagement" rel="noopener noreferrer">
                <span class="pr-2 text-left">Culture &amp; Engagement</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-8496a6e7ef" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Investor Relations" rel="noopener noreferrer">
                <span class="pr-2 text-left">Investor Relations</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    </ul>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-f7c1e6c623" mega-menu-mobileTablet-content-label="About S&amp;P Global" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">About S&amp;P Global</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-3
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/about-sp-global" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Mission and Values" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Mission and Values</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/about-sp-global/our-people/our-leadership" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Leadership" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Leadership</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/chief-client-office" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Chief Client Office" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Chief Client Office</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/our-history" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our History" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our History</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/capabilities" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Capabilities" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Capabilities</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-320f885b9a" mega-menu-mobileTablet-content-label="Corporate Responsibility" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Corporate Responsibility</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/reports-commitments" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Reports &amp; Policies" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Reports &amp; Policies</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/foundation" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Foundation" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Foundation</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/stepforward" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="StepForward" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">StepForward</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-70cc1422be" mega-menu-mobileTablet-content-label="Culture &amp; Engagement" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Culture &amp; Engagement</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/culture-engagement" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/culture-engagement/people-resource-groups" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="People Resource Groups" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">People Resource Groups</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://careers.spglobal.com/jobs" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Search for a Job" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Search for a Job</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-8496a6e7ef" mega-menu-mobileTablet-content-label="Investor Relations" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Investor Relations</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        

            <div class="header-mega-menu-tiles-component_tiles-links-component sm:border-grey-10 group-[.secondary-header-component-dark-theme]:sm:border-grey-60 sm:pt-4 lg:pt-0">
                <div class="grid lg:grid-cols-3
									gap-x-8">
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-relations-overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_blank">
                                    Overview
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-presentations/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Presentations" target="_blank">
                                    Presentations
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-fact-book/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Investor Fact Book" target="_blank">
                                    Investor Fact Book
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/news-releases/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="News Releases" target="_blank">
                                    News Releases
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/quarterly-earnings/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Quarterly Earnings" target="_blank">
                                    Quarterly Earnings
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/sec-filings-reports/overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SEC Filings &amp; Reports" target="_blank">
                                    SEC Filings &amp; Reports
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/executive-committee/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Executive Committee" target="_blank">
                                    Executive Committee
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/corporate-governance/overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Governance" target="_blank">
                                    Governance
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/merger-information/spglobal-ihsmarkit/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Merger Information" target="_blank">
                                    Merger Information
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/stock-dividends/stock-quote/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Stocks &amp; Dividends" target="_blank">
                                    Stocks &amp; Dividends
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/shareholder-services/overview/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Shareholder Services" target="_blank">
                                    Shareholder Services
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/contact-investor-relations/contact-ir/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Contact" target="_blank">
                                    Contact
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                </div>
            </div>
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    

    
  

</div>

    
</div>

    </div>

    
</div>

         </div>
      
   </div>
   
    <div class="secondary-header-mobile-hidden hidden" role="navigation">
      <div class="header-mobile-tablet-component_container flex-col justify-between bg-white-base text-black-base group-[.secondary-header-component-dark-theme]:bg-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
         <div class="header-mobile-tablet-component_container_content">
            <div class="header-mobile-tablet-component_container_content_breadcrumb py-6 sm:px-4 md:px-8">
                <div class="breadcrumb body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30"><button class="text-black-base group-[.secondary-header-component-dark-theme]:text-white-base back-btn"><i class="fa-sharp fa-chevron-left mr-2"></i>Back</button>
                <span class="breadcrumb-home-icon">
                    <i class="fa-sharp fa-house fa-2xs mr-2"></i>
                </span>
                <span class="breadcrumb-curpage-label fade-in fade-out">S&P Global  </span>
                <span class="breadcrumb-curpage-label fade-in fade-out hidden"></span>
        </div>
            </div>
            <div class="header-mobile-tablet-component_container_content_navs">
                <div class="header-mobile-tablet-component_container_content_navs_base"></div>
                <nav aria-label="Main Navigation">
               <ul class="sub-navigation overlay overlay-in overlay-show sm:px-4 md:px-8">
                  
                  
                     <li>
                          <button id="secondary-mega-menu-mob--26f17c7c4f" secondary-header-mobile-button-label="Find Products" data-event-name="navigation-header-click" data-mega-menu-header-name="Find Products" class="open-mega-menu-btn flex justify-between py-4 pr-4 mb-2.5">
                              <span>Find Products</span>
                              <i class="fa-regular fa-chevron-right"></i>
                          </button>
                        </li>

                  

                 <!-- <li>
                     <button mega-menu-id="secondary-mega-menu-mob--26f17c7c4f" secondary-header-mobile-button-label="Research and insights" class="open-mega-menu-btn  flex justify-between py-4 pr-4 mb-2">
                        <span>Research and insights</span>
                        <i class="fa-regular fa-chevron-right"></i>
                     </button>
                  </li>-->
               
                  
                  
                     <li>
                          <button id="secondary-mega-menu-mob--1b0a97dcc9" secondary-header-mobile-button-label="Research &amp; Insights" data-event-name="navigation-header-click" data-mega-menu-header-name="Research &amp; Insights" class="open-mega-menu-btn flex justify-between py-4 pr-4 mb-2.5">
                              <span>Research &amp; Insights</span>
                              <i class="fa-regular fa-chevron-right"></i>
                          </button>
                        </li>

                  

                 <!-- <li>
                     <button mega-menu-id="secondary-mega-menu-mob--1b0a97dcc9" secondary-header-mobile-button-label="Research and insights" class="open-mega-menu-btn  flex justify-between py-4 pr-4 mb-2">
                        <span>Research and insights</span>
                        <i class="fa-regular fa-chevron-right"></i>
                     </button>
                  </li>-->
               
                  
                  
                     <li>
                          <button id="secondary-mega-menu-mob--5f5da5c7e0" secondary-header-mobile-button-label="Who We Are" data-event-name="navigation-header-click" data-mega-menu-header-name="Who We Are" class="open-mega-menu-btn flex justify-between py-4 pr-4 mb-2.5">
                              <span>Who We Are</span>
                              <i class="fa-regular fa-chevron-right"></i>
                          </button>
                        </li>

                  

                 <!-- <li>
                     <button mega-menu-id="secondary-mega-menu-mob--5f5da5c7e0" secondary-header-mobile-button-label="Research and insights" class="open-mega-menu-btn  flex justify-between py-4 pr-4 mb-2">
                        <span>Research and insights</span>
                        <i class="fa-regular fa-chevron-right"></i>
                     </button>
                  </li>-->
               </ul>
                </nav>

                  
                     <div mega-menu-mobileTablet-id="secondary-mega-menu-mob--26f17c7c4f" class="mega-menu sm:px-4 md:px-8">
                        <div class="xfpage page basicpage">


    
    <div id="container-1672637fd1" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="tiletabscontainer tabs panelcontainer aem-GridColumn aem-GridColumn--default--12">
  
  
    
    
      <div class="mega-menu-desktop-component_container mx-auto lg:flex md:hidden sm:hidden flex-row bg-white-base group-[.secondary-header-component-dark-theme]:bg-grey-95">
        <nav class="mega-menu-desktop-component_side-nav px-8 py-6 border-grey-40 group-[.secondary-header-component-dark-theme]:border-grey-60 group-[.secondary-header-component-dark-theme]:slim-white-scrollbar slim-black-scrollbar" role="tablist" aria-label="Main Navigation">
          <ul class="nav-list">
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-081efb1236" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Featured Products">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Featured Products
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-75a2ba41d2" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/products/data-analytics" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Data &amp; Analytics">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Data &amp; Analytics
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-dd1cb3cc19" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/products/research-insights" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Research &amp; Insights">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Research &amp; Insights
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-1e2c22cbd1" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Ratings &amp; Benchmarks">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Ratings &amp; Benchmarks
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-318e1ef480" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/spdji/" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Indices" target="_blank" rel="noopener noreferrer">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Indices
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-65ec32d589" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/products/technology-solutions" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Technology Solutions">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Technology Solutions
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-a8881610a6" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="By Topic">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  By Topic
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-0f3a72609b" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.marketplace.spglobal.com" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="See all S&amp;P Global Products &amp; Solutions" target="_blank" rel="noopener noreferrer">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  See all S&amp;P Global Products &amp; Solutions
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          </ul>
        </nav>
        <div class="mega-menu-desktop-component_right-container group-[.secondary-header-component-dark-theme]:slim-white-scrollbar flex flex-col slim-black-scrollbar">
          <div class="p-8">
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-081efb1236">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Featured Products
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Capital IQ Pro" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$" alt="capital-iq-pro" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Capital IQ Pro</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy Core" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$" alt="energy-core" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global Energy Core</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/esg/solutions/data-intelligence-esg-scores" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global ESG Scores" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$" alt="esg-scores" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global ESG Scores</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="AutoCreditInsight" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$" alt="autocreditinsight" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">AutoCreditInsight</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/products/ratings360" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings360" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$" alt="ratings360" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings360</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spice-indices.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SPICE: The Index Source for ESG Data" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$" alt="spice" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">SPICE: The Index Source for ESG Data</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-75a2ba41d2">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-dd1cb3cc19">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-1e2c22cbd1">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Ratings &amp; Benchmarks
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/products/ratings-benchmarks" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$" alt="overview" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Overview</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Find a Rating" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$" alt="find-a-rating" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Find a Rating</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-318e1ef480">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-65ec32d589">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-a8881610a6">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      By Topic
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="/sustainable1/en/solutions" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Sustainability</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/private-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Private Markets" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Private Markets</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/energy-transition" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy Transition" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Energy Transition</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/credit-risk" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Credit &amp; Risk" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Credit &amp; Risk</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/fixed-income" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Fixed Income" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Fixed Income</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/supply-chain" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Supply Chain" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Supply Chain</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/data-artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Data &amp; Artificial Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Data &amp; Artificial Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/automotive-insights/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Automotive Insights" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Automotive Insights</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-0f3a72609b">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          </div>
          <!-- division navigation crumb start-->
          <div class="px-8 py-2 mt-auto mb-3">
            <ul class="mega-menu-desktop-component_right-container_ul flex">
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Global Home" data-link-location="Tiles Tabs Container Component" href="/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Global Home
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Market Intelligence" data-link-location="Tiles Tabs Container Component" href="/market-intelligence/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Market Intelligence
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Ratings" data-link-location="Tiles Tabs Container Component" href="/ratings/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Ratings
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Energy" data-link-location="Tiles Tabs Container Component" href="/energy/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Energy
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Dow Jones Indices" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/spdji/en/" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Dow Jones Indices
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Mobility" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/mobility/en/index.html" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Mobility
                </a>
              </li>
            </ul>
          </div>
          <!-- division navigation crumb end-->
        </div>
      </div>
      <!-- mobile view html call -->
      
    <ul class="mega-menu-navlist sm:px-4 md:px-8 lg:hidden" role="tablist">
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-081efb1236" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Featured Products" rel="noopener noreferrer">
                <span class="pr-2 text-left">Featured Products</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-75a2ba41d2" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/products/data-analytics" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Data &amp; Analytics" rel="noopener noreferrer">
                <span class="pr-2 text-left">Data &amp; Analytics</span>
                
            </a>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-dd1cb3cc19" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/products/research-insights" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Research &amp; Insights" rel="noopener noreferrer">
                <span class="pr-2 text-left">Research &amp; Insights</span>
                
            </a>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-1e2c22cbd1" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Ratings &amp; Benchmarks" rel="noopener noreferrer">
                <span class="pr-2 text-left">Ratings &amp; Benchmarks</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-318e1ef480" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/spdji/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Indices" target="_blank">
                <span class="pr-2 text-left">Indices</span>
                
            </a>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-65ec32d589" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/products/technology-solutions" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Technology Solutions" rel="noopener noreferrer">
                <span class="pr-2 text-left">Technology Solutions</span>
                
            </a>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-a8881610a6" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="By Topic" rel="noopener noreferrer">
                <span class="pr-2 text-left">By Topic</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-0f3a72609b" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.marketplace.spglobal.com" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="See all S&amp;P Global Products &amp; Solutions" target="_blank">
                <span class="pr-2 text-left">See all S&amp;P Global Products &amp; Solutions</span>
                
            </a>
        </li>
    </ul>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-081efb1236" mega-menu-mobileTablet-content-label="Featured Products" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Featured Products</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Capital IQ Pro" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPCapitalIQPro-1?$responsive$" alt="capital-iq-pro" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Capital IQ Pro</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Energy Core" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/PlattsConnect-1?$responsive$" alt="energy-core" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global Energy Core</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/esg/solutions/data-intelligence-esg-scores" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global ESG Scores" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPGlobalESGScores-1?$responsive$" alt="esg-scores" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">S&amp;P Global ESG Scores</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="AutoCreditInsight" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/AutoCreditInsight-1?$responsive$" alt="autocreditinsight" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">AutoCreditInsight</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/products/ratings360" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Ratings360" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Ratings360-1?$responsive$" alt="ratings360" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Ratings360</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spice-indices.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SPICE: The Index Source for ESG Data" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/SPICETheIndexSourceForESGData-1?$responsive$" alt="spice" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">SPICE: The Index Source for ESG Data</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-75a2ba41d2" mega-menu-mobileTablet-content-label="Data &amp; Analytics" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-dd1cb3cc19" mega-menu-mobileTablet-content-label="Research &amp; Insights" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-1e2c22cbd1" mega-menu-mobileTablet-content-label="Ratings &amp; Benchmarks" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Ratings &amp; Benchmarks</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/products/ratings-benchmarks" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/OverviewRatings-1?$responsive$" alt="overview" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Overview</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/ratings/en/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Find a Rating" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/FindARating-1?$responsive$" alt="find-a-rating" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Find a Rating</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-318e1ef480" mega-menu-mobileTablet-content-label="Indices" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-65ec32d589" mega-menu-mobileTablet-content-label="Technology Solutions" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-a8881610a6" mega-menu-mobileTablet-content-label="By Topic" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">By Topic</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="/sustainable1/en/solutions" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Sustainability</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/private-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Private Markets" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Private Markets</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/energy-transition" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy Transition" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Energy Transition</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/credit-risk" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Credit &amp; Risk" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Credit &amp; Risk</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/fixed-income" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Fixed Income" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Fixed Income</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/supply-chain" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Supply Chain" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Supply Chain</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/products/topics/data-artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Data &amp; Artificial Intelligence" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Data &amp; Artificial Intelligence</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/automotive-insights/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Automotive Insights" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Automotive Insights</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-0f3a72609b" mega-menu-mobileTablet-content-label="See all S&amp;P Global Products &amp; Solutions" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    

    
  

</div>

    
</div>

    </div>

    
</div>

                     </div>
                  
                     <div mega-menu-mobileTablet-id="secondary-mega-menu-mob--1b0a97dcc9" class="mega-menu sm:px-4 md:px-8">
                        <div class="xfpage page basicpage">


    
    <div id="container-ccb9cd57f4" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="tiletabscontainer tabs panelcontainer aem-GridColumn aem-GridColumn--default--12">
  
  
    
    
      <div class="mega-menu-desktop-component_container mx-auto lg:flex md:hidden sm:hidden flex-row bg-white-base group-[.secondary-header-component-dark-theme]:bg-grey-95">
        <nav class="mega-menu-desktop-component_side-nav px-8 py-6 border-grey-40 group-[.secondary-header-component-dark-theme]:border-grey-60 group-[.secondary-header-component-dark-theme]:slim-white-scrollbar slim-black-scrollbar" role="tablist" aria-label="Main Navigation">
          <ul class="nav-list">
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-6cbaffe601" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Market Insights">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Market Insights
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-286bb0d741" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/research-insights/special-reports" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Special Reports">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Special Reports
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-95d051865b" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Events">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Events
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 ">
              <a id="megamenutiles-b10e007e6b" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" href="https://www.spglobal.com/en/research-insights/podcasts" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Podcasts">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Podcasts
                </span>
                
              </a>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          </ul>
        </nav>
        <div class="mega-menu-desktop-component_right-container group-[.secondary-header-component-dark-theme]:slim-white-scrollbar flex flex-col slim-black-scrollbar">
          <div class="p-8">
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-6cbaffe601">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Market Insights
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-4
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/research-insights/market-insights/energy-commodities" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy &amp; Commodities" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$" alt="energy-commodities" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Energy &amp; Commodities</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/capital-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Capital Markets" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$" alt="capital-markets" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Capital Markets</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/sustainability" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$" alt="sustainability" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Sustainability</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Artificial Intelligence" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$" alt="artificial-intelligence" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:20%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Artificial Intelligence</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/economy" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Economy" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$" alt="economy" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Economy</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/global-trade" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Global Trade" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$" alt="global-trade" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Global Trade</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/technology-innovation" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Technology &amp; Innovation" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$" alt="technology-innovation" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Technology &amp; Innovation</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/special-reports/look-forward" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Look Forward" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$" alt="look-forward" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:10%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Look Forward</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-286bb0d741">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-95d051865b">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Events
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/research-insights/events/featured" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Featured S&amp;P Global Events" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$" alt="featured-events" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Featured S&amp;P Global Events</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/events/webinar-replays" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Webinar Replays" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$" alt="webinar-replays" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Webinar Replays</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://inland.joc.com/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Inland26" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$" alt="Inland26" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:50%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Inland26</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://ceraweek.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="CERAWeek" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$" alt="CERAWeek" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">CERAWeek</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://wpc.spglobal.com/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="World Petrochemical Conference" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$" alt="World Petrochemical Conference" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:20%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">World Petrochemical Conference</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-b10e007e6b">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          </div>
          <!-- division navigation crumb start-->
          <div class="px-8 py-2 mt-auto mb-3">
            <ul class="mega-menu-desktop-component_right-container_ul flex">
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Global Home" data-link-location="Tiles Tabs Container Component" href="/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Global Home
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Market Intelligence" data-link-location="Tiles Tabs Container Component" href="/market-intelligence/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Market Intelligence
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Ratings" data-link-location="Tiles Tabs Container Component" href="/ratings/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Ratings
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Energy" data-link-location="Tiles Tabs Container Component" href="/energy/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Energy
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Dow Jones Indices" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/spdji/en/" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Dow Jones Indices
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Mobility" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/mobility/en/index.html" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Mobility
                </a>
              </li>
            </ul>
          </div>
          <!-- division navigation crumb end-->
        </div>
      </div>
      <!-- mobile view html call -->
      
    <ul class="mega-menu-navlist sm:px-4 md:px-8 lg:hidden" role="tablist">
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-6cbaffe601" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Market Insights" rel="noopener noreferrer">
                <span class="pr-2 text-left">Market Insights</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-286bb0d741" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/research-insights/special-reports" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Special Reports" rel="noopener noreferrer">
                <span class="pr-2 text-left">Special Reports</span>
                
            </a>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-95d051865b" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Events" rel="noopener noreferrer">
                <span class="pr-2 text-left">Events</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <a id="mega-menu-mob-megamenutiles-b10e007e6b" class="flex justify-between items-center py-4 pr-4 mb-2.5 open-level2-btn fullwidth" href="https://www.spglobal.com/en/research-insights/podcasts" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Podcasts" rel="noopener noreferrer">
                <span class="pr-2 text-left">Podcasts</span>
                
            </a>
        </li>
    </ul>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-6cbaffe601" mega-menu-mobileTablet-content-label="Market Insights" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Market Insights</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-4
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/research-insights/market-insights/energy-commodities" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Energy &amp; Commodities" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_energy_commodities?$responsive$" alt="energy-commodities" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Energy &amp; Commodities</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/capital-markets" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Capital Markets" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_capitalmarketsbanner?$responsive$" alt="capital-markets" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Capital Markets</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/sustainability" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Sustainability" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0424_sustainability_banner?$responsive$" alt="sustainability" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Sustainability</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/artificial-intelligence" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Artificial Intelligence" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0114_AIThumbnail?$responsive$" alt="artificial-intelligence" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:20%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Artificial Intelligence</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/economy" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Economy" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0416_economyvertical_horizontal?$responsive$" alt="economy" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Economy</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/global-trade" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Global Trade" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0606_GlobalTradeheader?$responsive$" alt="global-trade" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Global Trade</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/market-insights/technology-innovation" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Technology &amp; Innovation" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0417_technologybanner?$responsive$" alt="technology-innovation" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Technology &amp; Innovation</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/special-reports/look-forward" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Look Forward" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0721_lookforward?$responsive$" alt="look-forward" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:10%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Look Forward</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-286bb0d741" mega-menu-mobileTablet-content-label="Special Reports" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-95d051865b" mega-menu-mobileTablet-content-label="Events" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Events</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        
            <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
								  gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4 md:gap-y-6 sm:last:mb-6">
                <a href="https://www.spglobal.com/en/research-insights/events/featured" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Featured S&amp;P Global Events" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/FeaturedSPGlobalEvents-1?$responsive$" alt="featured-events" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Featured S&amp;P Global Events</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://www.spglobal.com/en/research-insights/events/webinar-replays" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Webinar Replays" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/WebinarReplays-1?$responsive$" alt="webinar-replays" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Webinar Replays</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://inland.joc.com/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Inland26" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/Inland26-Reg-card?$responsive$" alt="Inland26" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:50%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">Inland26</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://ceraweek.com/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="CERAWeek" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0904_ceraweek2026_1?$responsive$" alt="CERAWeek" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:0%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">CERAWeek</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            
                <a href="https://wpc.spglobal.com/en" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="World Petrochemical Conference" target="_self" class="group/cards">
                    
                        <div class="header-mega-menu-tiles-component_tiles-container">

                            <picture>
                                <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$"/>
                                <img src="https://spglobal.scene7.com/is/image/spglobalcom/wpc_banner?$responsive$" alt="World Petrochemical Conference" height="200" width="200" class="header-mega-menu-tiles-component_tiles-container-image" loading="lazy"/>
                            </picture>
                            
                                <div class="header-mega-menu-tiles-component_tiles-container-overlay black-gradient" style="opacity:20%"></div>
                            
                            <div class="header-mega-menu-tiles-component_tiles-box flex flex-col justify-between text-white-base p-4">
                                <div>
                                    <h4 class="body-bold-xl group-hover/cards:underline mb-2">World Petrochemical Conference</h4>
                                    <p class="text-white-base body-regular-s"></p>
                                </div>
                                <span class="header-mega-menu-tiles-component_tiles-icon flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                              </span>
                            </div>
                        </div>
                    
                </a>
            </div>
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-b10e007e6b" mega-menu-mobileTablet-content-label="Podcasts" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    

    
  

</div>

    
</div>

    </div>

    
</div>

                     </div>
                  
                     <div mega-menu-mobileTablet-id="secondary-mega-menu-mob--5f5da5c7e0" class="mega-menu sm:px-4 md:px-8">
                        <div class="xfpage page basicpage">


    
    <div id="container-4f9e7b6630" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="tiletabscontainer tabs panelcontainer aem-GridColumn aem-GridColumn--default--12">
  
  
    
    
      <div class="mega-menu-desktop-component_container mx-auto lg:flex md:hidden sm:hidden flex-row bg-white-base group-[.secondary-header-component-dark-theme]:bg-grey-95">
        <nav class="mega-menu-desktop-component_side-nav px-8 py-6 border-grey-40 group-[.secondary-header-component-dark-theme]:border-grey-60 group-[.secondary-header-component-dark-theme]:slim-white-scrollbar slim-black-scrollbar" role="tablist" aria-label="Main Navigation">
          <ul class="nav-list">
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-f7c1e6c623" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="About S&amp;P Global">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  About S&amp;P Global
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-320f885b9a" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Corporate Responsibility">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Corporate Responsibility
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-70cc1422be" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Culture &amp; Engagement">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Culture &amp; Engagement
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          
            <li class="mt-2 first:mt-0 tab">
              <button id="megamenutiles-8496a6e7ef" class="mega-menu-desktop-component_nav-button items-center py-4 flex hover:body-bold-m body-regular-m group" role="tab" data-event-name="navigation-header-click" data-mega-menu-sub-header-name="Investor Relations">
                <span class="nav-title pr-2 block group-[.select]:pl-3 group-[.select]:border-red-core group-[.select]:body-bold-m text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                  Investor Relations
                </span>
                
                  <span class="nav-icon-holder flex">
                    <i class="fa-solid fa-chevron-right text-icon my-auto text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                    </i>
                  </span>
                
              </button>
              <hr class="mt-2 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
            </li>
          </ul>
        </nav>
        <div class="mega-menu-desktop-component_right-container group-[.secondary-header-component-dark-theme]:slim-white-scrollbar flex flex-col slim-black-scrollbar">
          <div class="p-8">
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-f7c1e6c623">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      About S&amp;P Global
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-3
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/about-sp-global" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Mission and Values" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Mission and Values</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/about-sp-global/our-people/our-leadership" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Leadership" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Leadership</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/chief-client-office" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Chief Client Office" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Chief Client Office</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/our-history" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our History" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our History</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/capabilities" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Capabilities" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Capabilities</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-320f885b9a">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Corporate Responsibility
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/reports-commitments" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Reports &amp; Policies" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Reports &amp; Policies</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/foundation" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Foundation" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Foundation</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/stepforward" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="StepForward" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">StepForward</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-70cc1422be">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Culture &amp; Engagement
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/culture-engagement" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/culture-engagement/people-resource-groups" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="People Resource Groups" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">People Resource Groups</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://careers.spglobal.com/jobs" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Search for a Job" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Search for a Job</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


            </div>
          
            <div class="tab-content hidden" mega-menu-content-id="megamenutiles-8496a6e7ef">
              <!-- start of mega menu -->
              <div class="flex">
                <div>
                  
                    <h3 class="mega-menu-desktop-component_right-container-heading webkit-box mb-1 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base">
                      Investor Relations
                    </h3>
                  
                  <div class="mega-menu-desktop-component_right-container-description webkit-box text-grey-70 group-[.secondary-header-component-dark-theme]:text-white-base">
                    
                  </div>
                </div>
                <div class="flex flex-col ml-auto justify-center pl-8">
                  <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:hidden">
                    <!-- secondary btn -->
                    
                  </div>

            <div class="mega-menu-desktop-component_right-container-button group-[.secondary-header-component-dark-theme]:block sm:hidden">

                    <!-- secondary btn -->
                    
                  </div>
                </div>
              </div>
              <hr class="border my-6 border-grey-10 group-[.secondary-header-component-dark-theme]:border-grey-80"/>
              <!-- end of mega menu -->
              <!-- mega menu tiles components will come here -->
              
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        

            <div class="header-mega-menu-tiles-component_tiles-links-component sm:border-grey-10 group-[.secondary-header-component-dark-theme]:sm:border-grey-60 sm:pt-4 lg:pt-0">
                <div class="grid lg:grid-cols-3
									gap-x-8">
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-relations-overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_blank">
                                    Overview
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-presentations/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Presentations" target="_blank">
                                    Presentations
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-fact-book/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Investor Fact Book" target="_blank">
                                    Investor Fact Book
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/news-releases/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="News Releases" target="_blank">
                                    News Releases
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/quarterly-earnings/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Quarterly Earnings" target="_blank">
                                    Quarterly Earnings
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/sec-filings-reports/overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SEC Filings &amp; Reports" target="_blank">
                                    SEC Filings &amp; Reports
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/executive-committee/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Executive Committee" target="_blank">
                                    Executive Committee
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/corporate-governance/overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Governance" target="_blank">
                                    Governance
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/merger-information/spglobal-ihsmarkit/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Merger Information" target="_blank">
                                    Merger Information
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/stock-dividends/stock-quote/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Stocks &amp; Dividends" target="_blank">
                                    Stocks &amp; Dividends
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/shareholder-services/overview/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Shareholder Services" target="_blank">
                                    Shareholder Services
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/contact-investor-relations/contact-ir/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Contact" target="_blank">
                                    Contact
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                </div>
            </div>
        
        <!-- link end -->
    </div>


            </div>
          </div>
          <!-- division navigation crumb start-->
          <div class="px-8 py-2 mt-auto mb-3">
            <ul class="mega-menu-desktop-component_right-container_ul flex">
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Global Home" data-link-location="Tiles Tabs Container Component" href="/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Global Home
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Market Intelligence" data-link-location="Tiles Tabs Container Component" href="/market-intelligence/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Market Intelligence
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Ratings" data-link-location="Tiles Tabs Container Component" href="/ratings/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Ratings
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Energy" data-link-location="Tiles Tabs Container Component" href="/energy/en" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Energy
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="S&amp;P Dow Jones Indices" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/spdji/en/" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  S&amp;P Dow Jones Indices
                </a>
              </li>
            
              <li class="mega-menu-desktop-component_right-container_ul_li pr-4 first:ml-0 ml-4 border-grey-10 last:pr-0 group-[.secondary-header-component-dark-theme]:border-grey-80">
                <a data-event-name="link" data-link-text="Mobility" data-link-location="Tiles Tabs Container Component" href="https://www.spglobal.com/mobility/en/index.html" class="body-regular-s hover:body-bold-s text-grey-60 group-[.secondary-header-component-dark-theme]:text-grey-30">
                  Mobility
                </a>
              </li>
            </ul>
          </div>
          <!-- division navigation crumb end-->
        </div>
      </div>
      <!-- mobile view html call -->
      
    <ul class="mega-menu-navlist sm:px-4 md:px-8 lg:hidden" role="tablist">
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-f7c1e6c623" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="About S&amp;P Global" rel="noopener noreferrer">
                <span class="pr-2 text-left">About S&amp;P Global</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-320f885b9a" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Corporate Responsibility" rel="noopener noreferrer">
                <span class="pr-2 text-left">Corporate Responsibility</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-70cc1422be" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Culture &amp; Engagement" rel="noopener noreferrer">
                <span class="pr-2 text-left">Culture &amp; Engagement</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    
        <li role="tab">
            <button id="mega-menu-mob-megamenutiles-8496a6e7ef" class="flex justify-between items-center py-4 pr-4 mb-2.5 mega-menu-navlist_btn" data-event-name="link | navigation-header-click" data-mega-menu-sub-header-name="Investor Relations" rel="noopener noreferrer">
                <span class="pr-2 text-left">Investor Relations</span>
                
                    <i class="fa-regular fa-chevron-right"></i>
                
            </button>
        </li>
    </ul>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-f7c1e6c623" mega-menu-mobileTablet-content-label="About S&amp;P Global" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">About S&amp;P Global</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-3
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/about-sp-global" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Mission and Values" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Mission and Values</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/about-sp-global/our-people/our-leadership" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Leadership" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Leadership</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/chief-client-office" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our Chief Client Office" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our Chief Client Office</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/our-history" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Our History" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Our History</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/capabilities" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Capabilities" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Capabilities</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-320f885b9a" mega-menu-mobileTablet-content-label="Corporate Responsibility" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Corporate Responsibility</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/reports-commitments" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Reports &amp; Policies" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Reports &amp; Policies</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/foundation" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="S&amp;P Global Foundation" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">S&amp;P Global Foundation</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/corporate-responsibility/stepforward" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="StepForward" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">StepForward</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-70cc1422be" mega-menu-mobileTablet-content-label="Culture &amp; Engagement" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Culture &amp; Engagement</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        
            <div class="header-mega-menu-tiles-component_tiles-text-component">
                <div class="grid lg:grid-cols-2
									gap-6 lg:gap-x-6 md:grid-cols-2 md:gap-x-4  md:gap-y-6 sm:last:mb-6">
                    <a href="https://www.spglobal.com/en/who-we-are/culture-engagement" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Overview</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://www.spglobal.com/en/who-we-are/culture-engagement/people-resource-groups" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="People Resource Groups" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">People Resource Groups</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                
                    <a href="https://careers.spglobal.com/jobs" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Search for a Job" target="_self" class="group/cards">
                        <div class="header-mega-menu-tiles-component_tiles-container-text lg:bg-grey-5 group-[.secondary-header-component-dark-theme]:lg:bg-grey-90 sm:bg-grey-10 group-[.secondary-header-component-dark-theme]:sm:bg-grey-80 text-black-base group-[.secondary-header-component-dark-theme]:text-white-base flex justify-between items-center p-4">
                            <div class="header-mega-menu-tiles-component_tiles-title-text flex grow flex-col">
                                <div class="body-bold-l group-hover/cards:underline">Search for a Job</div>
                                <p class="body-regular-s flex"></p>
                            </div>
                            <span class="header-mega-menu-tiles-component_tiles-icon-text flex">
                                                <i class="fa-regular fa-lg fa-arrow-right m-auto"></i>
                                            </span>
                        </div>
                    </a>
                </div>
            </div>
        


        <!-- text end -->

        <!-- link -->
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    
    <div mega-menu-mobileTablet-content-id="mega-menu-mob-megamenutiles-8496a6e7ef" mega-menu-mobileTablet-content-label="Investor Relations" class="mega-menu-content pb-25 sm:px-4 md:px-8 sm:bg-grey-0 group-[.secondary-header-component-dark-theme]:sm:bg-grey-90 lg:hidden">
            <div class="flex flex-col gap-2 mb-4">
        <p class="text-black-base body-bold-l group-[.secondary-header-component-dark-theme]:text-white-base">Investor Relations</p>
        
                
            </div>
            <div class="header-mega-menu-tiles-component">
                <div class="header-mega-menu-tiles-component_container grid lg:grid-cols-3
                  gap-6 lg:gap-x-6 md:grid-cols-1 md:gap-x-4">
                    <!-- for desktop and mobile we added this class lg:gap-x-6 md:grid-cols-2 md:gap-x-4 -->
                    <!-- mega menu code inside -->
                    
    <div class="header-mega-menu-tiles-component">
        <!-- img start -->
        

        <!-- img end -->
        <!-- tile without img -->
        

        <!-- tile without img -->


        <!-- text -->
        


        <!-- text end -->

        <!-- link -->
        

            <div class="header-mega-menu-tiles-component_tiles-links-component sm:border-grey-10 group-[.secondary-header-component-dark-theme]:sm:border-grey-60 sm:pt-4 lg:pt-0">
                <div class="grid lg:grid-cols-3
									gap-x-8">
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-relations-overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Overview" target="_blank">
                                    Overview
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-presentations/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Presentations" target="_blank">
                                    Presentations
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/investor-fact-book/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Investor Fact Book" target="_blank">
                                    Investor Fact Book
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/news-releases/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="News Releases" target="_blank">
                                    News Releases
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/quarterly-earnings/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Quarterly Earnings" target="_blank">
                                    Quarterly Earnings
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/sec-filings-reports/overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="SEC Filings &amp; Reports" target="_blank">
                                    SEC Filings &amp; Reports
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/executive-committee/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Executive Committee" target="_blank">
                                    Executive Committee
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/corporate-governance/overview/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Governance" target="_blank">
                                    Governance
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                
                    <div class="header-mega-menu-tiles-component_tiles-container-link">
                        
                        <!-- if subheading is not present, entire div need to remove -->
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/merger-information/spglobal-ihsmarkit/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Merger Information" target="_blank">
                                    Merger Information
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/stock-dividends/stock-quote/" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Stocks &amp; Dividends" target="_blank">
                                    Stocks &amp; Dividends
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class=" sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/shareholder-services/overview/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Shareholder Services" target="_blank">
                                    Shareholder Services
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                            <div class="sm:mb-10 md:mb-8 sm:py-4 sm:pr-4 lg:p-0 lg:mb-4">
                                <a class="body-regular-m hover:underline text-black-base group-[.secondary-header-component-dark-theme]:text-white-base" href="https://investor.spglobal.com/contact-investor-relations/contact-ir/default.aspx" data-event-name="link | navigation-header-click" data-mega-menu-sub-header2-name="Contact" target="_blank">
                                    Contact
                                </a>
                                <p class="body-regular-s"></p>
                            </div>
                        
                    </div>
                </div>
            </div>
        
        <!-- link end -->
    </div>


                </div>
            </div>
        </div>
    

    
  

</div>

    
</div>

    </div>

    
</div>

                     </div>
                  
            </div>
         </div>
      </div>
        <div class="division-text-secondary-mobile">
            
        </div>
        <div class="secondary-header-tablet-footer-button">
            <span class="sm:hidden md:block">
                <a href="https://www.spglobal.com/en/contact-us" class="py-3 body-bold-m px-4 inline-block hero-button text-white-base bg-red-core hover:bg-black-base active:bg-black-base hover:border-black-base active:border-black-base border-solid border-red-core border text-center" target="_blank" rel="noopener noreferrer" data-event-name="link" data-link-text="Contact Us" data-link-location="Secondary Navigation Component">
                 Contact Us
               </a>
            </span>
        </div>
      <div class="secondary-header-mobile-footer-button">
          <span class="sm:flex md:hidden fullwidth mb-4">
               <a href="https://www.spglobal.com/en/contact-us" class="py-3 body-bold-m px-4 inline-block hero-button text-white-base bg-red-core hover:bg-black-base active:bg-black-base hover:border-black-base active:border-black-base border-solid border-red-core border text-center flex items-center justify-center" target="_blank" rel="noopener noreferrer" data-event-name="link" data-link-text="Contact Us" data-link-location="Secondary Navigation Component">
                 Contact Us
               </a>
          </span>
      </div>
   </div>




    
</div>

    
</div>

    </div>

    
</div>
	

            


<main class="main-container">
    <!-- /* Include initial layout which needs to be part of template outside root */ -->


    <!-- /* Include custom podcast which needs to be part of template */ -->
<div class="static-modal-component hidden flex-col justify-center  bg-black-background">
    <div class="grid lg:grid-cols-12 md:grid-cols-8 sm:grid-cols-4 gap-2 md:px-8 sm:px-4">
        <div class="static-modal-component_content bg-white-base mx-auto lg:p-6 md:p-6 sm:p-4 lg:col-span-6 lg:col-start-4 md:col-span-8 sm:col-span-4">
            <div class="modal-header flex flex-col">
                <button class="static-modal-component_cross-button flex bg-grey-0 ml-auto" aria-label="close modal">
                    <i class="fa-solid fa-xmark text-icon_m m-auto text-black-base"></i>
                </button>
          <div class="static-modal-component_heading-container mt-2"></div>
          <hr class="my-4 bg-grey-10 static-modal-component_modal-hr"/>
                <div class="cmp-rte-text body-regular-m mt-2 static-modal-component_description text-grey-70"></div>
            </div>
            <div class="modal-body relative">
                <div class="static-modal-component_loader"></div> 
                <!-- This div is a part of libsync podcast player, whenever we want to use podcast we need to append the podcast iframe here  -->
                <div id="podcastPlayer" class="libsync-podcast-player-component"></div>
            </div>
        <div class="static-modal-component_footer mt-6 justify-end">
                <button class="static-modal-component_footer-button py-2 body-bold-s px-4 text-black-base hover:bg-black-base hover:text-white-base active:bg-black-base
                   active:text-white-base border-solid border-black-base border text-center" aria-label="primary button">
                </button>
                <a class="static-modal-component_footer-primary-button py-2 ml-5 body-bold-s px-4 text-white-base bg-red-core hover:bg-black-base hover:text-white-base active:bg-transparent-core
                       active:text-white-base border-solid border-transparent-base border text-center">
                </a>
            </div>
        </div>
    </div>
</div>
    <div class="root responsivegrid root-container">

    
    <div id="container-69e8b0eb43" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <main class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    
    <div id="container-a6ca08f9af" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    
    <div id="container-18abb31e05" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="  pt-0 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    
    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1920 pt-0 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 lg:pt-8 md:pt-6 sm:pt-4 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="ticker pb-0 aem-GridColumn aem-GridColumn--default--12">
<div data-no-index="true">
	<indices-ticker-component indices-text="Indices" disclaimer-text="Disclaimer" anchor-url="https://www.spglobal.com/spdji/en" ticker-data-url="https://www.spglobal.com/spdji/en/util/redesign/get-spdji-home-carousel-json.dot" h-tag="h3" pop-up-heading="Disclaimer" pop-up-description="&lt;p>© {year} S&amp;amp;P Dow Jones Indices. All rights reserved. S&amp;amp;P, S&amp;amp;P 500, SPX, SPY, The 500, US500 , US 30, S&amp;amp;P 100, S&amp;amp;P COMPOSITE 1500, S&amp;amp;P 400, S&amp;amp;P MIDCAP 400, S&amp;amp;P 600, S&amp;amp;P SMALLCAP 600, S&amp;amp;P GIVI, GLOBAL TITANS, DIVIDEND ARISTOCRATS, Select Sector, S&amp;amp;P MAESTRO, S&amp;amp;P PRISM, S&amp;amp;P STRIDE, GICS, SPIVA, SPDR, INDEXOLOGY, iTraxx, iBoxx, ABX, ADBI, CDX, CMBX, MBX, MCDX, PRIMEX, HHPI and SOVX are trademarks of S&amp;amp;P Global, Inc. (“S&amp;amp;P Global”) or its affiliates. DOW JONES, DJIA, THE DOW and DOW JONES INDUSTRIAL AVERAGE are trademarks of Dow Jones Trademark Holdings LLC (“Dow Jones”). These trademarks together with others have been licensed to S&amp;amp;P Dow Jones Indices LLC. Redistribution or reproduction in whole or in part are prohibited without written permission of S&amp;amp;P Dow Jones Indices LLC. This document does not constitute an offer of services in jurisdictions where S&amp;amp;P Dow Jones Indices LLC, S&amp;amp;P Global, Dow Jones or their respective affiliates (collectively “S&amp;amp;P Dow Jones Indices”) do not have the necessary licenses. Except for certain custom index calculation services, all information provided by S&amp;amp;P Dow Jones Indices is impersonal and not tailored to the needs of any person, entity or group of persons. S&amp;amp;P Dow Jones Indices receives compensation in connection with licensing its indices to third parties and providing custom calculation services. Past performance of an index is not an indication or guarantee of future results.&lt;/p>
&lt;p>It is not possible to invest directly in an index. Exposure to an asset class represented by an index may be available through investable instruments based on that index. S&amp;amp;P Dow Jones Indices does not sponsor, endorse, sell, promote or manage any investment fund or other investment vehicle that is offered by third parties and that seeks to provide an investment return based on the performance of any index. S&amp;amp;P Dow Jones Indices makes no assurance that investment products based on the index will accurately track index performance or provide positive investment returns. S&amp;amp;P Dow Jones Indices LLC is not an investment advisor, and S&amp;amp;P Dow Jones Indices makes no representation regarding the advisability of investing in any such investment fund or other investment vehicle. A decision to invest in any such investment fund or other investment vehicle should not be made in reliance on any of the statements set forth in this document.&amp;nbsp; S&amp;amp;P Dow Jones Indices is not an investment adviser, commodity trading advisor, commodity pool operator, broker dealer, fiduciary, promoter” (as defined in the Investment Company Act of 1940, as amended), “expert” as enumerated within 15 U.S.C. § 77k(a) or tax advisor.&amp;nbsp;&amp;nbsp; Inclusion of a security, commodity, crypto currency or other asset within an index is not a recommendation by S&amp;amp;P Dow Jones Indices to buy, sell, or hold such security, commodity, crypto currency or other asset, nor is it considered to be investment advice or commodity trading advice. Closing prices for S&amp;amp;P Dow Jones Indices’ US benchmark indices are calculated by S&amp;amp;P Dow Jones Indices based on the closing price of the individual constituents of the index as set by their primary exchange. Closing prices are received by S&amp;amp;P Dow Jones Indices from one of its third party vendors and verified by comparing them with prices from an alternative vendor. The vendors receive the closing price from the primary exchanges. Real-time intraday prices are calculated similarly without a second verification.&lt;/p>
&lt;p>These materials have been prepared solely for informational purposes based upon information generally available to the public and from sources believed to be reliable. No content contained in these materials (including index data, ratings, credit-related analyses and data, research, valuations, model, software or other application or output therefrom) or any part thereof (“Content”) may be modified, reverse-engineered, reproduced or distributed in any form or by any means, or stored in a database or retrieval system, without the prior written permission of S&amp;amp;P Dow Jones Indices. The Content shall not be used for any unlawful or unauthorized purposes. S&amp;amp;P Dow Jones Indices and its third-party data providers and licensors (collectively “S&amp;amp;P Dow Jones Indices Parties”) do not guarantee the accuracy, completeness, timeliness or availability of the Content. S&amp;amp;P Dow Jones Indices Parties are not responsible for any errors or omissions, regardless of the cause, for the results obtained from the use of the Content. THE CONTENT IS PROVIDED ON AN “AS IS” BASIS. S&amp;amp;P DOW JONES INDICES PARTIES DISCLAIM ANY AND ALL EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, ANY WARRANTIES OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE OR USE, FREEDOM FROM BUGS, SOFTWARE ERRORS OR DEFECTS, THAT THE CONTENT’S FUNCTIONING WILL BE UNINTERRUPTED OR THAT THE CONTENT WILL OPERATE WITH ANY SOFTWARE OR HARDWARE CONFIGURATION. In no event shall S&amp;amp;P Dow Jones Indices Parties be liable to any party for any direct, indirect, incidental, exemplary, compensatory, punitive, special or consequential damages, costs, expenses, legal fees, or losses (including, without limitation, lost income or lost profits and opportunity costs) in connection with any use of the Content even if advised of the possibility of such damages.&lt;/p>
&lt;p>Credit-related information and other analyses, including ratings, research and valuations are generally provided by licensors and/or affiliates of S&amp;amp;P Dow Jones Indices, including but not limited to S&amp;amp;P Global’s other divisions such as S&amp;amp;P Global Market Intelligence.] Any credit-related information and other related analyses and statements in the Content are statements of opinion as of the date they are expressed and not statements of fact. Any opinion, analyses and rating acknowledgement decisions are not recommendations to purchase, hold, or sell any securities or to make any investment decisions, and do not address the suitability of any security. S&amp;amp;P Dow Jones Indices does not assume any obligation to update the Content following publication in any form or format. The Content should not be relied on and is not a substitute for the skill, judgment and experience of the user, its management, employees, advisors and/or clients when making investment and other business decisions. S&amp;amp;P Dow Jones Indices LLC does not act as a fiduciary or an investment advisor. While S&amp;amp;P Dow Jones Indices has obtained information from sources they believe to be reliable, S&amp;amp;P Dow Jones Indices does not perform an audit or undertake any duty of due diligence or independent verification of any information it receives.&lt;/p>
&lt;p>To the extent that regulatory authorities allow a rating agency to acknowledge in one jurisdiction a rating issued in another jurisdiction for certain regulatory purposes, S&amp;amp;P Global Ratings reserves the right to assign, withdraw or suspend such acknowledgement at any time and in its sole discretion. S&amp;amp;P Dow Jones Indices, including S&amp;amp;P Global Ratings, disclaim any duty whatsoever arising out of the assignment, withdrawal or suspension of an acknowledgement as well as any liability for any damage alleged to have been suffered on account thereof.] Affiliates of S&amp;amp;P Dow Jones Indices LLC, including S&amp;amp;P Global Ratings, may receive compensation for its ratings and certain credit-related analyses, normally from issuers or underwriters of securities or from obligors. Such affiliates of S&amp;amp;P Dow Jones Indices LLC, including S&amp;amp;P Global Ratings, reserve the right to disseminate its opinions and analyses. Public ratings and analyses from S&amp;amp;P Global Ratings are made available on its Web sites, &lt;a href=&#34;http://www.spglobal.com/ratings/en/&#34;>www.spglobal.com/ratings/en/&lt;/a> (free of charge), and &lt;a href=&#34;http://www.spglobal.com/marketintelligence/en/solutions/ratingsdirect&#34;>www.spglobal.com/marketintelligence/en/solutions/ratingsdirect&lt;/a> &amp;nbsp;(subscription), and may be distributed through other means, including via S&amp;amp;P Global Ratings publications and third-party redistributors. Additional information about our ratings fees is available at &lt;a href=&#34;http://www.standardandpoors.com/usratingsfees&#34;>www.standardandpoors.com/usratingsfees&lt;/a>.&lt;/p>
&lt;p>S&amp;amp;P Global keeps certain activities of its various divisions and business units separate from each other in order to preserve the independence and objectivity of their respective activities. As a result, certain divisions and business units of S&amp;amp;P Global may have information that is not available to other business units. S&amp;amp;P Global has established policies and procedures to maintain the confidentiality of certain non-public information received in connection with each analytical process.&lt;/p>
&lt;p>In addition, S&amp;amp;P Dow Jones Indices provides a wide range of services to, or relating to, many organizations, including issuers of securities, investment advisers, broker-dealers, investment banks, other financial institutions and financial intermediaries, and accordingly may receive fees or other economic benefits from those organizations, including organizations whose securities or services they may recommend, rate, include in model portfolios, evaluate or otherwise address.&lt;/p>
&lt;p>The Global Industry Classification Standard (GICS®) was developed by and is the exclusive property and a trademark of S&amp;amp;P and MSCI.&amp;nbsp; Neither MSCI, S&amp;amp;P nor any other party involved in making or compiling any GICS classifications makes any express or implied warranties or representations with respect to such standard or classification (or the results to be obtained by the use thereof), and all such parties hereby expressly disclaim all warranties of originality, accuracy, completeness, merchantability or fitness for a particular purpose with respect to any of such standard or classification.&amp;nbsp; Without limiting any of the foregoing, in no event shall MSCI, S&amp;amp;P, any of their affiliates or any third party involved in making or compiling any GICS classifications have any liability for any direct, indirect, special, punitive, consequential or any other damages (including lost profits) even if notified of the possibility of such damages.&lt;/p>
&lt;p>ASX, ALL ORDINARIES are trademarks of ASX Operations Pty Ltd. and have been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>B3 is a trademark of B3 S.A.&amp;nbsp;- Brasil, Bolsa, Balcão and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>CLX, IGPA, IPSA, BOLSA DE SANTIAGO, BOLSA DE COMERCIO DE SANTIAGO, BOLSA DE COMERCIO DE SANTIAGO BOLSA ELECTRONICA, BOLSA DE COMERCIO SANTIAGO-CHILE, BOLSA DE VALORES DE SANTIAGO, BOLSA NACIONAL DE COMERCIO, BOLSA OFF SHORE, BOLSA DE COMERCIO DE SANTIAGO, BOLSA DE VALORES, SANTIAGO STOCK EXCHANGE are trademarks of Bolsa de Comercio de Santiago and have been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>BMV is a trademark of Bolsa Mexicana de Valores, S.A.B. de C.V. and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>BNY Mellon is a trademark of The Bank of New York Mellon Corporation and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>Brookfield Redding, Inc. and/or its affiliates (including but not limited to Brookfield Asset Management Inc., collectively “Co-Publisher”) own certain intellectual property rights with respect to the Dow Jones Brookfield Infrastructure Indexes, which rights have been licensed to S&amp;amp;P for use.&lt;/p>
&lt;p>BVL is a trademark of Bolsa de Valores de Lima S.A. and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>BYMA is a trademark of Bolsas y Mercados Argentinos S.A. and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>CASE-SHILLER is a registered trademark of CoreLogic Case-Shiller, LLC and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>CSE is a trademark of Colombo Stock Exchange and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>Dow Jones®, Dow Jones Industrial Average®, DJIA® and The Dow® are trademarks of Dow Jones Trademark Holdings LLC and have been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>DRUCKER INSTITUTE is a trademark of Claremont Graduate University and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>EGX is a trademark of The Egyptian Exchange and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>FMDQ is a trademark of FMDQ OTC Securities Exchange and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>GSCI is a registered trademark of The Goldman Sachs Group, Inc. (“Goldman”) and has been licensed for use by S&amp;amp;P Dow Jones Indices. The S&amp;amp;P GSCI index is not created, owned, endorsed, sponsored, sold or promoted by Goldman or its affiliates and Goldman bears no liability with respect to such index or data related thereto.&amp;nbsp;Goldman provides no guarantee as to the accuracy and/or the completeness of the S&amp;amp;P GSCI index or any data related thereto.&lt;/p>
&lt;p>HAREL is a trademark of Harel Insurance Investments and Financial Services Ltd. and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>HAWKAMAH is a trademark of Hawkamah LLC and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>HKEx is a trademark of HKEx Information Services Limited and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>IFCI and IFCG are trademarks of International Finance Corporation and have been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>JPX is a trademark of Japan Exchange Group, Inc. and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>KENSHO is a trademark of Kensho Technologies, LLC and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>KRX, KOSPI and KOSDAQ are trademarks of The Korea Exchange and have been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>MARKETAXXESS is a trademark of MarketAxxess Corporation and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>MERVAL is a trademark of Bolsas y Mercados Argentinos S.A. and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>In countries within the global territory other than Chile, MILA is a trademark of Balsa de Valores de Colombia, S.A, Balsa de Valores de Lima and Bolsa de Comercio de Santiago. In Chile, MILA is a trademark of Bolsa de Comercio de Santiago and Deposito Central de Valores. This mark has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>NZX is a trademark of NZX Limited and have been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>S&amp;amp;P Global, provides the data that powers the globally recognized Dow Jones Sustainability Indices, S&amp;amp;P 500 ESG Index, and others in the S&amp;amp;P ESG Index Series. Each year, S&amp;amp;P Global conducts the Corporate Sustainability Assessment, an ESG analysis of over 7,300 companies. The CSA has produced one of the world’s most comprehensive databases of financially material sustainability information, and serves as the basis for the scores that govern S&amp;amp;P DJI ESG indices.&lt;/p>
&lt;p>TAIFEX is a trademark of Taiwan Futures Exchange and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>TOPIX is a trademark of Tokyo Stock Exchange and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>TSX is a trademark of TSX, Inc. and has been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
&lt;p>VALMER is a trademark of Valuacion Operativa y Referencias de Mercado S.A. de C.V. and has been licensed for use by S&amp;amp;P Dow Jones Indices&lt;/p>
&lt;p>VIX and Cboe are registered trademarks of Cboe Exchange, Inc. and have been licensed for use by S&amp;amp;P Dow Jones Indices.&lt;/p>
" anchor-target="_blank" pop-up-button-text="Close" main-aria-label="Indices Ticker" play-pause-button-aria-label="Play Pause Indices Ticker button">
	</indices-ticker-component>
</div>


</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div id="homepage-hero-content" class=" ">
        <div class="container-1408 pt-0 lg:pb-8 md:pb-6 sm:pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4 lg:grid-cols-4 xl:grid-cols-4 md:gap-x-8 md:gap-y-8  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div id="homepage-left-rail" class=" ">
        <div class="  pt-4 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="embed pt-4 aem-GridColumn aem-GridColumn--default--12">
<div data-cmp-data-layer="{&#34;embed-62553ff7ad&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/embed/v1/embed&#34;,&#34;repo:modifyDate&#34;:&#34;2025-12-06T14:43:29Z&#34;}}" id="embed-62553ff7ad" class="cmp-embed">
    <div class="embedPodcastVideo-component">
        
        
        <div class="embedPodcastVideo-component_embedCode ">
            
            <div id="latest-nav-list" class="article-right-rail-component p-6 border-grey-10">
 <h4 class="mb-4">Featured</h4>
</div><navigation-list-component style="display: none" id="energy" heading="Energy" heading-tag="h4" component-id="Article66192265" dynamic-list-url="https://www.spglobal.com/api/apps/spglobal-prod/query/spglobal-prod?q=*:*&amp;rows=8&amp;start=0&amp;sort=es_unified_dt%20desc&amp;fq=-es_content_type_s:&quot;Expert Bio&quot;&amp;fq=es_division_s:(&quot;S%26P+Global+Energy&quot;)&amp;fq=es_content_type_s:(&quot;News&quot; OR &quot;Blog&quot; OR &quot;Quantamental+Research&quot; OR &quot;Market+Intelligence+Research&quot; OR &quot;Articles&quot; OR &quot;Ratings+Research&quot; OR &quot;Indices+Research&quot; OR &quot;Index+Commentary&quot; OR &quot;Indices+Commentary&quot; OR &quot;Editorial&quot;)&amp;fq=-es_url_s:*/content/spglobal/corporate/us/en/lucidworks-dashboard1" is-list-dynamic="true" url-target="_self" title-key="es_title_t" subtitle-key="es_unified_dt" redirect-url-key="es_url_s" search-auth-token-endpoint="content/spglobal/api/servlets/searchAuthToken.generate.json">
</navigation-list-component> <navigation-list-component style="display: none" id="all-divisions" heading="All Divisions" heading-tag="h4" component-id="Article66192269" dynamic-list-url="https://www.spglobal.com/api/apps/spglobal-prod/query/spglobal-prod?q=*:*&amp;rows=20&amp;start=0&amp;sort=es_unified_dt%20desc&amp;fq=-es_content_type_s:&quot;Expert Bio&quot;&amp;fq=es_language_s:&quot;en&quot;&amp;fq=es_division_s:(&quot;S%26P+Global+Market+Intelligence&quot; OR &quot;S%26P+Global+Ratings&quot; OR &quot;S%26P+Automotive+Insights&quot;)&amp;fq=es_content_type_s:(&quot;News&quot; OR &quot;Blog&quot; OR &quot;Quantamental+Research&quot; OR &quot;Market+Intelligence+Research&quot; OR &quot;Articles&quot; OR &quot;Ratings+Research&quot; OR &quot;Indices+Research&quot; OR &quot;Index+Commentary&quot; OR &quot;Indices+Commentary&quot; OR &quot;Editorial&quot;)&amp;fq=-es_url_s:*/content/spglobal/corporate/us/en/lucidworks-dashboard1" is-list-dynamic="true" url-target="_self" title-key="es_title_t" subtitle-key="es_unified_dt" redirect-url-key="es_url_s" search-auth-token-endpoint="content/spglobal/api/servlets/searchAuthToken.generate.json">
</navigation-list-component>
<script>
  var number_of_results = 0;
  var all_search_results = [];

  function captureSearchResults(componentId) {
    // ID of the navigation-list-component
    var component = document.getElementById(componentId);

    if (!component) {
      console.error(
        'Navigation list component with ID "' + componentId + '" not found.'
      );
      return;
    }

    var observer = new MutationObserver(function (mutationsList, observer) {
      var listItems = component.querySelectorAll("li");

      if (listItems.length > 0) {
        observer.disconnect(); // Stop observing once list items are found //var search_results = [];
        listItems.forEach(function (listItem) {
          var overlineElement = listItem.querySelector("p.text-grey-70");
          var headlineElement = listItem.querySelector("h4.body-bold-m");
          var linkElement = listItem.querySelector("a");
          var id = linkElement.id;
          var url = linkElement ? linkElement.getAttribute("href") : "";
          var division = "S&P Global"; // Initialize division as empty string

          if (url) {
            if (url.includes("commodity-insights/en/")) {
              division = "Commodity Insights";
            } else if (url.includes("energy/en/")) {
              division = "Energy";
            } else if (url.includes("market-intelligence/en/")) {
              division = "Market Intelligence";
            } else if (url.includes("ratings/en/")) {
              division = "Ratings";
            } else if (url.includes("spdji/en/")) {
              division = "S&P Dow Jones Indices";
            } else if (url.includes("mobility/en")) {
              division = "Mobility";
            } else if (url.includes("esg/insights")) {
              division = "Sustainable1";
            }
          }

          all_search_results.push({
            date: overlineElement ? overlineElement.textContent.trim() : "",
            headline: headlineElement ? headlineElement.textContent.trim() : "",
            url: url,
            division: division, // Trim the division string
            id: id,
            originalLink: linkElement, // Store the original link element
          });
        }); // Only react if all the results are in

        number_of_results += 1;
        if (number_of_results == 2) {
          //console.log(JSON.stringify(all_search_results, null, 2)); // Print formatted JSON to console

          var curated_result = shuffleAndCapByDate(
            curateArray(all_search_results)
          );
          console.log(curated_result); // Print formatted JSON to console // Add to the page
          generateNavigationList(curated_result);
        }
      }
    }); // Options for the observer (which mutations to observe)

    var observerConfig = { childList: true, subtree: true }; // Start observing the component for changes in its children

    observer.observe(component, observerConfig);
  } // Call the function to start listening for search results

  console.log(
    "Search results for navigation-list-component with ID Energy"
  );
  captureSearchResults("energy");
  console.log("All divisions returned results");
  captureSearchResults("all-divisions");

  function curateArray(inputArray) {
    // Group entries by division
    const divisionMap = {};

    for (const entry of inputArray) {
      const division = entry.division;

      if (!divisionMap[division]) {
        divisionMap[division] = [];
      }

      divisionMap[division].push(entry);
    } // Function to convert date string to Date object for comparison

    const parseDate = (dateStr) => {
      const [day, month, year] = dateStr.split(" ");
      const monthMap = {
        Jan: 0,
        Feb: 1,
        Mar: 2,
        Apr: 3,
        May: 4,
        Jun: 5,
        Jul: 6,
        Aug: 7,
        Sep: 8,
        Oct: 9,
        Nov: 10,
        Dec: 11,
      };

      return new Date(parseInt(year), monthMap[month], parseInt(day));
    }; // Process each division

    const curated_result_array = [];

    for (const division in divisionMap) {
      const entries = divisionMap[division]; // Group entries by date

      const dateGroups = {};

      for (const entry of entries) {
        if (!dateGroups[entry.date]) {
          dateGroups[entry.date] = [];
        }

        dateGroups[entry.date].push(entry);
      } // Sort dates from newest to oldest

      const sortedDates = Object.keys(dateGroups).sort((a, b) => {
        return parseDate(b) - parseDate(a);
      }); // Select entries (max 2 per division)

      const selectedEntries = [];

      for (const date of sortedDates) {
        if (selectedEntries.length >= 2) break;

        const entriesForDate = dateGroups[date]; // If we need both entries and have exactly two or more for this date

        if (selectedEntries.length === 0 && entriesForDate.length >= 2) {
          // Shuffle entries to randomize selection
          const shuffledEntries = [...entriesForDate].sort(
            () => Math.random() - 0.5
          );
          selectedEntries.push(shuffledEntries[0]);
          selectedEntries.push(shuffledEntries[1]);
        } // If we need one more entry
        else if (selectedEntries.length === 1) {
          // Shuffle and pick one
          const shuffledEntries = [...entriesForDate].sort(
            () => Math.random() - 0.5
          );
          selectedEntries.push(shuffledEntries[0]);
        } // If we need both entries but only have one for this date
        else if (selectedEntries.length === 0 && entriesForDate.length === 1) {
          selectedEntries.push(entriesForDate[0]);
        }
      }

      curated_result_array.push(...selectedEntries);
    }

    return curated_result_array;
  } // Shuffle and Cap Function - Completely Standalone

  function shuffleAndCapByDate(inputArray, maxEntries = 7) {
    // Make a copy of the array to avoid modifying the original
    const arrayToProcess = [...inputArray]; // Function to convert date string to Date object for comparison

    const parseDate = (dateStr) => {
      const [day, month, year] = dateStr.split(" ");
      const monthMap = {
        Jan: 0,
        Feb: 1,
        Mar: 2,
        Apr: 3,
        May: 4,
        Jun: 5,
        Jul: 6,
        Aug: 7,
        Sep: 8,
        Oct: 9,
        Nov: 10,
        Dec: 11,
      };

      return new Date(parseInt(year), monthMap[month], parseInt(day));
    }; // Group entries by date

    const entriesByDate = {};

    for (const entry of arrayToProcess) {
      if (!entriesByDate[entry.date]) {
        entriesByDate[entry.date] = [];
      }
      entriesByDate[entry.date].push(entry);
    } // Sort dates from newest to oldest

    const sortedDates = Object.keys(entriesByDate).sort((a, b) => {
      return parseDate(b) - parseDate(a);
    }); // Shuffle entries within each date group

    for (const date of sortedDates) {
      // Fisher-Yates shuffle algorithm
      const entries = entriesByDate[date];
      for (let i = entries.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [entries[i], entries[j]] = [entries[j], entries[i]];
      }
    } // Combine all entries back together, maintaining date order

    let shuffledEntries = [];
    for (const date of sortedDates) {
      shuffledEntries = shuffledEntries.concat(entriesByDate[date]);
    } // Cap at maxEntries, automatically removing older entries

    if (shuffledEntries.length > maxEntries) {
      shuffledEntries = shuffledEntries.slice(0, maxEntries);
    }

    return shuffledEntries;
  }
  // URL to Headline
  function processUrlPath(url) {
  // 1. Remove any strings after "?" (query parameters)
  const urlWithoutQuery = url.split('?')[0];

  // 2. Split the string by "/" and pull the end of string text.
  const parts = urlWithoutQuery.split('/');
  let lastPart = parts[parts.length - 1];

  // Handle cases where the last part might be empty after splitting (e.g., trailing slash)
  if (lastPart === '') {
      lastPart = parts[parts.length - 2]; // Get the second to last part
  }

  // 3. Replace all the hyphens with " " space.
  let processedString = lastPart.replace(/-/g, ' ');

  // 4. Remove any long strings of arbitrary numbers (above 5 characters) at the end or beginning of the string.
  // Regex to find numbers >= 6 digits at the start or end of the string
  // ^\d{6,} - matches 6 or more digits at the beginning
  // |\d{6,}$ - matches 6 or more digits at the end
  processedString = processedString.replace(/^\d{6,}\s*|\s*\d{6,}$/g, '');

  // 5. Change to Sentence case.
  if (processedString.length > 0) {
    // Convert the whole string to lowercase first to handle existing capitalization
    processedString = processedString.toLowerCase();
    // Capitalize the first character
    processedString = processedString.charAt(0).toUpperCase() + processedString.slice(1);
  }

  return processedString;
}

  // Generate final nav list
  function generateNavigationList(dataArray) {
    const targetDiv = document.getElementById("latest-nav-list");
    if (!targetDiv) {
      console.error("Target div with id 'latest-nav-list' not found.");
      return;
    } // Clear any existing content in the target div (optional) // targetDiv.innerHTML = '';

    dataArray.forEach((item, index) => {
    if (item.headline === "") {
        item.headline = processUrlPath(item.url);
      }
      // Create a new div for each list item
      const listItemDiv = document.createElement("div");
      listItemDiv.className =
        "navigation-list-component_link-item border-grey-10 py-4"; // Add the last:pb-0 class to the last item

      if (index === dataArray.length - 1) {
        listItemDiv.classList.add("last:pb-0");
      }

      const divisionParagraph = document.createElement("p");
      divisionParagraph.className =
        "box-card-component_content_overline caps-bold-micro text-red-core mb-1";
      divisionParagraph.textContent = `${item.division}`;

      const dateDivisionParagraph = document.createElement("p");
      dateDivisionParagraph.className = "text-grey-70 mb-1 body-regular-xs";
      dateDivisionParagraph.textContent = `${item.date} — ${item.division}`;

      const headlineHeading = document.createElement("h4");
      headlineHeading.className = "body-bold-m";

      const headlineButton = document.createElement("button");
      headlineButton.className = "text-left w-full"; // Added classes to make it look like a link
      headlineButton.textContent = item.headline;
      headlineButton.style.border = "none"; // Basic styling to remove button appearance
      headlineButton.style.padding = "0";
      headlineButton.style.backgroundColor = "transparent";
      headlineButton.style.cursor = "pointer"; // Store the original link element for later use

      headlineButton.originalLinkElement = item.originalLink;

      headlineButton.addEventListener("click", function () {
        if (this.originalLinkElement) {
          this.originalLinkElement.click(); // Trigger a click on the original link
        } else {
          console.error("Original link element not found for this button.");
        }
      });

      headlineHeading.appendChild(headlineButton); // listItemDiv.appendChild(divisionParagraph);
      listItemDiv.appendChild(dateDivisionParagraph);
      listItemDiv.appendChild(headlineHeading);

      targetDiv.appendChild(listItemDiv);
    });
  }
</script>
            

        </div>
    </div>
</div>

    

</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="  lg:pt-6 sm:pt-4 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12">

    
    


    
    <div id="container-7d1b5adc1a" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="fullwidthimagesolidbanner aem-GridColumn aem-GridColumn--default--12">


    <div>
        
            
  
    <div class="full-width-solid-banner-component bg-grey-5">
      <div class="sm:p-4 md:p-6 lg:p-8 grid grid-cols-12">
        <div class="col-span-12">
          <div class="flex flex-col gap-4">
            <div class="flex flex-col gap-2">
              <p class="caps-bold-micro text-red-core">
                S&amp;P Global Newsletters
              </p>
              
            </div>
            <h4 class="text-black-base">
              Access S&amp;P Global’s Essential Intelligence
            </h4>
            <div class="body-regular-m text-black-base cmp-rte-text">
              Receive immediate insights on the individual market developments you need to know for a 360° perspective on the big stories shaping our world.
            </div>
          </div>
          
            <div class="mt-4 sm:grid md:flex full-width-solid-banner-component-left_CTA">
              
                <a href="/en/spgi-newsletter-subscription-request" data-event-name="link" data-link-text="Subscribe" data-link-title="Access S&amp;P Global’s Essential Intelligence" data-link-location="Primary CTA Full Width Split Banner Component-1133171010" class="py-2 body-bold-s px-4 inline-block text-white-base bg-red-core hover:bg-black-base active:bg-black-base hover:border-black-base  active:border-black-base border-solid border-red-core border text-center" target="_self">
                  Subscribe
                </a>
              
              
            </div>
          
        </div>

        <!-- right position cta -->
        
      </div>
    </div>
  

        

        
    </div>




</div>

    
</div>

    </div>

    

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-2 xl:col-span-2 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div id="hero-article" class=" ">
        <div class="  pt-4 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="horizontal-card teaser pt-4 aem-GridColumn aem-GridColumn--default--12">




	<div class=" ">

    <box-card-component unique-component-id="Horizontal Card-604002936" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0519_indiaforward4?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0519_indiaforward4?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0519_indiaforward4?$responsive$" image-alt-txt="India Forward" image-width="200" image-height="200" heading="India Forward: Strategic Imperatives" description="India is set to become the world’s third-largest economy by 2031, and global uncertainty is necessitating a recalibration of the country’s strategic options. It must straddle the line between self-sufficiency and diversification." orientation="vertical" bg-color="transparent" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/special-reports/india-forward/strategic-imperatives" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h2">
    </box-card-component>

	</div>

		

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div id="featured-card-list" class=" ">
        <div class="  pt-0 lg:pb-8 md:pb-6 sm:pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="dividerline pt-2 pb-2 aem-GridColumn aem-GridColumn--default--12">



	
        <div class="divider-line-component " role="separator">
          <hr class="small-divider bg-grey-10"/>
        </div>






</div>
<div class="horizontal-card teaser pt-0 pb-0 aem-GridColumn aem-GridColumn--default--12">




	<div class=" ">

    <box-card-component unique-component-id="Horizontal Card771024589" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-black and white-monochrome-workspace-desk-focus?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-black and white-monochrome-workspace-desk-focus?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-black and white-monochrome-workspace-desk-focus?$responsive$" image-alt-txt="Special Report" image-width="200" image-height="200" overline="Special Report" sub-title="AI &amp; Disruptive Technologies" heading="The AI and labor landscape 2026" description="S&amp;P Global PMI data reveals AI&#39;s net negative employment impact in 2026. Explore workforce displacement trends, adoption rates and the jobs outlook." orientation="horizontal" bg-color="transparent" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/special-reports/ai-impact-on-employment-2026" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-alttext="Global Economic Outlook" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="false" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h4">
    </box-card-component>

	</div>

		

</div>
<div class="horizontal-card teaser pt-4 pb-2 aem-GridColumn aem-GridColumn--default--12">




	<div class=" ">

    <box-card-component unique-component-id="Horizontal Card977666282" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-architecture-atrium-spiral-staircase-building?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-architecture-atrium-spiral-staircase-building?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-architecture-atrium-spiral-staircase-building?$responsive$" image-alt-txt="Look Forward" image-width="200" image-height="200" overline="Special Report" sub-title="AI &amp; Disruptive Technologies" heading="Closing the Gap: Financial Supervisors’ AI Adoption  " description="Financial supervisors are balancing internal AI adoption with oversight of growing AI-related risks, accelerating the need for real-time, AI-enabled supervision." orientation="horizontal" bg-color="transparent" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/special-reports/closing-the-gap-financial-supervisors-ai-adoption" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-alttext="Global Economic Outlook" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="false" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h4">
    </box-card-component>

	</div>

		

</div>
<div class="horizontal-card teaser pt-4 pb-2 aem-GridColumn aem-GridColumn--default--12">




	<div class=" ">

    <box-card-component unique-component-id="Horizontal Card-425851216" image-large-src="/content/dam/spglobal/global-assets/en/topics/corp_0304_middleeastgeopolitics.png" image-sm-src="/content/dam/spglobal/global-assets/en/topics/corp_0304_middleeastgeopolitics.png" image-md-src="/content/dam/spglobal/global-assets/en/topics/corp_0304_middleeastgeopolitics.png" image-alt-txt="Developments in the Middle East" image-width="200" image-height="200" overline="Featured Topic" sub-title="Geopolitics" heading="Developments in the Middle East" description="Follow the latest news and insights on the impact of recent U.S. and Israeli strikes on Iran, including implications for Middle East energy infrastructure, shipping routes, global supply chains and energy flows." orientation="horizontal" bg-color="transparent" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/market-insights/global-trade/geopolitics#middle-east" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="false" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h4">
    </box-card-component>

	</div>

		

</div>
<div class="dividerline pt-0 pb-0 aem-GridColumn aem-GridColumn--default--12">



	
        <div class="divider-line-component lg:my-12 md:my-9 my-6" role="separator">
          <hr class="small-divider bg-grey-10"/>
        </div>






</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div id="homepage-right-rail" class=" ">
        <div class="  pt-4 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="embed pt-4 aem-GridColumn aem-GridColumn--default--12">
<div data-cmp-data-layer="{&#34;embed-cd5ec5b6e4&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/embed/v1/embed&#34;,&#34;repo:modifyDate&#34;:&#34;2026-03-03T20:51:21Z&#34;}}" id="embed-cd5ec5b6e4" class="cmp-embed">
    <div class="embedPodcastVideo-component">
        
        
        <div class="embedPodcastVideo-component_embedCode ">
            
            <!-- Replace Div Classes -->
<script>
  function updateDivClasses() {
    // Target the outer div with the ID "homepage-hero-content"
    const homepageHeroContent = document.getElementById(
      "homepage-hero-content"
    );

    // Check if the element exists
    if (homepageHeroContent) {
      // Target the fourth nested div within the homepage hero content
      var parentContainer = homepageHeroContent.childNodes[1];
      var layoutContainer = parentContainer.childNodes[1];

      // Replace classes for the fourth nested div
      if (layoutContainer) {
        layoutContainer.className =
          "flex justify-between lg:flex-row sm:flex-col lg:space-x-8 sm:space-x-0 py-6 pt-0 pb-0";

        // Get all children of the fourth nested div
        const innerDivs = layoutContainer.children;

        // Replace classes for the inner divs
        if (innerDivs.length > 0) {
          // First Inner Div
          innerDivs[0].className =
            "basis-1/4 lg:order-first sm:order-2 article-side-container";
        }
        if (innerDivs.length > 1) {
          // Second Inner Div
          innerDivs[1].className = "basis-1/2 pt-0 pb-0";
        }
        if (innerDivs.length > 2) {
          // Third Inner Div
          innerDivs[2].className =
            "basis-1/4 order-last pt-0 pb-0 article-side-container";
        }
      }
    }
  }

  // Call the function to execute the changes
  updateDivClasses();
</script><!-- Featured cards section -->
<script>
  function changeHeroArticleH4toH3() {
    // Find the element with the ID "hero-article"
    const heroArticle = document.getElementById("hero-article");

    // Check if the element exists
    if (heroArticle) {
      // Get all h4 elements within the "hero-article" element
      const h4Elements = heroArticle.getElementsByTagName("h4");

      // Convert the HTMLCollection to an array to iterate over it safely
      const h4Array = Array.from(h4Elements);

      // Loop through the h4 elements in reverse order to avoid index issues
      for (let i = h4Array.length - 1; i >= 0; i--) {
        const oldH4 = h4Array[i];

        // Create a new h3 element
        const newH3 = document.createElement("h2");

        // Copy the content of the h4 to the h3
        newH3.textContent = oldH4.textContent;

        // Copy any attributes from the h4 to the h3 (optional)
        for (let j = 0; j < oldH4.attributes.length; j++) {
          const attribute = oldH4.attributes[j];
          newH3.setAttribute(attribute.name, attribute.value);
        }

        // Replace the h4 with the h3 in the DOM
        oldH4.parentNode.insertBefore(newH3, oldH4);
        oldH4.parentNode.removeChild(oldH4);
      }
    } else {
      console.log("Element with ID 'hero-article' not found.");
    }
  }

  // Run the function half a second (500 milliseconds) after the page has loaded
  window.addEventListener("load", () => {
    setTimeout(changeHeroArticleH4toH3, 500);
    // Call the function to execute the class cleaning
    cleanDividerlineClasses();
  });

  function cleanDividerlineClasses() {
    // Find the div with the id "featured-card-list"
    const featuredCardList = document.getElementById("featured-card-list");

    // Check if the element exists
    if (featuredCardList) {
      // Find all child elements with the class "dividerline"
      const dividerLines =
        featuredCardList.getElementsByClassName("dividerline");

      // Iterate through the found elements
      for (let i = 0; i < dividerLines.length; i++) {
        const dividerLine = dividerLines[i];
        // Set the class name to just "dividerline"
        dividerLine.className = "dividerline";
      }
    } else {
      console.log("Element with id 'featured-card-list' not found.");
    }
  }
</script>
<style>
  #featured-card-list .box-card-component_image {
    max-width: 8rem !important;
  }
  #featured-card-list .horizontal-card a {
    min-height: unset !important;
  }
  #featured-card-list .divider-line-component {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
</style>
            

        </div>
    </div>
</div>

    

</div>
<div class="experiencefragment aem-GridColumn aem-GridColumn--default--12">

    
    


    
    <div id="container-873c2191d9" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="vertical-card teaser aem-GridColumn aem-GridColumn--default--12">



    <div id="tgt-corp-ef_VerticalCard">

        <image-card-component unique-component-id="Vertical Card-1936972068" image-large-src="/content/dam/spglobal/mobility/en/images/info/Lights-on-Road.jpg" image-sm-src="/content/dam/spglobal/mobility/en/images/info/Lights-on-Road.jpg" image-md-src="/content/dam/spglobal/mobility/en/images/info/Lights-on-Road.jpg" image-alt-txt="lights and road" image-width="200" image-height="200" heading="Our Products" description="Premium datasets available seamlessly via Cloud, Data Feed, API Solutions and Capital IQ Pro, along with expert analysis." orientation="verticalImage" bg-color="white" is-downloadable="false" redirect-url="https://www.marketplace.spglobal.com/en/" target="_self" bg-img-opacity="30" stacked-card="false" highlighted-card="false"></image-card-component>
    </div>
</div>

    
</div>

    </div>

    

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class="bg-grey-5 ">
        <div class="container-1408 pt-2 pb-2">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="fullwidthimagesolidbanner lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">


    <div>
        

        
            

    <div class="full-width-image-banner-component ">
        <picture>
            <source media="(min-width:1023px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/spg-balloons-sky-blue-white-floating?$responsive$"/>
            <source media="(min-width:767px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/spg-balloons-sky-blue-white-floating?$responsive$"/>
            <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/spg-balloons-sky-blue-white-floating?$responsive$"/>
            <img src="https://spglobal.scene7.com/is/image/spglobalcom/spg-balloons-sky-blue-white-floating?$responsive$" class="full-width-image-banner-component_banner-image" loading="lazy" height="200" width="200"/>
        </picture>
        <div class="full-width-image-banner-component_banner-overlay black-gradient" style="opacity:30%"></div>
        <div class="full-width-image-banner-component_card-container  lg:p-8 md:p-6 sm:p-4 text-white-base
  lg:grid md:flex sm:flex lg:grid-cols-10 md:flex-col sm:flex-col">
            <div class="full-width-image-banner-component_card-content lg:col-span-8">
                
                
                <h2 class="mt-4">
                    The Dow® Hits 50,000!</h2>
                <div class="body-regular-m full-width-image-banner-component_card-description mt-4 cmp-rte-text">
                    As we celebrate The Dow’s latest milestone, explore how the index has evolved over its near 130-year history and why it remains an important bellwether for market participants looking to identify trends in the U.S. equity market. 
                </div>
            </div>


            <div class="flex  mt-4 lg:col-span-3 ">
                <div class="full-width-image-banner-component_card-button lg:block md:block sm:grid">
                    <a href="https://www.indexologyblog.com/2026/02/06/the-dow-hits-50000/" data-event-name="link" data-link-text="Learn More" data-link-title="The Dow® Hits 50,000!" data-link-location="Primary CTA Full Width Split Banner Component-418389552" class="
py-2 body-bold-s
px-4 inline-block
text-white-base bg-red-core hover:bg-black-base active:bg-black-base
hover:border-black-base  active:border-black-base
border-solid border-red-core border
text-center" target="_blank">
                        Learn More
                    </a>
                </div>
            </div>
        </div>
    </div>

        
    </div>




</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 lg:pt-16 md:pt-12 sm:pt-8 lg:pb-8 md:pb-6 sm:pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4 lg:grid-cols-3 xl:grid-cols-3 lg:gap-x-8  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="onecolumnblock pt-0 pb-0 aem-GridColumn aem-GridColumn--default--12">



    
        <div class="one-column-content-block-wrapper  ">
            <div class="one-column-content-block-component flex flex-col gap-4    ">
                
                
                
                
                <div>
                    
                    
                    <div class="body-regular-l mb-4 text-black-base cmp-text">
                        <h2>S&amp;P Global<br>
Daily Update</h2>
<p>Receive our daily newsletter&nbsp;directly in your inbox or via LinkedIn to learn about the big stories impacting our world. Each day, we send you the Essential Intelligence you need to understand the markets shaping your life.&nbsp;</p>

                    </div>
                    
                    <div class=" flex lg:items-center md:items-center sm:items-start lg:gap-x-6 md:gap-x-6 sm:gap-x-0 lg:gap-y-0
        md:gap-y-0 sm:gap-y-6 lg:flex-row md:flex-row sm:flex-col ">
                        <!--Tertiary Red button-->
                        
                        

                        <!--Tertiary White button-->
                        
                        

                        <!--Primary Black Button-->
                        
                        

                        <!--Primary Red Button-->
                        
                        

                        <!--Secondary Black Button-->
                        
                        


                        <!--Secondary White Button-->
                        
                        
                    </div>
                </div>
            </div>
        </div>
    
</div>
<div class="onecolumnblock pt-0 pb-0 onecolumn-left aem-GridColumn aem-GridColumn--default--12">



    
        <div class="one-column-content-block-wrapper  ">
            <div class="one-column-content-block-component flex flex-col gap-4    ">
                
                
                
                
                <div>
                    
                    
                    
                    
                    <div class=" flex lg:items-center md:items-center sm:items-start lg:gap-x-6 md:gap-x-6 sm:gap-x-0 lg:gap-y-0
        md:gap-y-0 sm:gap-y-6 lg:flex-row md:flex-row sm:flex-col ">
                        <!--Tertiary Red button-->
                        
                        

                        <!--Tertiary White button-->
                        
                        

                        <!--Primary Black Button-->
                        
                            <div class="one-column-content-block-component_cta lg:block md:block sm:grid">
                                <a class="sm:flex justify-center items-center md:inline-flex regular-button
                        py-2 body-bold-s
                        px-4
                        hover:bg-grey-70 hover:text-white-base   active:bg-grey-70 active:text-white-base bg-black-base text-white-base
                        hover:border-grey-70  active:border-grey-70
                        border-solid border-black-base border
                        text-center" href="/en/daily-update-newsletter-subscription-request" data-event-name="link" data-link-text="Subscribe" data-link-location="One Column Content Block Component1280103761" target="_self">
                                    Subscribe
                                </a>
                            </div>
                        
                        

                        <!--Primary Red Button-->
                        
                        

                        <!--Secondary Black Button-->
                        
                        
                            <div class="one-column-content-block-component_cta lg:block md:block sm:grid">
                                <a class="sm:flex justify-center items-center md:inline-flex
                    py-2 body-bold-s
                    px-4 inline-block
                    text-black-base hover:bg-black-base hover:text-white-base active:bg-black-base
                    active:text-white-base border-solid border-black-base border
                    text-center " href="https://www.linkedin.com/newsletters/s-p-global-daily-update-6884871524902346752/" data-event-name="link" data-link-text="Subscribe on LinkedIn" data-link-location="One Column Content Block Component1280103761" target="_self">
                                    Subscribe on LinkedIn
                                </a>
                            </div>
                        


                        <!--Secondary White Button-->
                        
                        
                    </div>
                </div>
            </div>
        </div>
    
</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-2 xl:col-span-2 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="  pt-0 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="automaticfeedcards aem-GridColumn aem-GridColumn--default--12">
    


    <div>
        
            <card-feed-component base-url="https://www.spglobal.com/api/apps/spglobal-prod/query/spglobal-prod" dynamic="true" card-type="vertical-card" description="es_description_t" navigation-url="es_url_s" no-of-cards="2" offset="0" layout-type="news" card-target="_self" auth-token-endpoint="content/spglobal/api/servlets/searchAuthToken.generate.json" title="es_title_t" subtitle="es_unified_dt" overline="[&#34;es_content_type_s&#34;,&#34;es_division_s&#34;]" image-url="es_primary_image_url_s" bg-color="offWhite" default-facets='{&#34;es_division_s&#34;:[&#34;S&amp;P Global&#34;],&#34;es_segment_ss&#34;:[&#34;Marketing&#34;],&#34;es_content_type_s&#34;:[&#34;Newsletter&#34;]}' event-location="es_event_location_s" show-date="false">
            </card-feed-component>
        
    </div>


    
    

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 pt-0 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="dividerline lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">



	
        <div class="divider-line-component " role="separator">
          <hr class="small-divider bg-grey-10"/>
        </div>






</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 lg:pt-8 md:pt-6 sm:pt-4 lg:pb-12 md:pb-8 sm:pb-6">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4 lg:grid-cols-4 xl:grid-cols-4 md:gap-x-8 md:gap-y-8  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="onecolumnblock lg:pt-6 sm:pt-4 aem-GridColumn aem-GridColumn--default--12">



    
        <div class="one-column-content-block-wrapper  ">
            <div class="one-column-content-block-component flex flex-col gap-4    ">
                
                
                
                
                    <h2 id="onecolumnblock-133101204" class="text-black-base ">
                        Special Reports</h2>
                
                <div>
                    
                    
                    <div class="body-regular-l mb-4 text-black-base cmp-text">
                        <p>A changing world requires new insights, new analysis, and new approaches. The impact of geopolitical events, supply chain issues, health crises, and a changing climate is never confined to a single sector or market. Our clients require expertise and analysis that looks at the big picture.</p>

                    </div>
                    
                    <div class=" flex lg:items-center md:items-center sm:items-start lg:gap-x-6 md:gap-x-6 sm:gap-x-0 lg:gap-y-0
        md:gap-y-0 sm:gap-y-6 lg:flex-row md:flex-row sm:flex-col ">
                        <!--Tertiary Red button-->
                        
                        

                        <!--Tertiary White button-->
                        
                        

                        <!--Primary Black Button-->
                        
                            <div class="one-column-content-block-component_cta lg:block md:block sm:grid">
                                <a class="sm:flex justify-center items-center md:inline-flex regular-button
                        py-2 body-bold-s
                        px-4
                        hover:bg-grey-70 hover:text-white-base   active:bg-grey-70 active:text-white-base bg-black-base text-white-base
                        hover:border-grey-70  active:border-grey-70
                        border-solid border-black-base border
                        text-center" href="/en/research-insights/special-reports" data-event-name="link" data-link-text="All Reports" data-link-header="Special Reports" data-link-location="One Column Content Block Component-133101204" target="_self">
                                    All Reports
                                </a>
                            </div>
                        
                        

                        <!--Primary Red Button-->
                        
                        

                        <!--Secondary Black Button-->
                        
                        


                        <!--Secondary White Button-->
                        
                        
                    </div>
                </div>
            </div>
        </div>
    
</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-2 xl:col-span-2 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="  pt-0 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="horizontal-card teaser pt-4 pb-2 aem-GridColumn aem-GridColumn--default--12">




	<div class=" ">

    <box-card-component unique-component-id="Horizontal Card1996726349" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-PCB-printed circuit board-IC-integrated circuit-electronics?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-PCB-printed circuit board-IC-integrated circuit-electronics?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/spg-PCB-printed circuit board-IC-integrated circuit-electronics?$responsive$" image-alt-txt="Look Forward" image-width="200" image-height="200" sub-title="AI &amp; Disruptive Technologies" heading="Compute sovereignty: The strategic importance of digital infrastructure" description="With the rise of AI, compute sovereignty has become a strategic imperative, requiring control over key technologies to mitigate risks from dependency and geopolitical fragmentation." orientation="vertical" bg-color="transparent" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/special-reports/compute-sovereignty-strategic-importance-of-digital-infrastructure" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-alttext="Global Economic Outlook" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h3">
    </box-card-component>

	</div>

		

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="  pt-0 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="navlist pt-4 aem-GridColumn aem-GridColumn--default--12">
    


    
        <div data-no-index="true">
            
            <navigation-list-component heading-tag="h4" list-items="[{&#34;es_title_t&#34;:&#34;China’s dual industrial mandate: Autonomy and productivity&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/special-reports/china-dual-industrial-mandate&#34;,&#34;es_unified_dt&#34;:&#34;Global Volatility&#34;},{&#34;es_title_t&#34;:&#34;Look Forward: Energy Futures&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/special-reports/look-forward/energy-futures&#34;,&#34;es_unified_dt&#34;:&#34;Future of Energy&#34;},{&#34;es_title_t&#34;:&#34;Sustainability Quarterly: Balancing energy security and sustainability&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/sustainable1/en/insights/sustainability-quarterly/first-quarter-2026-edition&#34;,&#34;es_unified_dt&#34;:&#34;Sustainability &amp; Climate&#34;},{&#34;es_title_t&#34;:&#34;Bitcoin Volatility Trends: A Deep Dive into Market Dynamics and Risk&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/special-reports/bitcoin-volatility-trends-deep-dive&#34;,&#34;es_unified_dt&#34;:&#34;Future of Capital Markets&#34;}]" component-id="Article1788884504" unique-component-id="NavList1788884504" dynamic-list-URL="https://www.spglobal.com/api/apps/spglobal-prod/query/spglobal-prod?q=*:*&amp;rows=5&amp;start=0&amp;sort=es_unified_dt%20desc&amp;cfl=es_primary_image_url_s" is-list-dynamic="false" url-target="_self" title-key="es_title_t" subtitle-key="es_unified_dt" redirect-url-key="es_url_s" search-auth-token-endpoint="content/spglobal/api/servlets/searchAuthToken.generate.json" is-chevron-visible="true" show-thumbnail="false" show-cta="true" show-heading="true" image-url-key="es_primary_image_url_s">
            </navigation-list-component>
        </div>
    

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class="bg-grey-5 ">
        <div class="container-1408 pt-4 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="fullwidthsplitbanner pt-0 pb-0 aem-GridColumn aem-GridColumn--default--12">
    




    <div modal-footer-button-aria-label="close button" hide-modal-footer-button="true" banner-type="image" modal-heading-tag="h1" aria-labelledby="full-width-split-banner-931599186" class="full-width-split-banner-component lg:flex lg:flex-row-reverse ">


         
    
        
            
  <div class="lg:flex-grow lg:basis-1/2 full-width-split-banner-component__image-container">
    <picture>
      <source media="(min-width:1024px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/ceraweek-2024-executive-conference-about-page-hero-1:horizontal_16-9?$responsive$" height="200" width="200"/>
      <source media="(min-width:768px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/ceraweek-2024-executive-conference-about-page-hero-1:horizontal_16-9?$responsive$" height="200" width="200"/>
      <source media="(min-width:0px)" srcset="https://spglobal.scene7.com/is/image/spglobalcom/ceraweek-2024-executive-conference-about-page-hero-1:horizontal_16-9?$responsive$" height="200" width="200"/>
      <img class="full-width-split-banner-component__split-banner-image lg:h-full object-cover" src="https://spglobal.scene7.com/is/image/spglobalcom/ceraweek-2024-executive-conference-about-page-hero-1:horizontal_16-9?$responsive$" height="200" width="200" loading="lazy"/>
    </picture>
  </div>

        
    

    
    
    

         
    
        <div class="lg:flex-grow lg:basis-1/2 full-width-split-banner-component__text-container sm:py-4 md:py-6 lg:py-8 flex items-center bg-black-base lg:px-8 md:px-6 sm:px-4">
            <div>
                
                <div class="full-width-split-banner-component__subtitle-text sm:pb-4 lg:pb-4 text-grey-70 body-regular-xs text-white-base">
                    Video Gallery
                </div>
                
                    <h2 id="full-width-split-banner-931599186" class="full-width-split-banner-component__heading group-[.full-width-split-banner-component-fixed-height]:webkit-box sm:mb-4 lg:mb-4 text-white-base">
                        CERAWeek 2026
                    </h2>
                
                <div class="full-width-split-banner-component__description group-[.full-width-split-banner-component-fixed-height]:webkit-box sm:mb-2 body-regular-m lg:mb-4 text-white-base cmp-rte-text flex flex-col gap-y-6">
                    <p>Browse the CERAWeek video gallery, where S&amp;P Global experts join business leaders and policymakers to share strategic perspectives on the next phase of the energy transition.</p>

                </div>
                

                <div class="full-width-split-banner-component__cta-container flex lg:items-center md:items-center sm:items-start lg:gap-x-6 md:gap-x-6 sm:gap-x-0 lg:gap-y-0
        md:gap-y-0 sm:gap-y-6 mt-4 lg:flex-row md:flex-row sm:flex-col lg:mb-0 md:mb-0 sm:mb-4">
                    
                        

    

                    
                    
                    <div class="full-width-split-banner-component__secondary-cta sm:grid md:block">
                        <a href="https://www.ceraweek.com/en/video-gallery" role="link" aria-labelledby="Learn More" data-event-name="link" data-link-text="Learn More" data-link-title="CERAWeek 2026" data-link-location="Secondary CTA Full Width Split Banner Component931599186" class="py-2 body-bold-s px-4 inline-block hover:bg-white-base hover:text-black-base active:bg-white-base active:text-black-base text-white-base border-solid border-white-base border text-center" target="_self">
                            Learn More
                        </a>
                    </div>
                    
                </div>
                <div class="mt-2">
                    
                </div>

            </div>
        </div>
    



        
    </div>

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 lg:pt-12 md:pt-8 sm:pt-6 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4 lg:grid-cols-3 xl:grid-cols-3 lg:gap-x-8  ">
                
                    
                        <div class="lg:col-span-2 xl:col-span-2 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="onecolumnblock pt-0 pb-2 aem-GridColumn aem-GridColumn--default--12">



    
        <div class="one-column-content-block-wrapper  ">
            <div class="one-column-content-block-component flex flex-col gap-4    ">
                
                
                
                
                    <h2 id="onecolumnblock-1824890746" class="text-black-base ">
                        Featured Products</h2>
                
                
            </div>
        </div>
    
</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="onecolumnblock pt-0 pb-0 onecolumn-right aem-GridColumn aem-GridColumn--default--12">



    
        <div class="one-column-content-block-wrapper  ">
            <div class="one-column-content-block-component flex flex-col gap-4    ">
                
                
                
                
                <div>
                    
                    
                    
                    
                    <div class=" flex lg:items-center md:items-center sm:items-start lg:gap-x-6 md:gap-x-6 sm:gap-x-0 lg:gap-y-0
        md:gap-y-0 sm:gap-y-6 lg:flex-row md:flex-row sm:flex-col ">
                        <!--Tertiary Red button-->
                        
                            <div class="one-column-content-block-component_cta lg:block md:block sm:grid">
                                <a class="
                       py-2 body-bold-s
                       inline-block
                       text-red-core hover:underline active:underline" href="https://www.marketplace.spglobal.com/en/" data-event-name="link" data-link-text="See All S&amp;P Global Products and Solutions" data-link-location="One Column Content Block Component220558061" target="_self">
                                    <span>See All S&amp;P Global Products and Solutions</span>
                                    <span class="px-2 py-1"><i class="fa-regular fa-chevron-right"></i></span>
                                </a>
                            </div>
                        
                        

                        <!--Tertiary White button-->
                        
                        

                        <!--Primary Black Button-->
                        
                        

                        <!--Primary Red Button-->
                        
                        

                        <!--Secondary Black Button-->
                        
                        


                        <!--Secondary White Button-->
                        
                        
                    </div>
                </div>
            </div>
        </div>
    
</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 pt-4 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="carousel panelcontainer pt-0 pb-0 aem-GridColumn aem-GridColumn--default--12"><div data-placeholder-text="false" id="carousel-30869ba4c7" data-cmp-is="carousel">
    
        <div class="carousel-component" slides-to-show="4" autoplayOn="false" autoplayDelay="4000" total-carousel-slides="5" isAdaptive="true" enableOverflow="true" aria-label="Carousel" role="slider">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div id="carousel-30869ba4c7-item-da7445e40a-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-30869ba4c7-item-da7445e40a-tab" aria-roledescription="slide" aria-label="Slide 1 of 5" data-cmp-data-layer="{&#34;carousel-30869ba4c7-item-da7445e40a&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2026-03-24T16:50:07Z&#34;,&#34;dc:title&#34;:&#34;Marketplace&#34;}}" data-cmp-hook-carousel="item"><div class="vertical-card teaser pt-2">



    <div>

        <solid-card-component unique-component-id="Vertical Card252382283" image-width="200" image-height="200" heading="Marketplace" description="Explore premium fundamental and alternative datasets available seamlessly via Cloud, Data Feed, API Solutions and Capital IQ Pro, along with expert analysis you won&#39;t find anywhere else." orientation="horizontal" bg-color="lightBlue" is-downloadable="false" redirect-url="https://www.marketplace.spglobal.com/en/" target="_self" bg-img-opacity="0" stacked-card="false" highlighted-card="false"></solid-card-component>
    </div>
</div>
</div>
<div id="carousel-30869ba4c7-item-60f8bae268-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-30869ba4c7-item-60f8bae268-tab" aria-roledescription="slide" aria-label="Slide 2 of 5" data-cmp-data-layer="{&#34;carousel-30869ba4c7-item-60f8bae268&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2026-03-24T16:52:31Z&#34;,&#34;dc:title&#34;:&#34;Capital IQ&#34;}}" data-cmp-hook-carousel="item"><div class="vertical-card teaser pt-2">



    <div>

        <solid-card-component unique-component-id="Vertical Card-275991595" image-width="200" image-height="200" heading="S&amp;P Capital IQ Pro" description="S&amp;P Capital IQ Pro: The premier financial market intelligence platform. Gain decisive advantage with AI-powered insights, 60M+ private &amp; 109K+ public company data." orientation="horizontal" bg-color="lightBlue" is-downloadable="false" redirect-url="https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro" target="_self" bg-img-opacity="0" stacked-card="false" highlighted-card="false"></solid-card-component>
    </div>
</div>
</div>
<div id="carousel-30869ba4c7-item-3226407838-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-30869ba4c7-item-3226407838-tab" aria-roledescription="slide" aria-label="Slide 3 of 5" data-cmp-data-layer="{&#34;carousel-30869ba4c7-item-3226407838&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2026-03-24T16:51:39Z&#34;,&#34;dc:title&#34;:&#34;Energy Core&#34;}}" data-cmp-hook-carousel="item"><div class="vertical-card teaser pt-2">



    <div>

        <solid-card-component unique-component-id="Vertical Card1187484340" image-alt-txt="capital markets" image-width="200" image-height="200" heading="S&amp;P Global Energy Core" description="Discover the S&amp;P Global Energy Core platform: your gateway to real-time, global energy, price benchmarks, market data and forecasts to optimize your strategies." orientation="horizontal" bg-color="lightBlue" is-downloadable="false" redirect-url="https://www.spglobal.com/energy/en/products-solutions/delivery/platts-connect" target="_self" bg-img-opacity="10" stacked-card="false" highlighted-card="false"></solid-card-component>
    </div>
</div>
</div>
<div id="carousel-30869ba4c7-item-9426fb73b4-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-30869ba4c7-item-9426fb73b4-tab" aria-roledescription="slide" aria-label="Slide 4 of 5" data-cmp-data-layer="{&#34;carousel-30869ba4c7-item-9426fb73b4&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2026-03-24T16:52:07Z&#34;,&#34;dc:title&#34;:&#34;Ratings360&#34;}}" data-cmp-hook-carousel="item"><div class="vertical-card teaser pt-2">



    <div>

        <solid-card-component unique-component-id="Vertical Card-1103261822" image-alt-txt="Economy" image-width="200" image-height="200" heading="Ratings360®" description="Manage and understand your credit story with S&amp;P Global Ratings’ Ratings360®, a digital platform bringing together ratings, research and scenario insights.
" orientation="horizontal" bg-color="lightBlue" is-downloadable="false" redirect-url="https://www.spglobal.com/ratings/en/products/ratings360" target="_self" bg-img-opacity="10" stacked-card="false" highlighted-card="false"></solid-card-component>
    </div>
</div>
</div>
<div id="carousel-30869ba4c7-item-89ef62062b-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-30869ba4c7-item-89ef62062b-tab" aria-roledescription="slide" aria-label="Slide 5 of 5" data-cmp-data-layer="{&#34;carousel-30869ba4c7-item-89ef62062b&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-03-03T17:09:56Z&#34;,&#34;dc:title&#34;:&#34;AutoCreditInsight&#34;}}" data-cmp-hook-carousel="item"><div class="vertical-card teaser pt-2">



    <div>

        <solid-card-component unique-component-id="Vertical Card1383786101" image-alt-txt="Artificial Intelligence" image-width="200" image-height="200" heading="AutoCreditInsight" description="In partnership with TransUnion, S&amp;P Global introduces AutoCreditInsight™, the most comprehensive, accurate and timely vehicle registration and loyalty data with automotive loan origination activity. Get" orientation="horizontal" bg-color="lightBlue" is-downloadable="false" redirect-url="https://www.spglobal.com/mobility/en/products/autocreditinsight.html" target="_self" bg-img-opacity="20" stacked-card="false" highlighted-card="false"></solid-card-component>
    </div>
</div>
</div>

                </div>
            </div>
            
            <div class="flex px-0 container-1408 mt-8">
                <div class="my-auto mx-0 flex ">
                    
                    <a class="carousel-component_button-container_content_prev-btn lg:hover:bg-grey-5 active:bg-grey-5 flex bg-grey-5" tabindex="0" role="button" aria-label="previous">
                        <i class="fa-sharp fa-regular fa-chevron-left m-auto text-icon"></i>
                    </a>
                    
                    <a class="carousel-component_button-container_content_next-btn lg:hover:bg-grey-5 active:bg-grey-5 flex bg-grey-5 ml-2 " tabindex="0" role="button" aria-label="next">
                        <i class="fa-sharp fa-regular fa-chevron-right m-auto text-icon"></i></a>
                </div>
            </div>
        </div>
    
    
</div></div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 pt-4 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="dividerline lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">



	
        <div class="divider-line-component lg:my-12 md:my-9 my-6" role="separator">
          <hr class="small-divider bg-grey-10"/>
        </div>






</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 pt-4 lg:pb-12 md:pb-8 sm:pb-6">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4 lg:grid-cols-3 xl:grid-cols-3 lg:gap-x-8  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="onecolumnblock pt-2 aem-GridColumn aem-GridColumn--default--12">



    
        <div class="one-column-content-block-wrapper  ">
            <div class="one-column-content-block-component flex flex-col gap-4    ">
                
                
                
                
                    <h2 id="onecolumnblock-287831025" class="text-black-base ">
                        Artificial Intelligence Insights</h2>
                
                <div>
                    
                    
                    <div class="body-regular-l mb-4 text-black-base cmp-text">
                        <p>Gain insights into artificial intelligence (AI) trends and its transformative impact with AI fundamentals, AI applications, and AI governance and regulations.</p>

                    </div>
                    
                    <div class=" flex lg:items-center md:items-center sm:items-start lg:gap-x-6 md:gap-x-6 sm:gap-x-0 lg:gap-y-0
        md:gap-y-0 sm:gap-y-6 lg:flex-row md:flex-row sm:flex-col ">
                        <!--Tertiary Red button-->
                        
                        

                        <!--Tertiary White button-->
                        
                        

                        <!--Primary Black Button-->
                        
                            <div class="one-column-content-block-component_cta lg:block md:block sm:grid">
                                <a class="sm:flex justify-center items-center md:inline-flex regular-button
                        py-2 body-bold-s
                        px-4
                        hover:bg-grey-70 hover:text-white-base   active:bg-grey-70 active:text-white-base bg-black-base text-white-base
                        hover:border-grey-70  active:border-grey-70
                        border-solid border-black-base border
                        text-center" href="/en/research-insights/market-insights/artificial-intelligence" data-event-name="link" data-link-text="Explore more Artifical Intelligence Insights" data-link-header="Artificial Intelligence Insights" data-link-location="One Column Content Block Component-287831025" target="_self">
                                    Explore more Artifical Intelligence Insights
                                </a>
                            </div>
                        
                        

                        <!--Primary Red Button-->
                        
                        

                        <!--Secondary Black Button-->
                        
                        


                        <!--Secondary White Button-->
                        
                        
                    </div>
                </div>
            </div>
        </div>
    
</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-2 xl:col-span-2 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

 
    <div class="card_plus_list gap-x-8 md:gap-y-8 sm:gap-y-4 grid md:grid-cols-1 sm:grid-cols-1 lg:grid-cols-2">
        
        <div class="card_plus_list dynamic-search-section lg:col-span-2">
        <card-lists-component base-url="https://www.spglobal.com/api/apps/spglobal-prod/query/spglobal-prod" default-row-size="6" list-heading-type="h3" variation="oneCardListVertical" bg-color="offWhite" layout-type="newsInsights" sort-data="es_unified_dt desc" default-facets='{&#34;es_theme_ss&#34;:[&#34;Artificial Intelligence&#34;],&#34;es_content_type_s&#34;:[&#34;Special Reports&#34;]}' overline="[&#34;es_content_type_s&#34;]" subtitle="es_unified_dt" card-title="es_title_t" description="es_body_content_txt" image-url="es_primary_image_url_s" navigation-url="es_url_s" card-target="_self" card-id="id" auth-token-endpoint="content/spglobal/api/servlets/searchAuthToken.generate.json" card-highlight="false" hide-image-checkbox="true">
        </card-lists-component>
        </div>
    </div>

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 pt-0 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="dividerline lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">



	
        <div class="divider-line-component " role="separator">
          <hr class="small-divider bg-grey-10"/>
        </div>






</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 pt-4 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4 lg:grid-cols-3 xl:grid-cols-3 lg:gap-x-8  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="onecolumnblock lg:pt-6 sm:pt-4 aem-GridColumn aem-GridColumn--default--12">



    
        <div class="one-column-content-block-wrapper  ">
            <div class="one-column-content-block-component flex flex-col gap-4    ">
                <div class="flex flex-col gap-1">
                    
                        <p class="caps-bold-micro text-black-base">
                            Podcast Series</p>
                    
                    
                </div>
                
                
                
                    <h2 id="onecolumnblock-1519007886" class="text-black-base ">
                        Leaders</h2>
                
                <div>
                    
                    
                    <div class="body-regular-l mb-4 text-black-base cmp-text">
                        <p>Leaders is a long-form conversations with senior investors, CEOs, and entrepreneurs on topics that matter most to the investment community. In each episode, Joe Cass, Senior Director at S&amp;P Global Ratings, explores market trends, investment outlooks, and personal stories from industry trailblazers.</p>

                    </div>
                    
                    <div class=" flex lg:items-center md:items-center sm:items-start lg:gap-x-6 md:gap-x-6 sm:gap-x-0 lg:gap-y-0
        md:gap-y-0 sm:gap-y-6 lg:flex-row md:flex-row sm:flex-col ">
                        <!--Tertiary Red button-->
                        
                        

                        <!--Tertiary White button-->
                        
                        

                        <!--Primary Black Button-->
                        
                            <div class="one-column-content-block-component_cta lg:block md:block sm:grid">
                                <a class="sm:flex justify-center items-center md:inline-flex regular-button
                        py-2 body-bold-s
                        px-4
                        hover:bg-grey-70 hover:text-white-base   active:bg-grey-70 active:text-white-base bg-black-base text-white-base
                        hover:border-grey-70  active:border-grey-70
                        border-solid border-black-base border
                        text-center" href="/en/research-insights/podcasts/leaders" data-event-name="link" data-link-text="Listen and Susbscribe" data-link-header="Leaders" data-link-location="One Column Content Block Component-1519007886" target="_self">
                                    Listen and Susbscribe
                                </a>
                            </div>
                        
                        

                        <!--Primary Red Button-->
                        
                        

                        <!--Secondary Black Button-->
                        
                        


                        <!--Secondary White Button-->
                        
                        
                    </div>
                </div>
            </div>
        </div>
    
</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-2 xl:col-span-2 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="carousel panelcontainer pt-0 aem-GridColumn aem-GridColumn--default--12"><div data-placeholder-text="false" id="carousel-f0ab970806" data-cmp-is="carousel">
    
        <div class="carousel-component" slides-to-show="2" autoplayOn="false" autoplayDelay="4000" total-carousel-slides="12" isAdaptive="true" enableOverflow="true" aria-label="Carousel" role="slider">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div id="carousel-f0ab970806-item-351998728f-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-351998728f-tab" aria-roledescription="slide" aria-label="Slide 1 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-351998728f&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2026-06-02T13:30:43Z&#34;,&#34;dc:title&#34;:&#34;1&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card-1253118074" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0602_leadersblairjacobson?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0602_leadersblairjacobson?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0602_leadersblairjacobson?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Jun 02, 2026" heading="How Private Credit Took Over Wall Street" description="This episode features Blair Jacobson, Co-President of Ares Management Corporation, discussing private credit investment strategies, risk management, and firm growth. He shares insights on how Ares maintains a conservative approach to avoid losses, the importance of relationships and reputation in deal origination, and the firm’s expanding areas like asset-backed credit and wealth management. Blair also touches on the evolving role of credit ratings in private markets, the firm’s involvement in sports investments, and offers advice for young professionals entering finance amidst technological disruption." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/how-private-credit-took-over-wall-street" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h4">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-388ece8e74-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-388ece8e74-tab" aria-roledescription="slide" aria-label="Slide 2 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-388ece8e74&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2026-04-08T17:34:08Z&#34;,&#34;dc:title&#34;:&#34;1&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card1370827470" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0401_kuntal?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0401_kuntal?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0401_kuntal?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Apr 01, 2026" heading="Goldman Sachs: From Intern To International Co-CEO" description="Joe Cass sits down with Kunal Shah, Co-CEO of Goldman Sachs International &amp; Global Co-Head of FICC, to unpack the surprising story behind becoming one of the firm’s youngest-ever Managing Directors at 27—and what that experience taught him about performance, mentorship, and taking the right risks at the right time." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/goldman-sachs-from-intern-to-international-co-ceo" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h4">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-f3a60430dc-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-f3a60430dc-tab" aria-roledescription="slide" aria-label="Slide 3 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-f3a60430dc&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2026-02-27T20:09:01Z&#34;,&#34;dc:title&#34;:&#34;1&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card700055304" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0226_Andrew?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0226_Andrew?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0226_Andrew?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Feb 17, 2026" heading="Inside PIMCO: Andrew Balls on Managing Billions, AI Investing, and the Future of Credit" description="In this episode, join Joe Cass as he interviews Andrew Balls, PIMCO&#39;s CIO for Global Fixed Income, to explore the intricacies of decision-making in finance, particularly under psychological pressure. In this insightful discussion, Andrew shares his strategies for managing stress while making high-stakes decisions that can impact billions of dollars." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/andrew-balls-on-managing-billions-ai-investing-and-future-of-credit" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h4">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-e8438125d6-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-e8438125d6-tab" aria-roledescription="slide" aria-label="Slide 4 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-e8438125d6&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-11-21T20:14:48Z&#34;,&#34;dc:title&#34;:&#34;1&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card-201783044" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_1120_leadersvenkat?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_1120_leadersvenkat?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_1120_leadersvenkat?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Nov 20, 2025" heading="Barclays CEO Venkat on The UK Economy, AI &amp; Cricket" description="In this episode, Joseph is joined by Venkat, CEO at Barclays, and Saugata Saha, President at S&amp;P Global Market Intelligence. Topics included Venkat’s perspective on the future of the UK economy, his view on private markets, how Saugata see’s AI being used in finance, Venkat’s most important leadership lesson and both guests discuss their love of cricket.   " orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/barclays-ceo-venkat-on-the-uk-economy-ai-and-cricket" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h4">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-3f4962bda4-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-3f4962bda4-tab" aria-roledescription="slide" aria-label="Slide 5 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-3f4962bda4&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-10-09T13:23:55Z&#34;,&#34;dc:title&#34;:&#34;1&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card-793830432" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_1007_RichardAttias?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_1007_RichardAttias?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_1007_RichardAttias?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Oct 08, 2025" heading="Richard Attias on Unlocking Prosperity, Global Leadership, and Investment" description="In this episode of the Leaders Podcast, host Joseph Cass welcomes back Richard Attias, the Executive Chairman of the FII Institute. They dive deep into the upcoming FII9 event in Riyadh, exploring the theme of &#34;Unlocking Keys to Prosperity.&#34; Richard shares his unique insights into the private conversations of world leaders and global CEOs, emphasizing the importance of trust and personal relationships in fostering impactful investments." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/richard-attias-unlocking-prosperity-global-leadership-investment" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false" h-tag="h4">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-3bcc650733-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-3bcc650733-tab" aria-roledescription="slide" aria-label="Slide 6 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-3bcc650733&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-09-09T13:06:45Z&#34;,&#34;dc:title&#34;:&#34;1&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card976728957" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0908_leadersrobyngrew?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0908_leadersrobyngrew?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0908_leadersrobyngrew?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Sep 09, 2025" heading="Robyn Grew on Market Volatility and AI Integration" description="In this enlightening episode of The Leaders Podcast, host Joe Cass engages in a thought-provoking discussion with Robyn Grew, CEO of Man Group, and Dave Ernsberger, co-President of S&amp;P Global Commodity Insights. They explore the current challenges in financial markets, emphasizing the need for diversification and resilience in investment strategies amid unprecedented volatility and geopolitical shifts." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/robyn-grew-on-market-volatility-and-ai-integration" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-ebe864d4f9-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-ebe864d4f9-tab" aria-roledescription="slide" aria-label="Slide 7 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-ebe864d4f9&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-08-13T15:33:42Z&#34;,&#34;dc:title&#34;:&#34;1&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card950107714" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0811_malinnorberg?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0811_malinnorberg?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0811_malinnorberg?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Aug 13, 2025" heading="Navigating the Future: Insights from Malin Norberg and Dan Yergin" description="In this enlightening episode of the Leaders podcast, host Joe Cass engages with industry stalwarts Malin Norberg and Dan Yergin. Together, they explore the evolving landscape of global energy, the implications of geopolitical shifts, and the critical role of innovation in driving sustainable development. Tune in to gain valuable insights on the challenges and opportunities that lie ahead, as well as the leadership strategies that can guide us through an ever-changing world." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/navigating-the-future-insights-from-malin-norberg-and-dan-yergin" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-d66da29c3a-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-d66da29c3a-tab" aria-roledescription="slide" aria-label="Slide 8 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-d66da29c3a&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-06-26T14:41:32Z&#34;,&#34;dc:title&#34;:&#34;1&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card-1490566463" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0617_kengriffin?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0617_kengriffin?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0617_kengriffin?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Jun 18, 2025" heading="Ken Griffin on Building Citadel, AI &amp; Independent Thinking" description="In this episode, Joe is joined by Ken Griffin, CEO &amp; Founder of Citadel and Martina Cheung, CEO &amp; President of S&amp;P Global. Discussion covered Ken and Martina’s early careers, independent thinking in the era of AI, defining market ‘edge’ in 2025 and the upcoming 2026 Football World Cup hosted in North America." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/ken-griffin-on-building-citadel-ai-and-independent-thinking" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-53cb9b71cc-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-53cb9b71cc-tab" aria-roledescription="slide" aria-label="Slide 9 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-53cb9b71cc&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-06-26T14:42:05Z&#34;,&#34;dc:title&#34;:&#34;2&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card-690631915" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0603_willahmed?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0603_willahmed?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0603_willahmed?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Jun 05, 2025" heading="Whoop’s Will Ahmed on The Future of Healthcare &amp; Cristiano Ronaldo" description="In this episode, Joe is joined by Will Ahmed, CEO &amp; Founder of Whoop and Arthur Wong, Managing Director at S&amp;P Global Ratings. Discussion covered the evolution of healthcare, the power of wearable technology and Will’s experience with top athletes like Cristiano Ronaldo and their health journey." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/whoops-will-ahmed-on-the-future-of-healthcare-and-cristiano-ronaldo" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-a962ed54e6-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-a962ed54e6-tab" aria-roledescription="slide" aria-label="Slide 10 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-a962ed54e6&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-06-26T14:42:48Z&#34;,&#34;dc:title&#34;:&#34;3&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card1530628061" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0423_leaders57?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0423_leaders57?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/corp_0423_leaders57?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Apr 18, 2025" heading="Macquarie’s Ben Way on Infrastructure, Datacenters &amp; Being Present" description="In this episode, Joe is joined by Ben Way, Group Head of Macquarie Asset Management and Andrea Quirk, Global Head of Credit Ratings at S&amp;P Global Ratings. Discussion covered the explosion in growth of datacenters, how AI is driving demand for digital infrastructure and Ben’s view of being present in the moment throughout your career." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/macquaries-ben-way-on-infrastructure-datacenters-being-present" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-11048565e8-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-11048565e8-tab" aria-roledescription="slide" aria-label="Slide 11 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-11048565e8&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-06-26T14:46:35Z&#34;,&#34;dc:title&#34;:&#34;3&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card285649133" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0325_Andrew_Schlossberg_Leaders_EP_56?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0325_Andrew_Schlossberg_Leaders_EP_56?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0325_Andrew_Schlossberg_Leaders_EP_56?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Mar 20, 2025" heading="Invesco CEO Andrew Schlossberg on Asset Management, AI &amp; Football Culture" description="In this episode, Joe is joined by Andrew Schlossberg, President &amp; CEO at Invesco, and Dan Draper, CEO at S&amp;P Dow Jones Indices. Topics included Andrew’s journey from Invesco’s corporate training program to CEO, Dan’s perspective on the evolution of index-based investing, Andrew’s insights on AI integration in asset management, and Dan’s view on the future of the indexing business. The conversation also covered major industry trends, leadership advice for aspiring professionals, and experiences with football culture in London." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/invesco-ceo-andrew-schlossberg-on-asset-management-ai-and-football-culture" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false">
    </box-card-component>

	</div>

		

</div>
</div>
<div id="carousel-f0ab970806-item-101f2be4d4-tabpanel" class="swiper-slide   " role="tabpanel" aria-labelledby="carousel-f0ab970806-item-101f2be4d4-tab" aria-roledescription="slide" aria-label="Slide 12 of 12" data-cmp-data-layer="{&#34;carousel-f0ab970806-item-101f2be4d4&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/carousel/v1/carousel/item&#34;,&#34;repo:modifyDate&#34;:&#34;2025-06-26T14:46:46Z&#34;,&#34;dc:title&#34;:&#34;3&#34;}}" data-cmp-hook-carousel="item"><div class="horizontal-card teaser lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4">




	<div class=" card-full-height">

    <box-card-component unique-component-id="Horizontal Card314840435" image-large-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0225_Marcie?$responsive$" image-sm-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0225_Marcie?$responsive$" image-md-src="https://spglobal.scene7.com/is/image/spglobalcom/Corp_0225_Marcie?$responsive$" image-alt-txt="Leaders" image-width="200" image-height="200" sub-title="Feb 20, 2025" heading="CalPERs CEO Marcie Frost on Private Markets &amp; Building Her Career" description="In this episode, Joe is joined by Marcie Frost, CEO of CalPERS and Martina Cheung, CEO &amp; President of S&amp;P Global." orientation="vertical" bg-color="black" is-downloadable="false" redirect-url="https://www.spglobal.com/en/research-insights/podcasts/leaders/calpers-ceo-marcie-frost-on-private-markets-building-her-career" target="_self" asset-type="image" fetch-video-metadata="false" video-thumbnail-checkbox="false" video-thumbnail-height="200" video-thumbnail-width="200" always-vertical="true" hide-podcast-modal-footer-button="true" podcast-modal-heading-tag="h1" is-lazy-load-disabled="false" full-height-card="true" caption-enabled="true" show-full-heading="false" show-full-description="false" hide-arrow="false">
    </box-card-component>

	</div>

		

</div>
</div>

                </div>
            </div>
            
            <div class="flex px-0 container-1408 mt-8">
                <div class="my-auto mx-0 flex ">
                    
                    <a class="carousel-component_button-container_content_prev-btn lg:hover:bg-grey-5 active:bg-grey-5 flex bg-grey-5" tabindex="0" role="button" aria-label="previous">
                        <i class="fa-sharp fa-regular fa-chevron-left m-auto text-icon"></i>
                    </a>
                    
                    <a class="carousel-component_button-container_content_next-btn lg:hover:bg-grey-5 active:bg-grey-5 flex bg-grey-5 ml-2 " tabindex="0" role="button" aria-label="next">
                        <i class="fa-sharp fa-regular fa-chevron-right m-auto text-icon"></i></a>
                </div>
            </div>
        </div>
    
    
</div></div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="embed lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">
<div data-cmp-data-layer="{&#34;embed-d9db2c15b9&#34;:{&#34;@type&#34;:&#34;sp-aem-platform/components/master/embed/v1/embed&#34;,&#34;repo:modifyDate&#34;:&#34;2024-08-16T18:38:29Z&#34;}}" id="embed-d9db2c15b9" class="cmp-embed">
    <div class="embedPodcastVideo-component">
        
        
        <div class="embedPodcastVideo-component_embedCode ">
            
            <style>
/* Target bold text within H1 or H2 tags */
.seek-and-prosper, 
    .seek-and-prosper-blue {
      line-height: 1.35em;
    }
    .seek-and-prosper b {
      background-color: #edf86f;
      color: black;
      -webkit-box-shadow: 0.25em 0 0 #edf86f, -0.25em 0 0 #edf86f;
      box-shadow: 0.25em 0 0 #edf86f, -0.25em 0 0 #edf86f;
      -webkit-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      padding: 0em;
      position: relative;
      left: 0.25em;
      line-height: 1.35em;
    }

.seek-and-prosper-blue b {
      background-color: #C7DAE0;
      color: black;
      -webkit-box-shadow: 0.25em 0 0 #C7DAE0, -0.25em 0 0 #C7DAE0;
      box-shadow: 0.25em 0 0 #C7DAE0, -0.25em 0 0 #C7DAE0;
      -webkit-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      padding: 0em;
      position: relative;
      left: 0.25em;
      line-height: 1.35em;
    }

.seek-and-prosper-logo {
margin-top: 28px;
    width: auto;
    height: 26px;
background-repeat: no-repeat;
display: block;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1436.08 182.55"><defs></defs><g id="Layer_1-2" data-name="Layer 1-2"><g><g><path style="fill: %23fff; stroke-width: 0px;" d="M.02,97.15h33.27c1.02,13.48,10.97,20.71,27.59,20.71s24.96-7.43,24.96-16.41c0-6.44-5.08-12.12-17.04-13.69l-20.71-2.54C21.31,81.89,3.05,68.98,3.05,44.17,3.05,20.71,25.37,0,60.28,0s56.22,18.56,57.63,44.37h-33.48c-.21-10.55-8.31-18.17-24.36-18.17s-24.15,7.43-24.15,15.63c0,7.43,5.68,12.12,16.83,13.48l18.68,2.35c26.57,3.32,47.49,15.45,47.49,41.44,0,27.96-25.77,45.34-59.06,45.34S.81,125.29,0,97.15"/><path style="fill: %23fff; stroke-width: 0px;" d="M197.79,78.38c0-12.51-6.7-20.32-19.69-20.32s-20.5,9.77-20.89,20.32h40.59ZM141.18,130.56c-10.55-10.16-16.65-24.63-16.65-41.23,0-19.92,7.5-34.19,18.86-43.59,9.53-7.83,22.12-11.34,34.91-11.34,33.89,0,51.74,22.49,51.74,54.32,0,4.29-.42,8.4-.6,9.58h-72.24c0,11.52,7.71,22.28,21.91,22.28s18.05-6.44,19.49-11.91h29.23c-4.87,22.49-25.37,35.58-49.11,35.58-15.42,0-28.4-4.89-37.54-13.69"/><path style="fill: %23fff; stroke-width: 0px;" d="M308.97,78.38c0-12.51-6.7-20.32-19.69-20.32s-20.5,9.77-20.89,20.32h40.59ZM252.36,130.56c-10.55-10.16-16.65-24.63-16.65-41.23,0-19.92,7.5-34.19,18.86-43.59,9.53-7.83,22.12-11.34,34.91-11.34,33.89,0,51.74,22.49,51.74,54.32,0,4.29-.42,8.4-.6,9.58h-72.24c0,11.52,7.71,22.28,21.91,22.28s18.05-6.44,19.49-11.91h29.23c-4.87,22.49-25.37,35.58-49.11,35.58-15.42,0-28.42-4.89-37.54-13.69"/></g><polygon style="fill: %23fff; stroke-width: 0px;" points="345.08 .02 345.08 141.52 377.75 141.52 377.75 113.56 388.92 101.84 414.48 141.52 453.04 141.52 411.22 79.77 452.23 37.15 411.22 37.15 377.75 75.06 377.75 .02 345.08 .02"/><g><path style="fill: %23fff; stroke-width: 0px;" d="M537.86,51.81c6.28-3.32,11.77-8.01,11.77-16.02s-5.29-11.91-11.98-11.91c-6.3,0-12.58,3.51-12.58,11.73,0,5.29,3.65,10.76,8.13,15.05l2.42,2.35,2.24-1.18v-.02ZM555.31,111.99l-27.59-29.32-2.42,1.57c-5.47,3.51-9.53,9.19-9.53,16.23,0,12.31,9.74,18.77,20.89,18.77,7.92,0,13.99-2.75,18.68-7.23M486.14,102.44c0-15.24,7.11-27.36,21.52-36.15l2.84-1.75-2.45-2.54c-7.5-7.83-11.77-16.23-11.77-26.18,0-22.09,19.07-35.58,40.98-35.58s41.6,13.3,41.6,34.98c0,16.62-9.33,25.79-24.36,34.79l-1.62.97,19.07,19.74c1.82-6.05,2.24-14.66,2.24-22.49v-3.51h41.81v22.88h-16.23c-1.02,7.23-3.05,15.45-8.1,22.86l28.81,31.08h-36.94l-9.74-11.15c-10.97,9.19-24.54,13.88-38.14,13.88-26.39,0-49.52-16.99-49.52-41.83"/><path style="fill: %23fff; stroke-width: 0px;" d="M743.82,47.51c0-10.55-5.89-17.59-21.31-17.59h-23.73v35.18h23.73c15.42,0,21.31-7.04,21.31-17.59M724.54,2.96c36.94,0,53.38,20.52,53.38,44.56s-16.44,44.56-53.38,44.56h-25.56v49.45h-33.27V2.96h58.85-.02Z"/><path style="fill: %23fff; stroke-width: 0px;" d="M784.52,37.15h28.21l1.82,15.63c4.27-11.15,15.63-16.81,26.39-16.81,5.47,0,8.1.58,10.34.97v29.32c-3.44-.97-6.7-1.36-10.16-1.36-17.04,0-23.94,10.94-23.94,27.17v49.45h-32.67V37.15h0Z"/><path style="fill: %23fff; stroke-width: 0px;" d="M924.01,109.66c3.65-5.47,4.87-11.15,4.87-20.32s-1.22-14.84-4.87-20.32c-3.26-4.69-8.73-8.01-16.65-8.01s-13.39,3.32-16.65,8.01c-3.65,5.47-4.87,10.94-4.87,20.32s1.22,14.84,4.87,20.32c3.26,4.69,8.73,8.01,16.65,8.01s13.39-3.32,16.65-8.01M866.38,127.05c-8.73-9.77-13.39-22.86-13.39-37.72s4.66-27.96,13.39-37.72c7.71-8.59,20.71-17.2,40.98-17.2s33.27,8.61,40.98,17.2c8.73,9.77,13.39,22.67,13.39,37.72s-4.66,27.96-13.39,37.72c-7.71,8.59-20.71,17.2-40.98,17.2s-33.29-8.61-40.98-17.2"/><path style="fill: %23fff; stroke-width: 0px;" d="M965.36,108.3h30.24c.6,8.98,9.12,12.31,18.26,12.31s16.85-3.12,16.85-9.77c0-5.86-4.66-7.62-11.77-8.61l-17.66-2.35c-20.89-2.72-32.88-13.88-32.88-30.5,0-21.31,21.7-34.98,46.06-34.98,25.56,0,43.22,12.51,44.65,34.01h-30.24c-.6-8.8-7.3-11.73-15.42-11.73s-13.99,3.72-13.99,9.58c0,4.29,2.84,7.04,9.95,8.01l20.29,2.72c18.47,2.54,31.86,13.69,31.86,31.08,0,23.46-22.72,36.15-47.67,36.15-26.78,0-47.49-13.3-48.51-35.97"/><path style="fill: %23fff; stroke-width: 0px;" d="M1135.81,113.38c5.89-4.69,8.93-11.91,8.93-24.03s-3.26-19.35-8.93-24.24c-3.05-2.54-7.92-4.69-13.99-4.69s-11.15,2.35-14.01,4.69c-5.89,4.89-8.93,12.12-8.93,24.24s3.05,19.16,8.93,24.03c3.05,2.54,7.71,4.5,14.01,4.5s10.97-2.15,13.99-4.5M1067.63,37.15h28l1.02,16.02c3.86-9.58,15.63-18.77,32.88-18.77,11.98,0,20.89,2.93,28,8.01,13.6,9.58,19.69,26.57,19.69,46.91s-6.7,36.15-18.86,45.34c-7.92,6.05-17.66,9.58-29.62,9.58-15.63,0-25.37-7.23-28.42-13.09v51.39h-32.67V37.15h-.02Z"/><path style="fill: %23fff; stroke-width: 0px;" d="M1255.33,78.38c0-12.51-6.7-20.32-19.69-20.32s-20.5,9.77-20.89,20.32h40.59ZM1198.72,130.56c-10.55-10.16-16.65-24.63-16.65-41.23,0-19.92,7.5-34.19,18.86-43.59,9.53-7.83,22.12-11.34,34.91-11.34,33.89,0,51.74,22.49,51.74,54.32,0,4.29-.42,8.4-.6,9.58h-72.24c0,11.52,7.71,22.28,21.91,22.28s18.05-6.44,19.49-11.91h29.23c-4.87,22.49-25.37,35.58-49.11,35.58-15.42,0-28.4-4.89-37.54-13.69"/><path style="fill: %23fff; stroke-width: 0px;" d="M1294.28,37.15h28.21l1.82,15.63c4.27-11.15,15.63-16.81,26.39-16.81,5.47,0,8.13.58,10.34.97v29.32c-3.44-.97-6.7-1.36-10.14-1.36-17.04,0-23.94,10.94-23.94,27.17v49.45h-32.67V37.15h-.02Z"/></g><path style="fill: %23fff; stroke-width: 0px;" d="M1367.12,2.96v5.49h10.67v29.16h6.26V8.45h10.67V2.96h-27.59ZM1426.54,2.96l-8.57,25.88-8.57-25.88h-9.84v34.65h6.26V8.45l9.74,28.26h4.5l9.74-28.35v29.23h6.26V2.93h-9.56l.02.02Z"/></g></g></svg>');
}

        /* Media query for screens narrower than 768px */
@media only screen and (max-width: 768px) {
    .seek-and-prosper-logo {
        height: 20px; /* Adjust the logo height as needed */
    }
</style>
            

        </div>
    </div>
</div>

    

</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 pt-0 pb-0">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="dividerline lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">



	
        <div class="divider-line-component " role="separator">
          <hr class="small-divider bg-grey-10"/>
        </div>






</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>
<div class="root responsivegrid root-container aem-GridColumn aem-GridColumn--default--12">

    <div class=" ">
        <div class="container-1408 lg:pt-8 md:pt-6 sm:pt-4 pb-4">
            
            <div class="grid sm:grid-cols-1 md:grid-cols-1 gap-y-4 lg:grid-cols-3 xl:grid-cols-3 sm:gap-x-8  ">
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="navlist lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">
    


    
        <div data-no-index="true">
            
            <navigation-list-component heading="Market Insights" heading-tag="h4" list-items="[{&#34;es_title_t&#34;:&#34;Energy &amp; Commodities&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/market-insights/energy-commodities&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Capital Markets&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/market-insights/capital-markets&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Global Trade&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/market-insights/global-trade&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Sustainability&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/market-insights/sustainability&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Artificial Intelligence&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/market-insights/artificial-intelligence&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Economy&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/market-insights/economy&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Technology &amp; Innovation&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/market-insights/technology-innovation&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Automotive Industry Trends&#34;,&#34;es_url_s&#34;:&#34;/content/spglobal/automotive-insights&#34;,&#34;es_unified_dt&#34;:null}]" component-id="Article1632752872" unique-component-id="NavList1632752872" dynamic-list-URL="https://www.spglobal.com/api/apps/spglobal-prod/query/spglobal-prod?q=*:*&amp;rows=5&amp;start=0&amp;sort=es_unified_dt%20desc&amp;cfl=es_primary_image_url_s" is-list-dynamic="false" url-target="_self" title-key="es_title_t" subtitle-key="es_unified_dt" redirect-url-key="es_url_s" search-auth-token-endpoint="content/spglobal/api/servlets/searchAuthToken.generate.json" is-chevron-visible="true" show-thumbnail="false" show-cta="true" show-heading="true" image-url-key="es_primary_image_url_s">
            </navigation-list-component>
        </div>
    

</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="navlist lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">
    


    
        <div data-no-index="true">
            
            <navigation-list-component heading="Podcasts" heading-tag="h4" list-items="[{&#34;es_title_t&#34;:&#34;Look Forward&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/podcasts/look-forward&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Leaders&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/podcasts/leaders&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Artificial Intelligence Insights&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/en/research-insights/podcasts/artificial-intelligence-insights&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;The Decisive&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/market-intelligence/en/news-insights/podcasts/the-decisive&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Next in Tech&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/market-intelligence/en/news-insights/podcasts/next-in-tech&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Oil Markets&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/commodity-insights/en/news-research/podcasts/oil-markets&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;All Things Sustainable&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/esg/podcasts/&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Private Markets 360°&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/market-intelligence/en/news-insights/podcasts/private-markets-360&#34;,&#34;es_unified_dt&#34;:null}]" component-id="Article534361995" unique-component-id="NavList534361995" dynamic-list-URL="https://www.spglobal.com/api/apps/spglobal-prod/query/spglobal-prod?q=*:*&amp;rows=5&amp;start=0&amp;sort=es_unified_dt%20desc&amp;cfl=es_primary_image_url_s" is-list-dynamic="false" url-target="_self" title-key="es_title_t" subtitle-key="es_unified_dt" redirect-url-key="es_url_s" search-auth-token-endpoint="content/spglobal/api/servlets/searchAuthToken.generate.json" is-chevron-visible="true" show-thumbnail="false" show-cta="true" show-heading="true" image-url-key="es_primary_image_url_s">
            </navigation-list-component>
        </div>
    

</div>

    
</div>
</div>
                    
                
                    
                        <div class="lg:col-span-1 xl:col-span-1 sm:col-span-1 md:col-span-1">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="navlist lg:pt-8 md:pt-6 sm:pt-4 lg:pb-8 md:pb-6 sm:pb-4 aem-GridColumn aem-GridColumn--default--12">
    


    
        <div data-no-index="true">
            
            <navigation-list-component heading="Featured Products" heading-tag="h4" list-items="[{&#34;es_title_t&#34;:&#34;S&amp;P Capital IQ Pro&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/market-intelligence/en/solutions/products/sp-capital-iq-pro&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Platts Connect&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/commodity-insights/en/products-solutions/delivery/platts-connect&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;ESG Scores and Raw Data&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/esg/solutions/esg-scores-data&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;AutoCreditInsight&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/mobility/en/products/autocreditinsight.html&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Ratings360®&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/ratings/en/products/ratings360&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;SPICE: The Index Source for ESG Data&#34;,&#34;es_url_s&#34;:&#34;https://www.spice-indices.com/idp/#/&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Data and Distribution&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/commodity-insights/en/products-solutions/data-distribution&#34;,&#34;es_unified_dt&#34;:null},{&#34;es_title_t&#34;:&#34;Visible Alpha&#34;,&#34;es_url_s&#34;:&#34;https://www.spglobal.com/market-intelligence/en/solutions/products/visible-alpha-insights&#34;,&#34;es_unified_dt&#34;:null}]" component-id="Article-1572377055" unique-component-id="NavList-1572377055" dynamic-list-URL="https://www.spglobal.com/api/apps/spglobal-prod/query/spglobal-prod?q=*:*&amp;rows=5&amp;start=0&amp;sort=es_unified_dt%20desc&amp;cfl=es_primary_image_url_s" is-list-dynamic="false" url-target="_self" title-key="es_title_t" subtitle-key="es_unified_dt" redirect-url-key="es_url_s" search-auth-token-endpoint="content/spglobal/api/servlets/searchAuthToken.generate.json" is-chevron-visible="true" show-thumbnail="false" show-cta="true" show-heading="true" image-url-key="es_primary_image_url_s">
            </navigation-list-component>
        </div>
    

</div>

    
</div>
</div>
                    
                
            </div>
        </div>
    </div>
</div>

    
</div>

    </div>

    
</div>

    
</div>

    </div>

    
</main>

    
</div>

    </div>

    
</div>

</main>


	








            
    

        
        
            <div data-page-data-layer="{&#34;division&#34;:&#34;corporate&#34;,&#34;siteSection&#34;:&#34;&#34;,&#34;pageTitle&#34;:&#34;Essential Intelligence&#34;,&#34;siteSubSection&#34;:&#34;&#34;,&#34;siteSubSection3&#34;:&#34;&#34;,&#34;siteSubSection2&#34;:&#34;&#34;,&#34;eventName&#34;:&#34;pageview&#34;,&#34;loginEnabled&#34;:null,&#34;pagePath&#34;:&#34;/content/spglobal/corporate/us/en&#34;,&#34;pageName&#34;:&#34;spglobal:corporate:us:en&#34;,&#34;pageLanguage&#34;:&#34;en&#34;}"></div>
        

        
        
            
                <script type="application/ld+json">
                    {
                "@context": "http://schema.org",
                "@type": "Organization",
                "@id": "",
                "name": "SP Global",
                "url": "https://www.spglobal.com",
                "logo": "https://www.spglobal.com",
                "foundingDate": "1860",
                "address": {
                    "@type": "PostalAddress",
                    "streetAddress": "55 Water Street",
                    "addressLocality": "New York",
                    "postalCode": "10041",
                    "addressCountry": ""
                },
                "contactPoint" : [  ],
                "email": "",
                "faxNumber": "",
                "sameAs": [ 
            "https://www.spglobal.com/zh/spg-wechat-article",
            "https://twitter.com/SPGlobal",
            "https://www.instagram.com/sp_global/",
            "https://www.linkedin.com/company/2934",
            "https://www.youtube.com/channel/UCfXvCHeuAzcYIrR8WeHJgSw",
            "https://www.facebook.com/sandpglobal" ]
            }
                </script>
            
            <script type="application/ld+json">
                {
                "@context": "http://schema.org",
                "@type": "WebSite",
                "url": "https://www.spglobal.com/",
                "potentialAction": {
                    "@type": "SearchAction",
                               "target": "https://www.spglobal.com/en/search?searchquery={search_term_string}", 
                    "query-input": "required name=search_term_string" 
               }}
            </script>
        
    

            
	
		<div class="cmp-experiencefragment footer-xf" role="contentinfo" aria-label="Footer" data-no-index="true">


    
    <div id="container-baac300a7a" class="cmp-container">
        


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="footer lg:pt-16 md:pt-12 sm:pt-8 aem-GridColumn aem-GridColumn--default--12">
    <div>
    <!--social share on footer -->
    
    <div class="social-footer-component-molecule">
        <div class="bg-black-base py-3">
            <div class="flex justify-center">
                <ul class="social-footer-component-molecule_ul flex flex-wrap lg:gap-x-2 md:gap-x-2 sm:gap-x-1">
                    <li class="social-footer-component-molecule_ul_follow flex lg:mr-2 md:mr-2 sm:mr-1">
                        <p class="m-auto body-bold-m text-white-base">Follow Us</p>
                    </li>
                    
                        <li class="social-footer-component-molecule_ul_social-footer-items text-base">
                            <a aria-label="Twitter" class="social-footer-component-molecule_ul_social-footer-items_a flex leading-[0] hover:bg-grey-80 text-white-base" href="https://twitter.com/SPGlobal" data-event-name="link | social-click" data-link-location="SocialShare / Footer Component-1175186976" data-contact-social-platform="Twitter" target="_blank" rel="noopener noreferrer">
                                <i class="fa-brands fa-x-twitter m-auto"></i></a>
                        </li>
                    
                        <li class="social-footer-component-molecule_ul_social-footer-items text-base">
                            <a aria-label="Facebook" class="social-footer-component-molecule_ul_social-footer-items_a flex leading-[0] hover:bg-grey-80 text-white-base" href="https://www.facebook.com/sandpglobal" data-event-name="link | social-click" data-link-location="SocialShare / Footer Component-1175186976" data-contact-social-platform="Facebook" target="_blank" rel="noopener noreferrer">
                                <i class="fa-brands fa-facebook-f m-auto"></i></a>
                        </li>
                    
                        <li class="social-footer-component-molecule_ul_social-footer-items text-base">
                            <a aria-label="Instagram" class="social-footer-component-molecule_ul_social-footer-items_a flex leading-[0] hover:bg-grey-80 text-white-base" href="https://www.instagram.com/sp_global/" data-event-name="link | social-click" data-link-location="SocialShare / Footer Component-1175186976" data-contact-social-platform="Instagram" target="_blank" rel="noopener noreferrer">
                                <i class="fa-brands fa-instagram m-auto"></i></a>
                        </li>
                    
                        <li class="social-footer-component-molecule_ul_social-footer-items text-base">
                            <a aria-label="Youtube" class="social-footer-component-molecule_ul_social-footer-items_a flex leading-[0] hover:bg-grey-80 text-white-base" href="https://www.youtube.com/channel/UCfXvCHeuAzcYIrR8WeHJgSw" data-event-name="link | social-click" data-link-location="SocialShare / Footer Component-1175186976" data-contact-social-platform="Youtube" target="_blank" rel="noopener noreferrer">
                                <i class="fa-brands fa-youtube m-auto"></i></a>
                        </li>
                    
                        <li class="social-footer-component-molecule_ul_social-footer-items text-base">
                            <a aria-label="LinkedIn" class="social-footer-component-molecule_ul_social-footer-items_a flex leading-[0] hover:bg-grey-80 text-white-base" href="https://www.linkedin.com/company/2934" data-event-name="link | social-click" data-link-location="SocialShare / Footer Component-1175186976" data-contact-social-platform="LinkedIn" target="_blank" rel="noopener noreferrer">
                                <i class="fa-brands fa-linkedin m-auto"></i></a>
                        </li>
                    
                        <li class="social-footer-component-molecule_ul_social-footer-items text-base">
                            <a aria-label="We Chat" class="social-footer-component-molecule_ul_social-footer-items_a flex leading-[0] hover:bg-grey-80 text-white-base" href="https://www.spglobal.com/zh/spg-wechat-article" data-event-name="link | social-click" data-link-location="SocialShare / Footer Component-1175186976" data-contact-social-platform="We Chat" target="_blank" rel="noopener noreferrer">
                                <i class="fa-brands fa-weixin m-auto"></i></a>
                        </li>
                    
                </ul>
            </div>
        </div>
    </div>

    <!-- primary navigation on footer -->
    <div role="contentinfo" class="primary-footer-component-molecule bg-grey-10">
    <div class="md:pt-16 pt-8 pb-8 xl:px-0 lg:px-8 md:px-8 sm:px-4 max-w-max-container m-auto box-content">
			
	
        <div class="grid lg:grid-cols-4 md:grid-cols-2 sm:grid-cols-1 gap-8">
            




    
    
    <div class="cmp cmp-list">

	<div class="primary-footer-list-component" data-no-index="true">
		<ul class="list-none body-regular-s text-grey-70  [&>*:first-child]:body-bold-s [&>*:first-child]:text-black-base [&>*:first-child]:mt-0">
			<li class="mt-4"><span>Our Purpose</span></li>

			
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/who-we-are/" data-event-name="link | footer-click" data-link-text="Our Values" data-footer-sub-name="Our Values" data-link-location="Primary Navigation / Primary Navigation Component">Our Values</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/our-history" data-event-name="link | footer-click" data-link-text="Our History" data-footer-sub-name="Our History" data-link-location="Primary Navigation / Primary Navigation Component">Our History</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/venture" data-event-name="link | footer-click" data-link-text="Ventures" data-footer-sub-name="Ventures" data-link-location="Primary Navigation / Primary Navigation Component">Ventures</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://press.spglobal.com/" data-event-name="link | footer-click" data-link-text="Press" data-footer-sub-name="Press" data-link-location="Primary Navigation / Primary Navigation Component" target="_blank">Press</a></li>
				
			

			

		</ul>
	</div>
	
    

</div>


    
    
    <div class="cmp cmp-list">

	<div class="primary-footer-list-component" data-no-index="true">
		<ul class="list-none body-regular-s text-grey-70  [&>*:first-child]:body-bold-s [&>*:first-child]:text-black-base [&>*:first-child]:mt-0">
			<li class="mt-4"><span>Investor Relations</span></li>

			
				
					<li class="mt-4"><a class="hover:underline" href="http://investor.spglobal.com/" data-event-name="link | footer-click" data-link-text="Overview" data-footer-sub-name="Overview" data-link-location="Primary Navigation / Primary Navigation Component" target="_blank">Overview</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://investor.spglobal.com/news-releases/default.aspx" data-event-name="link | footer-click" data-link-text="News Releases" data-footer-sub-name="News Releases" data-link-location="Primary Navigation / Primary Navigation Component" target="_blank">News Releases</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://investor.spglobal.com/quarterly-earnings/" data-event-name="link | footer-click" data-link-text="Quarterly Earnings" data-footer-sub-name="Quarterly Earnings" data-link-location="Primary Navigation / Primary Navigation Component" target="_blank">Quarterly Earnings</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://investor.spglobal.com/sec-filings-reports/overview/" data-event-name="link | footer-click" data-link-text="SEC Filings &amp; Reports" data-footer-sub-name="SEC Filings &amp; Reports" data-link-location="Primary Navigation / Primary Navigation Component" target="_blank">SEC Filings &amp; Reports</a></li>
				
			

			

		</ul>
	</div>
	
    

</div>


    
    
    <div class="cmp cmp-list">

	<div class="primary-footer-list-component" data-no-index="true">
		<ul class="list-none body-regular-s text-grey-70  [&>*:first-child]:body-bold-s [&>*:first-child]:text-black-base [&>*:first-child]:mt-0">
			<li class="mt-4"><span>Contact Us</span></li>

			
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/contact-us" data-event-name="link | footer-click" data-link-text="Customer Care &amp; Sales" data-footer-sub-name="Customer Care &amp; Sales" data-link-location="Primary Navigation / Primary Navigation Component">Customer Care &amp; Sales</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/contact-us" data-event-name="link | footer-click" data-link-text="Support by Division" data-footer-sub-name="Support by Division" data-link-location="Primary Navigation / Primary Navigation Component">Support by Division</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://secure.ethicspoint.com/domain/media/en/gui/7615/index.html" data-event-name="link | footer-click" data-link-text="Report an Ethics Concern" data-footer-sub-name="Report an Ethics Concern" data-link-location="Primary Navigation / Primary Navigation Component" target="_blank">Report an Ethics Concern</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/contact-us/office-locations" data-event-name="link | footer-click" data-link-text="Office Locations" data-footer-sub-name="Office Locations" data-link-location="Primary Navigation / Primary Navigation Component">Office Locations</a></li>
				
			

			

		</ul>
	</div>
	
    

</div>


    
    
    <div class="cmp cmp-list">

	<div class="primary-footer-list-component" data-no-index="true">
		<ul class="list-none body-regular-s text-grey-70  [&>*:first-child]:body-bold-s [&>*:first-child]:text-black-base [&>*:first-child]:mt-0">
			<li class="mt-4"><span>Our Organization</span></li>

			
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/explore-s-p-global/careers" data-event-name="link | footer-click" data-link-text="Careers" data-footer-sub-name="Careers" data-link-location="Primary Navigation / Primary Navigation Component">Careers</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/who-we-are/corporate-responsibility" data-event-name="link | footer-click" data-link-text="Corporate Responsibility" data-footer-sub-name="Corporate Responsibility" data-link-location="Primary Navigation / Primary Navigation Component">Corporate Responsibility</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/who-we-are/about-sp-global/our-people/our-leadership" data-event-name="link | footer-click" data-link-text="Leadership" data-footer-sub-name="Leadership" data-link-location="Primary Navigation / Primary Navigation Component">Leadership</a></li>
				
					<li class="mt-4"><a class="hover:underline" href="https://www.spglobal.com/en/esg-statements" data-event-name="link | footer-click" data-link-text="IOSCO ESG Rating &amp; Data Product Statements" data-footer-sub-name="IOSCO ESG Rating &amp; Data Product Statements" data-link-location="Primary Navigation / Primary Navigation Component">IOSCO ESG Rating &amp; Data Product Statements</a></li>
				
			

			

		</ul>
	</div>
	
    

</div>



        </div>
    </div>
    </div>
        <!-- Divider line b/w primary & secondary Navigation on footer -->
        <div class="footer-divider-component bg-grey-10">
            <hr class="bg-grey-30 xl:mx-auto lg:mx-8 md:mx-8 sm:mx-4 max-w-max-container mt-0 mb-0"/>
        </div>
    <!-- secondary Navigation on footer -->
    
    <div role="contentinfo" class="secondary-footer-component">
        <div class="secondary-footer-component-molecule bg-grey-10" data-copyright="&lt;p>© {year} S&amp;amp;P Global&lt;/p>
">
            <div class="secondary-footer-component-molecule_container pb-16 pt-8 xl:px-0 lg:px-8 md:px-8 sm:px-4 max-w-max-container m-auto">
                
                <div class="flex lg:flex-row md:flex-col sm:flex-col">
                    <div class="secondary-footer-component-molecule_container_cookies mr-6">
                        <!-- OneTrust Cookies Settings button start -->
                        <button data-event-name="link" data-link-location="Secondary Navigation / Footer Component" data-link-title="Cookie Settings" id="ot-sdk-btn" class="secondary-footer-component-molecule_container_cookies_button py-1 body-bold-xs px-4 ot-sdk-show-settings !text-black-base hover:!bg-black-base hover:!text-white-base active:!bg-black-base active:!text-white-base !border-black-base text-center">
                            Cookie Settings
                        </button>
                        <!-- OneTrust Cookies Settings button end -->
                    </div>
                    <div class="lg:ml-auto md:ml-0 sm:ml-0">
                        <ul class="flex flex-wrap  body-regular-xs gap-x-4 gap-y-2 lg:mt-0 md:mt-4 sm:mt-4 ">
                            
                                <li>
                                    <a href="https://www.spglobal.com/en/terms-of-use" data-event-name="link | footer-click" data-link-location="Secondary Navigation / Footer Component" data-link-title="Terms of Use" class="hover:underline text-grey-70">Terms of Use</a>
                                </li>
                            
                                <li>
                                    <a href="https://www.spglobal.com/en/cookie-notice" data-event-name="link | footer-click" data-link-location="Secondary Navigation / Footer Component" data-link-title="Cookie Notice" class="hover:underline text-grey-70">Cookie Notice</a>
                                </li>
                            
                                <li>
                                    <a href="https://www.spglobal.com/en/privacy/privacy-policy-english" data-event-name="link | footer-click" data-link-location="Secondary Navigation / Footer Component" data-link-title="Privacy Policy" class="hover:underline text-grey-70">Privacy Policy</a>
                                </li>
                            
                                <li>
                                    <a href="https://www.spglobal.com/en/enterprise/Legal/privacy.html" data-event-name="link | footer-click" data-link-location="Secondary Navigation / Footer Component" data-link-title="Client Privacy Portal" class="hover:underline text-grey-70">Client Privacy Portal</a>
                                </li>
                            
                                <li>
                                    <a href="https://privacyportal.onetrust.com/webform/5cb57702-8ef7-437e-a62b-408fe78cd310/draft/78fa28ce-6010-42fa-96b5-28d8837492e3" data-event-name="link | footer-click" data-link-location="Secondary Navigation / Footer Component" data-link-title="Do Not Sell or Share My Personal Information" class="hover:underline text-grey-70" target="_blank" rel="noopener noreferrer">Do Not Sell or Share My Personal Information</a>
                                </li>
                            
                            <li class="text-grey-70 body-bold-xs secondary-footer-component-molecule_container_copyright"><p>© {year} S&amp;P Global</p>
</li>
                            </li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
    </div>


    <!-- if no property authored in edit mode render placeholder text -->
    
        
    

    
    </div>
</div>

    
</div>

    </div>

    
</div>
	

            
    
    <script src="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-web-comp/components/search-component.min.109ff98e941381cce64fa75b225b60fb.js"></script>


    



    
    <script async src="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-web-comp/clientlib-dependencies.min.ae7c5b31aa6e705be71aec2cfe281a0c.js"></script>
<script async src="/etc.clientlibs/core/wcm/components/commons/site/clientlibs/container.min.0a6aff292f5cc42142779cde92054524.js"></script>
<script async src="/etc.clientlibs/core/wcm/components/commons/site/clientlibs/utils.min.9a20347481f35c44bd1c5b2e31cd2cc8.js"></script>
<script async src="/etc.clientlibs/core/wcm/components/commons/site/clientlibs/imageDynamicMedia.min.0a201f8f160f362cc4f8b50c1bd47f23.js"></script>
<script async src="/etc.clientlibs/sp-aem-platform/clientlibs/clientlib-base.min.470f293e32b2ed31ed622d233486ff5d.js"></script>


    
    <script async src="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-global.min.129fcab977c6f41e3ad5d9e7927f41a3.js"></script>


    
    
        
    <script async src="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-component/input-radiobutton-component.min.cc48b7ed042afc200893d6e408a1571a.js"></script>


        
    <script async src="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-component/form-stepper.min.497007a350420b65baf333255541141c.js"></script>


        
    <script async src="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-component/nested-checkbox-accordion.min.6d9ae395f5e9d55c69e13bcb243f6a28.js"></script>


	    
    <script async src="/etc.clientlibs/sp-aem-platform/clientlibs/platform-app/clientlib-component/form-submission.min.116bbb63fb198aba267a05ba87677306.js"></script>


    
    
    



    

    

    



    
    

            
        
        <div class="cookie-banner-placeholder"></div>
        <div class="drift-chat-placeholder"></div>
    </body>
</html>
