CINXE.COM

Human Capital Services | Deloitte US

<!DOCTYPE HTML> <html lang="en-us"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <meta charset="UTF-8"/> <title>Human Capital Services | Deloitte US</title> <meta name="template" content="branded-landing-page"/> <!-- Cookie compliance Consent Notice start --> <script defer="defer" type="text/javascript" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js" data-routing="program=27556,environment=127669,tier=publish"></script> <script> var OTGUID = "dc901afd-e53a-4d1f-aed7-c67b223f5ebc"; </script> <script src="/content/dam/Deloitte/resources/js/CrossDomainConsentShare.js" data-document-language="true" type="text/javascript" charset="UTF-8"></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" data-dlayer-name="dataLayerOneTrust" type="text/javascript" charset="UTF-8" data-domain-script="dc901afd-e53a-4d1f-aed7-c67b223f5ebc"></script> <!-- Cookie compliance Consent Notice end --> <script type="text/plain" src="https://assets.adobedtm.com/launch-EN19f66e78030b4550b8aebe191224f207.min.js" class="optanon-category-1" async></script> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"/> <meta NAME="robots" CONTENT="index, follow"/> <link rel="canonical" href="https://www2.deloitte.com/us/en/pages/human-capital/solutions/human-capital-services.html"/> <meta name="thumbnail" content="https://www2.deloitte.com/content/dam/zone4/us/primary/circular-black/events/2023/humancapital-promo.jpg/jcr:content/renditions/cq5dam.web.436.228.jpeg"/> <meta name="description" content="Deloitte’s Human Capital services leverage research, analytics, and industry insights to help design and execute critical programs from business driven HR to innovative talent, leadership, and change programs."/> <meta property="fb:app_id" content="391573044299401"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Deloitte United States"/> <meta property="og:url" content="https://www2.deloitte.com/us/en/pages/human-capital/solutions/human-capital-services.html"/> <meta property="og:image" content="https://www2.deloitte.com/content/dam/zone4/us/primary/circular-black/events/2023/humancapital-promo.jpg/jcr:content/renditions/cq5dam.web.1200.627.jpeg"/> <meta property="og:title" content="Human Capital Services"/> <meta property="og:description" content="Deloitte’s Human Capital services leverage research, analytics, and industry insights to help design and execute critical programs from business driven HR to innovative talent, leadership, and change programs."/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@DeloitteUS"/> <meta name="twitter:url" content="https://www2.deloitte.com/us/en/pages/human-capital/solutions/human-capital-services.html"/> <meta name="twitter:image" content="https://www2.deloitte.com/content/dam/zone4/us/primary/circular-black/events/2023/humancapital-promo.jpg/jcr:content/renditions/cq5dam.web.1200.627.jpeg"/> <meta name="twitter:title" content="Human Capital Services"/> <meta name="twitter:description" content="Deloitte’s Human Capital services leverage research, analytics, and industry insights to help design and execute critical programs from business driven HR to innovative talent, leadership, and change programs."/> <!--Fav Icons --> <link rel="icon" type="image/vnd.microsoft.icon" href="/content/dam/resources/deloitte/icons/favicon.ico"/> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/content/dam/resources/deloitte/icons/favicon.ico"/> <link rel="apple-touch-icon" sizes="57x57" href="/content/dam/resources/deloitte/icons/apple-icon-57x57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="/content/dam/resources/deloitte/icons/apple-icon-72x72.png"/> <link rel="apple-touch-icon" sizes="114x114" href="/content/dam/resources/deloitte/icons/apple-icon-114x114.png"/> <link rel="apple-touch-icon" sizes="144x144" href="/content/dam/resources/deloitte/icons/apple-icon-144x144.png"/> <meta name="msapplication-config" content="/content/dam/resources/deloitte/browserconfig.xml"/> <script> if(document.documentElement.lang == 'ko'){ var preloadLink = document.createElement('link'); preloadLink.rel = 'preload'; preloadLink.as = 'font'; preloadLink.href = '/etc.clientlibs/shared/clientlibs/clientlib-site/resources/fonts/korea/Nanum.woff'; preloadLink.crossOrigin = 'anonymous'; document.head.appendChild(preloadLink); } </script> <!-- Target pre-load snippet - 1053512 plinko user story --> <script> !function(n){var e,t,i,o,a="at-body-style";function d(){return n.getElementsByTagName("head")[0]}e=d(),t=a,i="body {opacity: 0 !important}",e&&((o=n.createElement("style")).id=t,o.innerHTML=i,e.appendChild(o)),setTimeout(function(){var e,t;e=d(),t=a,!e||(t=n.getElementById(t))&&e.removeChild(t)},3e3)}((window,document)); </script> <!-- Links from Preload Tab --> <link rel="preload" href="/etc.clientlibs/shared/clientlibs/clientlib-critical/clientlib-critical-branded-landing.lc-3257093fe842bfbf69ec51ca53f57e83-lc.min.css" as="style" type="text/css"><link rel="stylesheet" type="text/css" href="/etc.clientlibs/shared/clientlibs/clientlib-critical/clientlib-critical-branded-landing.lc-3257093fe842bfbf69ec51ca53f57e83-lc.min.css"> <link rel="preload" href="/etc/designs/dcom/assets/fonts/korea/Nanum.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <!-- End of Links from Preload Tab --> <script> var dataLayer= {}; var wcmMode = ''; var templateType = ''; var dtmConfig = 'false'; var siteCatConfig = 'false'; // Added the below to fetch the Twine Social parameters var twineSocialClientID = "MTY1ODcsUk9mSlVLWFdWQlZBTzdHWmFWQzVoRzlvTXd2c24wcjU%3D"; var twineSocialAccountCode = "15-I7FFXT"; var twineSocialGroupID = "96432072593"; var isTMP = false; var siteDomain = ""; if(isTMP) { siteDomain = domain; if(siteDomain != "") { siteDomain=domain.slice(0,-1); if(siteDomain.indexOf(":")+1){ siteDomain=siteDomain.substr(siteDomain.indexOf(":")+1); } } } </script> <link rel="stylesheet" href="/etc.clientlibs/shared/clientlibs/clientlib-global/clientlib-base.lc-b070fadc3fb4320eeb6281d62912e1e5-lc.min.css" type="text/css"> <script src="/etc.clientlibs/shared/clientlibs/clientlib-global/clientlib-base.lc-a907776f25d542b253e039da012c77b0-lc.min.js"></script> <script> if(/MSIE (8\.[\.0-9]{0,})|MSIE (7\.[\.0-9]{0,})|MSIE (6\.[\.0-9]{0,})/i.test(navigator.userAgent)) { window.location.href= "/us/en/misc/nonsupportedbrowserpage.us.en.pages.human-capital.solutions.human-capital-services.html"; } var domain = 'https://www2.deloitte.com/'; var domainKey = 'deloitte'; var isEditMode = 'false'; var isDesignMode = 'false'; var isPreviewMode = 'false'; var sc_currentPageName = '/us/en/pages/human-capital/solutions/human-capital-services'; var sc_currentPageHashValue = '4684efbd'; var sc_template = 'Branded_Landing_Page'; var sc_recCuratedPromos = ''; var sc_recommArticle = 'Recommendations'; var sc_recViewedPage = 'Recently viewed pages'; var sc_featuredLink = 'Featured Link'; var sc_channel = '/content/www/us/en/pages'; var hideFromRecommendations_v2 = 'true'; var pagePathValue = '/us/en/pages/human-capital/solutions/human-capital-services'; var selectorString = '.'; var siteSectionOverrideVal = ''; var PAGE_NAME = ""; var GOOGLE_MF_ACCOUNT = ""; var GOOGLE_INCLUDE_GLOBAL = ""; var RESULTS_FOR_LBL = ""; var sc_secondLevelForProp5 = ""; var temp_Name = 'branded-landing-page'; var isTempSite = false; var sc_secondLevel = "Human_Capital"; var sc_thirdLevel = 'Solutions'; var sc_country = 'us'; var sc_language = 'en'; var siteOverrideValueProp5 = 'human-capital'; var sc_mfCountry = ''; var sc_GatedOverlayEnabled = 'false'; var sc_mfSite = 'Deloitte'; var sc_gigyaId = ""; if(siteSectionOverrideVal.length > 0 && (siteSectionOverrideVal.toUpperCase().trim() == 'NA')){ siteOverrideValueProp5=''; }else if((siteSectionOverrideVal.length > 0 && siteSectionOverrideVal.toUpperCase().trim() != 'NA')){ siteOverrideValueProp5 = siteSectionOverrideVal.toLowerCase().trim(); }else if(siteSectionOverrideVal.length == 0){ if(temp_Name == 'genericerrorpage'){ siteOverrideValueProp5 = '404_error'; } else if(temp_Name == 'nonsupportedpage'){ siteOverrideValueProp5 = 'not_supported'; }else if((temp_Name == 'rfpformpage') || (temp_Name == 'contactuspage')|| (temp_Name == 'deloitteformstemplate')){ siteOverrideValueProp5 = 'forms'; }else if((temp_Name == 'searchResultsTemplate') || (temp_Name == 'internalSearchResultsTemplate')){ siteOverrideValueProp5 = 'search_results'; }else if((temp_Name == 'officedetailspage') || (temp_Name == 'officelocatorpage')|| (temp_Name == 'globalofficedirectorypage')){ siteOverrideValueProp5 = 'office_information'; }else if(temp_Name == 'companyinformationpage'){ siteOverrideValueProp5 = 'legal'; }else if(temp_Name == 'moreondeloittepage'){ siteOverrideValueProp5 = 'company_information'; }else if(temp_Name == 'pressreleasespagetemplate'){ siteOverrideValueProp5 = 'press_releases'; }else if((temp_Name == 'fulltopicpage') || (temp_Name == 'articlepage')|| (temp_Name == 'solutionpage')|| (temp_Name == 'eventpage')|| (temp_Name == 'careerpage')){ siteOverrideValueProp5 ='human-capital'; }else if(temp_Name == "memberfirmhomepage" || temp_Name == "globalhomepage") { siteOverrideValueProp5 = 'home'; }else if(temp_Name == "thankyoupage") { siteOverrideValueProp5 = 'thank_you'; }else if(temp_Name == "dynamiclisttemplate") { siteOverrideValueProp5 = 'dynamiclist'; }else if(temp_Name == "htmlfragmentpage") { siteOverrideValueProp5 = 'landingpage'; }else if(temp_Name == "blog-collection-template") { siteOverrideValueProp5 = 'blog_collection'; }else if(temp_Name == "blog-post-template") { siteOverrideValueProp5 = 'blog-post'; } } if(temp_Name == "memberfirmhomepage" || temp_Name == "globalhomepage") { sc_channel = 'Homepage'; } else if(temp_Name == "thankyoupage") { sc_channel = 'Thankyou'; } sc_secondLevelForProp5 = siteOverrideValueProp5; searchLocation = '//www2.deloitte.com/us/en/misc/search.html'; try{ if(sessionStorage.getItem("gigyaIdInSession")!=null){ sc_gigyaId=sessionStorage.getItem("gigyaIdInSession"); } } catch(err){console.log(err);} </script> <div id="datalayerdiv"> <script type="text/javascript"> dataLayer.page={ "attributes": { "pageID": "4684efbd", "pagename": "/us/en/pages/human-capital/solutions/human-capital-services", "country": "united states", "language": "en", "urlCountry": "us", "pageTemplate": "Branded_Landing_Page", "siteSection": "solutions", "documentAge": "579", "pageTitle": "Human_Capital_Services_|_Deloitte_US", "blueprintName": "", "createDate": "9 Aug. 2023", "publishDate": "9 Aug. 2023", "authors": "", "tag2": "", "thumbnailUrl": "/content/dam/zone4/us/primary/circular-black/events/2024/hc-services-promo.png", "description": "Deloitte’s Human Capital services leverage research, analytics, and industry insights to help design and execute critical programs from business driven HR to innovative talent, leadership, and change programs.", "contentJobLevel":"", "contentJobFunction":"", "contentIndustry":"", "headline1": "Human Capital Services | Deloitte US", "headline2": "", "mfSite" : "Deloitte", "primaryTopic": "Human Capital", "contentLabel18n": "Content_type_insights" } }; dataLayer.search={ "searchTerm": "", "pageNum": "1", "Facet": "all" }; dataLayer.custom={ "customConversion1": "consulting:human capital talent:K0181812", "customConversion2": "marketing:practice perspectives:perspectives", "customConversion3": "", "customConversion4": "", "customConversion5": "", "customConversion6": "", "customConversion7": "", "customTraffic1": "", "customTraffic2": "", "customTraffic3": "", "customTraffic4": "", "customTraffic5": "", "customActions": "", "globalcampaigncode": "", "targetingCodes": "" }; var mediadata = ""; dataLayer.page.attributes.media = mediadata; var recPromo1 = ""; dataLayer.page.attributes.recPromo1 = recPromo1; var tagNames_attributes = ""; dataLayer.page.attributes.tagNames = tagNames_attributes; </script> </div> <script type="text/javascript"> function loadScript(scriptURL){ // load script var scriptTAG = document.createElement('script'); scriptTAG.type = 'application/javascript'; scriptTAG.async = true; scriptTAG.src = scriptURL; document.getElementsByTagName('head')[0].appendChild(scriptTAG); } function loadCSS(CSSURL){ // load css var linkTAG = document.createElement('link'); linkTAG.rel = "stylesheet"; linkTAG.type = 'text/css'; linkTAG.href = CSSURL; document.getElementsByTagName('head')[0].appendChild(linkTAG); } if(!navigator.onLine){ loadCSS('/etc.clientlibs/shared/clientlibs/clientlib-base.min.css'); loadCSS('/etc.clientlibs/shared/clientlibs/clientlib-site.min.css'); loadScript('/etc.clientlibs/shared/clientlibs/clientlib-base.min.js'); templateType = dataLayer.page.attributes.pageTemplate; // for event details template if(templateType == "Event_Details_Page_Template"){ loadCSS('/etc.clientlibs/shared/clientlibs/clientlib-critical/clientlib-critical-event-details.min.css'); loadCSS('/etc.clientlibs/shared/clientlibs/clientlib-site/templates/clientlib-site-event-details.min.css'); } // for blog post template else if(templateType == "Blog_Post_Template"){ loadCSS('/etc.clientlibs/shared/clientlibs/clientlib-critical/clientlib-critical-blog-post.min.css') loadCSS('/etc.clientlibs/shared/clientlibs/clientlib-site/templates/clientlib-site-blog-post.min.css') } // for DI Article and multimedia else if(templateType == "Deloitte_Insights_Article_And_Multimedia_Template"){ loadCSS('/etc.clientlibs/deloitte-insights/clientlibs/clientlib-critical/clientlib-critical-di-insights-and-multimedia.min.css'); loadCSS('/etc.clientlibs/deloitte-insights/clientlibs/clientlib-site/templates/clientlib-site-di-article-multimedia.min.css'); } } </script> <link rel="stylesheet" href="/etc.clientlibs/shared/clientlibs/clientlib-site.lc-42ce2529ee8cbb541ab4da8b8ab6be64-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/shared/clientlibs/clientlib-site/templates/clientlib-site-branded-landing.lc-d306a48105b62ad2e52e97fdbf56c5ae-lc.min.css" type="text/css"> <script src="/content/dam/Deloitte/resources/static-fixes/legacy-static-fix.js" type="text/javascript"></script> <link rel="stylesheet" href="/content/dam/Deloitte/resources/static-fixes/legacy-static-fix.css"/> <script> var base = document.createElement('base'); base.href = window.location.href; document.getElementsByTagName('head')[0].appendChild(base); </script> <script nonce="762f31a9d841a9f046ff7122b6eccf6e">(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script nonce="762f31a9d841a9f046ff7122b6eccf6e">!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%0A%09%22RT%22%3A%20%7B%0A%09%09%22cookie%22%3A%20%22%22%0A%09%7D%2C%0A%09%22Akamai%22%3A%20%7B%0A%09%09%22enabled%22%3A%20false%0A%09%7D%0A%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script nonce="762f31a9d841a9f046ff7122b6eccf6e">!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="9JTXD-CNBZB-FG7SF-PEEED-N9JSF",function(){function e(){if(!r){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.appendChild(e),r=!0}}function t(e){r=!0;var n,t,a,i,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",i=(a.frameElement||a).style,i.width=0,i.height=0,i.border=0,i.display="none",o.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void 0;",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=14,window.BOOMR.url=n+"9JTXD-CNBZB-FG7SF-PEEED-N9JSF";var i=document.currentScript||document.getElementsByTagName("script")[0],o=i.parentNode,r=!1,d=document.createElement("link");if(d.relList&&"function"==typeof d.relList.supports&&d.relList.supports("preload")&&"as"in d)window.BOOMR.snippetMethod="p",d.href=window.BOOMR.url,d.rel="preload",d.as="script",d.addEventListener("load",e),d.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!r)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.appendChild(d);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbeqx2jxecz6p7ura-f-d0cd1b709-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"246442","ak.ai":parseInt("147953",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"96625df","ak.r":44715,"ak.a2":n,"ak.m":"dsca","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":55446,"ak.gh":"23.44.214.21","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1741684002","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==sIeosMr0x5Gky6/9G0nAIB5nC2p5x/I0G/voucBPJ/JBaF2P/UiQFOY8+oNwyy3Wu3ogzRS79NxwjkdaEib2KtL9ka5TdMja2Jy+pZ9VJgBxAn3zcPFGWqv84dIh9c4xDcD6W9qc+HXQ1ypjznLZvftZnTxvoU/WNyzx9M0eaylVEHON/1s3CTP7i/id/RVw0O3dAOQnBqPH4gQPSn0r/cTWKaqACoYQQm5tynqYFZ7jQMOfuz0che3dyN5tjAuWBZV69dznUqE1+aSSHCXOarnftsu+EDDBIHyJyhDvRDOYSN1bQlUgN9ue6TOUWZxDZPAoqpjFirTgO93EyfswERAp/BtFRaeGuJOwXAcewbVMRxZPq3lceBlfTZLHSVvitDZe4RlNg3Opd6eezuz4FjhNcQ3oTLBbg1ZRrae37OM=","ak.pv":"1054","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="branded-landing-page page basicpage margin-top_header" ng-app="appModule" ng-controller="appController"> <div> <noscript> <div style="background: #fbfbfb; color: red; border: 1px solid #DCDCDC; width: 95%; margin: 20px auto; padding: 20px; text-align: center; font-size: 16px; font-weight: 300; font-family: verdana, sans-serif;"> Please enable JavaScript to view the site. </div> </noscript> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="header aem-GridColumn aem-GridColumn--default--12"> <!-- This DOM is required for Edit mode only for showing Privancy message on Deloitte Simple Forms template starts--> <!-- This DOM is required for Edit mode only for showing Privancy message on Deloitte Simple Forms template ends--> <!-- US:526962 : adding offline banner component here--> <!-- adding DOM for offline or online mode US:526962 --> <div id="offline_display_message" class="offline-alert-wrapper" style="display: none;"> <!-- TODO: add cloud offline icon here --> <span class="deloitte-icon icon-cloud-check"></span> <div class="container-space"> <h5 class="heading-style"> <b>Viewing offline content</b> </h5> <p class="msg-subtitle"> Limited functionality available </p> </div> <div class="close-btn" onclick="closeOfflineBanner()"> <b>Dismiss</b> </div> </div> <header class="cmp-header" id="header" role="banner"> <div class="cmp-header-container cmp-container-width"> <!-- hamburger button for mobile nav --> <button class="cmp-header__nav-icon" id="header__nav-icon" type="button" aria-label="Menu" aria-expanded="false"> <i class="icon-navicon"></i> </button> <!-- Placeholder for Deloitte logo --> <div class="cmp-header__logo" id="header__logo"> <a href="/us/en.html" title='United States'> <img src="/content/dam/assets/logos/deloitte.svg" alt='United States' width="182" height="34"/> <img class="cmp-header__logo--print" src="/content/dam/assets/logos/deloitte-print.png" alt="" width="182" height="34"/> </a> </div> <!-- Annotations DOM --> <div class="annotations"> </div> <!-- Annotations DOM ends--> <!-- Placeholder for primary navigation for desktop--> <div id="pr-nav" class="cmp-pr-nav"> <nav role="navigation"> <ul role="menubar"> <li aria-haspopup="true" role="menuitem" class="cmp-pr-nav__item" id="list1"> <a href="#" data-sub="Services" class="cmp-pr-nav__item__link" aria-haspopup="true" aria-expanded="false">Services<i class="icon-chevron"></i> </a> <!--Mega menu starts --> <div class="cmp-pr-nav__menu" aria-expanded="false" aria-labelledby="list1"> <div class="cmp-container-width aem-Grid aem-Grid--12"> <div class="cmp-pr-nav__menu__Whats-new-section aem-GridColumn aem-GridColumn--default--3 aem-GridColumn--phone--12"> <h4>What&#39;s New</h4> <ul> <li> <a href="/us/en/pages/dbriefs-webcasts/upcoming-webcasts.html?icid&#61;wn_upcoming-webcasts" target="_self"> <strong>Register for Dbriefs webcasts</strong> <p></p> </a> </li> <li> <a href="/us/en/pages/consulting/solutions/enterprise-metaverse-consulting.html?icid&#61;wn_enterprise-metaverse-consulting" target="_blank"> <strong>Enterprise metaverse solutions</strong> <p>Explore Deloitte&#39;s Unlimited Reality™ services</p> </a> </li> <li> <a href="/us/en/services/sustainability.html?icid&#61;wn_sustainability" target="_self"> <strong>Deloitte Sustainability</strong> <p>Cultivating a sustainable and prosperous future</p> </a> </li> </ul> </div> <div class="cmp-pr-nav__menu__links-wrapper aem-GridColumn aem-GridColumn--default--9 aem-GridColumn--phone--12"> <!-- subnav items starts --> <ul class="cmp-pr-nav__menu__links-section aem-Grid aem-Grid--12"> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/services/tax.html?icid&#61;top_tax" target="_self">Tax</a></h4> <ul> <li> <a href="/us/en/pages/tax/topics/tax-compliance-reporting.html?icid&#61;top_tax-compliance-reporting" target="_self"> Tax Operate</a> </li> <li> <a href="/us/en/pages/tax/articles/us-tax-law-changes.html?icid&#61;top_us-tax-law-changes" target="_self"> Tax Legislation</a> </li> <li> <a href="/us/en/pages/tax/solutions/tax-technology-consulting.html?icid&#61;top_tax-technology-consulting" target="_self"> Tax Technology Consulting</a> </li> <li> <a href="/us/en/pages/tax/solutions/global-employer-services.html?icid&#61;top_global-employer-services" target="_self"> Global Employer Services</a> </li> <li> <a href="/us/en/pages/tax/solutions/legal-business-services.html?icid&#61;top_legal-business-services" target="_self"> Legal Business Services</a> </li> <li> <a href="/us/en/pages/tax/solutions/deloitte-tax-services.html?icid&#61;top_deloitte-tax-services" target="_self"> Tax Services</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/services/consulting.html?icid&#61;top_consulting" target="_self">Consulting</a></h4> <ul> <li> <a href="/us/en/pages/technology/solutions/core-business-operations-consulting-services.html?icid&#61;top_core-business-operations-consulting-services" target="_self"> Core Business Operations</a> </li> <li> <a href="https://www.deloittedigital.com/us/en.html?icid&#61;top_" target="_blank"> Customer &amp; Marketing</a> </li> <li> <a href="/us/en/pages/operations/topics/enterprise-technology-performance.html?icid&#61;top_enterprise-technology-performance" target="_self"> Enterprise Technology &amp; Performance</a> </li> <li> <a href="/us/en/pages/human-capital/solutions/human-capital.html?icid&#61;top_" target="_self"> Human Capital</a> </li> <li> <a href="/us/en/pages/strategy-operations/topics/strategy-and-analytics-consulting.html?icid&#61;top_strategy-and-analytics-consulting" target="_self"> Strategy &amp; Analytics</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/services/audit.html?icid&#61;top_audit" target="_self">Audit &amp; Assurance</a></h4> <ul> <li> <a href="/us/en/pages/audit/topics/audit-innovation.html?icid&#61;top_audit-innovation" target="_self"> Audit Innovation</a> </li> <li> <a href="/us/en/pages/audit/topics/accounting-standards.html?icid&#61;top_accounting-standards" target="_self"> Accounting Standards</a> </li> <li> <a href="/us/en/pages/audit/topics/accounting-events-business-transactions.html?icid&#61;top_accounting-events-business-transactions" target="_self"> Accounting Events &amp; Transactions</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/pages/deloitte-private/solutions/deloitte-private-company-services.html?icid&#61;top_deloitte-private-company-services" target="_self">Deloitte Private</a></h4> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/services/mergers-acquisitions-restructuring-services.html?icid&#61;top_mergers-acquisitions-restructuring-services" target="_self">M&amp;A and Restructuring</a></h4> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/services/advisory.html?icid&#61;top_advisory" target="_self">Risk &amp; Financial Advisory</a></h4> <ul> <li> <a href="/us/en/pages/advisory/solutions/accounting-and-internal-controls.html?icid&#61;top_accounting-and-internal-controls" target="_self"> Accounting &amp; Internal Controls</a> </li> <li> <a href="/us/en/pages/risk/solutions/strategic-risk-management.html?icid&#61;top_" target="_self"> Cyber &amp; Strategic Risk</a> </li> <li> <a href="/us/en/pages/regulatory/solutions/regulatory-compliance-services.html?icid&#61;top_regulatory-compliance-services" target="_self"> Regulatory &amp; Legal</a> </li> <li> <a href="/us/en/pages/advisory/solutions/transaction-advisory-services.html?icid&#61;top_transaction-advisory-services" target="_self"> Transactions and M&amp;A</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/pages/deloitte-analytics/solutions/deloitte-analytics.html?icid&#61;top_deloitte-analytics" target="_self">AI &amp; Analytics</a></h4> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/pages/consulting/solutions/cloud-consulting-services.html?icid&#61;top_cloud-consulting-services" target="_self">Cloud</a></h4> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a></a></h4> </li> </ul> <div class="cmp-pr-nav__menu__close"> <a href="" aria-label="Close" class="icon-remove"></a> </div> </div> </div> </div> </li> <li aria-haspopup="true" role="menuitem" class="cmp-pr-nav__item" id="list2"> <a href="#" data-sub="Industries" class="cmp-pr-nav__item__link" aria-haspopup="true" aria-expanded="false">Industries<i class="icon-chevron"></i> </a> <!--Mega menu starts --> <div class="cmp-pr-nav__menu" aria-expanded="false" aria-labelledby="list2"> <div class="cmp-container-width aem-Grid aem-Grid--12"> <div class="cmp-pr-nav__menu__Whats-new-section aem-GridColumn aem-GridColumn--default--3 aem-GridColumn--phone--12"> <h4>What&#39;s New</h4> <ul> <li> <a href="/us/en/pages/about-deloitte/articles/client-stories-and-successes.html?icid&#61;wn_client-stories-and-successes" target="_self"> <strong>The Ripple Effect</strong> <p>Real-world client stories of purpose and impact</p> </a> </li> <li> <a href="/us/en/pages/dbriefs-webcasts/upcoming-webcasts.html?icid&#61;wn_upcoming-webcasts" target="_blank"> <strong>Register for Dbriefs webcasts</strong> <p></p> </a> </li> <li> <a href="/us/en/pages/about-deloitte/solutions/industry-advantage-business-transformation.html?icid&#61;wn_industry-advantage-business-transformation" target="_self"> <strong>IndustryAdvantage™</strong> <p>Commercial, products, and operations transformation for the future of your industry.</p> </a> </li> </ul> </div> <div class="cmp-pr-nav__menu__links-wrapper aem-GridColumn aem-GridColumn--default--9 aem-GridColumn--phone--12"> <!-- subnav items starts --> <ul class="cmp-pr-nav__menu__links-section aem-Grid aem-Grid--12"> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/industries/consumer-industry.html?icid&#61;top_consumer-industry" target="_self">Consumer</a></h4> <ul> <li> <a href="/us/en/pages/consumer-business/topics/automotive.html?icid&#61;top_automotive" target="_self"> Automotive</a> </li> <li> <a href="/us/en/pages/consumer-business/topics/consumer-products.html?icid&#61;top_consumer-products" target="_self"> Consumer Products</a> </li> <li> <a href="/us/en/pages/consumer-business/topics/retail-wholesale-distribution.html?icid&#61;top_retail-wholesale-distribution" target="_self"> Retail, Wholesale &amp; Distribution</a> </li> <li> <a href="/us/en/pages/consumer-business/topics/transportation-hospitality-and-services-trends.html?icid&#61;top_transportation-hospitality-and-services-trends" target="_self"> Transportation, Hospitality &amp; Services</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/industries/energy-resources-industrials.html?icid&#61;top_" target="_self">Energy, Resources &amp; Industrials</a></h4> <ul> <li> <a href="/us/en/industries/industrials-sector-services.html?icid&#61;top_industrials-sector-services" target="_self"> Industrial Products &amp; Construction</a> </li> <li> <a href="/us/en/industries/power-utilities-and-renewables-industry-hub.html?icid&#61;top_power-utilities-and-renewables-industry-hub" target="_self"> Power, Utilities &amp; Renewables</a> </li> <li> <a href="/us/en/pages/energy-and-resources/topics/energy-chemicals.html?icid&#61;top_" target="_self"> Energy &amp; Chemicals</a> </li> <li> <a href="/us/en/pages/energy-and-resources/articles/mining-and-metals.html?icid&#61;top_mining-and-metals" target="_self"> Mining &amp; Metals</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/industries/financial-services.html?icid&#61;top_financial-services" target="_self">Financial Services</a></h4> <ul> <li> <a href="/us/en/pages/financial-services/topics/banking-capital-markets.html?icid&#61;top_banking-capital-markets" target="_self"> Banking &amp; Capital Markets</a> </li> <li> <a href="/us/en/pages/financial-services/topics/insurance.html?icid&#61;top_insurance" target="_self"> Insurance</a> </li> <li> <a href="/us/en/pages/financial-services/topics/investment-management.html?icid&#61;top_investment-management" target="_self"> Investment Management</a> </li> <li> <a href="/us/en/pages/real-estate/topics/real-estate.html?icid&#61;top_real-estate" target="_self"> Real Estate</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/industries/government-public-services.html?icid&#61;top_government-public-services" target="_self">Government &amp; Public Services</a></h4> <ul> <li> <a href="/us/en/pages/public-sector/topics/defense-security-justice.html?icid&#61;top_defense-security-justice" target="_self"> Defense, Security &amp; Justice</a> </li> <li> <a href="/us/en/pages/public-sector/topics/federal-health.html?icid&#61;top_federal-health" target="_self"> Federal health</a> </li> <li> <a href="/us/en/pages/public-sector/topics/civil-government.html?icid&#61;top_civil-government" target="_self"> Civil</a> </li> <li> <a href="/us/en/pages/public-sector/topics/state-government.html?icid&#61;top_state-government" target="_self"> State &amp; Local</a> </li> <li> <a href="/us/en/pages/public-sector/topics/higher-education.html?icid&#61;top_higher-education" target="_self"> Higher Education</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/industries/life-sciences-and-health-care.html?icid&#61;top_life-sciences-and-health-care" target="_self">Life Sciences &amp; Health Care</a></h4> <ul> <li> <a href="/us/en/pages/life-sciences-and-health-care/topics/health-care.html?icid&#61;top_health-care" target="_self"> Health Care</a> </li> <li> <a href="/us/en/pages/life-sciences-and-health-care/topics/life-sciences.html?icid&#61;top_life-sciences" target="_self"> Life Sciences</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/industries/technology-media-and-telecommunications.html?icid&#61;top_technology-media-and-telecommunications" target="_self">Technology, Media &amp; Telecommunications</a></h4> <ul> <li> <a href="/us/en/pages/technology-media-and-telecommunications/topics/technology-industry.html?icid&#61;top_technology-industry" target="_self"> Technology</a> </li> <li> <a href="/us/en/pages/technology-media-and-telecommunications/topics/telecom-industry.html?icid&#61;top_telecom-industry" target="_self"> Telecommunications</a> </li> <li> <a href="/us/en/pages/technology-media-and-telecommunications/topics/telecommunications-media-entertainment.html?icid&#61;top_" target="_self"> Media &amp; Entertainment</a> </li> </ul> </li> </ul> <div class="cmp-pr-nav__menu__close"> <a href="" aria-label="Close" class="icon-remove"></a> </div> </div> </div> </div> </li> <li aria-haspopup="true" role="menuitem" class="cmp-pr-nav__item" id="list3"> <a href="#" data-sub="Insights" class="cmp-pr-nav__item__link" aria-haspopup="true" aria-expanded="false">Insights<i class="icon-chevron"></i> </a> <!--Mega menu starts --> <div class="cmp-pr-nav__menu" aria-expanded="false" aria-labelledby="list3"> <div class="cmp-container-width aem-Grid aem-Grid--12"> <div class="cmp-pr-nav__menu__Whats-new-section aem-GridColumn aem-GridColumn--default--3 aem-GridColumn--phone--12"> <h4></h4> <a class="logo" href="/us/en/insights.html" title="Deloitte Insights"> <img src="/etc/designs/insights/insights-redesign/images/logo.svg" alt="Deloitte Insights" class="logo-insight"/> </a> </hr> <h4>What&#39;s New</h4> <ul> <li> <a href="/us/en/insights/deloitte-insights-magazine.html?icid&#61;wn_deloitte-insights-magazine" target="_self"> <strong>Deloitte Insights Magazine</strong> <p>Explore the latest issue now</p> </a> </li> <li> <a href="/us/en/insights/legal/deloitte-insights-app.html?icid&#61;wn_deloitte-insights-app" target="_blank"> <strong>Deloitte Insights app</strong> <p>Go straight to smart with daily updates on your mobile device</p> </a> </li> <li> <a href="/us/en/insights/economy/global-economic-outlook/weekly-update.html?icid&#61;wn_weekly-update" target="_self"> <strong>Weekly economic update</strong> <p>See what&#39;s happening this week and the impact on your business</p> </a> </li> </ul> </div> <div class="cmp-pr-nav__menu__links-wrapper aem-GridColumn aem-GridColumn--default--9 aem-GridColumn--phone--12"> <!-- subnav items starts --> <ul class="cmp-pr-nav__menu__links-section aem-Grid aem-Grid--12"> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/.html?icid&#61;top_" target="_self">Spotlight</a></h4> <ul> <li> <a href="/us/en/insights/economy/global-economic-outlook/weekly-update.html?icid&#61;insights_top_weekly-update" target="_self"> Weekly Economic Outlook</a> </li> <li> <a href="/us/en/insights/focus/top-10-business-insights.html?icid&#61;top_top-10-business-insights" target="_self"> Top 10 Reading Guide</a> </li> <li> <a href="/us/en/insights/environmental-social-governance.html?icid&#61;insights_top_environmental-social-governance" target="_self"> Celebrating Earth Month</a> </li> <li> <a href="/us/en/insights/resilience.html?icid&#61;top_resilience" target="_self"> Resilience</a> </li> <li> <a href="/us/en/insights/focus/cognitive-technologies.html?icid&#61;top_cognitive-technologies" target="_self"> Artificial Intelligence</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/.html?icid&#61;top_" target="_self">Topics</a></h4> <ul> <li> <a href="/us/en/insights/strategy.html?icid&#61;top_strategy" target="_self"> Strategy</a> </li> <li> <a href="/us/en/insights/economy-society.html?icid&#61;top_economy-society" target="_self"> Economy &amp; Society</a> </li> <li> <a href="/us/en/insights/operations.html?icid&#61;top_operations" target="_self"> Operations</a> </li> <li> <a href="/us/en/insights/workforce.html?icid&#61;insights_top_workforce" target="_self"> Workforce</a> </li> <li> <a href="/us/en/insights/technology.html?icid&#61;top_technology" target="_self"> Technology</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/.html?icid&#61;top_" target="_self">Industries</a></h4> <ul> <li> <a href="/us/en/insights/consumer-industry.html?icid&#61;insights_top_consumer-industry" target="_self"> Consumer</a> </li> <li> <a href="/us/en/insights/energy-resources-industrials.html?icid&#61;insights_top_energy-resources-industrials" target="_self"> Energy, Resources, &amp; Industrials</a> </li> <li> <a href="/us/en/insights/industry/financial-services.html?icid&#61;insights_top_financial-services" target="_self"> Financial Services</a> </li> <li> <a href="/us/en/insights/industry/public-sector.html?icid&#61;insights_top_public-sector" target="_self"> Government &amp; Public Services</a> </li> <li> <a href="/us/en/insights/life-sciences-health-care.html?icid&#61;insights_top_life-sciences-health-care" target="_self"> Life Sciences &amp; Health Care</a> </li> <li> <a href="/us/en/insights/technology-media-telecommunications.html?icid&#61;insights_top_technology-media-telecommunications" target="_self"> Technology, Media, &amp; Telecommunications</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/.html?icid&#61;top_" target="_self">More from Deloitte Insights</a></h4> <ul> <li> <a href="/us/en/insights/about-deloitte-insights.html?icid&#61;insights_top_about-deloitte-insights" target="_self"> About</a> </li> <li> <a href="/us/en/insights/deloitte-insights-magazine.html?icid&#61;top_deloitte-insights-magazine" target="_self"> Deloitte Insights Magazine</a> </li> <li> <a href="/us/en/insights/multimedia/podcasts.html?icid&#61;top_podcasts" target="_self"> Press Room Podcasts</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a></a></h4> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a></a></h4> </li> </ul> <div class="cmp-pr-nav__menu__close"> <a href="" aria-label="Close" class="icon-remove"></a> </div> </div> </div> </div> </li> <li aria-haspopup="true" role="menuitem" class="cmp-pr-nav__item" id="list4"> <a href="#" data-sub="Careers" class="cmp-pr-nav__item__link" aria-haspopup="true" aria-expanded="false">Careers<i class="icon-chevron"></i> </a> <!--Mega menu starts --> <div class="cmp-pr-nav__menu" aria-expanded="false" aria-labelledby="list4"> <div class="cmp-container-width aem-Grid aem-Grid--12"> <div class="cmp-pr-nav__menu__Whats-new-section aem-GridColumn aem-GridColumn--default--3 aem-GridColumn--phone--12"> <h4>What&#39;s New</h4> <ul> <li> <a href="/us/en/careers/students.html?icid&#61;wn_students" target="_self"> <strong>Students</strong> <p>Your success is our focus. From internships to on-the-job training, there’s plenty of room for your career to grow for years to come. Apply today and join us. We can impact the world—together.</p> </a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-talent-networks.html?icid&#61;wn_join-deloitte-talent-networks" target="_blank"> <strong>Deloitte&#39;s Talent Network</strong> <p>Inspiring connections. Impactful work. All here. All waiting to be discovered by you. When you join our Talent Network, you&#39;re connecting to career resources that provide insights into working at Deloitte and potential job opportunities. Let&#39;s get started.</p> </a> </li> </ul> </div> <div class="cmp-pr-nav__menu__links-wrapper aem-GridColumn aem-GridColumn--default--9 aem-GridColumn--phone--12"> <!-- subnav items starts --> <ul class="cmp-pr-nav__menu__links-section aem-Grid aem-Grid--12"> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/careers/careers.html?icid&#61;top_careers" target="_self">Careers</a></h4> <ul> <li> <a href="/us/en/pages/careers/articles/join-deloitte-audit-careers.html?icid&#61;top_join-deloitte-audit-careers" target="_self"> Audit &amp; Assurance</a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-consulting-careers.html?icid&#61;top_join-deloitte-consulting-careers" target="_self"> Consulting</a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-advisory-careers.html?icid&#61;top_join-deloitte-advisory-careers" target="_self"> Risk &amp; Financial Advisory</a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-tax-careers.html?icid&#61;top_join-deloitte-tax-careers" target="_self"> Tax</a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-internal-services-careers.html?icid&#61;top_join-deloitte-internal-services-careers" target="_self"> Internal Services</a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-us-delivery-centers.html?icid&#61;top_join-deloitte-us-delivery-centers" target="_self"> US Delivery Center</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/careers/students.html?icid&#61;top_students" target="_self">Students</a></h4> <ul> <li> <a href="/us/en/careers/students.html?icid&#61;top_students" target="_self"> Explore opportunities</a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-internships.html?icid&#61;top_join-deloitte-internships" target="_self"> Internships</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12 navigation-column"> <h4><a href="/us/en/careers/experienced-hires.html?icid&#61;top_experienced-hires" target="_self">Experienced Professionals</a></h4> <ul> <li> <a href="/us/en/careers/additional-opportunities.html?icid&#61;top_additional-opportunities" target="_self"> Additional Opportunities</a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-military-veterans.html?icid&#61;top_join-deloitte-military-veterans" target="_self"> Veterans</a> </li> <li> <a href="/us/en/careers/executives.html?icid&#61;top_executives" target="_self"> Executives</a> </li> <li> <a href="/us/en/pages/careers/articles/deloitte-open-talent.html?icid&#61;top_deloitte-open-talent" target="_self"> Contractors</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="https://apply.deloitte.com/?icid&#61;top_" target="_blank">Job Search</a></h4> <ul> <li> <a href="https://apply.deloitte.com/careers/SearchJobs?3_5_3&#61;477%2C478%2C480?icid&#61;top_" target="_blank"> Entry Level Jobs</a> </li> <li> <a href="https://apply.deloitte.com/careers/SearchJobs?3_5_3&#61;479?icid&#61;top_" target="_blank"> Experienced Professional Jobs</a> </li> <li> <a href="/us/en/pages/careers/articles/join-deloitte-recruiting-tips.html?icid&#61;top_join-deloitte-recruiting-tips" target="_self"> Recruiting Tips</a> </li> <li> <a href="/us/en/pages/careers/articles/explore-your-fit.html?icid&#61;top_explore-your-fit" target="_self"> Explore Your Fit</a> </li> <li> <a href="/us/en/pages/labor-condition-applications/articles/labor-condition-applications.html?icid&#61;top_labor-condition-applications" target="_self"> Labor Condition Applications</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/careers/life-at-deloitte.html?icid&#61;top_life-at-deloitte" target="_self">Life at Deloitte</a></h4> <ul> <li> <a href="/us/en/pages/careers/topics/life-at-deloitte-careers-blog.html?icid&#61;top_life-at-deloitte-careers-blog" target="_self"> Life at Deloitte Careers Blog</a> </li> <li> <a href="/us/en/pages/about-deloitte/articles/growth-and-development.html?icid&#61;top_growth-and-development" target="_self"> Growth &amp; Development</a> </li> <li> <a href="/us/en/pages/about-deloitte/articles/inclusion-work-life-fit.html?icid&#61;top_inclusion-work-life-fit" target="_self"> Thriving Together</a> </li> <li> <a href="/us/en/pages/about-deloitte/articles/deloitte-university-leadership-center.html?icid&#61;top_" target="_self"> Deloitte University</a> </li> </ul> </li> <li class="cmp-pr-nav__menu__item aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <h4><a href="/us/en/careers/alumni.html?icid&#61;top_alumni" target="_self">Alumni Relations</a></h4> <ul> <li> <a href="https://deloittesurvey.deloitte.com/Community/se/3FC11B266BCBC785?icid&#61;top_" target="_blank"> Update Your Information</a> </li> <li> <a href="https://alumni.deloitte.com/event/event/index/menu?icid&#61;top_" target="_blank"> Events</a> </li> <li> <a href="https://alumni.deloitte.com/modeman/instance/main/name/jobs/index/menu?icid&#61;top_" target="_blank"> Marketplace Jobs Dashboard</a> </li> </ul> </li> </ul> <div class="cmp-pr-nav__menu__close"> <a href="" aria-label="Close" class="icon-remove"></a> </div> </div> </div> </div> </li> <li class="cmp-pr-nav__site-selector cmp-pr-nav__item" role="menuitem"> <a href="javascript:void(0)" class="cmp-header__ut-nav__site-sel__link location-link" data-toggle="siteSelector" aria-expanded="false" role="button"> <span class="desk-countrySelector">US-EN</span> <span class="mobile-location">Location:</span> <span class="mobile-countrySelector">United States-English</span> &nbsp; <i class="icon-chevron"></i> </a> </li> <li class="cmp-pr-nav__contactus-link cmp-pr-nav__item"> <a href="/us/en/footerlinks/contact-us.html?icid=top_contact-us" aria-label="contact us" class="cmp-pr-nav__item__link" title='Contact us' aria-expanded="false"> <i class="icon-phone-o"></i> <span class="mobile-contactUs">Contact us</span> </a> </li> </ul> </nav> <div class="menu-overlay"></div> </div> <!-- Placeholder for Search box, Site selector and other links--> <div class="cmp-header__ut-wrapper"> <!-- interanl search --> <div class="cmp-search" id="internal-search"> <div class="aem-Grid aem-Grid--12"> <div class="aem-GridColumn aem-GridColumn--phone--1 cmp-header__mobile--close"> <button class="cmp-search__remove-icon" type="button" aria-label="Close" aria-expanded="false"> <i class="icon-remove"></i> </button> </div> <div class="aem-GridColumn aem-GridColumn--phone--11 cmp-header__mobile--searchinput"> <div class="cmp-search__form"> <ds-search-bar></ds-search-bar> <ds-oe-search style="display: none !important;"></ds-oe-search> <ds-oe-search-bar style="display:none !important"></ds-oe-search-bar> <ds-search hidden></ds-search> </div> </div> </div> </div> <ul id="header__ut-nav" class="cmp-header__ut-nav"> <li id="header__ut-nav__search-icon" class="cmp-header__ut-nav__search-icon"> <button class="" type="button" aria-label='Search'> <i class="icon-search"></i> </button> </li> <li id="header__ut-nav__site-sel" class="cmp-header__ut-nav__site-sel"> <!-- site selector component--> <a href="javascript:void(0)" class="cmp-header__ut-nav__site-sel__link location-link" data-toggle="siteSelector" aria-expanded="false" role="button"> <span class="desk-countrySelector">US-EN</span> <span class="mobile-location">Location:</span> <span class="mobile-countrySelector">United States-English</span> &nbsp; <i class="icon-chevron"></i> </a> </li> <li id="header__ut-nav__cts-link" class="cmp-header__ut-nav__cts-link"> <a href="/us/en/footerlinks/contact-us.html?icid=top_contact-us" title='Contact us' aria-label='Contact us'> <i class="icon-phone-o"></i> <span class="cmp-header__ut-nav__cts-link__text">Contact us</span> </a> </li> <!-- When Gigya is enabled DOM starts for Register Links starts--> <li id="register" class="cmp-header__ut-nav__reg-link"> <a class="icon-profile-outline icon" aria-label="profile outline" href="https://my.deloitte.com?site=us-en" title='Join My Deloitte'> </a> </li> <li id="profile_pic_id" class="profile-pic" aria-expanded="false"> <span id="profile_pic_span" class="logged-in icon"> <img id="profile_pic"/> </span> <a id="profile_pic_id_mobile" href="https://my.deloitte.com/index.html#/dashboard" target="_blank" rel="noopener noreferrer" class="header-button mobile-register-button logged-in"><span class="profile_pic_span_mobile"><img id="profile_pic_mobile"/></span></a> <ul class="nav-content" id="nav-content" role="menu"> <li role="menuitem"> <a href="https://my.deloitte.com/index.html#/dashboard?requestedBy=dcom&pullDown=true&site=us-en" target="_blank" rel="noopener noreferrer" class="icon-dashboard" onclick="setCookieForPullDownMenu()">Dashboard</a> </li> <li role="menuitem"> <a href="https://my.deloitte.com/index.html#/bookmarks?requestedBy=dcom&pullDown=true&site=us-en" target="_blank" rel="noopener noreferrer" class="icon-bookmark-o" onclick="setCookieForPullDownMenu()">Saved items</a> </li> <li role="menuitem"> <a href="https://my.deloitte.com/index.html#/feed?requestedBy=dcom&pullDown=true&site=us-en" target="_blank" rel="noopener noreferrer" class="icon-tags-o" onclick="setCookieForPullDownMenu()">Content feed</a> </li> <li role="menuitem"> <a href="https://my.deloitte.com/index.html#/subscriptions?requestedBy=dcom&pullDown=true&site=us-en" target="_blank" rel="noopener noreferrer" class="icon-subscribe" onclick="setCookieForPullDownMenu()">Subscriptions</a> </li> <li role="menuitem"> <a href="https://my.deloitte.com/index.html#/profile?requestedBy=dcom&pullDown=true&site=us-en" target="_blank" rel="noopener noreferrer" class="icon-profile-outline" onclick="setCookieForPullDownMenu()">Profile/Interests</a> </li> <li role="menuitem"> <a href="https://my.deloitte.com/index.html#/account-settings?requestedBy=dcom&pullDown=true&site=us-en" target="_blank" rel="noopener noreferrer" class="icon-configure" onclick="setCookieForPullDownMenu()">Account settings</a> </li> <li> <button class="signout_button" href="#" onclick="logOut();">Log out</button> </li> </ul> </li> <!-- When Gigya is enabled DOM starts for Register Links --> </ul> </div> </div> <!-- DOM added for Breadcrumb Language toggle component starts--> <!-- DOM added for Breadcrumb Language toggle component ends--> <!-- Variables used for elastic search purpose starts--> <script> var meta_engine= 'https://deloitte-com-prod.es.northeurope.azure.elastic-cloud.com/dcom-prod-*/_search'; var search_engine= 'https://deloitte-com-prod.es.northeurope.azure.elastic-cloud.com/dcom-prod-english/_search'; var search_key= 'TkNEOVA0RUJKZzJiQkpxN3FnMHg6LXVUdFBBSzNTSTZtWl9OcEZqM1BGUQ'; var searchFacets = "[{&#34;anchor&#34;:&#34;Insights&#34;,&#34;label_with_op&#34;:&#34;di-legacy-articles|legacy-homepage|moocpage|legacy-multimedia|flex-articlemultimedia|flex-home|di-flex-blp|flex-topic-two&#34;},{&#34;anchor&#34;:&#34;Profiles&#34;,&#34;label_with_op&#34;:&#34;legacy-eeprofile&#34;},{&#34;anchor&#34;:&#34;Events&#34;,&#34;label_with_op&#34;:&#34;flex-eventdetails|flex-eventslisting&#34;},{&#34;anchor&#34;:&#34;Articles&#34;,&#34;label_with_op&#34;:&#34;dcom-legacy-articles|flex-blp&#34;},{&#34;anchor&#34;:&#34;Topics&#34;,&#34;label_with_op&#34;:&#34;legacy-extendedtopic&#34;},{&#34;anchor&#34;:&#34;Services&#34;,&#34;label_with_op&#34;:&#34;legacy-solutions|flex-recoverypage&#34;}]"; searchFacets = searchFacets.replace(/&quot;|&#34;/g, '"'); var internalFacets = JSON.parse(searchFacets); var filter_by = "Filter By"; var cse_AllResultsLabel = "All results"; var results_for = "Results for"; var max_results = "More than 100 results"; var search_placeholder = "Search"; var Search_result_term = ""; var word_results ="Results found"; var word_result ="result found"; var search_suggestions = "Search suggestions"; </script> <!-- Variables used for elastic search purpose ends--> </header> </div> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid branded-landing-page-content aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component no-padding"> <h3 class="secondary-headline"> </h3> <div class="html-fragment-content"> <script src="/content/dam/html/global/fluid-branded/current-release/js/handlebars-v4.0.11.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/picturefill-v3.0.2.min.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/fluid-branded-video-header.js" type="text/javascript"></script> <script type="text/javascript"> var campaignICID = ""; </script> <link rel="stylesheet" href="/content/dam/html/global/fluid-branded/current-release/css/fluid-branded-component.css"> <p class="hide-edit-mode-html"> Insert Custom HTML fragment. Do not delete! This box/component contains code that is needed on this page. This message will not be visible when page is activated.<br /><span style="color: red; font-weight: bold" >+++ DO NOT USE THIS FRAGMENT WITHOUT EXPLICIT APPROVAL FROM THE CREATIVE STUDIO DEVELOPMENT TEAM +++</span > </p> <script> // hide author message box & fragment title on live & preview pages if (isEditMode == "false") { const customHtmlFrags = document.querySelectorAll(".hide-edit-mode-html"); customHtmlFrags.forEach(function (customFrag) { const header = customFrag.closest('.standard-white-component').firstElementChild; if (header.classList.contains('secondary-headline')) { header.style.display = 'none'; } }); customHtmlFrags.forEach(frag => frag.style.display = 'none'); } </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component "> <div class="html-fragment-content"> <!--================= ESG HERO Section =================--> <style> /* TEMPLATE OVERRIDE */ .branded-landing-page-content { max-width: none !important; margin: 70px auto; } .aem-GridColumn{ padding: 0} section[class^="esg-"] { box-sizing: border-box; margin: 0 auto } #submit { font-size: 1.2rem; } /* HERO STYLES */ #esg-hero-container { background: black; color: #BBBCBC; } #esg-hero-container .esg-hero { display: flex; flex-flow: row wrap-reverse; align-items: center; width: min(100% - 2rem, 1200px - 2rem); margin: 0 auto; } /* TITLE & SUBTITLE STYLES */ .esg-hero .esg-hero__header { padding-right: 2em; max-width: 50%; } .esg-hero .hero__title { font-size: 1.7rem; font-weight: 400; } .esg-hero .hero__subtitle { font-size:2.5rem; font-weight: 400; color: white; } .esg-hero .hero__text { font-size: 1.2rem; font-weight: 400; } /* HERO IMG STYLES */ .esg-hero__img { align-items: center; aspect-ratio: 1/1; max-width: 500px; width: 100%; flex: 1 1 100px; border-radius: 50%; background: url("/content/dam/Deloitte/us/Images/Misc/html-fragment-images/hc-services-promo-banner.png"); background-size: contain; background-position: center } /* HERO BUTTON STYLES */ .hero__button { display: inline-block; background: #86bc25; border: none; color: white; font-size: 1.2rem; padding: 1em 2em; margin-block: 2rem 0; border-radius: 50px; transition: .3s; } .hero__button:hover { background: white; color: #86bc25; text-decoration: none; } @media(max-width: 768px) { .esg-hero__header .hero__subtitle { font-size: 2rem; } } @media(max-width: 550px) { section[class^="esg-"] { padding-block: 2rem; } .esg-hero .esg-hero__header { max-width: 100%; padding: 2rem 0; } .esg-hero { align-items: center; justify-content: center; text-align: center; } .esg-hero .hero__title { font-size: 2.5em; } .esg-hero .esg-hero__img { width: 100%; max-width: 400px; justify-self: center; background: url(/content/dam/Deloitte/us/Images/Misc/html-fragment-images/hc-services-promo-banner.png), #000; background-position: center; background-size: contain } } </style> <section id="esg-hero-container"> <section class="esg-hero"> <header class="esg-hero__header"> <h1 class="hero__title">Human Capital Consulting</h1> <h2 class="hero__subtitle">Reimagine work, the workforce, and the workplace of the future</h2> <h3 class="hero__text">Disruptive forces are altering the nature of work. By leveraging deep industry insights, analytics, and technical expertise, our Human Capital consultants can help you navigate today’s realities and stay ahead of what’s next.</h3> <button class="hero__button">Let's connect</button> </header> <figure class="esg-hero__img"></figure> </section> </section> <script> const heroButton = document.querySelector('.esg-hero .hero__button'); heroButton.addEventListener('click', function(e) { e.preventDefault(); window.scrollTo({ top: document.querySelector('#esg-form').offsetTop - 70, behavior: 'smooth' }); // ANALYTICS s.linkTrackVars = "prop1,prop2,prop3,prop4,prop5,eVar72"; s.eVar72 = `${PubID}hero:click:contact-us`; s.eVar72 = s.eVar72.toLowerCase(); s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ";" + sc_language; s.linkTrackEvents = "event23,event71,event72"; s.events = "event23,event71,event72"; s.tl(this, "o", s.eVar72); }) </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div id="4cl" class="standard-white-component no-padding"> <div class="html-fragment-content"> <!--RESPONSIVE COLUMNS V2 Large Graphic Text Headings added -- Last updated July 12, 2023--> <style> #ceos-stats .responsive-columns-container { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 1rem auto; row-gap: .8rem; column-gap: .8rem; } /*main title header*/ #ceos-stats .responsive-columns-head { font-weight: 900; font-family: 'OpenSans-Bold','Open Sans',Arial,Helvetica,sans-serif; color: ${header-title-color}; font-size: 1.25rem; background: ${header-title-background-color}; text-align: center; padding: 1rem; margin: 0; flex: 100%; } /*columns*/ #ceos-stats .responsive-columns-img { width: 100%; flex-shrink: 0; } #ceos-stats .responsive-columns { display: flex; flex: 100%; flex-direction: column; padding: 0; margin: 0; text-align: center; } #ceos-stats .responsive-columns-subhead { font-size: 1.1rem; font-weight: 900; font-family: 'OpenSans-Bold','Open Sans',Arial,Helvetica,sans-serif; margin: 1.5rem 1.1rem; padding-bottom: 0; } #ceos-stats .responsive-columns-txt { margin: 0 1.3rem 1.5rem 0.6rem; flex-wrap: wrap; } #ceos-stats .responsive-columns-txt strong { font-weight: 900; font-family: 'OpenSans-Bold','Open Sans',Arial,Helvetica,sans-serif; } #ceos-stats .responsive-columns-txt p { text-align: left; margin-left: 0.8rem; font-size: 0.87rem; font-weight: 400; } #ceos-stats .responsive-columns-txt ul li { text-align: left; display: list-item; list-style-type: disc; } #ceos-stats .responsive-columns-txt ol li { text-align: left; display: list-item; list-style-type: decimal; } #ceos-stats .responsive-columns-txt ul, #ceos-stats .responsive-columns-txt ol { list-style-position: inside; margin-left: 1.6rem; } #ceos-stats .responsive-columns-txt li { font-size: 0.87rem; font-weight: 400; list-style-position: outside; } /*large text headers update - ADDED 04/26/23*/ #ceos-stats .column1-large-text, #ceos-stats .column2-large-text, #ceos-stats .column3-large-text, #ceos-stats .column4-large-text { font-size: 2.5rem; font-weight: 900; font-family: 'OpenSans-Bold','Open Sans',Arial,Helvetica,sans-serif; margin: 1.6rem 1.5rem 0; line-height: 1; } /*HIDE all large text headers*/ [data-hidden="yes"] { display: none; } /*column one*/ #ceos-stats .column-one { background-color: #FFF; } #ceos-stats .column1-large-text { color: #26890D; } #ceos-stats .subhead-one, #ceos-stats .txt-one, #ceos-stats .txt-one p, #ceos-stats .txt-one li { color: #000; } /*column two*/ #ceos-stats .column-two { background-color: #FFF; } #ceos-stats .column2-large-text { color: #26890D; } #ceos-stats .subhead-two, #ceos-stats .txt-two, #ceos-stats .txt-two p, #ceos-stats .txt-two li { color: #000; } /*column three*/ #ceos-stats .column-three { background-color: #FFF; } #ceos-stats .column3-large-text { color: #26890D; } #ceos-stats .subhead-three, #ceos-stats .txt-three, #ceos-stats .txt-three p, #ceos-stats .txt-three li { color: #000; } /*column four*/ #ceos-stats .column-four { display: none; background-color: #FFF; } #ceos-stats .column4-large-text { color: #005587; } #ceos-stats .subhead-four, #ceos-stats .txt-four, #ceos-stats .txt-four p, #ceos-stats .txt-four li { color: #000; } /*column buttons*/ #ceos-stats .responsive-columns-btn-cont { margin: auto 0 2.8rem; } #ceos-stats .responsive-columns-btn { background-color: ${buttons-background-color}; color: ${buttons-text-color}; border: none; padding: 0.6rem 1.8rem; text-decoration: none; font-size: 0.87rem; font-weight: 900; font-family: 'OpenSans-Bold','Open Sans',Arial,Helvetica,sans-serif; border-radius: 0.15rem; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; transition-delay: 0s; } #ceos-stats .responsive-columns-btn.yes { border-radius: 2rem; } #ceos-stats a.responsive-columns-btn:visited { color: ${buttons-text-color}; } #ceos-stats a.responsive-columns-btn:hover { background-color: ${buttons-hover-background-color}; color: ${buttons-hover-text-color}; } /*display 2 columns*/ #ceos-stats .column-three.yes { display: none; } /*display 4 columns*/ #ceos-stats .column-four.yes { display: flex; } /*hide all buttons & individually*/ #ceos-stats .responsive-columns-btn-cont.buttons, #ceos-stats .responsive-columns-btn-cont.yes a { display: none; margin: auto 0; } /*hide all images & individually*/ #ceos-stats .responsive-columns-img.yes { display: none; } /*HIDE main title header*/ #ceos-stats .responsive-columns-head.yes { display: none; } /*ipad portrait*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #ceos-stats .responsive-columns { flex: 100%; } } /*wide display*/ @media screen and (min-width: 900px) { #ceos-stats .responsive-columns-head { margin: 0; } #ceos-stats .responsive-columns { flex: 1; } } </style> <section class="fullwidth-container"> <section class="responsive-columns-container ceos-stats"> <h2 class="responsive-columns-head ${remove-columns-header}">CEOs continue to focus on the war on talent and see it as a top external issue that will influence or disrupt their business strategy.</h2> <div class="responsive-columns column-one"> <img src="#" alt="" class="responsive-columns-img yes ${remove-image1}"> <h3 data-hidden="${large-text-hidden}" class="column1-large-text">71%</h3> <h4 class="responsive-columns-subhead subhead-one"> </h4> <div class="responsive-columns-txt txt-one"> of CEOs expect talent shortages to continue </div> <div class="responsive-columns-btn-cont ${remove} yes"> <a id="modal1" href="${column1-button-link}" data-analytics="${analytics-text1}" ${new-tab1} class="responsive-columns-btn ${button-round}">${column1-button-text}</a> </div> </div> <div class="responsive-columns column-two"> <img src="#" alt="" class="responsive-columns-img yes ${remove-image2}"> <h3 data-hidden="${large-text-hidden}" class="column2-large-text">96%</h3> <h4 class="responsive-columns-subhead subhead-two"> </h4> <div class="responsive-columns-txt txt-two"> plan to focus on the employee experience for in-demand talent </div> <div class="responsive-columns-btn-cont ${remove} yes"> <a id="modal2" href="${column2-button-link}" data-analytics="${analytics-text2}" ${new-tab2} class="responsive-columns-btn ${button-round}">${column2-button-text}</a> </div> </div> <div class="responsive-columns column-three ${remove-column}"> <img src="#" alt="" class="responsive-columns-img yes ${remove-image3}"> <h3 data-hidden="${large-text-hidden}" class="column3-large-text">87%</h3> <h4 class="responsive-columns-subhead subhead-three"> </h4> <div class="responsive-columns-txt txt-three"> are giving employees greater flexibility in work hours and location </div> <div class="responsive-columns-btn-cont ${remove} yes"> <a id="modal3" href="${column3-button-link}" data-analytics="${analytics-text3}" ${new-tab3} class="responsive-columns-btn ${button-round}">${column3-button-text}</a> </div> </div> <div class="responsive-columns column-four no"> <img src="#" alt="" class="responsive-columns-img yes ${remove-image4}"> <h3 data-hidden="${large-text-hidden}" class="column4-large-text">54%</h3> <h4 class="responsive-columns-subhead subhead-four"> </h4> <div class="responsive-columns-txt txt-four"> <p>of <a href="https://www.deloitte.com/global/en/issues/work/content/women-at-work-global-outlook.html">women in under-represented groups</a> report experiencing micro-aggressions in the workplace, and face more significant challenges when it comes to mental health, non-inclusive behaviors, work/life balance, and burnout.</p> </div> <div class="responsive-columns-btn-cont ${remove} ${remove-button4}"> <a id="modal4" href="${column4-button-link}" data-analytics="${analytics-text4}" ${new-tab4} class="responsive-columns-btn ${button-round}">${column4-button-text}</a> </div> </div> </section> </section> <script> document.addEventListener("DOMContentLoaded", function () { document.querySelector(".ceos-stats").parentNode.parentNode.parentNode.id = "ceos-stats"; const columns = Array.from( document.querySelectorAll(".ceos-stats .responsive-columns") ); const content = [ { image: '${column1-image}', link: '${column1-button-link}' }, { image: '${column2-image}', link: '${column2-button-link}' }, { image: '${column3-image}', link: '${column3-button-link}' }, { image: '${column4-image}', link: '${column4-button-link}' }, ]; // Populate image and button url inputs for (let i = 0; i < columns.length; i++) { if (content[i].image.substring(0, 2) !== "${") { columns[i].querySelector("img").src = content[i].image; } if (content[i].link.substring(0, 2) !== "${") { columns[i].querySelector(".responsive-columns-btn").href = content[i].link; } } // ANALYTICS var firstClick = 1; var PubID = dataLayer.custom.customConversion1.split(":").pop(); if (PubID != "" && PubID != null) { PubID += ":"; } else { PubID = null; } var fragRoot = document.querySelector('#ceos-stats'); var fragColumns = document.querySelectorAll('#ceos-stats .responsive-columns'); fragColumns.forEach(function(fragCol) { fragCol.addEventListener('click', function(e){ var heading = ''; var target = e.target.textContent; target = target.replace(/\s/g, '-').toLowerCase(); if(e.target.dataset.analytics.substr(0,2) === '${' || e.target.dataset.analytics.substr(0,2) === ' '){ heading = e.currentTarget.getElementsByTagName('h4')[0].innerHTML; heading = heading.replace(/\s/g, '-').toLowerCase(); console.log(heading); }else{ heading = e.target.dataset.analytics; console.log(heading); } var FragType = "FRAG-100"; var ActionType = "click"; s.linkTrackVars = 'prop1,prop2,prop3,eVar72'; s.eVar72 = PubID+FragType+':'+ActionType+':'+target+'-'+ heading; s.eVar72 = s.eVar72.toLowerCase(); s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ';' + sc_language; if (e.target.matches('a')){ if(firstClick === 1){ s.linkTrackEvents = 'event71,event72,event23'; s.events = 'event71,event72,event23'; s.tl(this, 'o', s.eVar72); firstClick++; }else{ s.linkTrackEvents = 'event71,event23'; s.events = 'event71,event23'; s.tl(this, 'o', s.eVar72); } } }, false); }); }); </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component no-padding"> <div class="html-fragment-content"> <style> .source-container { max-width: 1200px; width: 100%; margin: 0 auto 1rem; padding: 0 1.5rem 3rem; text-align: left; line-height: 1.5; } .source { margin: 0; } .source p { font-weight: 100; font-size: 1.2rem; color: #959595; } </style> <section class="source-container"> <div class="source"> <p>Source:<a href='/content/dam/Deloitte/us/Documents/about-deloitte/us-fortune-deloitte-CEO-survey-fall-2022-highlights-final.pdf' target='_blank'> Fortune/Deloitte CEO Survey Fall 2022</a></p> </div> </section> <p class="hide-edit-mode-html"> Insert Custom HTML fragment. Do not delete! This box/component contains code that is needed on this page. This message will not be visible when page is activated.<br /><span style="color: red; font-weight: bold" >+++ DO NOT USE THIS FRAGMENT WITHOUT EXPLICIT APPROVAL FROM THE CREATIVE STUDIO DEVELOPMENT TEAM +++</span > </p> <script> // hide author message box & fragment title on live & preview pages if (isEditMode == "false") { const customHtmlFrags = document.querySelectorAll(".hide-edit-mode-html"); customHtmlFrags.forEach(function (customFrag) { const header = customFrag.closest('.standard-white-component').firstElementChild; if (header.classList.contains('secondary-headline')) { header.style.display = 'none'; } }); customHtmlFrags.forEach(frag => frag.style.display = 'none'); } </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div id="title-hcservices" class="standard-white-component no-padding"> <h3 class="secondary-headline"> </h3> <div class="html-fragment-content"> <!-- // ================================================================ // - Deloitte Branded Page Callout Fragment // - Created by Nick Uniatowski (nick@fluiddesigngroup.com) // - 2019 // - JS LIBS REQUIRED: handlebars-v4.0.11.js // - FRAGMENT REQUIRED: fluid-branded-header.html (shared assets) // ================================================================ // --> <!-- Fluid Branded Video HTML start --> <div id="fluidBrandedCallouttitle-hcservices" class="title-hcservices" role="region"></div> <!-- Fluid Branded Video HTML end --> <!-- Fluid Branded Video css gets loaded --> <link rel="stylesheet" href="/content/dam/html/global/fluid-branded/current-release/css/fluid-branded-callout.css" type="text/css"> <!-- Fluid Branded Video JS start --> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.fluidbrandedcallout.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function($) { //add carousel plugin $('#fluidBrandedCallouttitle-hcservices').fluidbrandedcallout ({ properties: { FragID: 'title-hcservices', //Applied to outermost div. Used for analytics and other frag isolation title: 'Deloitte Human Capital Consulting services', subtitle: '${subtitle}', text: '<p>Global talent trends and advancing technologies are redefining how, where, and why we work. Learn how our services can help you address these changes and unlock the potential of your people.</p>', layout: 'full', //Optional. Full width or two 50% columns. (image left/content right) Default is full (false) image: '${image}', //image path imageAlt: '${image-alt}', //Image alt text imageCaption: '${image-caption}', //Image caption text imageFirst: '${image-first}', // display image first/left default false CTAText: '${readmore-text}', //button text CTAURL: '${readmore-url}', //button link CTANew: '${readmore-new-window}', //open new window? textColor: 'black', //Optional. Hex or brandspace value accepted. Applied to text color. Default is #FFF. headerColor: 'black', //Optional. Hex or brandspace value accepted. Applied to text color. Default is Deloitte Green. bkgColor: '#FFF', //Optional. Hex or brandspace value accepted. Applied to background. Default is #000. linkColor: 'accessible-green' //Optional. Hex or brandspace value accepted. Applied to CTA link. Default is Deloitte Green. } }); //hide frag title and desc when not in edit mode //hide frag title and desc when not in edit mode if (isEditMode == "true") { $('#fluidBrandedCallouttitle-hcservices').closest(".htmlfragment").find(".standard-white-component > h3.secondary-headline").css("display","block"); $('#fluidBrandedCallouttitle-hcservices').closest(".htmlfragment").find(".standard-white-component > p").css("display","block"); } else { $('#fluidBrandedCallouttitle-hcservices').closest(".htmlfragment").find(".standard-white-component > h3.secondary-headline").remove(); $('#fluidBrandedCallouttitle-hcservices').closest(".htmlfragment").find(".standard-white-component > p").remove(); } }); </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div id="whatwedo-mosaic" class="standard-white-component no-padding"> <div class="html-fragment-content"> <!-- ADD ALL HTML FRAGMENTS CSS HERE --> <link rel="stylesheet" type="text/css" href="/content/dam/html/global/fluid-branded/current-release/css/sumoselect.css"> <link rel="stylesheet" type="text/css" href="/content/dam/html/global/fluid-branded/current-release/css/fluid-branded-mosaic-grid.css"> <!-- Author dropped components start here --> <div class="mosaicgrid-wrapper fluid-branded-section" id="mosaicgrid-wrapper" role="region"> <div class="fluid-branded-section-cont"> <div class="fluid-branded-row"> <div class="mosaicgrid" id="mosaicgrid"> <div class="mosaicgrid-ctrls-cont clearfix"> <div class="mosaicgrid-ctrls clearfix"> <div class="mosaicgrid-ctrls-filters"> <span class="mosaicgrid-ctrl-label"></span> </div> <!--<div class="mosaicgrid-ctrls-refresh"></div>--> </div> </div> <div class="mosaicgrid-cont" id="mosaicgrid-cont"> <div class="mosaicgrid-preloader"> <div class="mosaicgrid-preloader-anim mosaicgrid-preloader-anim-full"></div> <!--<div class="mosaicgrid-preloader-text">Loading<br>impact<br>stories</div>--> </div> </div> </div> <!-- End .mosaicgrid --> </div> </div> </div> <!-- End .mosaicgrid-wrapper --> <div class="mosaicgrid-modal-cont" id="mosaicgrid-modal-cont"></div><!-- End .mosaicgrid-modal-cont --> <script> // Picture element HTML5 shiv document.createElement( "picture" ); </script> <script src="/content/dam/html/global/fluid-branded/current-release/js/picturefill-v3.0.2.min.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/handlebars-v4.0.11.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.scrollTo.min.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.sumoselect.min.js" type="text/javascript"></script> <!-- ADD ALL HTML FRAGMENTS JS HERE --> <script type="text/javascript"> //set tracking name var mosaicgridPageName = "education-hub"; //path to content js file for shared/global file var mosaicgridContentURL = "/content/dam/html/us/mosaic-grid/grid-content/human-capital-services-v3.js"; //path to img folder for shared/global file var mosaicgridImagePath = "/content/dam/Deloitte/us/Images/Misc/html-fragment-images/mosaic-grid/"; // grid title var mosaicgridTitle = "${title}"; // number of items in grid var mosaicgridItems = 4; // width of grid (3 or 4) var mosaicgridWidth = 4; // enable mouseover abstract preview var mosaicgridMouseovers = true; // randomize inital grid content var mosaicgridItemsRandom = false; //number of items in filter pages (if null show all) var mosaicgridItemsPerPage = 6; //number of items visible in pager var mosaicgridItemsPager = 6; // hide/show filters var mosaicgridShowFilters = false; // include secondary filters var mosaicgridSecondaryFilters = false; // text for filter label var mosaicgridFilterLabel = "Filter by"; // text on selection fields var mosaicgridFilterSelectLabels = ["category 1","category 2"]; //filter logical operator (and/or) var mosaicgridFilterAndOr = "and"; //show logical operator (and/or) as selection var mosaicgridShowOperator = false; //locale array for multiselect filters var mosaicgridLocaleText = ['Submit', 'Cancel', 'Select All']; //label text for 'all' button var mosaicgridAllText = "${all-button-text}"; //label text for 'reset' button var mosaicgridResetText = "refresh"; //show read more link var mosaicgridHideReadMore = "${hide-readmore-title}"; //grid block flip var mosaicgridFlip = false; //d-com font icon to use "icon-external-link" or "icon-plus" var mosaicgridFlipIcon = "icon-plus"; //show block category/text area1 label var mosaicgridBlockLabel = "${block-label}"; //read more button text - default is Read more var mosaicgridReadMoreText = "Read more"; //user modal or direct link var mosaicgridModal = false; //set template style for default view (grid or list) var mosaicgridDefaultView = "${default-view}"; //set template style for filter view (grid or list) var mosaicgridFilterView = "${filter-view}"; //mosiac block front templates - options are: mosaicgridImageBlockTmpl, mosaicgridOverlayBlockTmpl var mosaicblkBlockFrontTemp = "mosaicgridOverlayBlockTmpl"; //mosiac block back templates - options are: mosaicgridTextThumbBlockTmpl, mosaicgridTextNoThumbBlockTmpl var mosaicblkBlockBackTemp = "mosaicgridTextNoThumbBlockTmpl"; //filter template var mosaicblkFilterTemp = "mosaicgridBlockAllTmpl"; /* text color classes are set in the json data doc per entry. available color classes: blue (deloitte blue-4) green (deloitte green-4) midblue (deloitte blue-3) lightblue (deloitte blue-2) darkgreen (deloitte green-6) lightgreen (deloitte green-2) */ //retired vars // create filters from json data //var mosaicgridCreateFilters = true; //add padding to container //var mosaicgridPadding = false; Removed legacy option. Padding can now be removed in component </script> <script src="/content/dam/html/global/fluid-branded/current-release/js/fluid-branded-mosaic-grid.js"></script> <!-- HTML Fragment components Ends here --> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div id="stories-carousel" class="standard-white-component "> <div class="html-fragment-content"> <!-- // ================================================================ // - Deloitte Branded Page Carousel Fragment // - Created by Nick Uniatowski (nick@fluiddesigngroup.com) // - 2019 // - JS LIBS REQUIRED: handlebars-v4.0.11.js // - FRAGMENT REQUIRED: fluid-branded-header.html (shared assets) // ================================================================ // --> <!-- Fluid Branded Carousel HTML start --> <div id="fluidBrandedCarouseltbd-story-carousel-1" class="tbd-story-carousel-1" role="region"></div> <!-- Fluid Branded Carousel HTML end --> <!-- Fluid Branded Carousel css gets loaded --> <link rel="stylesheet" href="/content/dam/html/global/fluid-branded/current-release/css/fluid-branded-carousel.css" type="text/css"> <!-- Fluid Branded Carousel JS start --> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.matchHeight-min.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.touchSwipe.min.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.fluidbrandedcarousel.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function($) { //add carousel plugin $('#fluidBrandedCarouseltbd-story-carousel-1').fluidbrandedcarousel({ properties: { FragID: "tbd-story-carousel-1", numberOfItems: "4", // number of items in carousel : default 1 itemsVisible: "${items-visible}", // comma delimited string to override breakpoints (mobile,768,1024,1200) (ex: 1,2,3,4) : first option should always be 1 : default false categoryFilter: "${category-filter}", // show filter (true/false) : default false categoryLabel: "Select a category:", // category filter label text : default 'Select an industry:' categoryAll: "${category-all}", // category view all text : default 'All' introTitle: 'We make work better for humans. And humans better at work.™', // h2 title above carousel introSubTitle: 'Explore how leading organizations are preparing for the future of work through and with their people.', // h2 title above carousel introText: '${intro-text}', // text above carousel ctaBtnText: '${button-text}', // call to action link displayed under carousel's button text ctaBtnLink: '${button-link}', //call to action link displayed under carousel textColor: '${text-color}', //Optional. Hex or brandspace value accepted. Applied to text color. Default is #FFF. headerColor: '${header-color}', //Optional. Hex or brandspace value accepted. Applied to text color. Default is Deloitte Green. bkgColor: 'grey', //Optional. Hex or brandspace value accepted. Applied to background. Default is #000. linkColor: '${link-color}', //Optional. Hex or brandspace value accepted. Applied to CTA link. Default is Deloitte Green. cssOverride: '${css-override}' }, items: [ { category: "${item1-category}", // category color: "${item1-color}", // category color photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/skills.jpg", //photo (recommended 640x360px but can be taller if desired) header: "The skills-based organization: A new operating model for work and the workforce", // header subheader: "${item1-subheader}", // subheader abstract: "${item1-abstract}", // abstract text fulltext: "${item1-fulltext}", // escaped html text for expanded item youtube: "${item1-youtube}", // youtube video url readmoreText: "Read more", // link text otherwise "Read more" readmoreLink: "https://www2.deloitte.com/us/en/insights/topics/talent/organizational-skill-based-hiring.html", // if present this will override the window expansion ctaText: "${item1-cta-text}", // cta text in expanded item text otherwise "Read more" | cta is not displayed unless url is set ctaLink: "${item1-cta-url}", // cta link in expanded item newWindow: "true" // will link open in a new window? default = false }, { category: "${item2-category}", color: "${item2-color}", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/human-machine.jpg", header: "Strengthening the bonds of human and machine collaboration", subheader: "${item2-subheader}", abstract: "${item2-abstract}", fulltext: "${item2-fulltext}", youtube: "${item2-youtube}", readmoreText: "Read more", readmoreLink: "https://www2.deloitte.com/us/en/insights/topics/talent/human-machine-collaboration.html", ctaText: "${item2-cta-text}", ctaLink: "${item2-cta-url}", newWindow: "true" }, { category: "${item3-category}", color: "${item3-color}", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/wf-risk.jpg", header: "Managing workforce risk in an era of unpredictability and disruption", subheader: "${item3-subheader}", abstract: "${item3-abstract}", fulltext: "${item3-fulltext}", youtube: "${item3-youtube}", readmoreText: "Read more", readmoreLink: "https://www2.deloitte.com/us/en/insights/topics/talent/workforce-risk-management-solutions.html", ctaText: "${item3-cta-text}", ctaLink: "${item3-cta-url}", newWindow: "true" }, { category: "${item4-category}", color: "${item4-color}", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/beyond-prod.jpg", header: "Beyond Productivity: The journey to the quantified organization", subheader: "${item4-subheader}", abstract: "${item4-abstract}", fulltext: "${item4-fulltext}", youtube: "${item4-youtube}", readmoreText: "Read more", readmoreLink: "https://www.deloitte.com/global/en/issues/work/quantified-organization.html", ctaText: "${item4-cta-text}", ctaLink: "${item4-cta-url}", newWindow: "true" }, { category: "Whitepaper", color: "Teal 6", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/talent-and-culture-stories-carousel-student-health-and-wellbeing.jpg", header: "College students’ mental health and well‐being", subheader: "${item5-subheader}", abstract: "${item5-abstract}", fulltext: "<p>COVID‐19 has taken a dramatic toll on college students’ well‐being, but there were concerns even before the pandemic. What can colleges and universities do in response?</p>", youtube: "${item5-youtube}", readmoreText: "Read more", readmoreLink: "${item5-read-more-url}", ctaText: "Read more", ctaLink: "https://www2.deloitte.com/us/en/insights/industry/public-sector/college-students-mental-health-covid-19.html", newWindow: "${item5-new-window}" }, { category: "Whitepaper", color: "Teal 6", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/hubpage-stories-carousel-ready-to-learn-ready-to-work.jpg", header: "Ready to learn, ready to work", subheader: "${item6-subheader}", abstract: "${item6-abstract}", fulltext: "<p>What will it take for higher education to bridge the gap between millions of jobs and millions of unemployed to become a key driver of economic recovery in a post-pandemic world?</p>", youtube: "${item6-youtube}", readmoreText: "Read more", readmoreLink: "${item6-read-more-url}", ctaText: "${item6-cta-text}", ctaLink: "https://www2.deloitte.com/content/dam/Deloitte/us/Documents/public-sector/us-ready-to-learn-ready-to-work-october-2021.pdf", newWindow: "${item6-new-window}" }, { category: "Whitepaper", color: "Teal 6", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/park-city-people-illustration.jpg", header: "Return to campus: Perspectives from higher education leaders", subheader: "${item7-subheader}", abstract: "${item7-abstract}", fulltext: "<p>We virtually gathered more than 300 higher education leaders to discuss how the Future of Work can inform the return to campus, and it is clear there is no one-size-fits-all approach for returning to campus.</p>", youtube: "${item7-youtube}", readmoreText: "Read more", readmoreLink: "${item7-read-more-url}", ctaText: "Download the PDF", ctaLink: "https://www2.deloitte.com/content/dam/Deloitte/us/Documents/us-gps-return-to-campus-perspectives-from-higher-ed-leaders.pdf", newWindow: "${item7-new-window}" }, { category: "Whitepaper", color: "Teal 6", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/talent-and-culture-stories-carousel-the-hybrid-campus.jpg", header: "The hybrid campus", subheader: "${item8-subheader}", abstract: "${item8-abstract}", fulltext: "<p>During COVID-19, many higher education institutions adopted a mix of face-to-face and online delivery of courses and services, creating an opportunity for a more permanent shift to a hybrid university. This publication, developed by Deloitte’s Center for Higher Education Excellence and Strada Education Network, explores shifts across three key areas: academic affairs, student success, and the campus workforce. </p>", youtube: "${item8-youtube}", readmoreText: "Read more", readmoreLink: "${item8-read-more-url}", ctaText: "Read more", ctaLink: "https://www2.deloitte.com/us/en/insights/industry/public-sector/post-pandemic-hybrid-learning.html", newWindow: "${item8-new-window}" }, { category: "${item9-category}", color: "${item9-color}", photo: "${item9-photo}", header: "${item9-header}", subheader: "${item9-subheader}", abstract: "${item9-abstract}", fulltext: "${item9-fulltext}", youtube: "${item9-youtube}", readmoreText: "${item9-read-more-text}", readmoreLink: "${item9-read-more-url}", ctaText: "${item9-cta-text}", ctaLink: "${item9-cta-url}", newWindow: "${item9-new-window}" }, { category: "${item10-category}", color: "${item10-color}", photo: "${item10-photo}", header: "${item10-header}", subheader: "${item10-subheader}", abstract: "${item10-abstract}", fulltext: "${item10-fulltext}", youtube: "${item10-youtube}", readmoreText: "${item10-read-more-text}", readmoreLink: "${item10-read-more-url}", ctaText: "${item10-cta-text}", ctaLink: "${item10-cta-url}", newWindow: "${item10-new-window}" }, { category: "${item11-category}", color: "${item11-color}", photo: "${item11-photo}", header: "${item11-header}", subheader: "${item11-subheader}", abstract: "${item11-abstract}", fulltext: "${item11-fulltext}", youtube: "${item11-youtube}", readmoreText: "${item11-read-more-text}", readmoreLink: "${item11-read-more-url}", ctaText: "${item11-cta-text}", ctaLink: "${item11-cta-url}", newWindow: "${item11-new-window}" }, { category: "${item12-category}", color: "${item12-color}", photo: "${item12-photo}", header: "${item12-header}", subheader: "${item12-subheader}", abstract: "${item12-abstract}", fulltext: "${item12-fulltext}", youtube: "${item12-youtube}", readmoreText: "${item12-read-more-text}", readmoreLink: "${item12-read-more-url}", ctaText: "${item12-cta-text}", ctaLink: "${item12-cta-url}", newWindow: "${item12-new-window}" }, { category: "${item13-category}", color: "${item13-color}", photo: "${item13-photo}", header: "${item13-header}", subheader: "${item13-subheader}", abstract: "${item13-abstract}", fulltext: "${item13-fulltext}", youtube: "${item13-youtube}", readmoreText: "${item13-read-more-text}", readmoreLink: "${item13-read-more-url}", ctaText: "${item13-cta-text}", ctaLink: "${item13-cta-url}", newWindow: "${item13-new-window}" }, { category: "${item14-category}", color: "${item14-color}", photo: "${item14-photo}", header: "${item14-header}", subheader: "${item14-subheader}", abstract: "${item14-abstract}", fulltext: "${item14-fulltext}", youtube: "${item14-youtube}", readmoreText: "${item14-read-more-text}", readmoreLink: "${item14-read-more-url}", ctaText: "${item14-cta-text}", ctaLink: "${item14-cta-url}", newWindow: "${item14-new-window}" }, { category: "${item15-category}", color: "${item15-color}", photo: "${item15-photo}", header: "${item15-header}", subheader: "${item15-subheader}", abstract: "${item15-abstract}", fulltext: "${item15-fulltext}", youtube: "${item15-youtube}", readmoreText: "${item15-read-more-text}", readmoreLink: "${item15-read-more-url}", ctaText: "${item15-cta-text}", ctaLink: "${item15-cta-url}", newWindow: "${item15-new-window}" }, { category: "${item16-category}", color: "${item16-color}", photo: "${item16-photo}", header: "${item16-header}", subheader: "${item16-subheader}", abstract: "${item16-abstract}", fulltext: "${item16-fulltext}", youtube: "${item16-youtube}", readmoreText: "${item16-read-more-text}", readmoreLink: "${item16-read-more-url}", ctaText: "${item16-cta-text}", ctaLink: "${item16-cta-url}", newWindow: "${item16-new-window}" }, { category: "${item17-category}", color: "${item17-color}", photo: "${item17-photo}", header: "${item17-header}", subheader: "${item17-subheader}", abstract: "${item17-abstract}", fulltext: "${item17-fulltext}", youtube: "${item17-youtube}", readmoreText: "${item17-read-more-text}", readmoreLink: "${item17-read-more-url}", ctaText: "${item17-cta-text}", ctaLink: "${item17-cta-url}", newWindow: "${item17-new-window}" }, { category: "${item18-category}", color: "${item18-color}", photo: "${item18-photo}", header: "${item18-header}", subheader: "${item18-subheader}", abstract: "${item18-abstract}", fulltext: "${item18-fulltext}", youtube: "${item18-youtube}", readmoreText: "${item18-read-more-text}", readmoreLink: "${item18-read-more-url}", ctaText: "${item18-cta-text}", ctaLink: "${item18-cta-url}", newWindow: "${item18-new-window}" }, { category: "${item19-category}", color: "${item19-color}", photo: "${item19-photo}", header: "${item19-header}", subheader: "${item19-subheader}", abstract: "${item19-abstract}", fulltext: "${item19-fulltext}", youtube: "${item19-youtube}", readmoreText: "${item19-read-more-text}", readmoreLink: "${item19-read-more-url}", ctaText: "${item19-cta-text}", ctaLink: "${item19-cta-url}", newWindow: "${item19-new-window}" }, { category: "${item20-category}", color: "${item20-color}", photo: "${item20-photo}", header: "${item20-header}", subheader: "${item20-subheader}", abstract: "${item20-abstract}", fulltext: "${item20-fulltext}", youtube: "${item20-youtube}", readmoreText: "${item20-read-more-text}", readmoreLink: "${item20-read-more-url}", ctaText: "${item20-cta-text}", ctaLink: "${item20-cta-url}", newWindow: "${item20-new-window}" }, { category: "${item21-category}", color: "${item21-color}", photo: "${item21-photo}", header: "${item21-header}", subheader: "${item21-subheader}", abstract: "${item21-abstract}", fulltext: "${item21-fulltext}", youtube: "${item21-youtube}", readmoreText: "${item21-read-more-text}", readmoreLink: "${item21-read-more-url}", ctaText: "${item21-cta-text}", ctaLink: "${item21-cta-url}", newWindow: "${item21-new-window}" }, { category: "${item22-category}", color: "${item22-color}", photo: "${item22-photo}", header: "${item22-header}", subheader: "${item22-subheader}", abstract: "${item22-abstract}", fulltext: "${item22-fulltext}", youtube: "${item22-youtube}", readmoreText: "${item22-read-more-text}", readmoreLink: "${item22-read-more-url}", ctaText: "${item22-cta-text}", ctaLink: "${item22-cta-url}", newWindow: "${item22-new-window}" }, { category: "${item23-category}", color: "${item23-color}", photo: "${item23-photo}", header: "${item23-header}", subheader: "${item23-subheader}", abstract: "${item23-abstract}", fulltext: "${item23-fulltext}", youtube: "${item23-youtube}", readmoreText: "${item23-read-more-text}", readmoreLink: "${item23-read-more-url}", ctaText: "${item23-cta-text}", ctaLink: "${item23-cta-url}", newWindow: "${item23-new-window}" }, { category: "${item24-category}", color: "${item24-color}", photo: "${item24-photo}", header: "${item24-header}", subheader: "${item24-subheader}", abstract: "${item24-abstract}", fulltext: "${item24-fulltext}", youtube: "${item24-youtube}", readmoreText: "${item24-read-more-text}", readmoreLink: "${item24-read-more-url}", ctaText: "${item24-cta-text}", ctaLink: "${item24-cta-url}", newWindow: "${item24-new-window}" }, { category: "${item25-category}", color: "${item25-color}", photo: "${item25-photo}", header: "${item25-header}", subheader: "${item25-subheader}", abstract: "${item25-abstract}", fulltext: "${item25-fulltext}", youtube: "${item25-youtube}", readmoreText: "${item25-read-more-text}", readmoreLink: "${item25-read-more-url}", ctaText: "${item25-cta-text}", ctaLink: "${item25-cta-url}", newWindow: "${item25-new-window}" } ] }); //hide frag title and desc when not in edit mode if (isEditMode == "true") { $('#fluidBrandedCarouseltbd-story-carousel-1').closest(".htmlfragment").find(".standard-white-component > h3.secondary-headline").css("display","block"); $('#fluidBrandedCarouseltbd-story-carousel-1').closest(".htmlfragment").find(".standard-white-component > p").css("display","block"); } else { $('#fluidBrandedCarouseltbd-story-carousel-1').closest(".htmlfragment").find(".standard-white-component > h3.secondary-headline").remove(); $('#fluidBrandedCarouseltbd-story-carousel-1').closest(".htmlfragment").find(".standard-white-component > p").remove(); } }); </script> <!-- Fluid Branded Carousel Hide frag title/description end --> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component no-padding"> <h3 class="secondary-headline"> </h3> <div class="html-fragment-content"> <style> /* Background image 2-col layout, optional callout box overlay, anchor property, authorable - updated Apr 12, 2022 */ #simplrops .bkgrd-img-2-col-img_image-container { background-image: url(/content/dam/html/us/consulting/2025/simplrops/simpler-opps-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; align-items: center; justify-content: center; background-color: #000; padding: 1em 0; max-width: 1200px; margin: auto; width: 100%; align-items: stretch; } #simplrops .bkgrd-img-2-col-img_title_copy { margin-top: 0; } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { #simplrops .bkgrd-img-2-col-img_image-container { display: flex; } #simplrops .pull-quote-style-box-color { padding: 1em; margin: 2em; display: flex; background-color: rgba(${pull-quote-box-color}); flex-direction: row; } #simplrops .buttons-container{ display: flex; align-items:center; padding-bottom: 2em; } } /* Smaller than 767px down */ @media only screen and (max-width: 767px) { #bkgrd-img-2-col-img_all_copy_simplrops { text-align: center; padding: 2em 0 0 0; } #simplrops .pull-quote-style-box-color { padding: 3em; background-color: rgba(${pull-quote-box-color}); flex-direction: column; } #simplrops .bkgrd-img-2-col-img_column { display: flex; flex-basis: 100%; flex: 1; align-items: center; justify-content: center; padding: 2em 0; } #simplrops .bkgrd-img-2-col-img_image-container { padding: 0; } #simplrops .bkgrd-img-2-col-img_title_copy { margin: 2em 0 1em; } #simplrops .buttons-container{ display: flex; align-items:center; justify-content: center; padding-bottom: 0px; padding-top: 1em; } .button_simplrops, .button1_simplrops { flex-grow: 1; } } #simplrops .bkgrd-img-2-col-img_column { display: flex; align-items: center; justify-content: center; padding: 0 2em; } #simplrops .bkgrd-img-2-col-img_double-column { display: flex; flex: 1; padding: 0 3em; /* newly added */ align-items: center; justify-content: center; } #simplrops .bkgrd-img-2-col-img_image_holder { display: flex; position: relative; z-index: 1; align-items: center; justify-content: center; } #simplrops .bkgrd-img-2-col-img_title_copy { color: #91bb43; font-size: 2em; font-weight: bold; width: 100%; margin: .5em 0; } #simplrops .bkgrd-img-2-col-img_second_title_copy { color: #91bb43; font-size: 2em; font-weight: bold; width: 100%; margin: .5em 0; } #simplrops .bkgrd-img-2-col-img_body_copy { color: #FFF; font-size: 1.5em; width: 100%; padding-bottom: 1.5em; } #simplrops .bkgrd-img-2-col-img_second_col_image { padding-bottom: 1.1em; } .button_copy_style_simplrops { color: black; text-align: center; text-decoration: none; display: inline-block; } .button_simplrops { background-color: #91bb43; border: 3px solid ${button-border-color}; color: black; text-align: center; display: inline-block; font-size: 1.2em; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 2px; } .button1_simplrops { background-color: ${button-default-hover-color}; color: black; padding: 0.75em 1.3em; } .button2_simplrops { background-color: transparent; border: 1px solid #86BC25; color: #86BC25 !important; text-align: center; display: inline-block; font-size: 1.2em; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 2px; margin-left: 30px; padding: 0.75em 1.3em; } @media(max-width: 1000px) { .button2_simplrops { display: block; margin-left: 0px; margin-top: 30px; } .button1_simplrops { display: block; } } /* .button1_simplrops:hover { background-color: #046A38; color: black; } .button1_simplrops a, a:visited { text-decoration:none; color: black; } */ /* .button1_simplrops a { text-decoration:none; color: black; } .button1_simplrops a:visited { text-decoration:none; color: ${button-visited-font-color} !important; } */ a.button1_simplrops:hover { text-decoration:none; color: black; } a.button1_simplrops:visited { text-decoration:none; color: black !important; /* ${button-visited-font-color} !important; */ } #simplrops .icon-chevron-right:before { font-size: 19px; padding: 0 0 0 10px; color: black; font-weight: 400; } #simplrops .icon-chevron-right:hover a { color: #046A38; } #simplrops .icon-chevron-right:hover:before { border-radius: 100%; color: black; } #simplrops .reverse { flex-direction: row-reverse; /* other styles you may want to add like padding adjustments */ } #simplrops .hidden { display: none; } #simplrops .dropshadow { text-shadow: 2px 2px 8px black; } /* styled OL TEST with colored circles*/ div.numbered-list { counter-reset: list-number; } div.numbered-list div:before { counter-increment: list-number; content: counter(list-number); margin-right: 10px; margin-bottom:10px; width:35px; height:35px; display:inline-flex; align-items:center; justify-content: center; font-size:16px; background-color:#75787B; border-radius:50%; color:#fff; } /* bullet list TEST */ #simplrops .unordered-list ul li { text-align: left; display: list-item; list-style-type: disc; } #simplrops .unordered-list ol li { text-align: left; display: list-item; list-style-type: decimal; } #simplrops .unordered-list ul, #simplrops .unordered-list ol { list-style-position: inside; margin-left: 3em; } #simplrops .unordered-list li { font-size: 1.4em; font-weight: 400; list-style-position: outside; color: #FFF; } </style> <section class="bkgrd-img-2-col-img_image-container simplrops"> <div class="pull-quote-style-box-color reverse"> <div class="bkgrd-img-2-col-img_column"> <div class="bkgrd-img-2-col-img_no-class"> <div class="bkgrd-img-2-col-img_image_holder"><img src="/content/dam/html/us/consulting/2025/simplrops/simpler-opps-hero.png" width="235px" alt="${column-img-description}"/></div> </div> </div> <div class="bkgrd-img-2-col-img_double-column"> <div id="bkgrd-img-2-col-img_all_copy_simplrops"> <div><p class="bkgrd-img-2-col-img_title_copy ${add-shadow} hidden">Unlock the full potential of your cloud investment</p> </div> <div><p class="bkgrd-img-2-col-img_body_copy ${add-shadow} hidden">SimplrOps is our cutting-edge platform, designed to maximize your cloud ERP and HCM system performance</p> </div> <div class="unordered-list hidden">${unordered-list}</div> <div> <p class="bkgrd-img-2-col-img_second_title_copy ${add-shadow} hidden">${second-image-title-copy}</p> </div> <div class="bkgrd-img-2-col-img_second_col_image hidden"><img src="${logo-or-other-img}" width="230px" alt="{logo-or-other-img-description}"/> </div> <div class="buttons-container hidden"> <p> <a href="https://www2.deloitte.com/us/en/pages/human-capital/solutions/simplrops-enhancing-your-cloud-erp-platform.html" target="_blank" class="button_simplrops button1_simplrops button_copy_style_simplrops">See what's possible <i class="icon-chevron-right hidden"></i></a> <a href="${cta-link2}" target="${cta-target2}" class="hidden button_simplrops button2_simplrops">${cta2-copy} <i class="icon-chevron-right ${hide2-chevron}"></i></a> </p> </div> </div> </div> </div> </section> <script> /* HIDE AND REVEAL */ document.addEventListener('DOMContentLoaded', function(){ document.querySelector('.simplrops').parentNode.parentNode.parentNode.id = 'simplrops'; var someTitle="Unlock the full potential of your cloud investment", someBody="SimplrOps is our cutting-edge platform, designed to maximize your cloud ERP and HCM system performance", someUnorderedList="${unordered-list}", someSecondTitle="${second-image-title-copy}", someOtherImage="${logo-or-other-img}", someButton="See what's possible"; someButton2="${cta2-copy}"; if (someTitle.substring(0,3)!=="${t"){ document.querySelector("#simplrops .bkgrd-img-2-col-img_title_copy").classList.remove("hidden"); } if (someBody.substring(0,3)!=="${b"){ document.querySelector("#simplrops .bkgrd-img-2-col-img_body_copy").classList.remove("hidden"); } if (someUnorderedList.substring(0,3)!=="${u"){ document.querySelector("#simplrops .unordered-list").classList.remove("hidden"); } if (someSecondTitle.substring(0,3)!=="${s"){ document.querySelector("#simplrops .bkgrd-img-2-col-img_second_title_copy").classList.remove("hidden"); } if (someOtherImage.substring(0,3)!=="${l"){ document.querySelector("#simplrops .bkgrd-img-2-col-img_second_col_image").classList.remove("hidden"); } if (someButton.substring(0,3)!=="${c"){ document.querySelector("#simplrops .buttons-container").classList.remove("hidden"); } if (someButton2.substring(0,3)!=="${c"){ document.querySelector("#simplrops .button2_simplrops").classList.remove("hidden"); } }); //analytics var PubID = dataLayer.custom.customConversion1.split(":").pop(); if (PubID != "" && PubID != null) { PubID += ":"; } else { PubID = "null:"; } $("#simplrops a").click(function(e) { var hrefPath = e.target.getAttribute('href'); var FragType = "FRG-115"; var FragID = "simplrops".replace(/-/g, ' '); var ActionType = "click"; s.linkTrackVars = "prop1,prop2,prop3,prop4,prop5,eVar72"; s.eVar72 = PubID+FragType+":"+ActionType+":"+FragID; s.eVar72 = s.eVar72.toLowerCase(); s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ";" + sc_language; if(hrefPath && hrefPath.substr(hrefPath.lastIndexOf('.pdf'))){ s.linkTrackEvents = "event6"; s.events = "event6"; s.tl(this, "o", s.eVar72); } }); </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div id="callout" class="standard-white-component no-padding"> <h3 class="secondary-headline"> Featured insight</h3> <div class="html-fragment-content"> <style> /* Background image 2-col TILE layout 2b, authorable, w/ anchor ID and analytics - updated Apr 12, 2022 */ #trends-callout .img-2-col-tile_image-container { background-color: #f2f2f2; } #trends-callout .img-2-col-tile_title_copy { margin-top: 0; } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { #trends-callout .img-2-col-tile_image-container { display: flex; } #img-2-col-tile_all_copy_trends-callout { margin: 6em; } #trends-callout .buttons-container{ display: flex; align-items:center; padding-top: 2em; } } /* Smaller than 767px down */ @media only screen and (max-width: 767px) { #img-2-col-tile_all_copy_trends-callout { text-align: center; margin: 4em; } #trends-callout .img-2-col-tile_column { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; align-items: center; justify-content: center; padding: 2em 0; } #trends-callout .img-2-col-tile_double-column { padding: 0; } #trends-callout .img-2-col-tile_image-container { margin: 0; } #trends-callout .img-2-col-tile_title_copy { margin: 2em 0 1em; } #trends-callout .buttons-container{ display: flex; align-items:center; justify-content: center; padding-bottom: 0px; padding-top: 2em; } .button_trends-callout, .button1_trends-callout { /* flex-grow: 1; */ } } #trends-callout .img-2-col-tile_column { display: flex; flex-direction: column; justify-content: center; height: auto; background-image: url(/content/dam/Deloitte/us/Images/Misc/html-fragment-images/deloitte-2024-global-human-capital-trends3.png); background-repeat: no-repeat; background-size: cover; background-position: center; align-items: center; justify-content: center; flex: 1 1 0; } #trends-callout .img-2-col-tile_double-column { display: flex; flex-direction: column; flex: 1 1 0; align-items: center; justify-content: center; } #trends-callout .img-2-col-tile_image_holder { display: flex; position: relative; z-index: 1; align-items: center; justify-content: center; } #trends-callout .img-2-col-tile_title_copy { color: #000; font-size: 2em; font-weight: bold; width: 100%; margin: .5em 0; } #trends-callout .img-2-col-tile_second_title_copy { color: #000; font-size: 2em; font-weight: bold; width: 100%; margin: .5em 0; } #trends-callout .img-2-col-tile_body_copy { color: #000; font-size: 1.5em; width: 100%; padding-bottom: 0.5em; } #trends-callout .img-2-col-tile_second_col_image { padding-bottom: .5em; } #trends-callout .buttons-container{ padding-bottom: 0 0 2em 2em; } .button_trends-callout { background-color: #26890D; /* new - border color option */ border: 3px solid ${button-border-color}; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 1.5em; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 2px; } .button1_trends-callout { background-color: ${button-default-hover-color}; color: white; padding: 0.75em 1.3em; } .button1_trends-callout:hover { background-color: #046A38; color: white; } /* .button1_trends-callout a, a:visited { text-decoration:none; color: white; } */ a.button1_trends-callout:hover { text-decoration:none; color: white; } a.button1_trends-callout:visited { text-decoration:none; color: white !important; /* ${button-visited-font-color} !important; */ } #trends-callout .icon-chevron-right:before { font-size: 19px; padding: 0 0 0 10px; color: white; font-weight: 400; } #trends-callout .icon-chevron-right:hover a { color: #046A38; } #trends-callout .icon-chevron-right:hover:before { border-radius: 100%; color: white; } #trends-callout .reverse { flex-direction: row-reverse; /* other styles you may want to add like padding adjustments */ } #trends-callout .hidden { display: none; } #trends-callout .dropshadow { text-shadow: 2px 2px 8px black; } /* styled OL TEST with colored circles*/ div.numbered-list { counter-reset: list-number; } div.numbered-list div:before { counter-increment: list-number; content: counter(list-number); margin-right: 10px; margin-bottom:10px; width:35px; height:35px; display:inline-flex; align-items:center; justify-content: center; font-size:16px; background-color:#75787B; border-radius:50%; color:#fff; } /* bullet list TEST */ #trends-callout .unordered-list ul li { text-align: left; display: list-item; list-style-type: disc; } #trends-callout .unordered-list ol li { text-align: left; display: list-item; list-style-type: decimal; } #trends-callout .unordered-list ul, #trends-callout .unordered-list ol { list-style-position: inside; margin-left: 3em; } #trends-callout .unordered-list li { font-size: 1.4em; font-weight: 400; list-style-position: outside; } </style> <section class="img-2-col-tile_image-container ${direction} trends-callout"> <div class="img-2-col-tile_column"> <div class="img-2-col-tile_no-class"> <div class="img-2-col-tile_image_holder"><img src="/content/dam/html/us/test-projects/studio-dev-team/anna/hello-world/test-release/imgs/blank_spacer_300x300.png" width="300" alt="${column-img-description}"/></div> </div> </div> <div class="img-2-col-tile_double-column"> <div id="img-2-col-tile_all_copy_trends-callout"> <div ><p class="img-2-col-tile_title_copy ${add-shadow} hidden">Deloitte’s 2024 Global Human Capital Trends</p></div> <div> <p class="img-2-col-tile_body_copy ${add-shadow} hidden">It’s time to trade in the rules, operating constructs, and proxies of the past. Prioritizing human performance can help organizations make the leap into a boundaryless future.</p> </div> <div class="unordered-list hidden">${unordered-list}</div> <div><p class="img-2-col-tile_second_title_copy ${add-shadow} hidden">${second-image-title-copy}</p></div> <div class="img-2-col-tile_second_col_image hidden"><img src="${logo-or-other-img}" width="230px" alt="${logo-or-other-img-description}"/> </div> <div class="buttons-container hidden"> <p><a href="https://www2.deloitte.com/us/en/insights/focus/human-capital-trends.html" target="_target" class="button_trends-callout button1_trends-callout"><b>Explore the trends</b> <i class="icon-chevron-right hidden"></i></a></p> </div> </div> </div> </section> <script> /* HIDE AND REVEAL */ document.addEventListener('DOMContentLoaded', function(){ document.querySelector('.trends-callout').parentNode.parentNode.parentNode.id = 'trends-callout'; var someTitle="Deloitte’s 2024 Global Human Capital Trends", someBody="It’s time to trade in the rules, operating constructs, and proxies of the past. Prioritizing human performance can help organizations make the leap into a boundaryless future.", someUnorderedList="${unordered-list}", someSecondTitle="${second-image-title-copy}", someOtherImage="${logo-or-other-img}", someButton="<b>Explore the trends</b>"; if (someTitle.substring(0,3)!=="${t"){ // check for the first three characters that match "${i") document.querySelector("#trends-callout .img-2-col-tile_title_copy").classList.remove("hidden"); } if (someBody.substring(0,3)!=="${b"){ document.querySelector("#trends-callout .img-2-col-tile_body_copy").classList.remove("hidden"); } if (someUnorderedList.substring(0,3)!=="${u"){ document.querySelector("#trends-callout .unordered-list").classList.remove("hidden"); } if (someSecondTitle.substring(0,3)!=="${s"){ document.querySelector("#trends-callout .img-2-col-tile_second_title_copy").classList.remove("hidden"); } if (someOtherImage.substring(0,3)!=="${l"){ document.querySelector("#trends-callout .img-2-col-tile_second_col_image").classList.remove("hidden"); } if (someButton.substring(0,3)!=="${c"){ document.querySelector("#trends-callout .buttons-container").classList.remove("hidden"); } }); //analytics var PubID = dataLayer.custom.customConversion1.split(":").pop(); if (PubID != "" && PubID != null) { PubID += ":"; } else { PubID = "null:"; } $("#trends-callout a").click(function(e) { var hrefPath = e.target.getAttribute('href'); var FragType = "FRG-115"; var FragID = "trends-callout".replace(/-/g, ' '); var ActionType = "click"; s.linkTrackVars = "prop1,prop2,prop3,prop4,prop5,eVar72"; s.eVar72 = PubID+FragType+":"+ActionType+":"+FragID; s.eVar72 = s.eVar72.toLowerCase(); s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ";" + sc_language; if(hrefPath && hrefPath.substr(hrefPath.lastIndexOf('.pdf'))){ s.linkTrackEvents = "event6"; s.events = "event6"; s.tl(this, "o", s.eVar72); } }); </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div id="register_to_attend_01" class="standard-white-component no-padding"> <div class="html-fragment-content"> <div class="infogram-content-wrapper" data-id="infogram_0__/gEc9DfE89p3Mkn5wkmX6"> <div class="anchorclass infogram-content-placeholder ${no-cta-infogram}" id="${mobile-id}" data-fragid="cloud-operate-intro" style="display: none"></div> <!-- Fallback message to display when cookie settings is inactive --> <div class="infogram-fallback-msg" style="display: none"> <div class="container consent-warning"> <div class="consent-warning__icon"> <span class="icon-exclamation-mark-o"></span> </div> <div class="consent-warning__text"> <h4>Let’s make this work.</h4> <p><a class="optanon-show-settings">Change your strictly necessary cookie settings</a> to access this feature.</p> </div> </div> </div> </div> <footer class="infogram-disclaimer" style="background:tomato; padding: 1rem; text-align: center"> <h1 style="color: white">This section is an infogram</h1> <p style="color: white">This message and the space it occupies will not be displayed when viewing this page either in Live, Preview, or "View as published" modes</p> </footer> <script> // hide disclaimer message box live & preview pages if (isEditMode == 'false') { let infogramDisclaimers = document.querySelectorAll('.infogram-disclaimer'); infogramDisclaimers.forEach(function (customFrag) { const header = customFrag.closest('.standard-white-component').firstElementChild; if (header.classList.contains('secondary-headline')) { header.style.display = 'none'; } }); infogramDisclaimers.forEach((frag) => (frag.style.display = 'none')); } // iframe init, iframetracker, analytics $(document).ready(function () { //get all infograms on the page let targetNode = document.querySelectorAll('.anchorclass'); let fragid = []; let mobileId = document.getElementById('${mobile-id}').id; for (let i = 0; i < targetNode.length; i++) { //push the frag-id property to an array fragid.push(targetNode[i].dataset.fragid); //if frag-id was not entered, assign a random value if (fragid[i].substring(0, 3) === '${f') { fragid[i] = 'ig-null-' + Math.round(100000 * Math.random()); let newClassID = 'infogram-' + fragid[i] + '-placeholder'; targetNode[i].classList.add(newClassID); targetNode[i].setAttribute('data-fragid', fragid[i]); } else { targetNode[i].classList.add('infogram-' + fragid[i] + '-placeholder'); } } if (mobileId.substr(0, 3) !== '${m' && screen.width <= 767) { document.getElementById(mobileId).parentElement.setAttribute('data-id', '${mobile-id}'); } let igIframeID; if (mobileId.substr(0, 3) !== '${m' && screen.width <= 767) { igIframeID = mobileId; } else { igIframeID = 'infogram_0__/gEc9DfE89p3Mkn5wkmX6'; } if (typeof OnetrustActiveGroups === 'undefined' || OnetrustActiveGroups.indexOf(',1,') >= 0) { let igIframeStr = document.createElement('script'); igIframeStr.setAttribute('id', igIframeID); igIframeStr.setAttribute('title', 'infographic'); igIframeStr.type = 'text/javascript'; igIframeStr.src = '//e.infogr.am/js/dist/embed.js'; $(".infogram-content-wrapper[data-id='" + igIframeID + "'] .infogram-content-placeholder").append(igIframeStr); //show container $(".infogram-content-wrapper[data-id='" + igIframeID + "'] .infogram-content-placeholder").show(); //hide fallback $(".infogram-content-wrapper[data-id='" + igIframeID + "'] .infogram-fallback-msg").hide(); } else { //show fallback $(".infogram-content-wrapper[data-id='" + igIframeID + "'] .infogram-fallback-msg").show(); } }); $(window).load(function () { let targetNode = document.querySelectorAll('.anchorclass'); let fragid = []; let mobileId = document.getElementById('${mobile-id}').id; for (let i = 0; i < targetNode.length; i++) { fragid.push(targetNode[i].dataset.fragid); } // let igIframeID = 'infogram_0__/gEc9DfE89p3Mkn5wkmX6'; let igIframeID; if (mobileId.substr(0, 3) !== '${m' && screen.width <= 767) { igIframeID = mobileId; } else { igIframeID = 'infogram_0__/gEc9DfE89p3Mkn5wkmX6'; } //check if iframe has been loaded if ($(".infogram-content-wrapper[data-id='" + igIframeID + "'] .infogram-content-placeholder iframe").length) { // when page loses focus check to see if the active element is an iframe $(window).on('blur', function () { let target = $(document.activeElement); if (target.is('iframe')) { let targetParent = target.parents('.infogram-content-placeholder'); // check to see if targetParent exists if (targetParent.length) { // check if targetParent has been clicked. if not, fire analytics and add iframe-tracked class if (!targetParent.hasClass('iframe-tracked') && !targetParent.hasClass('yes')) { // get publication id let PubID = dataLayer.custom.customConversion1.split(':').pop(); if (PubID != '' && PubID != null) { PubID += ':'; } else { PubID = 'null:'; } // analytics let FragType = 'FRG-005'; let FragID = targetParent.attr('data-fragid'); FragID = FragID.replace(/ /g, '-'); if (FragID == '' || FragID.substring(0, 2) == '${') { FragID = 'null'; } let ActionType = 'first-interaction'; s.linkTrackVars = 'prop1,prop2,prop3,prop4,prop5,eVar72'; s.eVar72 = PubID + FragType + ':' + ActionType + ':' + FragID; s.eVar72 = s.eVar72.toLowerCase(); s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ';' + sc_language; s.linkTrackEvents = 'event71,event72,event23'; s.events = 'event71,event72,event23'; s.tl(this, 'o', s.eVar72); // add iframe-tracked class targetParent.addClass('iframe-tracked'); } } } }); // reset focus to page $('.infogram-content-placeholder iframe').on('mouseleave', function () { $('.infogram-content-placeholder iframe').blur(); }); } }); </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div id="stories-carousel" class="standard-white-component "> <div class="html-fragment-content"> <!-- // ================================================================ // - Deloitte Branded Page Carousel Fragment // - Created by Nick Uniatowski (nick@fluiddesigngroup.com) // - 2019 // - JS LIBS REQUIRED: handlebars-v4.0.11.js // - FRAGMENT REQUIRED: fluid-branded-header.html (shared assets) // ================================================================ // --> <!-- Fluid Branded Carousel HTML start --> <div id="fluidBrandedCarouselcar-services" class="car-services" role="region"></div> <!-- Fluid Branded Carousel HTML end --> <!-- Fluid Branded Carousel css gets loaded --> <link rel="stylesheet" href="/content/dam/html/global/fluid-branded/current-release/css/fluid-branded-carousel.css" type="text/css"> <!-- Fluid Branded Carousel JS start --> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.matchHeight-min.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.touchSwipe.min.js" type="text/javascript"></script> <script src="/content/dam/html/global/fluid-branded/current-release/js/jquery.fluidbrandedcarousel.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function($) { //add carousel plugin $('#fluidBrandedCarouselcar-services').fluidbrandedcarousel({ properties: { FragID: "car-services", numberOfItems: "4", // number of items in carousel : default 1 itemsVisible: "${items-visible}", // comma delimited string to override breakpoints (mobile,768,1024,1200) (ex: 1,2,3,4) : first option should always be 1 : default false categoryFilter: "${category-filter}", // show filter (true/false) : default false categoryLabel: "Select a category:", // category filter label text : default 'Select an industry:' categoryAll: "${category-all}", // category view all text : default 'All' introTitle: 'Stay current and connected', // h2 title above carousel introSubTitle: ' ', // h2 title above carousel introText: '${intro-text}', // text above carousel ctaBtnText: '${button-text}', // call to action link displayed under carousel's button text ctaBtnLink: '${button-link}', //call to action link displayed under carousel textColor: '${text-color}', //Optional. Hex or brandspace value accepted. Applied to text color. Default is #FFF. headerColor: '${header-color}', //Optional. Hex or brandspace value accepted. Applied to text color. Default is Deloitte Green. bkgColor: 'grey', //Optional. Hex or brandspace value accepted. Applied to background. Default is #000. linkColor: '${link-color}', //Optional. Hex or brandspace value accepted. Applied to CTA link. Default is Deloitte Green. cssOverride: '${css-override}' }, items: [ { category: " ", // category color: "black", // category color photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/insights-2-action-640x360.jpg", //photo (recommended 640x360px but can be taller if desired) header: "Insights2Action™", // header subheader: "${item1-subheader}", // subheader abstract: "Reduce uncertainty and improve decision quality with insights that can help you sense, analyze, and act on challenges around work, the workforce, and the workplace.", // abstract text fulltext: "${item1-fulltext}", // escaped html text for expanded item youtube: "${item1-youtube}", // youtube video url readmoreText: "Latest insights", // link text otherwise "Read more" readmoreLink: "https://action.deloitte.com/", // if present this will override the window expansion ctaText: "${item1-cta-text}", // cta text in expanded item text otherwise "Read more" | cta is not displayed unless url is set ctaLink: "${item1-cta-url}", // cta link in expanded item newWindow: "true" // will link open in a new window? default = false }, { category: " ", color: "black", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/hc-main-blog.jpg", header: "Capital H blog", subheader: "${item2-subheader}", abstract: "Your source for ongoing real-world insights from Deloitte Human Capital Consulting professionals at the forefront of putting humans at the center of work", fulltext: "${item2-fulltext}", youtube: "${item2-youtube}", readmoreText: "Latest posts", readmoreLink: "/content/www/us/en/blog/human-capital-blog.html", ctaText: "${item2-cta-text}", ctaLink: "${item2-cta-url}", newWindow: "true" }, { category: " ", color: "black", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/hc-main-podcast.jpg", header: "Capital H podcast", subheader: "${item3-subheader}", abstract: "Tune in and subscribe to hear business and industry leaders and Deloitte specialists unpack today’s human-focused topics and trends.", fulltext: "${item3-fulltext}", youtube: "${item3-youtube}", readmoreText: "Latest episodes", readmoreLink: "/content/www/us/en/pages/human-capital/topics/capital-h-a-human-capital-podcast-series.html", ctaText: "${item3-cta-text}", ctaLink: "${item3-cta-url}", newWindow: "true" }, { category: " ", color: "black", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/hc-main-sc.jpg", header: "Human Capital Dbriefs", subheader: "${item4-subheader}", abstract: "Navigate what’s next in work, workforce, and workplace trends and human capital topics through webinars presented by Deloitte specialists.", fulltext: "${item4-fulltext}", youtube: "${item4-youtube}", readmoreText: "Latest webcasts", readmoreLink: "/content/www/us/en/pages/dbriefs-webcasts/series/hr-executives.html", ctaText: "${item4-cta-text}", ctaLink: "${item4-cta-url}", newWindow: "true" }, { category: "Whitepaper", color: "Teal 6", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/talent-and-culture-stories-carousel-student-health-and-wellbeing.jpg", header: "College students’ mental health and well‐being", subheader: "${item5-subheader}", abstract: "${item5-abstract}", fulltext: "<p>COVID‐19 has taken a dramatic toll on college students’ well‐being, but there were concerns even before the pandemic. What can colleges and universities do in response?</p>", youtube: "${item5-youtube}", readmoreText: "Read more", readmoreLink: "${item5-read-more-url}", ctaText: "Read more", ctaLink: "https://www2.deloitte.com/us/en/insights/industry/public-sector/college-students-mental-health-covid-19.html", newWindow: "${item5-new-window}" }, { category: "Whitepaper", color: "Teal 6", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/hubpage-stories-carousel-ready-to-learn-ready-to-work.jpg", header: "Ready to learn, ready to work", subheader: "${item6-subheader}", abstract: "${item6-abstract}", fulltext: "<p>What will it take for higher education to bridge the gap between millions of jobs and millions of unemployed to become a key driver of economic recovery in a post-pandemic world?</p>", youtube: "${item6-youtube}", readmoreText: "Read more", readmoreLink: "${item6-read-more-url}", ctaText: "${item6-cta-text}", ctaLink: "https://www2.deloitte.com/content/dam/Deloitte/us/Documents/public-sector/us-ready-to-learn-ready-to-work-october-2021.pdf", newWindow: "${item6-new-window}" }, { category: "Whitepaper", color: "Teal 6", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/park-city-people-illustration.jpg", header: "Return to campus: Perspectives from higher education leaders", subheader: "${item7-subheader}", abstract: "${item7-abstract}", fulltext: "<p>We virtually gathered more than 300 higher education leaders to discuss how the Future of Work can inform the return to campus, and it is clear there is no one-size-fits-all approach for returning to campus.</p>", youtube: "${item7-youtube}", readmoreText: "Read more", readmoreLink: "${item7-read-more-url}", ctaText: "Download the PDF", ctaLink: "https://www2.deloitte.com/content/dam/Deloitte/us/Documents/us-gps-return-to-campus-perspectives-from-higher-ed-leaders.pdf", newWindow: "${item7-new-window}" }, { category: "Whitepaper", color: "Teal 6", photo: "/content/dam/Deloitte/us/Images/Misc/story-carousel/talent-and-culture-stories-carousel-the-hybrid-campus.jpg", header: "The hybrid campus", subheader: "${item8-subheader}", abstract: "${item8-abstract}", fulltext: "<p>During COVID-19, many higher education institutions adopted a mix of face-to-face and online delivery of courses and services, creating an opportunity for a more permanent shift to a hybrid university. This publication, developed by Deloitte’s Center for Higher Education Excellence and Strada Education Network, explores shifts across three key areas: academic affairs, student success, and the campus workforce. </p>", youtube: "${item8-youtube}", readmoreText: "Read more", readmoreLink: "${item8-read-more-url}", ctaText: "Read more", ctaLink: "https://www2.deloitte.com/us/en/insights/industry/public-sector/post-pandemic-hybrid-learning.html", newWindow: "${item8-new-window}" }, { category: "${item9-category}", color: "${item9-color}", photo: "${item9-photo}", header: "${item9-header}", subheader: "${item9-subheader}", abstract: "${item9-abstract}", fulltext: "${item9-fulltext}", youtube: "${item9-youtube}", readmoreText: "${item9-read-more-text}", readmoreLink: "${item9-read-more-url}", ctaText: "${item9-cta-text}", ctaLink: "${item9-cta-url}", newWindow: "${item9-new-window}" }, { category: "${item10-category}", color: "${item10-color}", photo: "${item10-photo}", header: "${item10-header}", subheader: "${item10-subheader}", abstract: "${item10-abstract}", fulltext: "${item10-fulltext}", youtube: "${item10-youtube}", readmoreText: "${item10-read-more-text}", readmoreLink: "${item10-read-more-url}", ctaText: "${item10-cta-text}", ctaLink: "${item10-cta-url}", newWindow: "${item10-new-window}" }, { category: "${item11-category}", color: "${item11-color}", photo: "${item11-photo}", header: "${item11-header}", subheader: "${item11-subheader}", abstract: "${item11-abstract}", fulltext: "${item11-fulltext}", youtube: "${item11-youtube}", readmoreText: "${item11-read-more-text}", readmoreLink: "${item11-read-more-url}", ctaText: "${item11-cta-text}", ctaLink: "${item11-cta-url}", newWindow: "${item11-new-window}" }, { category: "${item12-category}", color: "${item12-color}", photo: "${item12-photo}", header: "${item12-header}", subheader: "${item12-subheader}", abstract: "${item12-abstract}", fulltext: "${item12-fulltext}", youtube: "${item12-youtube}", readmoreText: "${item12-read-more-text}", readmoreLink: "${item12-read-more-url}", ctaText: "${item12-cta-text}", ctaLink: "${item12-cta-url}", newWindow: "${item12-new-window}" }, { category: "${item13-category}", color: "${item13-color}", photo: "${item13-photo}", header: "${item13-header}", subheader: "${item13-subheader}", abstract: "${item13-abstract}", fulltext: "${item13-fulltext}", youtube: "${item13-youtube}", readmoreText: "${item13-read-more-text}", readmoreLink: "${item13-read-more-url}", ctaText: "${item13-cta-text}", ctaLink: "${item13-cta-url}", newWindow: "${item13-new-window}" }, { category: "${item14-category}", color: "${item14-color}", photo: "${item14-photo}", header: "${item14-header}", subheader: "${item14-subheader}", abstract: "${item14-abstract}", fulltext: "${item14-fulltext}", youtube: "${item14-youtube}", readmoreText: "${item14-read-more-text}", readmoreLink: "${item14-read-more-url}", ctaText: "${item14-cta-text}", ctaLink: "${item14-cta-url}", newWindow: "${item14-new-window}" }, { category: "${item15-category}", color: "${item15-color}", photo: "${item15-photo}", header: "${item15-header}", subheader: "${item15-subheader}", abstract: "${item15-abstract}", fulltext: "${item15-fulltext}", youtube: "${item15-youtube}", readmoreText: "${item15-read-more-text}", readmoreLink: "${item15-read-more-url}", ctaText: "${item15-cta-text}", ctaLink: "${item15-cta-url}", newWindow: "${item15-new-window}" }, { category: "${item16-category}", color: "${item16-color}", photo: "${item16-photo}", header: "${item16-header}", subheader: "${item16-subheader}", abstract: "${item16-abstract}", fulltext: "${item16-fulltext}", youtube: "${item16-youtube}", readmoreText: "${item16-read-more-text}", readmoreLink: "${item16-read-more-url}", ctaText: "${item16-cta-text}", ctaLink: "${item16-cta-url}", newWindow: "${item16-new-window}" }, { category: "${item17-category}", color: "${item17-color}", photo: "${item17-photo}", header: "${item17-header}", subheader: "${item17-subheader}", abstract: "${item17-abstract}", fulltext: "${item17-fulltext}", youtube: "${item17-youtube}", readmoreText: "${item17-read-more-text}", readmoreLink: "${item17-read-more-url}", ctaText: "${item17-cta-text}", ctaLink: "${item17-cta-url}", newWindow: "${item17-new-window}" }, { category: "${item18-category}", color: "${item18-color}", photo: "${item18-photo}", header: "${item18-header}", subheader: "${item18-subheader}", abstract: "${item18-abstract}", fulltext: "${item18-fulltext}", youtube: "${item18-youtube}", readmoreText: "${item18-read-more-text}", readmoreLink: "${item18-read-more-url}", ctaText: "${item18-cta-text}", ctaLink: "${item18-cta-url}", newWindow: "${item18-new-window}" }, { category: "${item19-category}", color: "${item19-color}", photo: "${item19-photo}", header: "${item19-header}", subheader: "${item19-subheader}", abstract: "${item19-abstract}", fulltext: "${item19-fulltext}", youtube: "${item19-youtube}", readmoreText: "${item19-read-more-text}", readmoreLink: "${item19-read-more-url}", ctaText: "${item19-cta-text}", ctaLink: "${item19-cta-url}", newWindow: "${item19-new-window}" }, { category: "${item20-category}", color: "${item20-color}", photo: "${item20-photo}", header: "${item20-header}", subheader: "${item20-subheader}", abstract: "${item20-abstract}", fulltext: "${item20-fulltext}", youtube: "${item20-youtube}", readmoreText: "${item20-read-more-text}", readmoreLink: "${item20-read-more-url}", ctaText: "${item20-cta-text}", ctaLink: "${item20-cta-url}", newWindow: "${item20-new-window}" }, { category: "${item21-category}", color: "${item21-color}", photo: "${item21-photo}", header: "${item21-header}", subheader: "${item21-subheader}", abstract: "${item21-abstract}", fulltext: "${item21-fulltext}", youtube: "${item21-youtube}", readmoreText: "${item21-read-more-text}", readmoreLink: "${item21-read-more-url}", ctaText: "${item21-cta-text}", ctaLink: "${item21-cta-url}", newWindow: "${item21-new-window}" }, { category: "${item22-category}", color: "${item22-color}", photo: "${item22-photo}", header: "${item22-header}", subheader: "${item22-subheader}", abstract: "${item22-abstract}", fulltext: "${item22-fulltext}", youtube: "${item22-youtube}", readmoreText: "${item22-read-more-text}", readmoreLink: "${item22-read-more-url}", ctaText: "${item22-cta-text}", ctaLink: "${item22-cta-url}", newWindow: "${item22-new-window}" }, { category: "${item23-category}", color: "${item23-color}", photo: "${item23-photo}", header: "${item23-header}", subheader: "${item23-subheader}", abstract: "${item23-abstract}", fulltext: "${item23-fulltext}", youtube: "${item23-youtube}", readmoreText: "${item23-read-more-text}", readmoreLink: "${item23-read-more-url}", ctaText: "${item23-cta-text}", ctaLink: "${item23-cta-url}", newWindow: "${item23-new-window}" }, { category: "${item24-category}", color: "${item24-color}", photo: "${item24-photo}", header: "${item24-header}", subheader: "${item24-subheader}", abstract: "${item24-abstract}", fulltext: "${item24-fulltext}", youtube: "${item24-youtube}", readmoreText: "${item24-read-more-text}", readmoreLink: "${item24-read-more-url}", ctaText: "${item24-cta-text}", ctaLink: "${item24-cta-url}", newWindow: "${item24-new-window}" }, { category: "${item25-category}", color: "${item25-color}", photo: "${item25-photo}", header: "${item25-header}", subheader: "${item25-subheader}", abstract: "${item25-abstract}", fulltext: "${item25-fulltext}", youtube: "${item25-youtube}", readmoreText: "${item25-read-more-text}", readmoreLink: "${item25-read-more-url}", ctaText: "${item25-cta-text}", ctaLink: "${item25-cta-url}", newWindow: "${item25-new-window}" } ] }); //hide frag title and desc when not in edit mode if (isEditMode == "true") { $('#fluidBrandedCarouselcar-services').closest(".htmlfragment").find(".standard-white-component > h3.secondary-headline").css("display","block"); $('#fluidBrandedCarouselcar-services').closest(".htmlfragment").find(".standard-white-component > p").css("display","block"); } else { $('#fluidBrandedCarouselcar-services').closest(".htmlfragment").find(".standard-white-component > h3.secondary-headline").remove(); $('#fluidBrandedCarouselcar-services').closest(".htmlfragment").find(".standard-white-component > p").remove(); } }); </script> <!-- Fluid Branded Carousel Hide frag title/description end --> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div id="explore-btn" class="standard-white-component no-padding"> <div class="html-fragment-content"> <style> /* Background image single-col layout, optional callout box overlay, anchor property, authorable - updated June 09, 2023 */ #explore-hc-topics .bkgrd-img-2-col-img_image-container { background-image: url( ); background-repeat: no-repeat; background-size: cover; background-position: center; align-items: center; justify-content: center; background-color: #f2f2f2; /* padding: 1em 0; */ max-width: 1200px; margin: auto; width: 100%; align-items: stretch; } /* CONTAINER BUTTON */ #explore-hc-topics .recruitment-button-container { justify-content: ${center-buttons}; } #bkgrd-img-2-col-img_all_copy_explore-hc-topics { /* TEST */ text-align: ${column-text-alignment}; /* center */ } #explore-hc-topics .bkgrd-img-2-col-img_title_copy { margin-top: 0; } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { #explore-hc-topics .bkgrd-img-2-col-img_image-container { display: flex; } #explore-hc-topics .pull-quote-style-box-color { /* padding: 1em; margin: 2em; */ display: flex; background-color: rgba( ); flex-direction: column; /* row */ } } /* Smaller than 767px down */ @media only screen and (max-width: 767px) { #bkgrd-img-2-col-img_all_copy_explore-hc-topics { text-align: center; padding: 2em 0 0 0; } #explore-hc-topics .pull-quote-style-box-color { padding: 3em; background-color: rgba( ); display: flex; /* adding flex back in */ flex-direction: column; } #explore-hc-topics .bkgrd-img-2-col-img_column { display: flex; flex-basis: 100%; flex: 1; align-items: center; justify-content: center; padding: 2em 0; } #explore-hc-topics .bkgrd-img-2-col-img_image-container { padding: 0; } #explore-hc-topics .bkgrd-img-2-col-img_title_copy { margin: 2em 0 1em; } #explore-hc-topics .buttons-container{ display: flex; align-items:center; justify-content: center; padding-bottom: 0px; padding-top: 1em; } /* CONTAINER BUTTON */ #explore-hc-topics .recruitment-button-container { flex-direction: column; justify-content: ${center-buttons}; } .button_explore-hc-topics, .button1_explore-hc-topics, .button2_explore-hc-topics, .button3_explore-hc-topics, .button4_explore-hc-topics { flex-grow: 1; } } #explore-hc-topics .bkgrd-img-2-col-img_column { display: flex; align-items: center; justify-content: center; padding: 0 2em; } #explore-hc-topics .bkgrd-img-2-col-img_double-column { display: flex; flex: 1; padding: 2.5em 5.5em; /*2.5em 3em 0; */ /* newly added */ align-items: center; justify-content: center; } #explore-hc-topics .bkgrd-img-2-col-img_image_holder { display: flex; position: relative; z-index: 1; align-items: center; justify-content: center; } #explore-hc-topics .bkgrd-img-2-col-img_title_copy { color: black; font-size: 2em; font-weight: ${title_copy_weight}; /* bold */ width: 100%; margin: .5em 0; } #explore-hc-topics .bkgrd-img-2-col-img_second_title_copy { color: black; font-size: 2em; font-weight: bold; width: 100%; margin: 0.5em 0; } #explore-hc-topics .bkgrd-img-2-col-img_second_title_body_copy { color: #FFF; font-size: 1.5em; width: 100%; /* padding-bottom: 1.5em; */ } #explore-hc-topics .bkgrd-img-2-col-img_body_copy { color: #FFF; font-size: 1.5em; width: 100%; /* padding-bottom: 1.5em; */ } #explore-hc-topics .bkgrd-img-2-col-img_second_col_image { /* padding-bottom: 2em; */ } /* .button_explore-hc-topics { background-color: ${button-default-color}; border: 3px solid ${button-border-color}; color: ${button-font-color}; text-align: center; display: inline-block; font-size: 14px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; border-radius: 2px; margin: 0 10px; } */ .button_copy_style_explore-hc-topics { color: ${button-font-color}; text-align: center; text-decoration: none; display: inline-block; } /* button 01 */ .button1_explore-hc-topics { background-color: #26890D; border: 3px solid ${button1-border-color}; text-align: center; display: inline-block; font-size: 14px; /* 1.2em; */ -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 2px; margin: 0 10px; /* NEW test */ color: white; padding: 0.7em 2em; /* 0.75em 1.3em; */ } a.button1_explore-hc-topics:hover { background-color: #046A38; text-decoration:none; color: white; } a.button1_explore-hc-topics:visited { text-decoration:none; color: white !important; /* ${button1-visited-font-color} !important; */ } /* button 02 */ .button2_explore-hc-topics { background-color: orange; border: 3px solid lime; text-align: center; display: inline-block; font-size: 14px; /* 1.2em; */ -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 2px; margin: 0 10px; /* NEW test */ color: white; padding: 0.7em 2em; /* 0.75em 1.3em; */ } a.button2_explore-hc-topics:hover { background-color: #0076A8; text-decoration:none; color: white; } a.button2_explore-hc-topics:visited { text-decoration:none; color: white !important; /* ${button2-visited-font-color} !important; */ } /* button 03 */ .button3_explore-hc-topics { background-color: mediumvioletred; border: 3px solid lime; text-align: center; display: inline-block; font-size: 14px; /* 1.2em; */ -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 2px; margin: 0 10px; /* NEW test */ color: white; padding: 0.7em 2em; /* 0.75em 1.3em; */ } a.button3_explore-hc-topics:hover { background-color: #0076A8; text-decoration:none; color: white; } a.button3_explore-hc-topics:visited { text-decoration:none; color: white !important; /* ${button3-visited-font-color} !important; */ } /* button 04 */ .button4_explore-hc-topics { background-color: darkcyan; border: 3px solid lime; text-align: center; display: inline-block; font-size: 14px; /* 1.2em; */ -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 2px; margin: 0 10px; /* NEW test */ color: white; padding: 0.7em 2em; /* 0.75em 1.3em; */ } a.button4_explore-hc-topics:hover { background-color: #005050; text-decoration:none; color: white; } a.button4_explore-hc-topics:visited { text-decoration:none; color: white !important; /* ${button4-visited-font-color} !important; */ } #explore-hc-topics .icon-chevron-right:before { font-size: 19px; padding: 0 0 0 10px; color: ${button-font-color}; font-weight: 400; } #explore-hc-topics .icon-chevron-right:hover a { color: ${button-hover-color}; } #explore-hc-topics .icon-chevron-right:hover:before { border-radius: 100%; color: ${button-font-color}; } #explore-hc-topics .reverse { flex-direction: row-reverse; /* other styles you may want to add like padding adjustments */ } #explore-hc-topics .hidden { display: none; } #explore-hc-topics .dropshadow { text-shadow: 2px 2px 8px black; } /* styled OL TEST with colored circles*/ div.numbered-list { counter-reset: list-number; } div.numbered-list div:before { counter-increment: list-number; content: counter(list-number); margin-right: 10px; margin-bottom:10px; width:35px; height:35px; display:inline-flex; align-items:center; justify-content: center; font-size:16px; background-color:#75787B; border-radius:50%; color:#fff; } /* bullet list TEST */ #explore-hc-topics .unordered-list ul li { text-align: left; display: list-item; list-style-type: disc; } #explore-hc-topics .unordered-list ol li { text-align: left; display: list-item; list-style-type: decimal; } #explore-hc-topics .unordered-list ul, #explore-hc-topics .unordered-list ol { list-style-position: inside; margin-left: 3em; } #explore-hc-topics .unordered-list li { font-size: 1.4em; font-weight: 400; list-style-position: outside; } /* #explore-hc-topics.recruitment-button-container { display: flex; flex-direction: column !important; flex-wrap: wrap; width: 100%; margin-left: auto; margin-right: auto; justify-content: center; align-items: center; text-align: center; } */ #explore-hc-topics.recruitment-container-text { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-left: auto; margin-right: auto; justify-content: center; align-items:center;/*NEW*/ color: #000; } #explore-hc-topics .hidden { display: none; } </style> <section class="bkgrd-img-2-col-img_image-container explore-hc-topics"> <div class="pull-quote-style-box-color ${direction}"> <!-- Remove circle image - it doesn't apply here. <div class="bkgrd-img-2-col-img_column"> <div class="bkgrd-img-2-col-img_no-class"> <div class="bkgrd-img-2-col-img_image_holder ${hide-column-img}"><img src="${column-img}" width="235px" alt=" " /></div> </div> </div> --> <div class="bkgrd-img-2-col-img_double-column"> <div id="bkgrd-img-2-col-img_all_copy_explore-hc-topics"> <div><p class="bkgrd-img-2-col-img_title_copy ${add-shadow} hidden">Explore more human capital topics</p> </div> <div><p class="bkgrd-img-2-col-img_body_copy ${add-shadow} hidden">Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> </div> <!-- <div class="unordered-list hidden">${unordered-list}</div> --> <!-- TEST list --> <div class="unordered-list hidden">${unordered-list}</div> <div class="bkgrd-img-2-col-img_second_col_image hidden"><img src="${logo-or-other-img}" width="230px" alt="{logo-or-other-img-description}"/> </div> <div><p class="bkgrd-img-2-col-img_second_title_copy ${add-shadow} hidden"> </p> </div> <div><p class="bkgrd-img-2-col-img_second_title_body_copy ${add-shadow} hidden">${paragraph-for-second-image-section}</p> </div> <!-- 4x1 button test --> <div class="recruitment-button-container" style="display: flex; margin-left: -11px;"> <p class="${hide-all-buttons}"><a href="/us/en/pages/human-capital/topics/human-capital-topics.html" target="_blank" class="button_explore-hc-topics button1_explore-hc-topics button_copy_style_explore-hc-topics">View our insights<i class="icon-chevron-right hidden"></i></a></p> <p class="hidden ${hide-all-buttons}"><a href="https://www2.deloitte.com/us/en.html" target="_blank" class="button_explore-hc-topics button2_explore-hc-topics button_copy_style_explore-hc-topics">TEST 02<i class="icon-chevron-right hidden"></i></a></p> <p class="hidden ${hide-all-buttons}"><a href="https://www2.deloitte.com/us/en.html" target="_blank" class="button_explore-hc-topics button3_explore-hc-topics button_copy_style_explore-hc-topics">TEST 03<i class="icon-chevron-right hidden"></i></a></p> <p class="hidden ${hide-all-buttons}"><a href="https://www2.deloitte.com/us/en.html" target="_blank" class="button_explore-hc-topics button4_explore-hc-topics button_copy_style_explore-hc-topics">TEST 04<i class="icon-chevron-right hidden"></i></a></p> </div> </div> </div> </div> </section> <script> /* HIDE AND REVEAL */ document.addEventListener('DOMContentLoaded', function(){ document.querySelector('.explore-hc-topics').parentNode.parentNode.parentNode.id = 'explore-hc-topics'; var someTitle="Explore more human capital topics", someBody="Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.", someUnorderedList="${unordered-list}", someSecondTitle=" ", someSecondTitleBodyCopy="${paragraph-for-second-image-section}", someOtherImage="${logo-or-other-img}", someButton="${cta-copy}"; if (someTitle.substring(0,3)!=="${t"){ document.querySelector("#explore-hc-topics .bkgrd-img-2-col-img_title_copy").classList.remove("hidden"); } if (someBody.substring(0,3)!=="${b"){ document.querySelector("#explore-hc-topics .bkgrd-img-2-col-img_body_copy").classList.remove("hidden"); } if (someUnorderedList.substring(0,3)!=="${u"){ document.querySelector("#explore-hc-topics .unordered-list").classList.remove("hidden"); } if (someSecondTitle.substring(0,3)!=="${s"){ document.querySelector("#explore-hc-topics .bkgrd-img-2-col-img_second_title_copy").classList.remove("hidden"); } if (someSecondTitleBodyCopy.substring(0,3)!=="${p"){ document.querySelector("#explore-hc-topics .bkgrd-img-2-col-img_second_title_body_copy").classList.remove("hidden"); } if (someOtherImage.substring(0,3)!=="${l"){ document.querySelector("#explore-hc-topics .bkgrd-img-2-col-img_second_col_image").classList.remove("hidden"); } if (someButton.substring(0,3)!=="${c"){ document.querySelector("#explore-hc-topics .buttons-container").classList.remove("hidden"); } //analytics var PubID = dataLayer.custom.customConversion1.split(":").pop(); if (PubID != "" && PubID != null) { PubID += ":"; } else { PubID = "null:"; } $("#explore-hc-topics a").click(function(e) { var hrefPath = e.target.getAttribute('href'); var FragType = "FRG-115"; var FragID = "explore-hc-topics".replace(/''/g, '-'); var ActionType = "click"; s.linkTrackVars = "prop1,prop2,prop3,prop4,prop5,eVar72"; s.eVar72 = PubID+FragType+":"+ActionType+":"+FragID; s.eVar72 = s.eVar72.toLowerCase(); s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ";" + sc_language; if((hrefPath && (hrefPath.lastIndexOf('.html') > -1)) || hrefPath.indexOf('https://www2.deloitte.com/') === -1 || hrefPath.indexOf('https://preview2.deloitte.com/') === -1){ s.linkTrackEvents = "event72,event71"; s.events = "event72,event71"; s.tl(this, "o", s.eVar72); } }); }); </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component "> <h3 class="secondary-headline">Our leadership: Learn how we can help you maximize success</h3> <div class="html-fragment-content"> <!--==== GENERIC STANDARD DCOM ELOQUA FORM ====--> <style> .elq-form input#submit:disabled { background: #bbbcbc; } .elq-form textarea { width: 51%; border: 1px solid #d0d0ce; } #section-emailconsent input[type="radio"] { margin: 0 0.5em; } #tos-hc-services { width: 13px; height: 13px; } @media screen and (max-width: 767px) { .elq-form textarea { width: 97%; } } #required{vertical-align:super; font-size: 1em;} .form_row_checkbox{padding-left: 10px; padding-right: 10px; font-size: 1.4em; color: #000000; font-weight: 400; margin-bottom: 0.5em;} </style> <form method="post" name="" action="https://s958345745.t.eloqua.com/e/f2" class="elq-form" id="hc-services"> <input type="hidden" id="elqFormName-hc-services" name="elqFormName" value=""> <input value="958345745" type="hidden" name="elqSiteId"> <input name="elqCampaignId" type="hidden"> <input id="dcom_form_email-hc-services" type="hidden" name="dcom_form_email" value="elqFormEmail"> <input id="dcom_form_notes-hc-services" type="hidden" name="dcom_form_notes" value="elqFormNotes"> <input id="dcom_form_objective-hc-services" type="hidden" name="dcom_form_objective" value="elqFormObjective"> <input id="dcom_form_destination-hc-services" type="hidden" name="dcom_form_destination" value="elqFormThankYouPage"> <input id="dcom_form_sharedlist-hc-services" type="hidden" name="dcom_form_sharedlist" value="elqFormSharedList"> <input id="dcom_form_tracking-hc-services" type="hidden" name="dcom_form_tracking" value=""> <input id="dcom_form_key_id-hc-services" type="hidden" name="dcom_form_key_id" value=""> <input id="dcom_form_customdata1-hc-services" type="hidden" name="dcom_form_customdata1" value=""> <input id="dcom_form_customdata2-hc-services" type="hidden" name="dcom_form_customdata2" value=""> <input id="businessGroup-hc-services" type="hidden" name="businessGroup"> <input id="dcom_form_custom_question_prompt-hc-services" type="hidden" name="dcom_form_custom_question_prompt" value="elqFormCustomQuestionPrompt"> <input id="dcom_form_custom_checkbox_prompt-hc-services" type="hidden" name="dcom_form_custom_checkbox_prompt" value="elqFormCheckBoxPrompt"> <input id="dcom_form_custom_dropdown_prompt-hc-services" type="hidden" name="dcom_form_custom_dropdown_prompt" value="elqFormDropdownPrompt"> <input name="consentDateMostRecent1" id="consentDateMostRecent1-hc-services" type="hidden"> <!-- first name --> <div class="text section" id="section-firstname-hc-services"> <div class="form_row"> <div class="form_leftcol"> <div class="form_leftcollabel"> <label for="firstName">First name<span class="required">*</span></label> </div> <div class="form_leftcolmark">&nbsp;</div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <input class="form_field form_field_text" id="firstName-hc-services" name="firstName" type="text" value="" maxlength="40" size="20" required> </div> </div> </div> <div class="form_row_description"></div> </div> <!-- last name --> <div class="text section" id="section-lastname-hc-services"> <div class="form_row"> <div class="form_leftcol"> <div class="form_leftcollabel"> <label for="lastName">Last name<span class="required">*</span></label> </div> <div class="form_leftcolmark">&nbsp;</div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <input class="form_field form_field_text" id="lastName-hc-services" name="lastName" value="" maxlength="80" size="20" type="text" required> </div> </div> </div> <div class="form_row_description"></div> </div> <!-- email --> <div class="text section" id="section-email-hc-services"> <div class="form_row"> <div class="form_leftcol"> <div class="form_leftcollabel"> <label for="emailAddress">Email<span class="required">*</span></label> </div> <div class="form_leftcolmark">&nbsp;</div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <input type="email" class="form_field form_field_text" id="emailAddress-hc-services" name="emailAddress" value="" maxlength="80" size="20" required> </div> </div> </div> <div class="form_row_description"></div> </div> <!-- company --> <div class="text section" id="section-company-hc-services"> <div class="form_row"> <div class="form_leftcol"> <div class="form_leftcollabel"> <label for="accountEntered1">Company<span class="required">*</span></label> </div> <div class="form_leftcolmark">&nbsp;</div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <input class="form_field form_field_text" id="accountEntered1-hc-services" name="accountEntered1" value="" maxlength="40" size="20" type="text" required> </div> </div> </div> <div class="form_row_description"></div> </div> <!-- title --> <div class="text section" id="section-title-hc-services"> <div class="form_row"> <div class="form_leftcol"> <div class="form_leftcollabel"> <label for="title">Title<span class="required">*</span></label> </div> <div class="form_leftcolmark">&nbsp;</div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <input class="form_field form_field_text" id="title-hc-services" name="title" value="" maxlength="40" size="40" type="text" required> </div> </div> </div> <div class="form_row_description"></div> </div> <!-- country --> <div class="text section" id="section-country-hc-services"> <div class="form_row"> <div class="form_leftcol"> <div class="form_leftcollabel"> <label for="country">Location<span class="required">*</span></label> </div> <div class="form_leftcolmark">&nbsp;</div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <select id="country-hc-services" name="country" form="hc-services" required> <option disabled selected value="">-- Select location --</option> <!-- autopopulated location dropdown list goes here --> </select> </div> </div> </div> <div class="form_row_description"></div> </div> <!-- checkbox topics--> <!-- <div id="formElement30" class="sc-view form-design-field sc-static-layout item-padding sc-regular-size" > <div class="form_row"> <div class="form_leftcol"> <div class="form_leftcollabel"> <label for="field30" class="label-position top " >What topic interests you? </label> </div> <div class="form_leftcolmark">&nbsp;</div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <span class="radio-option field-size-top-large" > <span class="list-order oneColumn" > <label class="label" > <input name="checkboxes" type="checkbox" value="Automated Workflow & Intelligence" class="input" /> <span class="inner" >Automated Workflow &amp; Intelligence </span> </label> </span><br> <span class="list-order oneColumn" > <label class="label" > <input name="checkboxes" type="checkbox" value="Enterprise Search & Retrieval" class="input" /> <span class="inner" >Enterprise Search &amp; Retrieval </span> </label> </span><br> <span class="list-order oneColumn" > <label class="label" > <input name="checkboxes" type="checkbox" value="Multimodal / Cross-modal Applications" class="input" /> <span class="inner" >Multimodal / Cross-modal Applications </span> </label> </span><br> <span class="list-order oneColumn" > <label class="label" > <input name="checkboxes" type="checkbox" value="Neural Search Platform" class="input" /> <span class="inner" >Neural Search Platform </span> </label> </span><br> <span class="list-order oneColumn" > <label class="label" > <input name="checkboxes" type="checkbox" value="Recommendation Engine & Contextual Q&A" class="input" /> <span class="inner" >Recommendation Engine &amp; Contextual Q&amp;A </span> </label> </span><br> <span class="list-order oneColumn" > <label class="label" > <input name="checkboxes" type="checkbox" value="Knowledge Graph & Pattern Recognition" class="input" /> <span class="inner" >Knowledge Graph &amp; Pattern Recognition </span> </label> </span><br> <span class="list-order oneColumn" > <label class="label" > <input name="checkboxes" type="checkbox" value="Natural Language & Voice Search" class="input" /> <span class="inner" >Natural Language &amp; Voice Search </span> </label> </span> </span> </div> </div> </div> <div class="form_row_description"></div> </div> --> <!-- email consent --> <div class="text section" id="section-emailconsent-hc-services"> <div class="form_row"> <div class="form_leftcol" style="display: none;"> <div class="form_leftcollabel"></div> <div class="form_leftcolmark"></div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <div><label for="consentTypeMostRecent1">I agree to receive emailed reports, articles, event invitations and other information related to Deloitte products and services. I understand I may unsubscribe at any time by clicking the link included in emails.<span class="required">*</span></label></div> <div> <input type="radio" name="consentTypeMostRecent1" value="Expressed Consent - Yes" required>&nbsp;&nbsp;Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name="consentTypeMostRecent1" value="Expressed Consent - No">&nbsp;&nbsp;No </div> </div> </div> </div> </div> <!-- tos --> <div class="text section" id="section-tos-hc-services"> <div class="form_row"> <div class="form_leftcol" style="display: none;"> <div class="form_leftcollabel"> </div> <div class="form_leftcolmark"></div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <input input type="checkbox" id="tos-hc-services" required> <label for="tos" style="padding-left:6px;">The submission of personal information through this page is subject to Deloitte's <a href="/us/en/footerlinks1/privacy.html" target="_blank">Privacy Statement</a> and <a href="/us/en/footerlinks1/terms-of-use.html" target="_blank">Legal Terms.</a> I have read and accept the terms of use.<span class="required">*</span></label> </div> </div> </div> </div> <!-- required --> <div class="text section" id="section-required"> <div class="form_row"> <div class="form_leftcol" style="display: none;"> <div class="form_leftcollabel"> </div> <div class="form_leftcolmark"></div> </div> <div class="form_rightcol"> <div class="form_rightcol_wrapper"> <label for="required"><span class="required">*</span>Required</label> </div> </div> </div> </div> <!-- recaptcha --> <div class="g-recaptcha" data-sitekey="6LefLjIUAAAAAM-NT1IAWuZKLzs0SasrG-hRyGn7" data-callback="recaptcha_callback"></div><br> <!-- submit --> <div class="submit section"> <div class="form_row"> <div class="form_leftcol" style="display: none;"> <div class="form_leftcollabel"><span>&nbsp;</span></div> <div class="form_leftcolmark">&nbsp;</div> </div> <div class="form_rightcol"> <button type="submit" class="form_button_submit-hc-services" id="submit" name="Submit" value="Submit" disabled></button> </div> </div> </div> </form> <script> // get the form id var formID = "form#hc-services"; $(document).ready(function(){ const frag = document.querySelector('#hc-services.elq-form'); // set form name and elqFormName values var elqFormID = "${eloqua-form-id}", elqFormThankYouPage = "https://www2.deloitte.com/us/en/misc/thank-you.html ", elqFormSharedList = "${eloqua-form-sharedlist}", elqFormNotes = "${eloqua-form-notes}", elqFormObjective = "This contact form supports the Human-capital-services-topics business group", elqFormEmail = "uswebmaster@deloitte.com"; elqFormCustomQuestionPrompt = "${eloqua-form-custom-question-prompt}"; elqFormCheckBoxPrompt = "${eloqua-form-checkbox-prompt}"; elqFormCheckBoxOptions = "${eloqua-form-checkbox-options}"; elqFormDropdownPrompt = "${eloqua-form-dropdown-prompt}"; elqFormDropdownOptions = "${eloqua-form-dropdown-options}"; if (elqFormEmail.substring(0,1) == " " || elqFormEmail.substring(0,2) == "${") { elqFormEmail = "uswebmaster@deloitte.com"; } if (elqFormThankYouPage.substring(0,1) == " " || elqFormThankYouPage.substring(0,2) == "${") { elqFormThankYouPage = "https://www2.deloitte.com/us/en/misc/thank-you.html"; } if (elqFormSharedList.substring(0,1) == " " || elqFormSharedList.substring(0,2) == "${") { elqFormSharedList = ""; } if (elqFormNotes.substring(0,1) == " " || elqFormNotes.substring(0,2) == "${") { elqFormNotes = ""; } if (elqFormObjective.substring(0,1) == " " || elqFormObjective.substring(0,2) == "${") { elqFormObjective = ""; } if (elqFormCheckBoxPrompt.substring(0,1) == " " || elqFormCheckBoxPrompt.substring(0,2) == "${") { elqFormCheckBoxPrompt = ""; } if (elqFormCheckBoxOptions.substring(0,1) == " " || elqFormCheckBoxOptions.substring(0,2) == "${") { elqFormCheckBoxOptions = ""; } if (elqFormCustomQuestionPrompt.substring(0,1) == " " || elqFormCustomQuestionPrompt.substring(0,2) == "${") { elqFormCustomQuestionPrompt = ""; } if (elqFormDropdownPrompt.substring(0,1) == " " || elqFormDropdownPrompt.substring(0,2) == "${") { elqFormDropdownPrompt = ""; } if (elqFormDropdownOptions.substring(0,1) == " " || elqFormDropdownOptions.substring(0,2) == "${") { elqFormDropdownOptions = ""; } if (elqFormID.substring(0,1) == " " || elqFormID.substring(0,2) == "${") { elqFormID = "dcom_webform_webmaster_leadgen_generic"; } $(formID).attr("name",elqFormEmail); $("input#dcom_form_email-hc-services").val(elqFormEmail); $(formID).attr("name",elqFormNotes); $("input#dcom_form_notes-hc-services").val(elqFormNotes); $(formID).attr("name",elqFormObjective); $("input#dcom_form_objective-hc-services").val(elqFormObjective); $(formID).attr("name",elqFormThankYouPage); $("input#dcom_form_destination-hc-services").val(elqFormThankYouPage); $(formID).attr("name",elqFormSharedList); $("input#dcom_form_sharedlist-hc-services").val(elqFormSharedList); $(formID).attr("name",elqFormCustomQuestionPrompt); $("input#dcom_form_custom_question_prompt-hc-services").val(elqFormCustomQuestionPrompt); $(formID).attr("name",elqFormCheckBoxPrompt); $("input#dcom_form_custom_checkbox_prompt-hc-services").val(elqFormCheckBoxPrompt); $(formID).attr("name",elqFormCheckBoxOptions); $("input#dcom_form_custom_checkbox_options-hc-services").val(elqFormCheckBoxOptions); $(formID).attr("name",elqFormDropdownPrompt); $("input#dcom_form_custom_dropdown_prompt-hc-services").val(elqFormDropdownPrompt); $(formID).attr("name",elqFormDropdownOptions); $("input#dcom_form_custom_dropdown_options-hc-services").val(elqFormDropdownOptions); $(formID).attr("name",elqFormID); $("input#elqFormName-hc-services").val(elqFormID); // remove top padding var removeTopPadding = "${remove-top-padding}"; if (removeTopPadding === "yes" || removeTopPadding === "true") { $(formID).closest(".standard-white-component").css("padding-top", "0px"); } // addtional comments var addtionalComments = "yes"; var addtionalCommentsTitle = "Additional comments"; if (addtionalCommentsTitle.substring(0,1) == " " || addtionalCommentsTitle.substring(0,2) == "${" || addtionalCommentsTitle.length === 0) { addtionalCommentsTitle = "Additional comments"; } var optionalProperties = ""; // addtional comments if (addtionalComments == "yes" || addtionalComments == "true") { optionalProperties += "<!-- additional comments -->"; optionalProperties += "<div class='text section' id='section-comments-hc-services'>"; optionalProperties += "<div class='form_row'>"; optionalProperties += "<div class='form_leftcol'>"; optionalProperties += "<div class='form_leftcollabel'>"; optionalProperties += "<label for='additionalcomments'>"+addtionalCommentsTitle+"<span class='required'>&ast;</span></label>"; optionalProperties += "</div>"; optionalProperties += "<div class='form_leftcolmark'>&nbsp;</div>"; optionalProperties += "</div>"; optionalProperties += "<div class='form_rightcol'>"; optionalProperties += "<div class='form_rightcol_wrapper'>"; optionalProperties += "<textarea id='additionalcomments' name='additionalcomments' rows='5' required></textarea>"; optionalProperties += "</div>"; optionalProperties += "</div>"; optionalProperties += "</div>"; optionalProperties += "<div class='form_row_description'></div>"; optionalProperties += "</div>"; $(optionalProperties).insertAfter("#section-country-hc-services"); } // custom question prompt if (elqFormCustomQuestionPrompt.substring(0,1) == " " || elqFormCustomQuestionPrompt.substring(0,2) == "${" || elqFormCustomQuestionPrompt.length === 0) { elqFormCustomQuestionPrompt = ""; }else{ var customQuestionProperties = ""; { customQuestionProperties += "<!-- custom question -->"; customQuestionProperties += "<div class='text section' id='section-custom-question-hc-services'>"; customQuestionProperties += "<div class='form_row'>"; customQuestionProperties += "<div class='form_leftcol'>"; customQuestionProperties += "<div class='form_leftcollabel'>"; customQuestionProperties += "<label for='customquestionprompt'>"+elqFormCustomQuestionPrompt+"<span class='required'>&ast;</span></label>"; customQuestionProperties += "</div>"; customQuestionProperties += "</div>"; customQuestionProperties += "<div class='form_leftcolmark'></div>"; customQuestionProperties += "<div class='form_rightcol'>"; customQuestionProperties += "<div class='form_rightcol_wrapper'>"; customQuestionProperties += "<input type='text' class='form_field form_field_text' id='customquestionanswer-hc-services' name='dcom_form_custom_question_answer' value='' maxlength='80' size='20' required>"; customQuestionProperties += "</div>"; customQuestionProperties += "</div>"; customQuestionProperties += "</div>"; customQuestionProperties += "<div class='form_row_description'></div>"; customQuestionProperties += "</div>"; $(customQuestionProperties).insertAfter("#section-country-hc-services"); } } // custom checkbox prompt if (elqFormCheckBoxPrompt.substring(0,1) == " " || elqFormCheckBoxPrompt.substring(0,2) == "${" || elqFormCheckBoxPrompt.length === 0) { elqFormCheckBoxPrompt = ""; }else{ var customCheckboxProperties = ""; { customCheckboxProperties += "<!-- custom checkbox -->"; customCheckboxProperties += "<div class='text section' id='section-checkboxes-hc-services'>"; customCheckboxProperties += "<div class='form_row'>"; customCheckboxProperties += "<div class='form_leftcol'>"; customCheckboxProperties += "<div class='form_leftcollabel'>"; customCheckboxProperties += "<label for='customcheckboxprompt'>"+elqFormCheckBoxPrompt+"</label>"; customCheckboxProperties += "</div>"; customCheckboxProperties += "</div>"; customCheckboxProperties += "</div>"; customCheckboxProperties += "<div class='form_leftcolmark'></div>"; customCheckboxProperties += "<div class='form_rightcol'>"; customCheckboxProperties += "<div class='form_rightcol_wrapper'>"; customCheckboxProperties += "<div id='customcheckboxes-hc-services'>"; customCheckboxProperties += "</div>"; customCheckboxProperties += "</div>"; customCheckboxProperties += "</div>"; customCheckboxProperties += "<div class='form_row_description'></div>"; customCheckboxProperties += "</div>"; $(customCheckboxProperties).insertAfter("#section-country-hc-services"); $(document).ready(function(){elqFormCheckBoxOptions = "${eloqua-form-checkbox-options}";}); // var customcheckboxlist = ["${eloqua-form-checkbox-options}"]; var checkboxitem = document.getElementById("customcheckboxes-hc-services"); var checkbox ='', label ='', linebreak ='', checkBoxOptionItems = elqFormCheckBoxOptions.split('|'), boxcap =''; if (checkBoxOptionItems.length > 10) {var boxCap = 10;} else {boxCap = checkBoxOptionItems.length;} for (var i = 0; i < boxCap; i++) { checkBox = document.createElement("input"); label = document.createElement("label"); linebreak = document.createElement("br"); label.classList.add("form_row_checkbox"); checkBox.type = "checkbox"; checkBox.name = "customcheckbox"; checkBox.value = checkBoxOptionItems[i].replaceAll(' ', '_'); checkboxitem.append(checkBox,label,linebreak); label.appendChild(document.createTextNode(checkBoxOptionItems[i])); } } } // custom dropdown prompt if (elqFormDropdownPrompt.substring(0,1) == " " || elqFormDropdownPrompt.substring(0,2) == "${" || elqFormDropdownPrompt.length === 0) { elqFormDropdownPrompt = ""; }else{ var customDropdownProperties = ""; { customDropdownProperties += "<!-- custom dropdown-->"; customDropdownProperties += "<div class='text section' id='section-dropdown-hc-services'>"; customDropdownProperties += "<div class='form_row'>"; customDropdownProperties += "<div class='form_leftcol'>"; customDropdownProperties += "<div class='form_leftcollabel'>"; customDropdownProperties += "<label for='customdropdownprompt'>"+elqFormDropdownPrompt+"<span class='required'>&ast;</span></label>"; customDropdownProperties += "</div>"; customDropdownProperties += "</div>"; customDropdownProperties += "<div class='form_leftcolmark'></div>"; customDropdownProperties += "<div class='form_rightcol'>"; customDropdownProperties += "<div class='form_rightcol_wrapper'>"; customDropdownProperties += "<select id='dropdown-hc-services' name='dcom_form_custom_dropdown_answer' form='hc-services' required>"; customDropdownProperties += "<option disabled selected value=''>-- Select an option--</option>"; customDropdownProperties += "</select>"; customDropdownProperties += "</div>"; customDropdownProperties += "</div>"; customDropdownProperties += "</div>"; customDropdownProperties += "<div class='form_row_description'></div>"; $(customDropdownProperties).insertAfter("#section-country-hc-services"); $(document).ready(function(){elqFormDropdownOptions = "${eloqua-form-dropdown-options}";}); //var customdropdownlist = ["${eloqua-form-dropdown-options}"]; var customDropDownListOptions = elqFormDropdownOptions.split('|'), dropcap = ''; if (customDropDownListOptions.length > 20) {dropCap = 20;} else {dropCap = customDropDownListOptions.length;} for (var i = 0; i < dropCap; i++) { var dropdownvalue = customDropDownListOptions[i].replaceAll(' ', '_'); var dropdowninsert = ("<option value=\""+dropdownvalue+"\">"+customDropDownListOptions[i]+"</option>"); $("#dropdown-hc-services").append(dropdowninsert); } } } //get query string var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split('&'), sParamrameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; var urlID = getUrlParameter("${query-string-parameter}"); if (urlID != null && urlID != "" && urlID.substring(0,2) != "${") { $("input#dcom_form_tracking").val(urlID); } // check/change submit button text var submitText = "GET IN TOUCH"; if (submitText.substring(0,1) == "$") { submitText = "Submit"; } frag.querySelector('#submit').textContent = submitText; $(formID + " input#submit-hc-services").val(submitText); // set hidden businessGroup field var bizGroup = "Human-capital-services-topics"; if (!bizGroup.substring(0,2) != "${") { $("#businessGroup-hc-services").val(bizGroup); } // gdpr country dropdown list var url = "/content/dam/html/us/scripts/current-release/gdpr-related/gdpr-country-list.js"; $.getJSON(url, function (data) { $.each(data, function (index,country) { // build country dropdown list $("#country-hc-services").append("<option value=\""+country.name+"\">"+country.name+"</option>"); }); }); }); // begin analytics var PubID = dataLayer.custom.customConversion1.split(":").pop(); if (PubID != "" && PubID != null) { PubID += ":"; } // capture form input var formHasInput = false; $(formID + " :input").change(function(){ if (!formHasInput) { var FragType = "FRG-050"; var ActionType = "form-start"; var FragID = "hc-services".replaceAll(' ', '-'); s.linkTrackVars = "prop1,prop2,prop3,eVar72"; s.eVar72 = PubID+FragType+":"+ActionType+":"+FragID; s.eVar72 = s.eVar72.toLowerCase(); s.eVar72 = s.eVar72.replaceAll(' ', '-'); s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ";" + sc_language; s.linkTrackEvents = "event23,event7"; s.events = "event23,event7"; s.tl(this, "o", s.eVar72); } formHasInput = true; }); // capture form submission $(formID).submit(function(){ var FragType = "FRG-050"; var ActionType = "form-confirmation"; var FragID = "hc-services".replaceAll(' ', '-');; s.linkTrackVars = "prop1,prop2,prop3,eVar35,eVar72"; s.eVar72 = PubID+FragType+":"+ActionType+":"+FragID; s.eVar72 = s.eVar72.toLowerCase(); s.eVar72 = s.eVar72.replaceAll(' ', '-'); s.eVar35 = "form-confirmation-frag-load"; s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ";" + sc_language; s.linkTrackEvents = "event23,event1"; s.events = "event23,event1"; s.tl(this, "o", s.eVar72,s.eVar35); }); // end analytics //tracking var [els, els1, els2, els3] = [document.getElementById("dcom_form_tracking-hc-services"), document.getElementById("dcom_form_key_id-hc-services"), document.getElementById("dcom_form_customdata1-hc-services"), document.getElementById("dcom_form_customdata2-hc-services")]; els.setAttribute("value", window.location.href); els1.setAttribute("value", dataLayer.custom.customConversion1.split(":").pop()); els2.setAttribute("value", dataLayer.custom.customConversion1); els3.setAttribute("value", dataLayer.custom.customConversion2); </script> <!-- recaptcha, re-enable submit, set consentdate --> <script src="https://www.google.com/recaptcha/api.js"></script> <script type="text/javascript"> var d = new Date(); var month = d.getMonth() + 1; if (month < 10) { month = "0" + month; } var day = d.getDate(); var year = d.getFullYear(); var consentDate = month + "-" + day + "-" + year; function recaptcha_callback() { $("button#submit").removeAttr("disabled"); //consent date $("#consentDateMostRecent1-hc-services").val(consentDate); }; </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component no-padding"> <div class="html-fragment-content"> <style> /* Get in touch contact section - updated Sept. 03, 2024 */ #acg-revamp-getintouch-hub .leaders-wrapper { width: 100%; background-color: #fff; } #acg-revamp-getintouch-hub { padding: 0 1em; max-width: 1080px; margin: auto; } #acg-revamp-getintouch-hub .secondary-headline { color: #000; border-bottom: 4px solid #86bc25; } #acg-revamp-getintouch-hub .leaders-name { padding: 2em 0 0; font-size: 0.875rem; font-weight: bold; } #acg-revamp-getintouch-hub .leaders-title { color: #000; font-weight: normal; font-size: 0.875rem; line-height: 0.875rem; } #acg-revamp-getintouch-hub .leaders-info { color: #000; font-weight: normal; font-size: 0.875rem; line-height: 1.5rem; } #acg-revamp-getintouch-hub .leaders-profile-image { flex-basis: 230px; max-width: 230px; } #acg-revamp-getintouch-hub .hidden { display: none; } /* Container for flexboxes */ .leaders-row { display: flex; flex-wrap: wrap; } /* Create equal leaders-columns */ .leaders-column { flex: 1; padding: 0; text-align: left; } /* On screens that are 992px wide or less, go from four leaders-columns to two leaders-columns */ @media screen and (max-width: 992px) { .leaders-column { flex: 50%; } } /* On screens that are 600px wide or less, make the leaders-columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .leaders-row { flex-direction: column; } #acg-revamp-getintouch-hub { padding: 2em; text-align: center; } } /* ipad/tablet */ @media only screen and (max-width: 1279px) { #acg-revamp-getintouch-hub { padding: 39px; } } </style> <section class="leaders-wrapper" id="acg-revamp-getintouch-hub"> <div class="acg-revamp-getintouch-hub"> <h3>Get in touch</h3> <div class="leaders-row"> <div class="leaders-column"> <img src="/content/dam/Deloitte/us/Images/promo_images/profile-pictures/m-s/simona-spelman-new.jpg" class="leaders-profile-image"> <p class="leaders-name"> <a href="/us/en/profiles/simona-spelman.html">Simona Spelman</a></p> <p class="leaders-title">Human Capital Offering Portfolio Leader</p> <p class="leaders-email"> <a title="Share via email" href="mailto:sspelman@deloitte.com" data-provider="email" onclick="contactAnalytics('contact-us', 'email-first-leader');">sspelman@deloitte.com</a> </p> <p class="leaders-info">+1 917 257 5049</p> </div> <div class="leaders-column" hidden> <img src="/content/dam/Deloitte/us/Images/promo_images/profile-pictures/a-e/carey-oven.jpg" class="leaders-profile-image"> <p class="leaders-name"><a href="https://www.linkedin.com/in/nina-zhang-967783b/">Nina Zhang</a></p> <p class="leaders-title">Managing Director<br><br>M&A and Restructuring<br><br>Deloitte Consulting LLP </p> <p class="leaders-email"> <a title="Share via email" href="mailto:yingzhang6@deloitte.com" data-provider="email" onclick="contactAnalytics('contact-us', 'email-second-leader');">yingzhang6@deloitte.com</a> </p> <p class="leaders-info">+1 213 553 1043</p> </div> <div class="leaders-column" hidden> <img src="/content/dam/Deloitte/us/Images/Misc/html-fragment-images/us-rfa-acg-maureen-bujno.jpg" class="leaders-profile-image"> <p class="leaders-name"> <a href="https://www.linkedin.com/in/jonathan-smyrl-222a895/">Jon Smyrl</a></p> <p class="leaders-title">Senior Manager<br><br>Product Engineering<br><br> Deloitte Consulting LLP</p> <p class="leaders-email"> <a title="Share via email" href="mailto:josmyrl@deloitte.com" data-provider="email" onclick="contactAnalytics('contact-us', 'email-third-leader');">josmyrl@deloitte.com</a> </p> <p class="leaders-info">+1 929 237 9561</p> </div> <div class="leaders-column" hidden> <img src="/content/dam/Deloitte/us/Images/Misc/html-fragment-images/us-rfa-acg-maureen-bujno.jpg" class="leaders-profile-image"> <p class="leaders-name"> <a href="https://www.linkedin.com/in/jonathan-smyrl-222a895/">Rohan Gupta</a></p> <p class="leaders-title">Senior Manager<br><br>Go-To-Market Strategy<br><br>Deloitte Consulting LLP</p> <p class="leaders-email"> <a title="Share via email" href="mailto:rohagupta@deloitte.com" data-provider="email" onclick="contactAnalytics('contact-us', 'email-fourth-leader');">rohagupta@deloitte.com</a> </p> <p class="leaders-info">+1 646 455 96321</p> </div> <div class="leaders-column" hidden> <img src="${fifth-leader-image}" class="leaders-profile-image"> <p class="leaders-name">${fifth-leader-name}</p> <p class="leaders-title">${fifth-leader-title}</p> <p class="leaders-email"> <a title="Share via email" href="mailto:${fifth-leader-email}" data-provider="email" onclick="contactAnalytics('contact-us', 'email-fifth-leader');">${fifth-leader-email}</a> </p> <p class="leaders-info">${fifth-leader-additional-info}</p> </div> </div> </div> </section> <script> // analytics (new, updated JC version) var PubID = dataLayer.custom.customConversion1.split(":").pop(); if (PubID != "" && PubID != null) { PubID += ":"; } else { PubID = "null:"; } var contactFirstClick = true; function contactAnalytics(section, target) { if(typeof s != "undefined") { target = target.replaceAll(' ', '-'); target = target.replaceAll(/[\’\:\&\,\.\'\"\\\|\/\(\)]/g, ''); section = section.replaceAll(' ', '-'); section = section.replaceAll(/[\’\:\&\,\.\'\"\\\|\/\(\)]/g, ''); var ActionType = "click"; s.linkTrackVars = 'prop1,prop2,prop3,eVar72'; s.eVar72 = PubID + section + ':'+ActionType+':'+target; s.eVar72 = s.eVar72.toLowerCase(); s.prop1 = sc_country; s.prop2 = sc_language; s.prop3 = sc_country + ';' + sc_language; if(contactFirstClick){ s.linkTrackEvents = "event23,event71,event72"; s.events = "event23,event71,event72"; s.tl(this, "o", s.eVar72); contactFirstClick = false; } else { s.linkTrackEvents = "event23,event71"; s.events = "event23,event71"; s.tl(this, "o", s.eVar72); } } } </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component no-padding"> <div class="html-fragment-content"> <style> .disclaimer-container { width: 100%; padding: 0 1.5rem 6rem; background-color: #f2f2f2; } .disclaimer { max-width: 1200px; margin: 0 auto 1rem; border-top: 1px solid #000; padding: 2rem 0 0; } .disclaimer p { font-weight: 100!important; font-size: 0.9rem!important; line-height: 1.5!important; color: #000; text-align: center; } </style> <section class="disclaimer-container"> <div class="disclaimer"> <p><em>The services described herein are illustrative in nature and are intended to demonstrate our experience and capabilities in these areas, however due to independence restrictions that may apply to audit clients (including affiliates) of Deloitte & Touche, we may be unable to provide certain services based on individual facts and circumstances.</em></p> </div> </section> <p class="hide-edit-mode-html"> Insert Custom HTML fragment. Do not delete! This box/component contains code that is needed on this page. This message will not be visible when page is activated.<br /><span style="color: red; font-weight: bold" >+++ DO NOT USE THIS FRAGMENT WITHOUT EXPLICIT APPROVAL FROM THE CREATIVE STUDIO DEVELOPMENT TEAM +++</span > </p> <script> // hide author message box & fragment title on live & preview pages if (isEditMode == "false") { const customHtmlFrags = document.querySelectorAll(".hide-edit-mode-html"); customHtmlFrags.forEach(function (customFrag) { const header = customFrag.closest('.standard-white-component').firstElementChild; if (header.classList.contains('secondary-headline')) { header.style.display = 'none'; } }); customHtmlFrags.forEach(frag => frag.style.display = 'none'); } </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component no-padding"> <div class="html-fragment-content"> <!-- // ================================================================ // - Deloitte Branded Page Footer / Asset Loader Fragment // - Created by Nick Uniatowski (nick@fluiddesigngroup.com) // - 2019 // ================================================================ // --> <!-- Fluid Branded Footer css gets loaded --> <link rel="stylesheet" href="/content/dam/html/global/greenhouse/css/deloitte-greenhouse.css" type="text/css"> <div id="fluidBrandedFootergreenhouseAssets" class="fluid-branded-section-cont greenhouseAssets"></div> <script type="text/javascript"> jQuery(document).ready(function($) { // Fluid Branded Footer js gets loaded var jsAdd = '${js-path}'; //add twine if present if (jsAdd.substring(0,2) != "${") { var jsAddScript = document.createElement( 'script' ); jsAddScript.id = 'greenhouseAssets-script'; jsAddScript.type = 'text/javascript'; //jsAddScript.async = true; jsAddScript.src = jsAdd; $('#fluidBrandedFootergreenhouseAssets').append(jsAddScript); } var twineEmbed = '${twine-app}'; //add twine if present if (twineEmbed.substring(0,2) != "${") { var twineScript = document.createElement( 'script' ); twineScript.id = 'twine-script'; twineScript.type = 'text/javascript'; twineScript.async = true; twineScript.src = '//apps.twinesocial.com/embed?app=' + twineEmbed + '&showNav=yes'; $('#fluidBrandedFootergreenhouseAssets').append(twineScript); } //hide frag title and desc when not in edit mode if (isEditMode == "true") { $('#fluidBrandedFootergreenhouseAssets').closest(".htmlfragment").find(".standard-white-component > h3.secondary-headline").css("display","block"); $('#fluidBrandedFootergreenhouseAssets').closest(".htmlfragment").find(".standard-white-component > p").css("display","block"); } else { $('#fluidBrandedFootergreenhouseAssets').closest(".htmlfragment").find(".standard-white-component > h3.secondary-headline").remove(); $('#fluidBrandedFootergreenhouseAssets').closest(".htmlfragment").find(".standard-white-component > p").remove(); } }); </script> <!-- Fluid Branded Text Hide frag title/description end --> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> <div class="standard-white-component "> <div class="html-fragment-content"> <!-- HC Services Edited Jan 23, 2025 --> <style> .branded-landing-page-content { max-width: 100%; margin: 60px auto; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { padding: 0; } #examples { max-width: 1100px; margin: 2em auto; width: 100%; padding-bottom: 1em; } div#page-hero { /* max-width: 1200px; */ margin: 0 auto; background: black; padding-bottom: 5em; } .page-hero-btn { width: 300px; min-height: 40px; font-size: 1.8em; color: #FFF; border: 2px solid #86bc25; border-radius: 100px; font-weight: 700; background-color: #86bc25; padding: .5em; } @media (min-width: 900px) { .page-hero .l-container { max-width: 1200px; margin: 0 auto; /* margin-left: 592px; */ padding-top: 50px; padding-bottom: 50px; } .page-hero-content { width: 70%; height: inherit; padding: 4em 0 0; } .page-hero-image { background: transparent !important; width: 50%; text-align: right; margin: 0; padding: 0; margin-bottom: 0; padding-top: 4em; padding-top: 4em; display: flex; } } .mosaicgrid-wrapper { background-color: white; padding-top: 40px; } .mosaicgrid-wrapper .fluid-branded-section-intro h3 { font-size: 24px; font-weight: bold; margin-bottom: 40px; text-align: left; } /*black scc*/ div#ripple-effect { background: black; } #scc-black-callout .bkgrd-img-2-col-img_title_copy { font-size: 24px; font-weight: bold; } #scc-black-callout .bkgrd-img-2-col-img_body_copy { color: #FFF; font-size: 16px; } #scc-black-callout .bkgrd-img-2-col-img_double-column { padding: 0; } @media only screen and (min-width: 768px) { #scc-black-callout .pull-quote-style-box-color { padding: 1em; margin: 2em 0; padding-top: 2em; padding-bottom: 2em; } div#bkgrd-img-2-col-img_all_copy_scc-black-callout { padding-top: 50px; padding-bottom: 50px; } } /*responsive columns*/ h4.responsive-columns-subhead { text-align: left; } #fourcols-software .responsive-columns-txt p { margin-left:0; font-size: 1em; text-align: left; } #fourcols2-software .responsive-columns-txt p { margin-left:0; font-size: 1em; text-align: left; } #fourcols-software .responsive-columns-head { font-size: 24px; text-align: left; padding: 50px 0 0; } @media only screen and (min-width: 768px) { .modal.in .modal-dialog { width: 100%; } .mosaicgrid-modal-body { padding-top: 4em; } div#mosaicgrid { max-width: 1158px; margin: 0 auto; padding: 0; } .mosaicgrid-wrapper h3 { background-color: #f4f4f4; padding-left: 40px; } section.responsive-columns-container.fourcols2-software { padding-bottom: 50px; } #contact-callout .reverse { flex-direction: row-reverse; margin-left: 0; } #contact-callout .bkgrd-img-2-col-img_double-column { padding: 0 3em 0 0; } } @media only screen and (min-width: 1024px) { .fragment-tabs-button { font-size: 1em; } } div#mosaicgrid { max-width: 1158px; margin: 0 auto; padding-bottom: 2rem; } /*added styles Nov 10, 2022*/ #fourcols-software .responsive-columns-subhead, #fourcols2-software .responsive-columns-subhead { margin: 1.2em; } #fourcols-software .responsive-columns-txt p, #fourcols2-software .responsive-columns-txt p { font-size: 1.4em; } #fourcols-software .responsive-columns-txt, #fourcols2-software .responsive-columns-txt { margin: 0 3em 1em 2em; } #fourcols-software .responsive-columns-img, #fourcols2-software .responsive-columns-img { padding-top: 30px; padding-bottom: 20px; margin: 0 auto; } .page-hero-image-size { width: 100%; } @media (min-width: 900px) { .page-hero-image { margin: 30px; height: 50%; } .fluid-branded-section-cont { padding-top: 100px; } #recommended-links .fluid-branded-section-cont { padding-top: 0; } } @media only screen and (min-width: 900px) { .fluid-branded-contact-item { width: 33.3%; } } .page-hero-btn { min-height: 54px; font-size: 1.6em; } .daccord-col ul li, .daccord-col ol li { font-size: 1.6em; } #examples { max-width: 1180px; margin: 6em auto 0; } .fluid-branded-contact-header { text-align: left; } div#fluidBrandedFootergreenhouseAssets { display: none; } .mosaicgrid-blk-text { font-weight: normal; font-size: 14px; } .mosaicgrid-midblue .mosaicgrid-blk-flip { border-top-color: black; } .mosaicgrid-blk-head { color: #43B02A !important; } .mosaicgrid-modal-head h4{ color: #43B02A !important; font-size: 18px; } .mosaic-modal--midblue h4.mosaicgrid-modal-head, .mosaic-modal--midblue a.mosaicgrid-blk-readmore { color: #43B02A !important; font-size: 18px; } .fluid-branded-contact-wrapper { background-color: #FFF; color: #000; padding-top: 50px; } .fluid-branded-contact-text-title { color: #53565A; font-size: 14px; } .fluid-branded-contact-text-name { font-size: 16px; } .fluid-branded-contact-item { font-size: 14px; } /* contact us callout */ #contact-callout .bkgrd-img-2-col-img_title_copy { font-size: 2.4em; text-align: left; } #contact-callout .bkgrd-img-2-col-img_body_copy { text-align: left; } .button_contact-callout { min-height: 40px; font-size: 1em; border-radius: 100px; font-weight: 700; background-color: #86bc25; } #contact-callout .bkgrd-img-2-col-img_image_holder {display: none} #contact-callout .icon-chevron-right:before {display: none;} @media (max-width: 899px) { .mosaicgrid-modal-head h4{ color: #43B02A !important; font-size: 18px; } .mosaic-modal--midblue h4.mosaicgrid-modal-head, .mosaic-modal--midblue a.mosaicgrid-blk-readmore { color: #43B02A !important; font-size: 18px; } .mosaicgrid-blk-head-overlay h4 { font-size: 14px; } div#mosaicgrid { padding-bottom: 0; } #examples { margin-left: 1em; } #fourcols-software .responsive-columns-head { padding: 50px 20px 0; } #fourcols-software .responsive-columns-subhead, #fourcols2-software .responsive-columns-subhead { margin: 1.2em; } #fourcols-software .responsive-columns-txt p, #fourcols2-software .responsive-columns-txt p { font-size: 1.4em; } #fourcols-software .responsive-columns-txt, #fourcols2-software .responsive-columns-txt { margin: 0 3em 1em 2em; } #fourcols-software .responsive-columns-img, #fourcols2-software .responsive-columns-img { padding-top: 30px; padding-bottom: 20px; margin: 0 auto; } #fourcols-software .responsive-columns-img, #fourcols2-software .responsive-columns-img { width: 50%; } #contact-callout .reverse { padding-top: 0; } } .mosaicgrid-blk { border: solid 3px white; } /* edits for HC services page 03172023*/ /*banner edits*/ .esg-hero__img { max-width: 488px; width: 100%; } @media only screen and (min-width: 768px) { #esg-hero-container .esg-hero { padding-top: 4em; padding-bottom: 4em; } #esg-hero-container { margin-bottom: 3em; } } /* edits for HC services page 07262024*/ /*banner edits*/ #esg-hero-container { background: white; color: black; } /*added jun 2023*/ /*scc1 responsive cols*/ #ceos-stats .column1-large-text, #ceos-stats .column2-large-text, #ceos-stats .column3-large-text, #ceos-stats .column4-large-text { font-size: 48px; font-weight: 700; font-family: 'OpenSans-Bold','Open Sans',Arial,Helvetica,sans-serif; text-align: left; padding-left: 0.3em; } #ceos-stats .responsive-columns-subhead { display: none; } /* mosaic grid */ div#mosaicgrid-wrapper { padding-top: 0; } #fluidBrandedCallouttitle-hcservices .brand-color-black { color: #000 !important; text-align: left; } #mosaicgrid-wrapper .fluid-branded-section-cont { padding-top: 0px; } /*stories carousel */ .fluid-branded-section-cont h3 { font-size: 32px; } #fluidBrandedCarouseltbd-story-carousel-1 h4 { font-family: 'Open Sans', sans-serif; line-height: 2em; font-weight: 300; color: black; text-align: center; padding-top: 10px; padding-bottom: 20px; } .fluid-branded-carousel-slide-readmore a { font-weight: bold; font-size: 12px; line-height: 1.4em; color: #208840; display: block; } .fluid-branded-carousel-slide-readmore a::after { color: #208840; } /*view insights button*/ #explore-hc-topics .bkgrd-img-2-col-img_image-container { max-width: 1100px; } #explore-hc-topics .bkgrd-img-2-col-img_body_copy { display: none; } #explore-hc-topics .recruitment-button-container { justify-content: center; } #explore-hc-topics .bkgrd-img-2-col-img_title_copy { font-size: 32px; font-weight: 700; } a.button_explore-hc-topics.button1_explore-hc-topics.button_copy_style_explore-hc-topics { font-weight: 700; } @media only screen and (min-width: 768px) { #explore-hc-topics .bkgrd-img-2-col-img_image-container { margin-bottom: 100px; } } /* contact */ #acg-revamp-getintouch-hub .get-in-touch { max-width: 1100px; background-color: #f2f2f2; } .get-in-touch h1 { display: none; } /* Updated July 26, 2024 */ /* Hero */ .esg-hero .hero__subtitle { font-size: 3.1rem; font-weight: 800; color: black; line-height: 1.2; } .esg-hero .hero__title { font-size: 1.25rem; font-weight: 700; color: #9aba55; } .esg-hero .esg-hero__header { padding-right: 2rem; max-width: 53%; } .esg-hero .hero__text { font-size: 1.2rem; font-weight: 400; color: black; padding-top: 1em; line-height: 1.5; } .hero__button { color: black; font-size: 1.3rem; font-weight: 700; padding: 0.6em 6em; background: #9aba55; font-size: 1.3rem; } .hero__button:hover { background: black; } /* Stats area */ #ceos-stats .responsive-columns-container { margin: 1rem auto 0; } #ceos-stats .responsive-columns-head { font-size: 2rem; padding: 1rem 1rem 2rem; text-align: center; } #ceos-stats .column1-large-text, #ceos-stats .column2-large-text, #ceos-stats .column3-large-text, #ceos-stats .column4-large-text { font-size: 3rem; text-align: left; padding-left: 0; } #ceos-stats .responsive-columns-txt { text-align: left; margin: 0 5.3rem 1.5rem 1.6rem; font-size: 1.4rem; } #ceos-stats .responsive-columns-btn-cont { border-bottom: 8px solid #26890D; width: 150px; margin-left: 1.6rem; } /* NEW SimplrOps fullbleed callout banner added Jan 23, 2025 */ #simplrops .bkgrd-img-2-col-img_title_copy { font-size: 1.6rem; } #simplrops .bkgrd-img-2-col-img_body_copy { font-size: 1rem; } #simplrops .bkgrd-img-2-col-img_image-container { max-width: 1150px; margin-bottom: 3rem; } #simplrops .bkgrd-img-2-col-img_double-column { padding: 1em 2em 0; } .button_simplrops { border-radius: 4px; font-size: 1em; font-weight: 800; padding: 0.75em 2em; } a.button1_simplrops:hover { background-color: #63AD41; } #simplrops .bkgrd-img-2-col-img_image_holder img { width: 275px; } @media only screen and (min-width: 768px) { #simplrops .pull-quote-style-box-color { margin: 0; } #simplrops .bkgrd-img-2-col-img_double-column { margin-right: 4rem; } #simplrops .bkgrd-img-2-col-img_body_copy { width: 68%; } } /* Featured insight */ .htmlfragment h3 { font-size: 32px; max-width: 1150px; margin: auto; padding: 0 0 1rem; } #callout .html-fragment-content { background: #f2f2f2!important; } #trends-callout .img-2-col-tile_title_copy { font-size: 1.8rem; font-weight: 800; margin: 1em 0; line-height: 1.3; } #trends-callout .img-2-col-tile_body_copy { font-size: 1rem; padding-bottom: 1.5rem; } .button1_trends-callout { padding: 0.75em 4em; } .button_trends-callout { border: none; font-size: 1rem; border-radius: 5px; } @media only screen and (min-width: 768px) { #trends-callout .img-2-col-tile_image-container { max-width: 1150px; margin: auto; } #img-2-col-tile_all_copy_trends-callout { margin: 1.5rem 5rem 3rem 3rem; } } */ /* Mosaic grid */ .fluid-branded-col-sm-12 { padding-left: 0; } #fluidBrandedCallouttitle-hcservices .fluid-branded-section-cont { padding: 1.4rem 0.2rem; padding-top: 0; } .mosaicgrid-wrapper .mosaicgrid-blk { border: solid 4px #fff; } .fluid-branded-section-cont { padding: 4rem 10px 0; } .fluid-branded-section-cont h3 { text-align: left; } @media screen and (min-width: 1200px) { .mosaicgrid-blk-flip, .mosaicgrid-blk-all-cont, .mosaicgrid-blk-img .mosaicgrid-blk-head-overlay h4 { font-size: 0.95rem; } .mosaicgrid-blk-img .mosaicgrid-blk-head-overlay-abstract { font-size: 0.9rem; } } /* Carousel */ #fluidBrandedCarouseltbd-story-carousel-1 h4 { text-align: left; padding-top: 0; padding-bottom: 0; } @media (min-width: 1024px) { .fluid-branded-section-cont { max-width: 1160px; } } @media (min-width: 768px) { .fluid-branded-carousel-content-cont { padding: 1rem 0 2rem; } } .fluid-branded-carousel-slide-header { font-weight: 700; line-height: 1.2; } .fluid-branded-carousel-slide-readmore a { font-weight: 600; font-size: 16px; } /* Explore more CTA area */ #explore-hc-topics .bkgrd-img-2-col-img_image-container { max-width: 1132px; } .button1_explore-hc-topics { border-radius: 5px; padding: 0.7em 3em; font-size: 1rem; } @media only screen and (min-width: 768px) { #explore-hc-topics .bkgrd-img-2-col-img_image-container { margin-top: 1rem; margin-bottom: 5rem; } } /* Form area */ .elq-form { margin: 1rem auto 40px; max-width: 1045px; padding: 0 2rem; } .form_row, .form_row_description { font-size: 1rem; } label { font-weight: normal; margin-bottom: 0.5rem; } .form_rightcol .form_rightcol_wrapper .form_field_text, .form .form_field_textarea, .upload .form_rightcol .form_field_file, .form_rightcol .form_captcha_input .form_field_text { background: white; border: solid 1px #d0d0ce; padding: 5px; width: 50%; border-radius: 0px; } .form_leftcol .form_leftcollabel, .form_leftcol .form_leftcolmark { display: inline-block; } .form_row, .form_row_description { font-size: 1rem; color: #000000; font-weight: 400; margin-bottom: 0.5em; clear: both; } .htmlfragment:nth-child(11) h3 { text-align: center; padding-top: 3rem; } label { display: inline; } input[type="checkbox"] { box-sizing: border-box; padding: 0; height: 13px; width: 13px; } /* Contact area */ #acg-revamp-getintouch-hub.get-in-touch-container { margin: -40px auto 0; padding: 0 0 2rem; max-width: 1038px; background-color: unset; } #acg-revamp-getintouch-hub .get-in-touch { padding: 2.5em 2.5em 0; } @media (min-width: 1024px) { #acg-revamp-getintouch-hub .leader-column { padding: 2.5rem 2.5rem 2.5rem 0; } } #download-accordion h3 { text-align: center; } #acg-revamp-getintouch-hub .img-size { height: 175px; width: 175px; } #acg-revamp-getintouch-hub .leader-column p { line-height: 0.5em; } #acg-revamp-getintouch-hub .leader-name p { padding: 1.5em 0 0 0; font-size: 1.2rem!important; } #acg-revamp-getintouch-hub .leader-title p, #acg-revamp-getintouch-hub .get-in-touch p { font-size: 1.1rem; } /* Gray fragment background color */ .htmlfragment:nth-child(12), .htmlfragment:nth-child(13), .htmlfragment:nth-child(14) { background-color: #f2f2f2; } /* Mobile display */ @media only screen and (max-width: 760px) { .esg-hero .esg-hero__header { padding-right: 0; max-width: 100%; } .esg-hero .hero__subtitle { font-size: 1.9rem; line-height: 1.4; } .esg-hero .hero__text { font-size: 1rem; } .hero__button { padding: 0.6em 3em; } .htmlfragment .standard-white-component > h3.secondary-headline, .htmlfragment .standard-white-component > p { padding: 2rem 1rem 1rem; } #img-2-col-tile_all_copy_trends-callout { margin: 1em; } .fluid-branded-section { padding: 0; } #explore-hc-topics .pull-quote-style-box-color { padding: 0em; } #explore-hc-topics .bkgrd-img-2-col-img_double-column { padding: 2.5em 1em; } #acg-revamp-getintouch-hub .leader-title p, #acg-revamp-getintouch-hub .get-in-touch p { line-height: 1.4; } } /* Scroll */ * { scroll-behavior: smooth; scroll-margin: 12rem; } #register_to_attend_01{ background: black; margin-top: 40px; } #register_to_attend_01 .html-fragment-content{ max-width: 1080px; margin: 0 auto; } </style> <script> function scrollSmooth(event){ event.preventDefault(); document.querySelector('#hc-services').scrollIntoView({block: 'start'}); } document.querySelector('.hero__button').addEventListener('click', scrollSmooth) </script> <p class="hide-edit-mode-html"> Insert Custom HTML fragment. Do not delete! This box/component contains code that is needed on this page. This message will not be visible when page is activated.<br /><span style="color: red; font-weight: bold" >+++ DO NOT USE THIS FRAGMENT WITHOUT EXPLICIT APPROVAL FROM THE CREATIVE STUDIO DEVELOPMENT TEAM +++</span > </p> <script> // hide author message box & fragment title on live & preview pages if (isEditMode == "false") { const customHtmlFrags = document.querySelectorAll(".hide-edit-mode-html"); customHtmlFrags.forEach(function (customFrag) { const header = customFrag.closest('.standard-white-component').firstElementChild; if (header.classList.contains('secondary-headline')) { header.style.display = 'none'; } }); customHtmlFrags.forEach(frag => frag.style.display = 'none'); } </script> </div> </div></div> <div class="htmlfragment aem-GridColumn aem-GridColumn--default--12"> <!-- Classic UI author placeholder, this is required --> </div> </div> </div> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="related-topics aem-GridColumn aem-GridColumn--default--12"> <!-- Blog Tag component --> <div id="cmp-related-tags" class="cmp-tag"> <div class="cmp-tags-content cmp-content-width"> <div class="aem-Grid aem-Grid--12 aem-Grid--phone--12"> <!-- tags container --> <div class="aem-GridColumn aem-GridColumn--default--7 aem-GridColumn--phone--12"> <!-- Added for showing browse topic section for all templates except event,blogs--> </div> <!-- related topics container --> <div class="aem-GridColumn aem-GridColumn--default--5 aem-GridColumn--phone--12"> <div class="recently-viewed" id="recently-viewed-target"></div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="footer aem-GridColumn aem-GridColumn--default--12"> <!-- Footer component starts--> <footer class="cmp-footer" id="footer"> <!-- Footer Top Bar starts --> <div class="cmp-footer__top-bar"> <div class="cmp-container-width aem-Grid aem-Grid--12"> <div class="aem-GridColumn aem-GridColumn--default--9 aem-GridColumn--tablet--12 aem-GridColumn--phone--12"> <!-- Footer CTA start--> <ul class="cmp-footer__cta-links" id="footer__cta-links"> <li><a href="/us/en/footerlinks/contact.html?icid=bn_contact-us" target="_self">Contact us</a></li> <li><a href="https://apply.deloitte.com/" target="_self">Search jobs</a></li> <li class="submit-rfp"><a href="/us/en/footerlinks/submit-rfp.html?icid=bn_submit-rfp" target="_self">Submit RFP</a></li> <li><a href="https://my.deloitte.com/?site=insights-us-en_en&action=optin&sub=a0C1400001SsODM&nocheck=true&pl=en-US&pc=US&pi=sub">Subscribe to Deloitte Insights</a></li> </ul> <!-- Footer CTA end--> </div> <div class="aem-GridColumn aem-GridColumn--default--3 aem-GridColumn--tablet--12 aem-GridColumn--phone--12"> <!-- Footer secondary social start--> <!-- Footer secondary social end--> </div> </div> </div> <!-- Footer Top Bar ends --> <!-- Footer Utility Bar starts --> <div class="cmp-footer__utility-bar" id="footer__utility-bar"> <div class="cmp-container-width aem-Grid aem-Grid--12"> <div class="aem-GridColumn aem-GridColumn--default--8 aem-GridColumn--phone--12"> <!-- Footer Office location links start --> <div class="cmp-footer__utility-bar__loc"> <a href="/us/en/footerlinks/global-office-directory.html?icid&#61;bottom_global-office-directory" title="Global office directory" class="cmp-footer__utility-bar__loc-directory">Global office directory</a> <a href="/us/en/footerlinks/office-locator.html?icid&#61;bottom_office-locator" title="US office locations" class="cmp-footer__utility-bar__loc-office">US office locations</a> </div> <!-- Footer Office location links end --> <!-- Footer site selector start--> <div class="cmp-footer__utility-bar__loc"> <a href="javascript:void(0)" class="cmp-header__ut-nav__site-sel__link location-link" data-toggle="siteSelector" aria-expanded="false" role="button"> <span class="desk-countrySelector">US-EN</span> <span class="mobile-location">Location:</span> <span class="mobile-countrySelector">United States-English</span> &nbsp; <i class="icon-chevron"></i> </a> </div> <!-- Footer site selector end--> </div> <!-- Footer About Deloitte start--> <div class="aem-GridColumn aem-GridColumn--default--4 aem-GridColumn--phone--12"> <div class="cmp-footer__utility-bar__about"> <a href="/us/en/footerlinks1/about-deloitte.html?icid&#61;bottom_about-deloitte" title="About Deloitte" class="cmp-footer__utility-bar__about-link" id="footer__utility-bar__about">About Deloitte</a> </div> </div> <!-- Footer About Deloitte end--> </div> </div> <!-- Footer Utility Bar ends --> <!-- Footer Links starts --> <div class="cmp-footer__links"> <div class="cmp-container-width aem-Grid aem-Grid--12"> <div class="cmp-footer__links-get-connected aem-GridColumn aem-GridColumn--default--2 aem-GridColumn--phone--12" id="footer__links-get-connected"> <ul> <li><a href="/us/en/pages/about-deloitte/articles/about-deloitte.html?icid=bottom_about-deloitte">About Deloitte</a></li> <li><a href="/us/en/pages/about-deloitte/articles/client-stories-and-successes.html?icid=bottom_client-stories-and-successes">Client stories</a></li> <li><a href="https://my.deloitte.com?site=us_en?icid=bottom_">My Deloitte</a></li> <li><a href="/us/en/insights.html?icid=bottom_insights">Deloitte Insights</a></li> <li><a href="/us/en/footerlinks/email-subscriptions.html?icid=bottom_email-subscriptions">Email subscriptions</a></li> <li><a href="/us/en/footerlinks/pressreleasespage.html?icid=bottom_pressreleasespage">Press releases</a></li> <li><a href="/us/en/footerlinks/submit-rfp.html?icid=bottom_submit-rfp">Submit RFP</a></li> <li><a href="/us/en/footerlinks/office-locator.html?icid=bottom_office-locator">US office locations</a></li> <li><a href="/us/en/footerlinks/alumni.html?icid=bottom_alumni">Alumni</a></li> <li><a href="/us/en/footerlinks/global-office-directory.html?icid=bottom_global-office-directory">Global office directory</a></li> <li><a href="/us/en/footerlinks/newsroom.html?icid=bottom_newsroom">Newsroom</a></li> <li><a href="/us/en/footerlinks/dbriefs.html?icid=bottom_dbriefs">Dbriefs webcasts</a></li> <li><a href="/us/en/footerlinks/contact-us.html?icid=bottom_contact-us" class="text-bold">Contact us</a></li> </ul> <div id="footer__social" class="social-media-links"> <ul> <li><a class="icon-twitter" href="https://www.twitter.com/deloitteus" title="follow deloitte us on twitter"></a></li> <li><a class="icon-linkedin" href="https://www.linkedin.com/company/deloitte/" title="connect with deloitte on linkedin"></a></li> <li><a class="icon-youtube" href="https://www.youtube.com/user/DeloitteLLP" title="view deloitte us on youtube"></a></li> <li><a class="icon-glassdoor" href="http://www.glassdoor.com/Overview/Working-at-Deloitte-EI_IE2763.11,19.htm" title="check deloitte us out on glassdoor"></a></li> <li><a class="icon-instagram" href="https://www.instagram.com/lifeatdeloitteus/" title="follow deloitte us on instagram"></a></li> </ul> </div> </div> <div class="cmp-footer__links-target aem-GridColumn aem-GridColumn--default--3 aem-GridColumn--phone--12" id="footer__links-target"> <!-- Target will populate featured section --> </div> <div class="aem-GridColumn aem-GridColumn--default--2 aem-GridColumn--phone--12" id="footer__links-services"> <h5>Services</h5> <ul> <li><a href="/us/en/services/tax.html?icid=bottom_tax">Tax</a></li> <li><a href="/us/en/services/consulting.html?icid=bottom_consulting">Consulting</a></li> <li><a href="/us/en/services/audit.html?icid=bottom_audit">Audit &amp; Assurance</a></li> <li><a href="/us/en/pages/deloitte-private/solutions/deloitte-private-company-services.html?icid=bottom_deloitte-private-company-services">Deloitte Private</a></li> <li><a href="/us/en/services/mergers-acquisitions-restructuring-services.html?icid=bottom_mergers-acquisitions-restructuring-services">M&amp;A and Restructuring</a></li> <li><a href="/us/en/services/advisory.html?icid=bottom_advisory">Risk &amp; Financial Advisory</a></li> <li><a href="/us/en/pages/deloitte-analytics/solutions/deloitte-analytics.html?icid=bottom_">AI &amp; Analytics</a></li> <li><a href="/us/en/pages/consulting/solutions/cloud-consulting-services.html?icid=bottom_cloud-consulting-services">Cloud</a></li> </ul> </div> <div class="aem-GridColumn aem-GridColumn--default--3 aem-GridColumn--phone--12" id="footer__links-industries"> <h5>Industries</h5> <ul> <li><a href="/us/en/industries/consumer-industry.html?icid=bottom_consumer-industry">Consumer</a></li> <li><a href="/us/en/industries/energy-resources-industrials.html?icid=bottom_energy-resources-industrials">Energy, Resources &amp; Industrials</a></li> <li><a href="/us/en/industries/financial-services.html?icid=bottom_financial-services">Financial Services</a></li> <li><a href="/us/en/industries/government-public-services.html?icid=bottom_government-public-services">Government &amp; Public Services</a></li> <li><a href="/us/en/industries/life-sciences-and-health-care.html?icid=bottom_life-sciences-and-health-care">Life Sciences &amp; Health Care</a></li> <li><a href="/us/en/industries/technology-media-and-telecommunications.html?icid=bottom_technology-media-and-telecommunications">Technology, Media &amp; Telecommunications</a></li> </ul> </div> <div class="aem-GridColumn aem-GridColumn--default--2 aem-GridColumn--phone--12"> <h5>Careers</h5> <ul> <li><a href="/us/en/careers/careers.html?icid=bottom_careers">Careers</a></li> <li><a href="/us/en/careers/students.html?icid=bottom_students">Students</a></li> <li><a href="/us/en/careers/experienced-hires.html?icid=bottom_experienced-hires">Experienced Professionals</a></li> <li><a href="https://apply.deloitte.com/?icid=bottom_">Job Search</a></li> <li><a href="/us/en/careers/life-at-deloitte.html?icid=bottom_life-at-deloitte">Life at Deloitte</a></li> <li><a href="/us/en/careers/alumni.html?icid=bottom_alumni">Alumni Relations</a></li> </ul> </div> </div> <!-- footer legal links start--> <div class="cmp-footer__links-legal cmp-container-width aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--phone--12" id="footer__links-legal"> <ul> <li><a href="/us/en/footerlinks1/about-deloitte.html?icid=bottom_about-deloitte">About Deloitte</a></li> <li><a href="/us/en/footerlinks1/terms-of-use.html?icid=bottom_terms-of-use">Terms of Use</a></li> <li><a href="/us/en/footerlinks1/privacy-index.html?icid=bottom_privacy-index">Privacy</a></li> <li><a href="/us/en/footerlinks1/data-privacy-framework.html?icid=bottom_data-privacy-framework">Data Privacy Framework</a></li> <li><a href="https://cookienotice.deloitte.com/?icid=bottom_">Cookies</a></li> <li><a href="https://www2.deloitte.com/us/en?icid=bottom_">Cookie Settings</a></li> <li><a href="/us/en/footerlinks1/join-deloitte-legal-information-for-job-seekers.html?icid=bottom_join-deloitte-legal-information-for-job-seekers">Legal Information for Job Seekers</a></li> <li><a href="/us/en/footerlinks1/labor-condition-applications.html?icid=bottom_labor-condition-applications">Labor Condition Applications</a></li> <li><a href="/us/en/footerlinks1/do-not-sell-my-personal-information.html?icid=bottom_do-not-sell-my-personal-information">Do Not Sell or Share My Personal Information</a></li> </ul> </div> <!-- footer legal links end --> </div> <!-- Footer Links ends --> <!-- Footer Bottom Bar starts --> <div class="cmp-footer__copy-rights cmp-container-width aem-Grid aem-Grid--12"> <div class="aem-GridColumn aem-GridColumn--default--10 aem-GridColumn--phone--12"> <div class="cmp-footer__disclaimer" id="footer__disclaimer"> <p><p>© 2025. See <a href="/us/en/legal/terms-of-use.html">Terms of Use</a> for more information.</p> <p>Deloitte refers to one or more of Deloitte Touche Tohmatsu Limited, a UK private company limited by guarantee (&#34;DTTL&#34;), its network of member firms, and their related entities. DTTL and each of its member firms are legally separate and independent entities. DTTL (also referred to as &#34;Deloitte Global&#34;) does not provide services to clients. In the United States, Deloitte refers to one or more of the US member firms of DTTL, their related entities that operate using the &#34;Deloitte&#34; name in the United States and their respective affiliates. Certain services may not be available to attest clients under the rules and regulations of public accounting. Please see <a href="/us/en/pages/about-deloitte/articles/about-deloitte.html">www.deloitte.com/about</a> to learn more about our global network of member firms.</p> </p> </div> </div> <div class="aem-GridColumn aem-GridColumn--default--2 aem-GridColumn--phone--12"> <div id="footer__sponsor-logo" class="cmp-footer__sponsor-logo"> </div> </div> </div> <!-- Footer Bottom Bar ends --> </footer> <div class="site-selector"> <div class="site-selector__container visibility-hidden" id="site-options" tabindex="-1" role="dialog"> <div role="search"> <input type="text" size="10" class="gsc-input" name="qr" title="search" id="siteSearch" enableOrderBy="true" spellcheck="false" placeholder="Type location" autocomplete="off"/> <span class="icon-search search-option"></span> </div> <div class="site-selector__container__list" id="site-selector"> <ul class="channel-site"></ul> </div> <div class="site-selector__container__site-info"></div> </div> </div> <div class="modal-backdrop fade in visibility-hidden"></div> <!-- Footer component ends--></div> </div> </div> <noscript> <div style="background: #fbfbfb; color: red; border: 1px solid #DCDCDC; width: 95%; margin: 20px auto; padding: 20px; text-align: center; font-size: 16px; font-weight: 300; font-family: 'Open Sans', sans-serif;"> Please enable JavaScript to view the site. </div> </noscript> <script> var custom_data_1 = ''; var custom_data_2 = ''; var memberFirmAccountID = ''; var searchAllSitesAccountID = ''; if(custom_data_1.length > 0){ custom_data_1 =sc_country + ';' + sc_language +'_'+ (custom_data_1.toLowerCase()).replace(/ /g,"_"); } if(custom_data_2.length > 0){ custom_data_2 =sc_country + ';' + sc_language +'_'+ (custom_data_2.toLowerCase()).replace(/ /g,"_"); } function getCookie(name) { var dc = document.cookie; var prefix = name + "="; var begin = dc.indexOf("; " + prefix); if (begin == -1) { begin = dc.indexOf(prefix); if (begin != 0) return null; } else { begin += 2; var end = document.cookie.indexOf(";", begin); if (end == -1) { end = dc.length; } } return unescape(dc.substring(begin + prefix.length, end)); } var promoIds_attributes=''; var tagNames_attributes=''; var promoIds_disc_more=''; var tagNames_disc_more=''; var promoIds_next_steps=''; var promoIds_trending=''; </script> <div id="gigya-container" style="display: none;"> </div> <div class="cloudservice generictracker"> </div> <div class="wrapper"></div> <script> $(document.body).on("pageReady",function(event, y, z){ console.log(event.type); }); //Finally, register a Page Load callback and call the execute method on JQuery Page Load event. $(function() { if(window.location.href.indexOf('/careers/') > 0) { $('.submit-rfp').remove(); } }); </script> <div hidden><span id="aria-newtab">Opens_in_a_new_window</span></div> <script> //Finally, register a Page Load callback and call the execute method on JQuery Page Load event. $(function() { var executeDeferred = pageLoadFramework.executePageLoadEvents(); //The execute method returns a deferred. So, if something needs to wait for it, this is how you do it. executeDeferred.done(function(){ }); }); </script> </div> <script src="/etc.clientlibs/shared/clientlibs/clientlib-site.lc-3127e8453c7a3a6888bcdb709ac4778f-lc.min.js"></script> <script type='text/javascript'> var socialmediaKey = ''; var mydeloitteAPIKey='3_HV0IcvFjhy6GgPyQ7w3qEmNrAPxgl1dpOyt9qQ2ScGN4BClLORqK1R3ArbWkBW4v'; var mydeloitteUserloginenable='on'; var ccURLValue = ''; var shareEnabled = 'on'; var loginEnabled = ''; var SOCIAL_SHARE_LINK = 'https://www2.deloitte.com/.html'; var SOCIAL_SHARE_TITLE = ''; var isSiteCatalystConfig = 'false'; var my_account_url ='/content/www/us/en/pages/human-capital/solutions/human-capital-services.html'; my_account_url = my_account_url.toLowerCase(); var view_profile_url = '/us/en/profile'; view_profile_url = view_profile_url.toLowerCase(); var SOCIAL_CURRENT_LOCALE = 'en_US'; var pageHashValue = '4684efbd'; var pageTitle = 'Human Capital Services | Deloitte US'; var tempName = 'branded-landing-page'; var REMEMBER_ME = 'REMEMBER_ME'; var pageType = ''; var countryName = 'us'; var languageName = 'en'; var SOCIAL_LANG = 'en'; var SOCIAL_REGISTER_TEXT = 'SOCIAL_REGISTER_TEXT'; var SOCIAL_LOGOUT_TEXT = 'SOCIAL_LOGOUT_TEXT'; var SOCIAL_SHARE_LINK = 'SOCIAL_SHARE_LINK'; var SOCIAL_SHARE_TITLE = 'SOCIAL_SHARE_TITLE'; var SOCIAL_LOGIN_MESSAGE = 'SOCIAL_LOGIN_MESSAGE'; var SOCIAL_LOGIN_ALTERNATE = 'SOCIAL_LOGIN_ALTERNATE'; var SOCIAL_LOGIN_LABEL = 'SOCIAL_LOGIN'; var SOCIAL_FORGOT_PASSWORD = 'SOCIAL_FORGOT_PASSWORD'; var SOCIAL_DONT_HAVE_ACCOUNT = 'SOCIAL_DONT_HAVE_ACCOUNT'; var SOCIAL_CLICK_HERE = 'SOCIAL_CLICK_HERE'; var SOCIAL_SUBMIT = 'SOCIAL_SUBMIT'; var SOCIAL_AUTHENTICATE_YOUR_ACCOUNT = 'SOCIAl_AUTHENTICATE_YOUR_ACCOUNT'; var SOCIAL_MANDATORY_PASSWORD = 'SOCIAL_MANDATORY_PASSWORD'; var SOCIAL_EMAIL = 'SOCIAL_EMAIL'; var SOCIAL_REGISTRATION_FIRST_NAME = 'SOCIAL_REGISTRATION_FIRST_NAME'; var SOCIAL_REGISTRATION_LAST_NAME = 'SOCIAL_REGISTRATION_LAST_NAME'; var SOCIAL_REGISTRATION_PASSWORD = 'SOCIAL_REGISTRATION_PASSWORD'; var SOCIAL_REGISTRATION_REENTER_PASSWORD = 'SOCIAL_REGISTRATION_REENTER_PASSWORD'; var SOCIAL_REGISTRATION_AGREE_TOBE_CONTACTED = 'SOCIAL_REGISTRATION_AGREE_TOBE_CONTACTED'; var SOCIAL_REGISTRATION_TERMS_OF_USE = 'SOCIAL_REGISTRATION_TERMS_OF_USE'; var SOCIAL_ACCOUNT_EXISTS = 'SOCIAL_ACCOUNT_EXISTS'; var SOCIAL_REGISTRATION_THANKYOU = 'SOCIAL_REGISTRATION_THANKYOU'; var SOCIAL_REGISTRATION_CONFIRMATION_EMAIL = 'SOCIAL_REGISTRATION_CONFIRMATION_EMAIL'; var SOCIAL_PASSWORD_NEEDS_TO_CHANGE = 'SOCIAL_REGISTRATION_CONFIRMATION_EMAIL'; var SOCIAL_CURRENT_PASSWORD = 'SOCIAL_CURRENT_PASSWORD'; var SOCIAL_CHOOSE_NEW_PASSWORD = 'SOCIAL_CHOOSE_NEW_PASSWORD'; var SOCIAL_REENTER_NEW_PASSWORD = 'SOCIAL_REENTER_NEW_PASSWORD'; var SOCIAL_MY_ACCOUNT_TEXT = 'SOCIAL_MY_ACCOUNT_TEXT'; var SOCIAL_LOGIN_AGAIN = 'SOCIAL_LOGIN_AGAIN'; var SOCIAL_REGISTER_WITH_PREFERRED_NETWROK = 'SOCIAL_REGISTER_WITH_PREFERRED_NETWROK'; var SOCIAL_WHY_REGISTER_DELOITTE = 'SOCIAL_REGISTER_WITH_PREFERRED_NETWROK'; var SOCIAL_FILL_INFO_BELOW = 'SOCIAL_FILL_INFO_BELOW'; var SOCIAL_YES = 'SOCIAL_YES'; var SOCIAL_NO = 'SOCIAL_NO'; var SOCIAL_UNDERSTOOD = 'SOCIAL_UNDERSTOOD'; var SOCIAL_HAVE_AN_ACCOUNT_ALREADY = 'SOCIAL_HAVE_AN_ACCOUNT_ALREADY'; var SOCIAL_COMPLETE_REGISTRATION = 'SOCIAL_COMPLETE_REGISTRATION'; var SOCIAL_WE_STILL_NEED_DETAILS = 'SOCIAL_WE_STILL_NEED_DETAILS'; var SOCIAL_KEEP_ACCOUNT_SECURE = 'SOCIAL_KEEP_ACCOUNT_SECURE'; var SOCIAL_EMAIL_FOUND = 'SOCIAL_EMAIL_FOUND'; var SOCIAL_PROVIDE_PASSWORD_TO_LINK = 'SOCIAL_PROVIDE_PASSWORD_TO_LINK'; var SOCIAL_OR = 'SOCIAL_OR'; var SOCIAL_ENTER_TO_REST = 'SOCIAL_OR'; var SOCIAL_LOGIN_WITH_DIFFERENT_ACC = 'SOCIAL_LOGIN_WITH_DIFFERENT_ACC'; var SOCIAL_EMAIL_HASBEEN_SENT = 'SOCIAL_EMAIL_HASBEEN_SENT'; var SOCIAL_VERIFY_CHECK_EMAIL = 'SOCIAL_VERIFY_CHECK_EMAIL'; var SOCIAL_RESEND_VERIFICATION_EMAIL = 'SOCIAL_RESEND_VERIFICATION_EMAIL'; var SOCIAL_THANKYOU_FOR_REGISTERING = 'SOCIAL_THANKYOU_FOR_REGISTERING'; var SOCIAL_CONFIRMATION_EMAIL_SENT = 'SOCIAL_CONFIRMATION_EMAIL_SENT'; var SOCIAL_CREATE_ACCOUNT = 'SOCIAL_CREATE_ACCOUNT'; var mfLoginProviders = ''; var mfShareProviders = 'LinkedIn,Twitter,Facebook,Pinterest,Email'; </script> <script src="/etc/designs/dcom/dcom-personalization-libs.lc-7e2ec3fde98831f2ae935c57884bc81d-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/shared/clientlibs/clientlib-site/components/legacy/gigya-login-screen/clientlibs.lc-7ad1e71336ac9d1d5fb61411748874e3-lc.min.css" type="text/css"> </body> </html>

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