<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!-- rel=dynamic-content indicates an element that is replaced with the contents produced by the specified href. 
    dyn-cs:* URIs are resolved using the values within the 'wp_dyncs_simple' theme module. -->

<link href="/hclf/css/bootstrap.min.css" rel="preload" as="style"/>
<link href="/hclf/css/bootstrap.min.css" rel="stylesheet" />
<link href="/hclf/css/owl.carousel.min.css" rel="preload" as="style" />
<link href="/hclf/css/owl.carousel.min.css" rel="stylesheet" />
<link href="/hclf/css/jquery.fancybox.min.css" rel="preload" as="style"/>
<link href="/hclf/css/jquery.fancybox.min.css" rel="stylesheet" />


<link rel="preload" href="/hclf/js/owl.carousel.min.js" as="script">
<link rel="preload" href="/hclf/js/bootstrap.min.js" as="script">
<link rel="preload" href="/hclf/js/jquery.min.js" as="script">
<link rel="preload" href="/hclf/js/jquery.fancybox.min.js" as="script">


<script src="/hclf/js/jquery.min.js"></script>
<script src="/hclf/js/bootstrap.min.js"></script>
<script src="/hclf/js/owl.carousel.min.js"></script>
<script src="/hclf/js/jquery.fancybox.min.js"></script>
<script src="/wps/wcm/connect/944b412a-da5d-4dcb-a868-8cb2315496b8/custom.js?MOD=AJPERES" async></script>
<script src="/wps/wcm/connect/54c19898-811f-4b3f-8d57-015f203d8848/stories.js?MOD=AJPERES" async></script>





<link rel="stylesheet" href="/wps/contenthandler/!ut/p/digest!OpAzLevaYamSpoRWQCLkKw/sp/mashup:ra:collection?soffset=0&amp;eoffset=20&amp;themeID=ZJ_OPKC01C0PGJCC0QIVRUTGN10I5&amp;locale=en&amp;mime-type=text%2Fcss&amp;lm=1772176883366&amp;entry=wp_toolbar_common__0.0%3Ahead_css&amp;entry=st_compressed_navbar__0.0%3Ahead_css&amp;entry=wp_dialog_css__0.0%3Ahead_css&amp;entry=wp_toolbar_logo__0.0%3Ahead_css&amp;entry=wp_portlet_css__0.0%3Ahead_css&amp;entry=wp_theme_simple__0.0%3Ahead_css&amp;entry=wp_toolbar_common_actionbar__0.0%3Ahead_css&amp;entry=wp_simple_contextmenu_css__0.0%3Ahead_css&amp;entry=wp_toolbar_actionbar__0.0%3Ahead_css&amp;entry=st_fixed_navbar__0.0%3Ahead_css&amp;entry=wp_draft_page_ribbon__0.0%3Ahead_css&amp;entry=wp_toolbar_sitepreview__0.0%3Ahead_css&amp;entry=st_notice__0.0%3Ahead_css&amp;entry=wp_toolbar_moremenu__0.0%3Ahead_css&amp;entry=st_layoutGrid__0.0%3Ahead_css&amp;entry=st_search__0.0%3Ahead_css&amp;entry=wp_status_bar__0.0%3Ahead_css&amp;entry=wp_toolbar_projectmenu__0.0%3Ahead_css&amp;entry=wp_oob_sample_styles__0.0%3Ahead_css" type="text/css"/><link rel="alternate" id="head_css_deferred" href="/wps/contenthandler/!ut/p/digest!OpAzLevaYamSpoRWQCLkKw/sp/mashup:ra:collection?soffset=0&amp;eoffset=6&amp;themeID=ZJ_OPKC01C0PGJCC0QIVRUTGN10I5&amp;locale=en&amp;mime-type=text%2Fcss&amp;lm=1770393556000&amp;entry=wp_contextmenu_css__0.0%3Ahead_css&amp;entry=wp_federated_documents_picker__0.0%3Ahead_css&amp;entry=wp_dnd_css__0.0%3Ahead_css&amp;entry=wcm_inplaceEdit__0.0%3Ahead_css&amp;entry=wp_content_targeting_cam__0.0%3Ahead_css&amp;deferred=true"/><script type="text/javascript">var djConfig={"baseUrl":"/wps/portal_dojo/v1.9/dojo/","locale":"en","isDebug":false,"debugAtAllCosts":false,"parseOnLoad":false,"afterOnLoad":false,"has":{"dojo-bidi":true},"modulePaths":{"com":"/wps/themeModules/js/com","ibm":"/wps/themeModules/js/ibm","pagebuilder":"/wps/themeModules/modules/pagebuilder/js","portalclient":"/wps/themeModules/modules/portalclient/js","asa":"/wps/themeModules/modules/asa/js","contentmapping":"/wps/themeModules/modules/contentmapping/js","federation":"/wps/themeModules/modules/federation/js"}};djConfig.locale=djConfig.locale.replace(/_/g, "-").replace(/iw/, "he").toLowerCase();(function(){if (typeof(wpModules) == 'undefined') wpModules = {}; if (typeof(wpModules.state) == 'undefined') wpModules.state = {}; if (typeof(wpModules.state.page) == 'undefined') wpModules.state.page = {};wpModules.state.page._initial=[{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"selection","value":["Z6_1QD6H9K0P0VLA06I4PRR330430"]},{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"labelMappings","value":["Z6_OPKC01C0P8ARD0QAIG9SMG2045","Z6_1QD6H9K0P0VLA06I4PRR330430","Z6_000000000000000000000000A0","Z6_1QD6H9K0P0VLA06I4PRR330430","Z6_1QD6H9K0P0VLA06I4PRR330430","Z6_000000000000000000000000A0"]},{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"expansions","value":["Z6_000000000000000000000000A0","Z6_1QD6H9K0P0VLA062N0JDLG8NN6","Z6_OPKC01C0P8ARD0QAIG9SMG2045"]}];wpModules.state.page.selectionPath=['Z6_000000000000000000000000A0','Z6_OPKC01C0P8ARD0QAIG9SMG2045','Z6_1QD6H9K0P0VLA062N0JDLG8NN6','Z6_1QD6H9K0P0VLA06I4PRR330430'];wpModules.state.page.supportsEditMode=true;wpModules.state.page.supportsToolbar=true;wpModules.state.page.path='/wps/portal';wpModules.state.page.protectedPath='/wps/myportal';wpModules.state.page.publicPath='/wps/portal';})();</script><script type="text/javascript" src="/wps/contenthandler/!ut/p/digest!8o8TOWTrxDv55XO0AEEh1g/mashup/ra:collection?themeID=ZJ_OPKC01C0PGJCC0QIVRUTGN10I5&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1770393558000&amp;entry=wp_client_main__0.0%3Ahead_js&amp;entry=wp_client_ext__0.0%3Ahead_js&amp;entry=wp_client_logging__0.0%3Ahead_js&amp;entry=wp_client_tracing__0.0%3Ahead_js&amp;entry=wp_modules__0.0%3Ahead_js&amp;entry=wp_photon_dom__0.0%3Ahead_js&amp;entry=wp_toolbar_common__0.0%3Ahead_js&amp;entry=wp_dialog_util__0.0%3Ahead_js&amp;entry=wp_dialog_draggable__0.0%3Ahead_js&amp;entry=wp_dialog_main__0.0%3Ahead_js&amp;entry=wp_a11y__0.0%3Ahead_js&amp;entry=wp_state_page__0.0%3Ahead_js&amp;entry=wp_client_selector__0.0%3Ahead_js&amp;entry=wp_theme_utils__0.0%3Ahead_js&amp;entry=wp_toolbar_viewframe_validator__0.0%3Ahead_js&amp;entry=st_notice__0.0%3Ahead_js&amp;entry=st_navigation__0.0%3Ahead_js"></script><link rel="alternate" id="head_js_deferred" href="/wps/contenthandler/!ut/p/digest!8o8TOWTrxDv55XO0AEEh1g/mashup/ra:collection?themeID=ZJ_OPKC01C0PGJCC0QIVRUTGN10I5&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1770393556000&amp;entry=dojo_19__0.0%3Ahead_js&amp;entry=dojo_app_19__0.0%3Ahead_js&amp;entry=dojo_fx_19__0.0%3Ahead_js&amp;entry=dojo_dom_19__0.0%3Ahead_js&amp;entry=dojo_dnd_basic_19__0.0%3Ahead_js&amp;entry=dojo_data_19__0.0%3Ahead_js&amp;entry=dojo_selector_lite_19__0.0%3Ahead_js&amp;entry=dijit_19__0.0%3Ahead_js&amp;entry=dojo_dnd_ext_19__0.0%3Ahead_js&amp;entry=dijit_layout_basic_19__0.0%3Ahead_js&amp;entry=dojox_layout_basic_19__0.0%3Ahead_js&amp;entry=dijit_menu_19__0.0%3Ahead_js&amp;entry=dojo_fmt_19__0.0%3Ahead_js&amp;entry=dijit_tree_19__0.0%3Ahead_js&amp;entry=wp_dnd_namespace__0.0%3Ahead_js&amp;entry=wp_dnd_source__0.0%3Ahead_js&amp;entry=dijit_layout_ext_19__0.0%3Ahead_js&amp;entry=dijit_form_19__0.0%3Ahead_js&amp;entry=wp_client_dnd__0.0%3Ahead_js&amp;entry=wp_contextmenu_js__0.0%3Ahead_js&amp;entry=wp_dnd_target__0.0%3Ahead_js&amp;entry=wp_dnd_util__0.0%3Ahead_js&amp;entry=wcm_inplaceEdit__0.0%3Ahead_js&amp;deferred=true"/><link id="nQymsS-.G87" rel="alternate" href="https://www.hcl-software.com/wps/portal/blog/unica/!ut/p/z1/04_Sj9CPykssy0xPLMnMz0vMAfIjo8ziDQNdzDwsvQ0CDMJ8HA3MPE0CgoKMjQ1MjA30w8EK_AO8nQ0MnQ0CLByDXAwCHT3dLYN93Y0MTEz1o4jRb4ADOBoQpx-Pgij8xofrR2GzwsjPwMvFx93Cz88MqgCfFwlZUpAbGhphkOkJACoCCmA!/"><script type="text/javascript">(function() {
	var element = document.getElementById("nQymsS-.G87");
	if (element) {
		wpModules.theme.WindowUtils.baseURL.resolve(element.href);
	}
}());</script><style id="layout-wstate-styles"></style><link href="/wps/wcm/connect/61b3618c-4fd6-4a5f-ad8a-c79433e306d8/style.css?MOD=AJPERES" rel="preload" as="style" />
<link href="/wps/wcm/connect/61b3618c-4fd6-4a5f-ad8a-c79433e306d8/style.css?MOD=AJPERES" rel="stylesheet" media="all" />
<link href="/wps/wcm/connect/93f76aa3-1b28-4058-a0cf-204eac81f444/dx-styles.css?MOD=AJPERES" rel="preload" as="style"  />
<link href="/wps/wcm/connect/93f76aa3-1b28-4058-a0cf-204eac81f444/dx-styles.css?MOD=AJPERES" rel="stylesheet" media="all" />
<link href="/wps/wcm/connect/00319734-d9da-479d-9927-6c841e23d2f9/aos.css?MOD=AJPERES" rel="preload" as="style" />
<link href="/wps/wcm/connect/00319734-d9da-479d-9927-6c841e23d2f9/aos.css?MOD=AJPERES" rel="stylesheet" media="all" />
<link href="/wps/wcm/connect/0c823da2-fdc2-4a28-9523-b1138597c4ba/style-revamp.css?MOD=AJPERES" rel="preload" as="style" />
<link href="/wps/wcm/connect/0c823da2-fdc2-4a28-9523-b1138597c4ba/style-revamp.css?MOD=AJPERES" rel="stylesheet" media="all" />







<script>
var url = window.location.href;
console.log('lastPage = ',url);
document.cookie = "lastPage="+url+";domain=hcl-software.com;path=/";
console.log('referrer on load = ',document.referrer);
</script>

<script>
  var nonENLangPrefixes = ["fr","de","it","pt","jp","es","cn","ru"];
    var pathParts = window.location.pathname.toLowerCase().split("/").filter(Boolean);
    var langCode = "en"; // default

    if (pathParts.length > 0 && nonENLangPrefixes.includes(pathParts[0])) {
        langCode = pathParts[0];
    }

   document.documentElement.setAttribute("lang", langCode);
</script>


<!-- FRAUD0.com fraud detection BODY TAG -->
<script async src="https://api.fraud0.com/api/v2/fz.js?cid=2b27699f-1828-4edc-abce-06784ae4385d"></script>
<script>(function(){var i=document.createElement('img');i.src='https://api.fraud0.com/api/v2/pixel?cid=2b27699f-1828-4edc-abce-06784ae4385d&cb='+Math.random()+'.'+(new Date()).getTime();
i.width=i.height=1;i.style='width:1px;height:1px;display:inline;position:absolute;margin-top:-1px;';document.body.append(i);})();</script>
<!-- End of FRAUD0 BODY TAG -->

<script src="/wps/wcm/connect/bccc55f8-1587-4f06-ab50-a98348c2a54a/utmpasser.js?MOD=AJPERES" async></script>



<!-- OneTrust Cookies Consent Notice start for hcl-software.com -->
<script async src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="c65f43b5-068e-4e4b-80d3-bdc8c41cf93d" ></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>
<!-- OneTrust Cookies Consent Notice end for hcl-software.com --><!-- Google Tag Manager -->
<script  type="text/javascript">
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NSPKX7Z');
</script>


<script>
  document.cookie = 'stats=off;domain=.hcl-software.com;path=/;secure;';
</script>
<script type="text/plain" class="optanon-category-C0002-C0003-C0004-C0005">
  document.cookie = 'stats=on;domain=.hcl-software.com;path=/;secure;';
</script>

<!--
<link href="/hclf/css/bootstrap.min.css" rel="preload" as="style"/>
<link href="/hclf/css/bootstrap.min.css" rel="stylesheet" />
<link href="/hclf/css/owl.carousel.min.css" rel="preload" as="style" />
<link href="/hclf/css/owl.carousel.min.css" rel="stylesheet" />
<link href="/hclf/css/jquery.fancybox.min.css" rel="preload" as="style"/>
<link href="/hclf/css/jquery.fancybox.min.css" rel="stylesheet" />
<link href="/wps/wcm/connect/61b3618c-4fd6-4a5f-ad8a-c79433e306d8/style.css?MOD=AJPERES" rel="preload" as="style" />
<link href="/wps/wcm/connect/61b3618c-4fd6-4a5f-ad8a-c79433e306d8/style.css?MOD=AJPERES" rel="stylesheet" media="all" />
<link href="/wps/wcm/connect/93f76aa3-1b28-4058-a0cf-204eac81f444/dx-styles.css?MOD=AJPERES" rel="preload" as="style"  />
<link href="/wps/wcm/connect/93f76aa3-1b28-4058-a0cf-204eac81f444/dx-styles.css?MOD=AJPERES" rel="stylesheet" media="all" />
<link href="/wps/wcm/connect/00319734-d9da-479d-9927-6c841e23d2f9/aos.css?MOD=AJPERES" rel="preload" as="style" />
<link href="/wps/wcm/connect/00319734-d9da-479d-9927-6c841e23d2f9/aos.css?MOD=AJPERES" rel="stylesheet" media="all" />
<link href="/wps/wcm/connect/0c823da2-fdc2-4a28-9523-b1138597c4ba/style-revamp.css?MOD=AJPERES" rel="preload" as="style" />
<link href="/wps/wcm/connect/0c823da2-fdc2-4a28-9523-b1138597c4ba/style-revamp.css?MOD=AJPERES" rel="stylesheet" media="all" />


<link rel="preload" href="/hclf/js/owl.carousel.min.js" as="script">
<link rel="preload" href="/hclf/js/bootstrap.min.js" as="script">
<link rel="preload" href="/hclf/js/jquery.min.js" as="script">
<link rel="preload" href="/hclf/js/jquery.fancybox.min.js" as="script">


<script src="/hclf/js/jquery.min.js"></script>
<script src="/hclf/js/bootstrap.min.js"></script>
<script src="/hclf/js/owl.carousel.min.js"></script>
<script src="/hclf/js/jquery.fancybox.min.js"></script>
<script src="/wps/wcm/connect/944b412a-da5d-4dcb-a868-8cb2315496b8/custom.js?MOD=AJPERES" async></script>
<script src="/wps/wcm/connect/54c19898-811f-4b3f-8d57-015f203d8848/stories.js?MOD=AJPERES" async></script>
-->


<meta name="google-site-verification" content="UZUsannfhVg2FUUvkxqdN5CUvpcBsxyvM4t5bU_HzQM" />


<title>HCL Unica Blog | Marketing Automation Insights | HCLSoftware</title>
<meta content="2023-07-06T15:19:57Z" name="article:published_time" scheme="W3CDTF"><meta content="Explore the HCL Unica blog for marketing automation insights, campaign strategies, product updates, and best practices for marketers." name="description"><meta content="2026-01-29T07:57:55Z" name="article:modified_time" scheme="W3CDTF"><meta content="Est. reading time" name="twitter:label2"><meta content="Explore the HCL Unica blog for marketing automation insights, campaign strategies, product updates, and best practices for marketers." property="og:description"><meta content="summary_large_image" name="twitter:card"><meta content="https://www.hcl-software.com:443/wps/wcm/connect/25634fa4-a484-4259-8fa8-38ca1de625e5/HCL-Unica_Color_Horizontal.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-25634fa4-a484-4259-8fa8-38ca1de625e5-pM8MAq4" property="og:image"><meta content="en_US" property="og:locale"><meta content="article" property="og:type"><meta content="HCL SW Blogs" property="og:site_name">
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />



        <link rel="canonical" href="" />
    

<meta property="og:locale" content="en_US" />


</head>
<body id="content" class="lotusui30dojo tundra claro locale_en">
	<div id="stPageFrame">
		<header role="banner">
			<!-- site toolbar -->
			<div class="stToolbar">
				
<div id="wpToolbarActionBarBackground" class="wpToolbarActionBar wpToolbarCommon">
    
	<div class="wpToolbarLoginContainer">
	<div id="wpToolbarLogin" class="wpToolbarLogin">
		
		<div><a href='/wps/myportal/blog/unica/!ut/p/z1/04_Sj9CPykssy0xPLMnMz0vMAfIjo8ziDQNdzDwsvQ0CDMJ8HA3MPE0CgoKMjQ1MjA30w8EK_AO8nQ0MnQ0CLByDXAwCHT3dLYN93Y0MTEz1o4jRb4ADOBoQpx-Pgij8xofrR2GzwsjPwMvFx93Cz88MqgCfFwlZUpAbGhphkOkJACoCCmA!/dz/d5/L2dJQSEvUUt3QS80TmxFL1o2XzFRRDZIOUswUDBWTEEwNkk0UFJSMzMwNDMw/' >Log in to use authoring capabilities</a></div>
		
	</div>
</div>

    <ul class="wpToolbarCenter">
        
        <li class="wpToolbarActionArea" id="searchBar">
            
        </li>
    </ul>
    
    <ul class="wpToolbarRight">
        
        <li class="wpToolbarActionArea contextMenus">
            
<input type="hidden" id="wpPageIsPractitioner" value="false">
<div class="wpToolbarMenu wpToolbarSites wpToolbarToggleLink">
    <a id="wpToolbarSitesNavMenu" class="wpthemeMenuFocus" onkeydown="return !wpModules.theme.ActionBar.openSitesMenu(this, event);" onclick="return !wpModules.theme.ActionBar.openSitesMenu(this, event);" role="button" aria-label="Site menu" href="#">
        
                <svg class="wpToolbarActionBarSVG wpToolbarActionBarSVGFontSize" focusable="false" viewBox="0 0 32 32" aria-hidden="true" role="presentation" data-mui-test="wikisIcon"><path d="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2zm12 13h-6a24.26 24.26 0 0 0-2.79-10.55A12 12 0 0 1 28 15zM16 28a5 5 0 0 1-.67 0A21.85 21.85 0 0 1 12 17h8a21.85 21.85 0 0 1-3.3 11 5 5 0 0 1-.7 0zm-4-13a21.85 21.85 0 0 1 3.3-11 6 6 0 0 1 1.34 0A21.85 21.85 0 0 1 20 15zm.76-10.55A24.26 24.26 0 0 0 10 15H4a12 12 0 0 1 8.79-10.55zM4.05 17h6a24.26 24.26 0 0 0 2.75 10.55A12 12 0 0 1 4.05 17zm15.16 10.55A24.26 24.26 0 0 0 22 17h6a12 12 0 0 1-8.79 10.55z"></path></svg>
                <svg class="wpToolbarActionBarSVG wpToolbarActionBarSVGCaret wpToolbarActionBarSVGFontSize" focusable="false" viewBox="0 0 32 32" aria-hidden="true" role="presentation" data-mui-test="caret--downIcon"><path d="M23 12l-7 8-7-8h14z"></path></svg>
                
        <span class="tooltipContextMenu tooltipRight">Open site menu</span>                
        <span class="wpToolbarImagesOff wpToolbarAltText">Sites</span>
    </a>
</div>

        </li>
        
    </ul>
    <div style="clear:both"></div>
</div>
<hr class="wpToolbarActionBarSeparator" />
</div>
			
		</header>

		<!-- these wptheme* classes are required for the hidden widget container -->
		<div class="stMainContent wpthemeMainContent" role="main" aria-label="IBM Digital Experience Main">
			<!-- required - do not remove -->
			<div style="display:none" id="portletState">{}</div><div id="layoutContainers" class="stLayoutContainers stLayoutContainersHidden stGroup wpthemeLayoutContainersHidden">
				<div class="">
	<!-- widgets in this container are hidden in the UI by default -->
	<div class='component-container ibmDndRow hiddenWidgetsContainer id-Z7_1QD6H9K0P0VLA06I4PRR330436' name='ibmHiddenWidgets' ></div><div style="clear:both"></div>
</div>
<!-- this layout has one main container -->
<div class="">
	<div class='component-container ibmDndColumn id-Z7_1QD6H9K0P0VLA06I4PRR330431' name='ibmMainContainer' style='min-height: 20px; margin: 0 20px;' ><div class='component-control id-Z7_1QD6H9K0P0VLA06I4PRR330433' ><!-- The Control element contains the portlet banner and the portlet content. -->
<div class="ibmPortalControl stControl wpthemeControl a11yRegionTarget" >
    <!-- The ControlHeader element is the banner which contains the portlet title and menu -->
    <div class="stControlHeader wpthemeControlHeader">
        <!-- A FocusableLink shows or hides the ControlHeader when the link receives a "focus" or "blur" event. This -->
        <!-- element's event handlers are added by JavaScript in the st_skin module when the page is in "Edit" mode. -->
        <!-- This link corresponds to the entire ControlHeader element. -->
        <a tabindex="0" class="stFocusableLink stStartHeader"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="start portlet menu bar"/></a>
        <div>
            <div>
                <h2 class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this, 30, 0);"
                    ondragend="wpModules.dnd.util.portletDragEnd(event);">
                    <!-- The "lm:title" dynamic spot is used for dynamic title support. -->
                    <span class="lm-dynamic-title a11yRegionLabel">HCLSoftware: Fueling the Digital+ Economy</span>
                </h2>
                <!-- the content menu -->
                <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="contextMenuInSkinIcon stGroup" style="display:none" >
                    <span title="Display content menu">
                        <svg class="stSkinMenuIcon" aria-label="Display content menu"><title>Display content menu</title><use xlink:href="#stContent-Menu"></use></svg>
                    </span>
                </a>
                <!-- A FocusableLink shows or hides the ControlHeader when the link receives a "focus" or "blur" event. This -->
                <!-- element's event handlers are added when the portlet is in "Edit" mode, via JavaScript (st_skin module). -->
                <!-- This link corresponds to the portlet menu element. -->
                <a class="stActionMenu" aria-label="Display portlet menu" aria-haspopup="true" role="button" href="javascript:;" onclick="wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" onkeydown="if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}">
                    <span title="Display portlet menu">
                        <svg class="stSkinMenuIcon" aria-label="Display portlet menu"><title>Display portlet menu</title><use xlink:href="#stPortlet-Menu"></use></svg>
                    </span>
                </a>
            </div>
        </div>
        <a tabindex="0" class="stFocusableLink stEndHeader"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="end portlet menu bar"/></a>
    </div>
    
    <!-- The ControlBody element contains the portlet content. -->
    <div class="stControlBody stOverflowAuto wpthemeControlBody">
        <!-- The "lm:control" dynamic spot is used for the markup of a layout control. -->
        







































    
    

    
    

    
    
    





    
    
        
            
            <script>
    document.addEventListener("DOMContentLoaded", function () {
        // Replace in <a href="...">
        document.querySelectorAll('a[href^="/wps/portal/"]').forEach(link => {
            const originalHref = link.getAttribute("href");
            const cleanedHref = originalHref.replace(/^\/wps\/portal/, '');
            link.setAttribute("href", cleanedHref);
        });

        // Replace in elements with data-href
        document.querySelectorAll('[data-href^="/wps/portal/"]').forEach(el => {
            const originalHref = el.getAttribute("data-href");
            const cleanedHref = originalHref.replace(/^\/wps\/portal/, '');
            el.setAttribute("data-href", cleanedHref);
        });
    });
</script>



<script async>
document.addEventListener('DOMContentLoaded', function() {
    // Function to handle header clicks and push data to the data layer
    function handleHeaderClick(event, cta, eventType) {
        // Set the PageSection to "Header"
        const pageSection = "Header";
        // Retrieve BusinessSegmentParent value
        const businessSegmentParentElement = document.querySelector('.panel.menu-item-expanded.is-seprator');
        const businessSegmentParent = businessSegmentParentElement ? 
            businessSegmentParentElement.querySelector('.menu-link.collapsed.collapse-link').textContent.trim() : 
            ""; // Fallback to an empty string if not found
        console.log("Header BusinessSegmentParent:", businessSegmentParent);
        
      // Define BrandLogoName for LogoClick event
        const BrandLogoName = cta; // Use cta as BrandLogoName for LogoClick
        console.log("BrandLogoName:", BrandLogoName); // Log the BrandLogoName

        // Check if the event type is LogoClick
        if (eventType === "LogoClick") {
            // Use BrandLogoName instead of CTA
            pushDataLayerSearch(eventType, BrandLogoName, "", pageSection, businessSegmentParent);
        } else {
            // Call the pushDataLayerSearch function with the appropriate parameters
            pushDataLayerSearch(eventType, cta, "", pageSection, businessSegmentParent);
        }
    }

    // Add click event listeners for header elements
    const hclTechLink = document.querySelector('.nav-link-https--wwwhcltechcom');
    const aboutUsDropdown = document.querySelector('.nav-item.dropdown.panel-support .nav-link.dropdown-toggle');
    const hclLogo = document.querySelector('.logo-hcllogo');

    if (hclTechLink) {
        hclTechLink.addEventListener('click', function(event) {
            event.stopPropagation();
            handleHeaderClick(event, "HCLTech", "HeaderClick");
        });
    }

    if (aboutUsDropdown) {
        aboutUsDropdown.addEventListener('click', function(event) {
            event.stopPropagation();
            handleHeaderClick(event, "About Us", "HeaderClick");
        });
    }

    if (hclLogo) {
        hclLogo.addEventListener('click', function(event) {
            event.stopPropagation();        // ✅ parent events
            event.stopImmediatePropagation(); // ✅ duplicate listeners
            handleHeaderClick(event, "HCL Logo", "LogoClick");
        });
    }

    // Add click event listeners for the inner <li> elements in the About Us dropdown
    const aboutUsItems = document.querySelectorAll('.megamenu.dropdown-menu-right.about .tab-content-menu a');

    aboutUsItems.forEach(item => {
        item.addEventListener('click', function(event) {
            event.stopPropagation();
            const ctaTextAbout = this.textContent.trim(); // Get the text of the clicked item directly
            console.log("ctaTextAbout", ctaTextAbout);
            handleHeaderClick(event, ctaTextAbout, "HeaderClick"); // Push to data layer
            
            // Allow the default action (navigation) to proceed after a slight delay
            setTimeout(() => {
                window.location.href = this.href; // Navigate to the link
            }, 100); 
        });
    });

    // Add click event listeners for the language dropdown items
    const languageItems = document.querySelectorAll('.has-dropdown .dropdown-menu-right a');

    languageItems.forEach(itemLang => {
        itemLang.addEventListener('click', function(event) {
            event.stopPropagation();
            const ctaTextLang = this.id.replace('langa-', '').toUpperCase(); // Get the language code from the ID
            console.log("ctaTextLang", ctaTextLang);
            handleHeaderClick(event, ctaTextLang, "HeaderClick"); // Push to data layer
            
            // Allow the default action (navigation) to proceed
            window.location.href = this.href; // Navigate to the link
        });
    });
});
</script>


<script async>
    document.addEventListener('DOMContentLoaded', function() {
        
        // 1. Helper: Clean text (remove \n, extra spaces)
        function cleanText(text) {
            if (!text || typeof text !== 'string') return "";
            // Replaces newlines and multiple spaces with a single space
            return text.replace(/\s+/g, ' ').trim();
        }

        // 2. Helper: Get robust URL from Element or Child
        function getHref(element) {
            // Check element href
            if (element.href && typeof element.href === 'string' && !element.href.includes("javascript:void")) {
                return element.href; 
            }
            // Check child <a> href (if listener caught a container like LI)
            const childAnchor = element.querySelector('a');
            if (childAnchor && childAnchor.href && !childAnchor.href.includes("javascript:void")) {
                return childAnchor.href;
            }
            return "";
        }

        // 3. Helper: Push to Data Layer
        function pushToDataLayer(cta, eventType, clickURL, pageSection) {
            const finalURL = clickURL || ""; 
            const finalCTA = cleanText(cta); // Apply cleaning here

            if (typeof window.pushDataLayerSearch === 'function') {
                window.pushDataLayerSearch(
                    eventType,   // 1. Event Name
                    finalCTA,    // 2. CTA (Cleaned)
                    "",          // 3. SearchTerm (Empty for clicks)
                    pageSection, // 4. PageSection
                    "",          // 5. BusinessSegmentParent
                    finalURL     // 6. ClickURL
                );
            } else {
                console.warn("pushDataLayerSearch not found");
            }
        }

        // 4. MAIN DELEGATION LISTENER
        // One listener to rule them all. Prevents double-firing.
        document.body.addEventListener('click', function(e) {
            
            // Define Targets using .closest() to handle bubbling
            const targetTryNow    = e.target.closest('.track-try-now');
            const targetContact   = e.target.closest('.track-contact-us');
            const targetChat      = e.target.closest('#chatWithAgentBtn') || e.target.closest('.track-chatnow');
            const targetLogo      = e.target.closest('.site-header-logo');
            
            // For Header Links, target the <a> specifically to ensure we get the URL
            const targetSecHeader = e.target.closest('.header-secondary a'); 
            const targetPrimary   = e.target.closest('.panel-group.list-unstyled-menu a[href], .level-one, .menu-link');

            let eventType = "";
            let ctaText = "";
            let clickURL = "";
            let matchedElement = null;
            let section = "Header"; // Default section

            // --- LOGIC PRIORITY CHAIN ---
            // The order matters. Specific buttons first, generic nav last.
            
            if (targetTryNow) {
                matchedElement = targetTryNow;
                eventType = "FreeTrialClick";
                ctaText = targetTryNow.textContent;
                clickURL = getHref(targetTryNow);
            } 
            else if (targetContact) {
                matchedElement = targetContact;
                eventType = "ContactUsClick";
                ctaText = targetContact.textContent;
                clickURL = getHref(targetContact);
            } 
            else if (targetChat) {
                matchedElement = targetChat;
                eventType = "HeaderClick";
                ctaText = targetChat.textContent;
                clickURL = ""; // Button has no URL
            }
            else if (targetLogo) {
                matchedElement = targetLogo;
                eventType = "LogoClick";
                ctaText = "HCL Software Logo";
                clickURL = getHref(targetLogo);
                section = "topNav";
            }
            else if (targetSecHeader) {
                // Secondary Header (About Us, etc.)
                matchedElement = targetSecHeader;
                eventType = "HeaderClick";
                ctaText = targetSecHeader.textContent;
                clickURL = getHref(targetSecHeader);
            }
            else if (targetPrimary) {
                // Primary Navigation (Products, Industries)
                matchedElement = targetPrimary;
                section = "TopNav"; // Usually generic nav is TopNav
                
                if (targetPrimary.classList.contains('level-one')) {
                    eventType = "TopNavL1";
                } else if (targetPrimary.querySelector('.level-two')) {
                    // If clicking a container that has a level-two title inside
                    eventType = "TopNavL2";
                    ctaText = targetPrimary.querySelector('.level-two').textContent;
                } else if (targetPrimary.classList.contains('menu-link')) {
                    eventType = "TopNav";
                } else {
                    eventType = "TopNav"; // Fallback
                }
                
                if (!ctaText) ctaText = targetPrimary.textContent;
                clickURL = getHref(targetPrimary);
            }

            // --- EXECUTION ---
            if (eventType && matchedElement) {
                // Push Data
                pushToDataLayer(ctaText, eventType, clickURL, section);

                // Handle Navigation (simulate delay for GTM)
                if (clickURL && !clickURL.includes("javascript")) {
                    // Optional: Check if target="_blank" before forcing location.href
                    if (matchedElement.target !== "_blank") {
                        setTimeout(() => {
                            window.location.href = clickURL;
                        }, 100);
                    }
                }
            }
        });
    });
</script>

<script async>
document.addEventListener('DOMContentLoaded', function() {
    const allProductsJson = getSegmentData();
    console.log("all-products-json", allProductsJson);

    // Define pushDataLayerSearch in the global scope
    window.pushDataLayerSearch = function(event, CTA, searchTerm, pageSection, businessSegmentParent, clickURL) {
        const validDomains = [
            "https://www.hcl-software.com/",
            "https://authoring.hcl-software.com/",
            "https://authoring.hcl-software.com/hclsw-home"
        ];
        // ADD THIS LINE to handle undefined clickURL gracefully
    clickURL = clickURL || "";
        let currentUrl = window.location.href;
        // Check if the current URL is a valid domain
        if (!validDomains.some(domain => currentUrl.startsWith(domain))) {
            console.log("Data layer push skipped: Invalid domain.");
            return;
        }

        // -----------------------------------------------------------
        // START: FIX FOR FREE TRIAL EVENTS
        // -----------------------------------------------------------
        // Check if CTA contains text related to free trial (case insensitive)
        if (CTA && typeof CTA === 'string') {
            const lowerCta = CTA.toLowerCase();
            // You can add more keywords to this condition if needed
            if (lowerCta.includes('free trial') || lowerCta.includes('try now')) {
                event = "FreeTrialClick";
            }
        }
        // -----------------------------------------------------------
        // END: FIX
        // -----------------------------------------------------------

        // Create a URL object to manipulate the URL
        const url = new URL(currentUrl);
        // Remove the specific query parameter if it exists
        if (url.searchParams.has('referrer')) {
            url.searchParams.delete('referrer');
        }
       
        // Extract pathname from URL
        const path = url.pathname; // e.g. /actian/actian-data-platform
        const pathSegments = path.split("/").filter(Boolean); // remove empty strings
        console.log("Path segments:", pathSegments);

        let matchedSegment = "";
        let pageName = "homepage"; // Default to HomePage
        let pageCategory = "MasterHome"; // Default category
        let businessSegmentChild = ""; // Default value for BusinessSegmentChild

        // Iterate through all categories in page Category
        if (allProductsJson && allProductsJson["page Catogery"]) {
            for (const [category, pages] of Object.entries(allProductsJson["page Catogery"])) {
                for (let product of pages) {
                    const index = pathSegments.indexOf(product);
                    if (index !== -1) {
                        // If the matched product is found
                        matchedSegment = product; // Set matched segment if found
                        pageCategory = category; // Set pageCategory to the current category

                        // If the matched product is the last segment
                        if (index === pathSegments.length - 1) {
                            pageName = matchedSegment; // Set pageName to the matched segment
                        } else {
                            // If the matched product is not the last segment, set businessSegmentChild
                            businessSegmentChild = matchedSegment;
                        }
                        break; // Break out of the inner loop if a match is found
                    }
                }
                // If a match is found, break out of the outer loop as well
                if (matchedSegment) {
                    break;
                }
            }
        }

        // If matchedSegment is found but is not the last segment, set pageName to the last segment
        if (matchedSegment && pageName === "") {
            pageName = pathSegments[pathSegments.length - 1]; // Set pageName to the last segment
        }

        // If the URL matches the valid domains and the matched segment is not the last segment
        if (validDomains.some(domain => currentUrl.startsWith(domain)) && matchedSegment && pageName === "homepage") {
            pageName = pathSegments[pathSegments.length - 1]; // Set pageName to the last segment
        }

        const eventDataSearch = {
            event: event, // This now carries the updated "FreeTrialClick" if the condition was met
            [event === "LogoClick" ? "BrandLogoName" : "CTA"]: CTA,
            SearchTerm: searchTerm,
            BusinessSegmentChild: businessSegmentChild,
            BusinessSegmentParent: businessSegmentParent || "", // Ensure it's empty if no match
            Domain: window.location.hostname,
            PageCategory: pageCategory,
            ClientID: typeof getClientId === 'function' ? getClientId() : "", // Added safety check
            UserType: typeof getUserType === 'function' ? getUserType() : "", // Added safety check
            PageSection: event === "HeaderClick" || event === "LogoClick" ? "Header" : "TopNav", 
            SearchCategory: "UniversalSearch",
            PageName: pageName || "", // Ensure it's empty if no match
            PageSubSection: "",
            PageURL: currentUrl,
            ClickURL: clickURL,

        };

        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push(eventDataSearch);
        console.log("Event sent to dataLayer:", eventDataSearch);
    }
});
</script>




<script async>

    const segmentData = {
  "BusinessSegmentParent": {
    "Business and Industry Applications": [
      "aftermarket-cloud",
      "discover",
      "commerce",
      "cdp",
      "unica",
      "customer-data-platform",
      "discover-plus",
      "marketing-cloud",
      "automation-orchestration"
    ],
    "Cybersecurity": [
      "appscan",
      "bigfix"
    ],
    "Data and Analytics": [
      "actian",
      "link",
      "nippon",
      "onedb"
    ],
    "AI and Intelligent Operations": [
      "bigfix",
      "icontrol",
      "intelligent-operations",
      "sx",
      "automation-orchestration",
      "workload-automation",
      "my-xalytics"
    ],
    "Other Featured Products": [
      "academy",
      "clara",
      "connections",
      "hero",
      "verse",
      "sofy",
      "sametime",
      "sync-trends-insights"
    ],
    "Sovereign Collaboration": [
      "connections",
      "domino",
      "leap",
      "link",
      "notes",
      "safelinx",
      "sametime",
      "verse"
    ],
    "Specialized Software": [
      "devops-code-clearcase",
      "devops-deploy",
      "devops-model-realtime",
      "hcl-devops-plan",
      "devops-test",
      "devops-velocity",
      "secure-devops",
      "workload-automation",
      "z-abend-investigator",
      "z-asset-optimizer",
      "z-and-i-emulator",
      "zie-for-transformation",
      "zie-for-web",
      "zie-for-windows",
      "mainframe-solutions"
    ],
    "Total Experience": [
      "digital-experience",
      "dx",
      "tx-platform",
      "volt-mx",
      "automation-orchestration",
      "total-experience",
      "customer-data-platform"
    ]
  },
  "page Catogery": {
    "Product Pages": [

      "appscan",
      "bigfix",
      "aftermarket-cloud",
      "discover",
      "commerce",
      "cdp",
      "unica",
      "actian",
      "nippon",
      "link",
      "onedb",
      "icontrol",
      "intelligent-operations",
      "sx",
      "academy",
      "clara",
      "connections",
      "hero",
      "sofy",
      "sync-trends-insights",
      "verse",
      "sametime",
      "domino",
      "leap",
      "link",
      "notes",
      "safelinx",
      "devops-code-clearcase",
      "devops-deploy",
      "devops-model-realtime",
      "hcl-devops-plan",
      "devops-test",
      "devops-velocity",
      "secure-devops",
      "workload-automation",
      "z-abend-investigator",
      "z-asset-optimizer",
      "z-and-i-emulator",
      "zie-for-transformation",
      "zie-for-web",
      "zie-for-windows",
      "digital-experience",
      "dx",
      "tx-platform",
      "volt-mx",
      "customer-data-platform",
      "discover-plus",
      "automation-orchestration",
      "total-experience",
      "marketing-cloud",
      "mainframe-solutions",
      "workload-automation",
      "my-xalytics",
      "marketplace"
    ],
    "Industries Pages": [
      "banking-and-financial",
      "industries",
      "government",
      "retail",
      "manufacturing",
      "healthcare",
      "insurance"
    ],
    "Partner Pages": [
      "partner-connect"
    ],
    "About Us Pages": [
      "hcl-ambassadors",
      "analyst-recognitions",
      "careers",
      "leadership",
      "trust-center",
      "ferrari-partnership",
      "ecn",
      "about"
    ],
    "Article Pages": [
      "blog"
    ],
    "CaseStudy Pages": [
      "stories"
    ],
    "Events Pages": [
      "events"
    ],
    "Newsroom Pages": [
      "news"
    ],
    "Persona Pages": [
      "citizen-developers",
      "operations-management",
      "line-of-business",
      "data-analysts",
      "security-compliance"
      ],
      "Pillars": [
      "business-industry-applications",
      "cybersecurity",
      "data-analytics",
      "ai-intelligent-operations",
      "total-experience",
      "sovereign-collaboration"
      ] 
  }
}



    function getPageCategory() {
        const path = window.location.pathname;
        const segments = path.split("/").filter(Boolean);
        const wpsIndex = segments.indexOf("wps");

        if (wpsIndex !== -1 && segments[wpsIndex + 1] === "myportal") {
            return segments[wpsIndex + 2] || "home";
        }

        return segments[0] || "home";
    }

    function getPageName() {
        const path = window.location.pathname;
        const segments = path.split("/").filter(Boolean);
        return segments[segments.length - 1];
    }

    function getBusinessSegmentChild() {
        const segments = window.location.pathname.split("/").filter(Boolean);
        const blogIndex = segments.indexOf("blog");

        if (blogIndex !== -1 && segments[blogIndex + 1]) {
            return segments[blogIndex + 1];
        }
        return "";
    }

    function getSegmentAndCategory(child, pagecategory) {
        let segment = "";
        let category = "";

        // Check BusinessSegmentParent
        for (const [key, list] of Object.entries(segmentData.BusinessSegmentParent)) {
            if (list.includes(child)) {
                segment = key;
                break;
            }
        }

        // Check PageCategory
        for (const [key, list] of Object.entries(segmentData["page Catogery"])) {
            if (list.includes(pagecategory)) {
                category = key;
                break;
            }
        }

        return { segment, category };
    }

    function pushToDataLayer(customData = {}) {
        const pageName = getPageName();
        const businessSegmentChild = getBusinessSegmentChild();
        const { segment, category } = getSegmentAndCategory(businessSegmentChild || pageName, getPageCategory());

        const defaultData = {
            PageURL: window.location.href,
            PageName: pageName,
            PageCategory: category,
            BusinessSegmentParent: segment,
            BusinessSegmentChild: businessSegmentChild
        };

        const finalData = { ...defaultData, ...customData };
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push(finalData);
        console.log("Pushed to dataLayer:", finalData);
    }
    pushToDataLayer({ event: "Landed", PageSubSection: "" });

</script>




<script async>
    //blog search icon functionality
    document.addEventListener("DOMContentLoaded", function () {
        const searchButton = document.getElementById("searchButton");
        const searchInput = document.getElementById("searchInput");
        // REMOVED: const globalsearch = document.getElementById("search-icon");

        // Common push function
        function handleSearchEvent() {
            const searchTerm = searchInput.value.trim();

            if (searchTerm !== "") {
                pushToDataLayer({
                    event: "SearchClicked",
                    CTA: "BlogSearch",
                    PageSection: "TopNav",
                    PageSubSection: "BlogSearchBox",
                    SearchCategory: "BlogSearch",
                    ClientID: getClientId(),
                    UserType: getUserType(),
                    SearchTerm: searchTerm
                });
            }

            if (searchTerm == "") {
                pushToDataLayer({
                    event: "SearchClicked",
                    CTA: "BlogSearch",
                    PageSection: "TopNav",
                    SearchCategory: "BlogSearch",
                    ClientID: getClientId(),
                    UserType: getUserType(),
                    PageSubSection: "BlogSearchBox"
                });
            }

        }

        // Click on search icon
        if (searchButton) {
            searchButton.addEventListener("click", handleSearchEvent);
        }

        // Press Enter in input box
        if (searchInput) {
            searchInput.addEventListener("keydown", function (event) {
                if (event.key === "Enter") {
                    handleSearchEvent();
                }
            });
        }

        // REMOVED: handleglobaleSearchEvent function and event listener.
        // This logic was redundant and causing duplicate events for the Universal Search.
    });

    //for blog home page
    document.addEventListener("DOMContentLoaded", function () {
        // Event delegation to ensure dynamically loaded items are captured
        document.querySelectorAll(".blogr-carousel .owl-carousel-banner .card-wrapper").forEach(function (card) {
            // SURGICAL CHANGE: Added 'event' parameter to handle inner link clicks
            card.addEventListener("click", function (event) {
                const blogTitle = card.querySelector("h4")?.innerText.trim() || "";
                
                const clickedLink = event.target.closest("a");
                let ctaText = blogTitle;
                let targetUrl = card.getAttribute("data-href") || "";

                if (clickedLink && card.contains(clickedLink)) {
                    ctaText = clickedLink.innerText.trim() || ctaText;
                    targetUrl = clickedLink.getAttribute("href") || targetUrl;
                }

                const fullUrl = targetUrl.startsWith("http") ? targetUrl : window.location.origin + targetUrl;
                
                pushToDataLayer({
                    event: "TileClick",
                    CTA: ctaText,
                    PageSection: "Banner",
                    PageSubSection: "CarouselCards",
                    ClientID: getClientId(),
                    UserType: getUserType(),
                    ClickURL: fullUrl
                });
            });
        });

        //Button click for all the pages
        const seeAllButtons = document.querySelectorAll(".btn.btn-type-2, .btn.btn-type-3");

        seeAllButtons.forEach(function (element) {
            element.addEventListener("click", function () {
                // Optional: check text inside span
                const spanText = element.querySelector("span")?.textContent.trim();

                // Logic to get dynamic PageSection from h2 OR h3
                const sectionContainer = element.closest('section');
                // Looks for h2 OR h3, returns the first one found
                const sectionHeader = sectionContainer ? sectionContainer.querySelector('h2, h3') : null;
                const dynamicPageSection = sectionHeader ? sectionHeader.innerText.trim() : "ContentSection";

                const href = element.getAttribute("href");
                let dynamicPageSubSection;

                // Check if href exists and is a real link (not javascript, #, or empty)
                if (href && href.trim() !== "" && href !== "#" && !href.toLowerCase().startsWith("javascript")) {
                    dynamicPageSubSection = dynamicPageSection;
                } else {
                    // It's a scroll button or action button
                    dynamicPageSubSection = "ScrollTrigger";
                }

                pushToDataLayer({
                    event: "ButtonClick",
                    CTA: spanText,
                    ClickURL: (href && href.startsWith('/')) ? window.location.origin + href : href,
                    PageSection: dynamicPageSection,
                    PageSubSection: dynamicPageSubSection, // Dynamic value based on link presence
                    ClientID: getClientId(),
                    UserType: getUserType()
                });
            });
        });

        //Featured blog script
        const categoryItems = document.querySelectorAll(".lateral-nav li");

        categoryItems.forEach(item => {
            item.addEventListener("click", function () {
                const blogCategory = item.getAttribute("data-pillar");

                pushToDataLayer({
                    event: "ArticleCategoryClick",
                    CTA: blogCategory, 
                    PageSection: "Sidebar",
                    PageSubSection: "Featured Blogs",
                    SocialMediaName: "",
                    blog_category: blogCategory
                });
            });
        });

    });

</script>
<script async>
    document.addEventListener("DOMContentLoaded", function () {
        function handleFilterChange(event) {
            const selectElement = event.target;

            // Dynamic PageSection from closest section's h2 or h3
            const sectionContainer = selectElement.closest('section');
            const sectionHeader = sectionContainer ? sectionContainer.querySelector('h2, h3') : null;
            const dynamicPageSection = sectionHeader ? sectionHeader.innerText.trim() : "All Blog Posts";

            // Dynamic PageSubSection from the first option (placeholder value)
            const dynamicPageSubSection = selectElement.options[0] ? selectElement.options[0].innerText.trim() : "Filters";

            // CTA is the visible text of the selected option
            const selectedText = selectElement.options[selectElement.selectedIndex].innerText.trim();

            pushToDataLayer({
                event: "FilterClicked",
                PageSection: dynamicPageSection,
                PageSubSection: dynamicPageSubSection,
                ClientID: getClientId(),
                UserType: getUserType(),
                CTA: selectedText
            });
        }

        document.getElementById("custom-areas")?.addEventListener("change", handleFilterChange);
        document.getElementById("custom-product")?.addEventListener("change", handleFilterChange);
        document.getElementById("custom-month")?.addEventListener("change", handleFilterChange);

        const clearButton = document.querySelector(".pressClear");
        if (clearButton) {
            clearButton.addEventListener("click", function () {
                // Determine PageSection dynamically from the parent section
                const sectionContainer = clearButton.closest('section');
                const sectionHeader = sectionContainer ? sectionContainer.querySelector('h2, h3') : null;
                const dynamicPageSection = sectionHeader ? sectionHeader.innerText.trim() : "All Blog Posts";

                pushToDataLayer({
                    event: "FilterClicked",
                    PageSection: dynamicPageSection, 
                    PageSubSection: "Clear filter",  
                    ClientID: getClientId(),
                    UserType: getUserType(),
                    CTA: "Clear filter"              
                });
            });
        }
    });


</script>


<script async>
    // Utility to get the selected sidebar blog category
    function getSelectedBlogCategory() {
        const activeSidebarItem = document.querySelector(".lateral-nav li.active");
        return activeSidebarItem ? activeSidebarItem.getAttribute("data-pillar") : "";
    }

    // Delegate click handler to .list-cards
    document.addEventListener("DOMContentLoaded", function () {
        const listCards = document.querySelector(" .list-cards");
        if (!listCards) {
            console.warn("No .list-cards element found in DOM");
            return;
        }

        listCards.addEventListener("click", function (event) {
            const card = event.target.closest(".card");
            if (!card || !listCards.contains(card)) {
                return;
            }

            console.log("Inside list-cards click listener");

            const blogName = card.querySelector("h4")?.innerText.trim() || "";
            
            // SURGICAL CHANGE: Check if a nested link was explicitly clicked inside the card
            const clickedLink = event.target.closest("a");
            let ctaText = blogName;
            let targetUrl = card.getAttribute("data-href") || "";

            if (clickedLink && card.contains(clickedLink)) {
                ctaText = clickedLink.innerText.trim() || ctaText;
                targetUrl = clickedLink.getAttribute("href") || targetUrl;
            }

            const fullUrl = targetUrl.startsWith('http') ? targetUrl : window.location.origin + targetUrl;

            const blogCategory = card.getAttribute("data-pillar-name") || "";
            const businessSegmentChild = card.getAttribute("data-brand") || "";

            const pageName = window.location.pathname.split("/").filter(Boolean).pop() || "home";
            const pageCategory = typeof getPageCategory === "function" ? getPageCategory() : "home";
            const { segment, category } = typeof getSegmentAndCategory === "function" 
                ? getSegmentAndCategory(businessSegmentChild, pageCategory) 
                : { segment: "", category: "" };

            pushToDataLayer({
                event: "ArticleClick",
                PageURL: window.location.href,
                PageName: pageName,
                PageSection: "Featured Blog Posts",
                PageSubSection: "Featured Blog Posts",
                CTA: ctaText,              // Dynamically set based on element clicked
                ClickURL: fullUrl,         // Dynamically set based on element clicked
                SocialMediaName: "",
                PageCategory: category,
                BusinessSegmentParent: segment,
                BusinessSegmentChild: businessSegmentChild,
                ArticleName: blogName,     // Always retain the main article title
                ClientID: getClientId(),   // ADDED
                UserType: getUserType()    // ADDED
            });

        });
    });
</script>


<script async>
    function setupBlogCardTracking() {
        const blogCards = document.querySelectorAll(".blogr-allcontent .list-cards .card");
        const blogCategorySelect = document.getElementById("custom-areas");
        const blogCategory = blogCategorySelect?.options[blogCategorySelect.selectedIndex]?.value || "";

        blogCards.forEach(card => {

            if (!card.dataset.listenerAttached) {
                card.dataset.listenerAttached = "true";

                // SURGICAL CHANGE: Passed event parameter
                card.addEventListener("click", function (event) {
                    const blogTitle = card.querySelector("h4")?.innerText.trim() || "";
                    
                    // SURGICAL CHANGE: Check if an inner anchor link was specifically clicked
                    const clickedLink = event.target.closest("a");
                    let ctaText = blogTitle;
                    let targetUrl = card.getAttribute("data-href") || "";

                    if (clickedLink && card.contains(clickedLink)) {
                        ctaText = clickedLink.innerText.trim() || ctaText;
                        targetUrl = clickedLink.getAttribute("href") || targetUrl;
                    }

                    const fullUrl = targetUrl.startsWith("http") ? targetUrl : window.location.origin + targetUrl;
                    
                    const pageName = window.location.pathname.split("/").filter(Boolean).pop() || "home";
                    const businessSegmentChild = card.getAttribute("data-brand") || "";
                    const pageCategory = getPageCategory();
                    const { segment, category } = getSegmentAndCategory(businessSegmentChild, pageCategory);

                    pushToDataLayer({
                        event: "ArticleClick",
                        PageURL: window.location.href,
                        PageName: pageName,
                        PageSection: "Blog",
                        PageSubSection: "All Blog Posts",
                        CTA: ctaText, // Dynamically set
                        SocialMediaName: "", 
                        PageCategory: category,
                        BusinessSegmentParent: segment,
                        BusinessSegmentChild: "",
                        ArticleName: blogTitle, // Remain as full article title
                        blog_category: blogCategory,
                        ClickURL: fullUrl, // Dynamically set
                        ClientID: getClientId(), // ADDED
                        UserType: getUserType()  // ADDED
                    });

                });
            }
        });
    }

    // Observe DOM changes to handle dynamically added cards
    const observer = new MutationObserver(() => {
        const cards = document.querySelectorAll(".blogr-allcontent .list-cards .card");
        if (cards.length > 0) {
            setupBlogCardTracking();
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });
</script>


<script async>
    document.addEventListener("DOMContentLoaded", function () {
        const eventCards = document.querySelectorAll(".cards-right .card-wrapper");

        eventCards.forEach(function (card) {
            card.addEventListener("click", function (e) {
                // Capturing the URL
                const ctaUrl = card.getAttribute("href");
                // Capturing the Title
                const eventTitle = card.querySelector("h4")?.innerText.trim() || "";

                pushToDataLayer({
                    event: "EventCardClick",
                    pageSection: "Upcoming Events",
                    PageSubSection: "Upcoming Events", 
                    ClientID: getClientId(),
                    UserType: getUserType(),
                    CTA: eventTitle,
                    ClickURL: ctaUrl                   
                });

            });
        });
    });
</script>

<script async>
  document.addEventListener("DOMContentLoaded", function () {
    let currentVideoId = "";
    let lastPlayerState = -1; 

    window.addEventListener('message', function(event) {
      if (event.origin !== "https://www.youtube.com") return;

      try {
        const data = JSON.parse(event.data);
        
        if (data.event === 'infoDelivery' && data.info) {
          const info = data.info;
          const playerState = info.playerState; 
          
          if (playerState === undefined) return;

          const currentTime = info.currentTime || 0;
          const duration = info.duration || 0;

          const iframe = document.querySelector('.blogr-videos .video-screen iframe');
          if (!iframe) return;
          
          // 1. Extract Video ID from the embed URL
          const srcMatch = iframe.src.match(/embed\/([^?]+)/);
          const videoId = srcMatch ? srcMatch[1] : null;

          // 2. Construct the proper YouTube watch URL
          const properYoutubeUrl = videoId ? "https://www.youtube.com/watch?v=" + videoId : iframe.src;

          // Reset tracker if a new video is loaded
          if (videoId !== currentVideoId) {
              currentVideoId = videoId;
              lastPlayerState = -1;
          }

          // Fire ONLY when the state changes to Play (1), Pause (2), or Ended (0)
          if (playerState !== lastPlayerState && (playerState === 1 || playerState === 2 || playerState === 0)) {
              
              // Prevent the YouTube "false 100%" glitch on initial load
              if (playerState === 0 && currentTime < 1) {
                  return; 
              }

              // Calculate exact percentage progress
              let percentComplete = 0;
              if (duration > 0) {
                  percentComplete = Math.floor((currentTime / duration) * 100);
              }

              const progressString = percentComplete + "%";

              // Gather DOM details
              const videoSection = document.querySelector('.blogr-videos');
              const titleElement = videoSection ? videoSection.querySelector('.v-heading') : null;
              const sectionHeader = videoSection ? videoSection.querySelector('.head-section-text h3') : null;
              
              const videoTitle = titleElement ? titleElement.innerText.trim() : "Unknown Title";
              const dynamicPageSection = sectionHeader ? sectionHeader.innerText.trim() : "Insightful Videos";

              // 3. Push the clean URL to DataLayer
              if (typeof pushToDataLayer === "function") {
                pushToDataLayer({
                  event: "Video",
                  CTA: properYoutubeUrl,       // Uses clean watch?v= format
                  VideoTitle: videoTitle,
                  PageSection: dynamicPageSection, 
                  PageSubSection: "Video Player", 
                  VideoProgress: progressString, 
                  ClickURL: properYoutubeUrl   // Uses clean watch?v= format
                });
              }

              lastPlayerState = playerState;
          }
        }
      } catch (e) {
        // Silently ignore messages that aren't valid JSON
      }
    });
  });
</script>

<script async>
    document.addEventListener("DOMContentLoaded", function () {
        // Target specifically news/product cards in the owl carousel
        const cards = document.querySelectorAll('.blogr-products-news .list-cards .owl-item a.card');

        cards.forEach(card => {
            card.addEventListener('click', function () {
                // 1. Capture the URL
                const clickUrl = card.href;

                // 2. Capture the text from the H4 tag inside the card
                const titleElement = card.querySelector('h4');
                const ctaText = titleElement ? titleElement.innerText.trim() : "";

                pushToDataLayer({
                    event: "NewsLetterClick",
                    PageSection: "Latest News",
                    PageSubSection: "Latest News",
                    ClientID: getClientId(),
                    UserType: getUserType(),
                    CTA: ctaText,       
                    ClickURL: clickUrl  
                });
            });
        });
    });
</script>

<script async>
    document.addEventListener("DOMContentLoaded", function () {
        const container = document.querySelector('.owl-carousel-pillars');

        if (container) {
            container.addEventListener('click', function (event) {
                const item = event.target.closest('.item');
                const blogTitle = item.querySelector("h4")?.innerText.trim() || "";
                if (item && container.contains(item)) {
                    const href = item.getAttribute("data-href") || "#";
                    pushToDataLayer({
                        event: "TitleClick",
                        CTA: blogTitle,
                        PageSection: "Banner",
                        PageSubSection: "CarouselCards"
                    });
                }
            });
        }

        const allposts = document.querySelector('#allcontentpillar .list-cards');
        if (allposts) {
            allposts.addEventListener('click', function (event) {
                const item = event.target.closest('.card');
                
                if (item && allposts.contains(item)) {
                    const blogTitle = item.querySelector("h4")?.innerText.trim() || "";
                    
                    // SURGICAL CHANGE: Check if nested link was clicked
                    const clickedLink = event.target.closest("a");
                    let ctaText = blogTitle;
                    let targetUrl = item.getAttribute("data-href") || "#";

                    if (clickedLink && item.contains(clickedLink)) {
                        ctaText = clickedLink.innerText.trim() || ctaText;
                        targetUrl = clickedLink.getAttribute("href") || targetUrl;
                    }

                    const fullUrl = targetUrl.startsWith("http") ? targetUrl : window.location.origin + targetUrl;
                    
                    pushToDataLayer({
                        event: "ArticleClick",
                        CTA: ctaText,
                        PageSection: "All Blog Posts",
                        ArticleName: blogTitle,
                        PageSubSection: "Blogs",
                        ClickURL: fullUrl,
                        ClientID: getClientId(), // ADDED
                        UserType: getUserType()  // ADDED
                    });
                }
            });
        }

    });
</script>

<script async>
    document.addEventListener("click", function (event) {
        // Target pagination buttons
        const button = event.target.closest(".eventNumPages ul button");
        
        if (button) {
            console.log("🚀 MY CUSTOM SCRIPT DETECTED A CLICK!"); 

            const clickText = button.innerText.trim();
            const pageName = window.location.pathname.split("/").filter(Boolean).pop() || "home";
            const pageCategory = typeof getPageCategory === "function" ? getPageCategory() : "Article Pages";
            
            pushToDataLayer({
                event: "ListScroll_Custom",    
                CTA: clickText,
                ClientID: getClientId(),
                UserType: getUserType(),
                PageSection: "All Blog Posts", 
                PageSubSection: "Pagination",
                PageName: pageName,
                PageCategory: "Article Pages"
            });
        }
    });
</script>

<script async>
    document.addEventListener("click", function (event) {
        const clickedLink = event.target.closest(".pillar-read-body a");

        if (clickedLink) {
            const CTA = clickedLink.innerText.trim();

            const blogCategoryElem = document.querySelector(".pillar-read-head span");
            const blog_category = blogCategoryElem ? blogCategoryElem.innerText.trim().replace("Read all ", "").replace(" Articles", "") : "";

            pushToDataLayer({
                event: "blog_category_selected",
                CTA: CTA,
                PageSection: "Blog Secondary Header",
                PageSubSection: "Blog Secondary Header",
                blog_category: blog_category
            });

        }
    });
</script>



<style>

.suggestion-item {
   border-bottom: 1px solid #f4f4f4 !important;
    padding: 10px 10px 10px 12px;
    border-bottom: none;
}

.suggestion-item:hover {
    background-color: #f4f4f4; /* Hover background color */
    cursor: pointer;
}
.selected {
            border: 2px solid #36D6D9 !important;
            
        }


</style>

<script async>
$(document).ready(function() {
    function debounce(func, delay) {
        let timer;
        return function (...args) {
            clearTimeout(timer);
            timer = setTimeout(() => func.apply(this, args), delay);
        };
    }

    document.getElementById("hclsearch").addEventListener(
        "input",
        debounce(function () {
            const inputValue = this.value; 
            console.log("values are:", inputValue); 

            const suggestionsDiv = document.querySelector(".suggestions");

            if (!inputValue) {
                if (suggestionsDiv) {
                    suggestionsDiv.style.display = "none";
                }
                return; 
            }

            const apiUrl = `https://searchapi.hcl-software.com/keywords?query=${encodeURIComponent(inputValue)}`;
            console.log("API URL:", apiUrl);

            fetch(apiUrl)
                .then((response) => response.json())
                .then((data) => {
                    console.log("API Response:", data); 
                    if (data.response) {
                        updateResults(data.response.slice(0, 5), inputValue); 
                    }
                })
                .catch((error) => {
                    console.error("Error:", error);
                });
        }, 300)
    );

    function updateResults(suggestions, inputValue) {
        const searchForm = document.getElementsByClassName("search-form")[0]; 

        if (searchForm) {
            let suggestionsDiv = document.querySelector(".suggestions"); 

            if (!suggestionsDiv) {
                suggestionsDiv = document.createElement("div");
                suggestionsDiv.classList.add("suggestions");
                searchForm.appendChild(suggestionsDiv);
            }

            suggestionsDiv.innerHTML = "";

            if (Array.isArray(suggestions) && suggestions.length > 0) {
                suggestionsDiv.style.display = "block";

                const ul = document.createElement("ul");

                suggestions.forEach((item) => {
                    const li = document.createElement("li");
                    li.classList.add("suggestion-item");
                    const span = document.createElement("span");
                    span.textContent = item; 
                    li.appendChild(span);
                    li.style.cursor = "pointer"; 

                    // Add click event listener here
                    li.addEventListener("click", function () {
                        // Remove 'selected' class from all items
                        document.querySelectorAll('.suggestion-item').forEach(el => el.classList.remove('selected'));

                        // Add 'selected' class to clicked item
                        this.classList.add('selected');

                        // Set the input value
                        document.getElementById("hclsearch").value = item; 

                        // Delay hiding the suggestions div to allow the highlight to be visible
                        setTimeout(() => {
                            suggestionsDiv.style.display = "none"; 
                        }, 400); // Adjust the delay as needed


                       // Retrieve BusinessSegmentParent value
                    const businessSegmentParentElement = document.querySelector('.panel.menu-item-expanded.is-seprator');
                    const businessSegmentParent = businessSegmentParentElement ? 
                        businessSegmentParentElement.querySelector('.menu-link.collapsed.collapse-link').textContent.trim() : 
                        ""; // Fallback to an empty string if not found
                    console.log("search-sugest businessSegmentParent", businessSegmentParent);

                      // Prepare event data
                        pushDataLayerSearch("EnterSearchAutosuggestions", item, item, "Header", businessSegmentParent);
                        // Redirect to search results
                        var currentUrlParams = window.location.search;
                        window.location.href = "/search?query=" + encodeURIComponent(item) + "&" + currentUrlParams.slice(1);
                    });

                    ul.appendChild(li);
                });

                suggestionsDiv.appendChild(ul);
            } else {
                suggestionsDiv.style.display = "none";
            }
        }
    }

    document.addEventListener("click", function (event) {
        const searchBar = document.getElementById("hclsearch");
        const suggestionsDiv = document.querySelector(".suggestions");

        if (suggestionsDiv && !searchBar.contains(event.target) && !suggestionsDiv.contains(event.target)) {
            suggestionsDiv.style.display = "none"; 
        }
    });
});
</script>
 

<link rel="preload" href="/wps/wcm/connect/8bb90159-9274-42b5-a2b5-38a2db1029e6/ma5-menu.css?MOD=AJPERES" as="style">
<link href="/wps/wcm/connect/8bb90159-9274-42b5-a2b5-38a2db1029e6/ma5-menu.css?MOD=AJPERES" rel="stylesheet">

<script src="/wps/wcm/connect/4889a500-4842-4923-9f58-d80ac3f0d1d6/ma5-menu.min.js?MOD=AJPERES" defer></script>
<script type="text/javascript">
   $(document).ready(function () {
       $(document).click(function (e) {
           if (!$(e.target).is('.megamenu, .megamenu-body, .megamenu-body a, .megamenu-body div, .megamenu-body ul, .megamenu-body li, .megamenu-body h4, .megamenu-body p, .megamenu-body svg, .megamenu-body img, .megamenu-body h3, .megamenu-body h5')) {
               $('.collapse').collapse('hide');
           }
       });
       $('.toggle-btn').click(function (e) {
           e.stopPropagation();
           $('#navbar').fadeIn().toggleClass('is-open');
           $(this).toggleClass('is-active');
           $('body').toggleClass('no-scroll');
       });
   
       $('.header-primary .nav-tabs > li > a').hover(function () {
           $(this).tab('show');
       });
   
       $(window).scroll(function () {
           if ($(this).scrollTop() > 675) {
               $('.scrollup .sticky-nav-wrapper.pillars-page').addClass("addtop");
           } else {
               $('.scrollup .sticky-nav-wrapper.pillars-page').removeClass("addtop");
           }
       });
       $(window).scroll(function () {
           if ($(this).scrollTop() > 110) {
               $('.scrollup .main-header-absolute').addClass("addtop");
           } else {
               $('.scrollup .main-header-absolute').removeClass("addtop");
           }
       });
   
       $('.header-primary .dropdown .dropdown-menu li a').each(function () {
           if ($(this).hasClass('is-head')) {
               $(this).parent().addClass('full-width');
           }
       });
   
   });   
</script>
<script>
   $(document).ready(function () {
       var currentPageUrl = window.location.href;
   
       function shouldActivateHCLFoundry() {
           return currentPageUrl.includes("/total-experience") && currentPageUrl.includes("?val=hclfoundry");
       }
   
       if (shouldActivateHCLFoundry()) {
           var targetOffset = $('#innovate-with-confidence').offset().top - 120;
           window.scrollTo(0, targetOffset);
       }
   });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var desktopInputElement = document.getElementById('hclsearch');
        var mobileInputElement = document.getElementById('hclsearchMobile');
        var desktopInputField = document.getElementById('search-icon');
        var mobileInputField = document.getElementById('search-icon-mobile');
        var desktopSearchContainer = document.getElementById('searchBoxDesktop');
        var mobileSearchContainer = document.getElementById('searchBoxMobile');

        function handleSearch(inputElement, inputField, searchContainer) {
            var inputValue = inputElement.value.trim();
            if (inputValue !== "") {
                inputField.style.background = "#d0f0f1";
                inputField.style.padding = "8px";
                inputField.style.borderTop = "none";
                inputField.style.borderBottom = "none";
                inputField.style.borderLeft = "none";
                inputField.style.transition = "border-color 0.5s ease, border-width 0.5s ease";
                inputField.style.borderRadius = "18px !important";
                inputField.style.borderTopLeftRadius = "12px";
                inputField.style.borderBottomLeftRadius = "12px";
                mobileInputElement.style.display = "block";

                var currentUrlParams = window.location.search;
                window.location.href = "/search?query=" + encodeURIComponent(inputValue) + "&" + currentUrlParams.slice(1);
                
                // Push to data layer with SearchTerm
                pushDataLayerSearch("EnterSearchKeyword", "Search", inputValue);
            } else {
                console.log("Input is empty. Not navigating.");
            }
        }

        function applyBorder(inputField, searchContainer) {
            if (!searchContainer.classList.contains('open')) {
                searchContainer.classList.add('open');
                mobileInputElement.style.display = "block"; 
                mobileInputElement.focus();
                desktopInputElement.focus();
                document.getElementById('hclsearchMobile').focus();

                inputField.style.border = "2px solid transparent";
                inputField.style.borderRadius = "18px";

// Capture the event when the search icon is clicked
                pushDataLayerSearch("SearchClicked", "Search Icon clicked", ""); 
            }
        }

        function setupSearch(inputElement, inputField, searchContainer) {
            inputElement.focus();
            inputElement.addEventListener('input', function () {
                if (inputElement.value.trim() !== "") {
                    searchContainer.style.border = "2px solid #36D6D9";
                    searchContainer.style.transition = "border-color 0.5s ease, border-width 0.5s ease";
                } else {
                    searchContainer.style.border = "";
                }
            });

            inputElement.addEventListener('keydown', function(event) {
                if (event.key === 'Enter') {
                    event.preventDefault();
                    handleSearch(inputElement, inputField, searchContainer);
                }
            });

            inputField.addEventListener('click', function() {
                console.log("clicked:");
                applyBorder(inputField, searchContainer);
                if (mobileSearchContainer.classList.contains('open')) {
                    mobileInputElement.style.display = "block";
                }
                handleSearch(inputElement, inputField, searchContainer);
            });
        }

        // Setup for desktop
        setupSearch(desktopInputElement, desktopInputField, desktopSearchContainer);

        // Setup for mobile
        setupSearch(mobileInputElement, mobileInputField, mobileSearchContainer);

        document.addEventListener('click', function(event) {
            if (!desktopSearchContainer.contains(event.target) && !mobileSearchContainer.contains(event.target)) {
                desktopSearchContainer.classList.remove('open');
                mobileSearchContainer.classList.remove('open');
                desktopInputElement.value = "";
                mobileInputElement.value = "";
                desktopInputField.style.border = "";
                mobileInputField.style.border = "";
                desktopSearchContainer.style.border = "";
                mobileSearchContainer.style.border = "";
                desktopInputField.style.background = "";
                mobileInputField.style.background = "";
                mobileInputElement.style.display = "none";
            }
        });
    });
</script>




 
<style>
.suggestions{
background: rgb(255, 255, 255);
    padding: 0px 0px 0px 0px;
    border-radius: 5px !important;
    width:225px;
    font-size:14px;
    line-height:20px;
}
.suggestions ul{
padding:0px;
}
#searchBoxMobile {
transition: width 0.3s ease-in-out;
}
.homesearch {
cursor: pointer;
}

 .search-icon {
        border: 2px solid transparent;
        transition: border-color 0.3s ease;
    }

    .search-icon:hover {
        border: 2px solid #36D6D9;
    }

    / Disable hover when search box is expanded /
    .searchBox.open .search-icon:hover {
        border: 2px solid transparent !important;
    }

/*.search-icon:hover {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
    background-color: #f4f4f4;
    filter: brightness(1.3);
}

.searchBox.open .search-icon:hover {
    box-shadow: none; /* Disable hover effect when input is visible */
    background-color: transparent;
    filter: none;
}*/

 

 
.search-container.has-value {
    border-color: #36D6D9!important;
    border-width: 2px;
    outline: none;
    transition: border-color 0.5s ease, border-width 0.5s ease;
}
   .search-1-container {
            position: relative;
            width: 300px; /* Adjust width as needed */
        }
        .search-1-input {
            width: 100%;
            padding: 10px 40px 10px 20px; /* Add padding for the icon */
            border: 1px solid transparent;
            border-radius: 20px; /* Rounded corners */
            display: none; /* Initially hidden */
            transition: border-color 0.5s ease, border-width 0.5s ease;
        }
        .search-1-input.has-value {
            border-color: #36D6D9 !important;
            border-width: 2px;
            outline: none;
        }
        .search-1-icon {
            cursor: pointer; /* Change cursor to pointer */
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }
        .search-1-input:focus {
            width: 100%; /* Expand input on focus */
        }
        .search-1-input:hover:not(:focus) {
            box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
            background-color: #f4f4f4; 
            filter: brightness(1.3);
        }

        .search-container {
margin-top: -18px;
            position:relative;
                        display: flex;
                        align-items: center;
                        border-radius: 5px;
                        overflow: hidden;
                        width: 50px;
                        transition: width 0.3s ease-in-out;
            transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
                        border: none;
                    }
                    
                    .search-container input {
                        flex: 1;
                        border: none;
                        padding: 8px;
                        outline: none;
                        width: 0;
                        opacity: 0;
                        transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
                    }
                    
                    .search-icon {
                        padding:4px;
                        cursor: pointer;
                        / background-color: #f8f8f8; /
                        transition: border 0.3s;
            border-radius:17px;
                    }
                    .search-icon img{
            max-width:none !important;
            width:24px;
            height:24px;
            }
                    .search-container.open {
                        width: 225px;
                        border: 2px solid black;
            border-radius:18px;
            height: 40px;
            
                    }
            
                    .search-container.open input {
                        width: 100%;
                        opacity: 1;
            cursor: pointer;
                    }
            
                    .search-icon.active {
                        border: 2px solid blue;
                    }
    .collapse-link, .menu-link.collapse-link:focus {
    color: #17707f;
}
   .header-primary .menu-link.btn-style-header {
   margin: 0 0 0 5px !important;
   }
   li.panel.searchinput-panel {
   position: absolute;
   z-index: 999;
   right: 270px;
   top: 25px;
   }
   .suggestions {
   background: rgb(255, 255, 255);
   padding: 20px 10px;
   border-radius: 5px;
   width: 225px;
   font-size: 14px;
   line-height: 20px;
   }
   .suggestions ul {
   padding: 0px;
   }
   /*    Majid */
   body {
   padding-top: 85px !important;
   }
   .header-secondary {
   height: 35px !important;
   line-height: 35px !important;
   }
   .header-secondary .navbar-nav>li>a {
   line-height: 35px !important;
   font-weight: 500;
   padding: 0 13px !important;
   }
   .header-primary {
   height: 50px !important;
   }
   .header-primary .megamenu {
   width: 100% !important;
   position: fixed !important;
   border-top: solid 1px #D9DBE9;
   top: 85px !important;
   transition: none !important;
   }
   .header-primary .panel:hover .megamenu {
   transition: all .5s ease !important;
   }
   .header-primary .menu-link {
   line-height: 50px !important;
   font-weight: 600;
   display: flex;
   align-items: center;
   font-size: 14px;
   padding: 0 15px;
   }
   .header-primary #NavMenu .menu-link {
   font-weight: 500;
   }
   .header-secondary .navbar-nav .dropdown-toggle::before {
   padding: 3px !important;
   margin-top: -4px !important;
   }
   .arrow-nav {
   padding: 3px !important;
   }
   .menu-link.collapsed .arrow-nav {
   top: -1px !important;
   }
   .menu-link .arrow-nav,
   .header-primary .panel:hover>a.menu-link .arrow-nav {
   top: 2px !important
   }
   .header-primary .menu-link.btn-style-header {
   line-height: 38px !important;
   font-weight: 600;
   }
   .btn-style-header::after {
   top: 1px;
   height: 11px !important;
   }
   .scrolldown .site-header {
   transform: translateY(-35px) !important;
   }
   .site-header-logo {
   padding-right: 15px;
   border-right: solid 1px #D9DBE9;
   margin-right: 5px !important;
   }
   .megamenu-body {
   max-width: 1400px;
   margin: 0 auto;
   /* padding: 15px 0 0 !important; */
   }
   .megamenu .tab-content-menu {
   margin: 0 0 40px;
   }
   .megamenu .tab-content-menu li {
   width: 100% !important;
   flex: 0 0 100% !important;
   }
   .megamenu .tab-content-menu.col-three {
   display: flex;
   }
   .megamenu .tab-content-menu.col-three li {
   width: 33.33333333% !important;
   flex: 0 0 33.33333333% !important;
   }
   .megamenu .tab-content-menu li a {
   display: block;
   color: #000;
   padding: 5px 15px;
   font-size: 14px;
   }
   .megamenu .tab-content-menu li a span {
   display: flex;
   align-items: center;
   }
   .megamenu .tab-content-menu li a .desc {
   font-weight: 300;
   color: #4E4B66;
   }
   .megamenu .tab-content-menu li a:hover {
   background: #EFF0F6;
   color: #0B455F;
   }
   .megamenu .tab-content-menu li.tab-content-head a {
   padding: 7px 15px;
   font-weight: 600;
   border-bottom: solid 1px #D9DBE9;
   }
   .megamenu .tab-content-menu li.tab-content-head a:hover {
   border-color: #EFF0F6;
   }
   .view-all-nav {
   background: #E8F9FD;
   display: flex;
   justify-content: center;
   padding: 8px;
   margin-left: -250px;
   position: relative;
   z-index: 2;
   }
   .view-all-nav a {
   position: relative;
   color: #14142B !important;
   font-weight: 500;
   border-bottom: solid 1px #14142B;
   padding: 8px 0 !important;
   }
   .view-all-nav a:hover {
   border-color: transparent;
   color: #0B455F !important;
   }
   .view-all-nav a:before {
   content: '';
   position: absolute;
   bottom: -1px;
   left: 0;
   z-index: 2;
   width: 100%;
   height: 1px;
   background-color: #17707F;
   transform: scaleX(0);
   transform-origin: right;
   transition: transform .6s cubic-bezier(.19, 1, .22, 1);
   }
   .view-all-nav a:hover:before {
   transform: scaleX(1);
   transform-origin: left;
   }
   .megamenu .tab-content-menu li a .title:after {
   content: '';
   width: 16px;
   height: 10px;
   display: inline-block;
   background: url(/wps/wcm/connect/a97c3d68-6cc9-45c6-a9dc-aa4d0fdf8da5/arrow-right.svg?MOD=AJPERES) no-repeat center;
   background-size: auto;
   background-size: 100%;
   vertical-align: middle;
   transform: translateX(-10px);
   visibility: hidden;
   opacity: 0;
   transition-duration: 0.4s;
   }
   .megamenu .tab-content-menu li a:hover .title:after,
   .megamenu .tab-content-menu.col-three-head li a .title:after,
   .header-primary li.panel-support .tab-content-head a .title:after {
   transform: translateX(5px);
   visibility: visible;
   opacity: 1;
   }
   .megamenu .tab-content-menu.col-three-head li a:hover .title:after,
   .header-primary li.panel-support .tab-content-head a:hover .title:after {
   transform: translateX(10px);
   }
   .megamenu .tab-content-menu li a[target="_blank"] .title:after {
   background-image: url(/wps/wcm/connect/164e0388-f297-4f6e-bb73-e2fa50da361d/external-icon-color.svg?MOD=AJPERES);
   width: 11px;
   height: 11px;
   opacity: 1;
   visibility: visible;
   transform: translateX(5px);
   }
   .megamenu .tab-content-menu li a[target="_blank"]:hover .title:after {
   transform: translateX(8px);
   }
   .nav-tab-content .nav-tabs {
   flex: 0 0 250px !important;
   width: 250px !important;
   border-right: solid 1px #D9DBE9;
   }
   .nav-tab-content .nav-tabs li a {
   border-bottom: solid 1px #D9DBE9 !important;
   font-size: 14px;
   font-weight: 500;
   color: #1D2123 !important;
   padding: 14px 15px !important;
   display: flex !important;
   align-items: center;
   transition-duration: 0.4s;
   }
   .nav-tab-content .nav-tabs li.active a {
   background: #0B455F !important;
   color: #ffffff !important;
   border-bottom-color: #0B455F !important;
   }
   .nav-tab-content .nav-tabs li a:after {
   content: '';
   margin-top: 2px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   opacity: 0 !important;
   visibility: hidden !important;
   transform: translateX(-10px) rotate(-45deg) !important;
   transition-duration: 0.4s;
   }
   .nav-tab-content .nav-tabs li.active a:after {
   transform: translateX(5px) rotate(-45deg) !important;
   visibility: visible !important;
   opacity: 1 !important;
   }
   .megamenu-bottom {
   background: #E8F9FD;
   margin-top: 175px;
   /*
   position: absolute;
   bottom: 0;
   width: 100%;*/
   }
   .megamenu-bottom .nav {
   max-width: 1250px;
   margin: 0;
   display: flex;
   height: 48px;
   gap: 5px;
   }
   .megamenu-bottom .nav li {
   padding-right: 1px;
   position: relative;
   }
   .megamenu-bottom .nav li:after {
   content: '';
   width: 1px;
   height: 10px;
   background: #000;
   position: absolute;
   top: 19px;
   right: 0;
   }
   .megamenu-bottom .nav li:last-child:after {
   display: none;
   }
   .megamenu-bottom .nav li a {
   line-height: 48px;
   padding: 0 4px;
   color: #000;
   display: flex;
   align-items: center;
   gap: 5px;
   font-weight: 500;
   font-size: 13px;
   }
   .megamenu-bottom .nav li a:hover,
   .megamenu-bottom .nav li a:focus {
   color: #0B455F;
   background: none;
   }
   .megamenu-bottom .nav li a img {
   height: 24px;
   margin-top: -6px;
   }
   .megamenu .tab-content-menu.col-three-head {
   margin: 0;
   }
   .megamenu .tab-content-menu.col-three-head li a .title {
   color: #0B455F;
   font-weight: 500;
   font-size: 16px;
   }
   .feature-nav {
   border-top: solid 1px #D9DBE9;
   }
   .feature-nav h4 {
   color: #14142B;
   font-weight: 600;
   font-size: 18px;
   padding: 10px 15px;
   margin: 0;
   }
   /*.header-primary .panel-support { position: relative !important;}
   .header-primary .panel-support .megamenu {width: 520px !important; position: absolute !important; top: 100% !important; left: auto; right: 0; transform: none;}*/
   .header-primary .panel-partner {
   position: relative !important;
   }
   .header-secondary li.panel-partner .megamenu,
   .header-primary li.panel-partner .megamenu-body {
   padding: 0 !important;
   }
   .header-primary li.panel-partner .megamenu ul li a {
   padding: 15px;
   border-bottom: solid 1px #D9DBE9;
   }
   .header-primary .panel-partner .megamenu .tab-content-menu {
   margin: 0;
   }
   .header-primary .panel-partner .megamenu {
   width: 220px !important;
   position: absolute !important;
   top: 100% !important;
   left: 0;
   right: auto;
   transform: none;
   }
   .header-primary .panel-industries {
   position: relative !important;
   }
   .header-secondary li.panel-industries .megamenu,
   .header-primary li.panel-industries .megamenu-body {
   padding: 0 !important;
   }
   .header-primary li.panel-industries .megamenu ul li a {
   padding: 15px;
   border-bottom: solid 1px #D9DBE9;
   }
   .header-primary .panel-industries .megamenu .tab-content-menu {
   margin: 0;
   }
   .header-primary .panel-industries .megamenu {
   width: 320px !important;
   position: absolute !important;
   top: 100% !important;
   left: 0;
   right: auto;
   transform: none;
   }
   .header-primary .panel-support .megamenu .tab-content-menu {
   margin: 0;
   }
   .header-primary li.panel-support .megamenu ul li a {
   padding: 15px;
   border-bottom: solid 1px #D9DBE9;
   }
   .header-primary li.panel-support .megamenu ul li.only-head {
   padding: 15px;
   border-bottom: solid 1px #D9DBE9;
   color: #000;
   font-weight: 600;
   }
   .header-primary li.panel-support .megamenu .row {
   margin: 0
   }
   .header-primary li.panel-support .megamenu .col-sm-6,
   .header-primary li.panel-support .megamenu-body {
   padding: 0 !important;
   }
   /*    Majid */
   .megamenu .tab-content-menu li .ott .title:after {
   display: none;
   }
   a.ott {
   cursor: auto;
   }
   /* for resources css */
   .nav-tab-content .tab-content>.tab-pane {
   display: none !important;
   }
   .nav-tab-content .tab-content>.tab-pane.active {
   display: block !important;
   }
   .scrollup .sticky-nav-wrapper.pillars-page.addtop,
   .scrollup .main-header.sticky.addtop {
   top: 85px !important;
   }
   @media screen and (max-width:1400px) {
   .header-primary .menu-link {
   padding: 0 9px;
   }
   .btn-style-header {
   margin: 0 0 0 20px !important;
   }
   }
   @media screen and (max-width:1350px) {
   .header-secondary>li>a {
   font-size: 13px;
   }
   .header-primary .menu-link {
   padding: 0 7px !important;
   font-size: 12px;
   }
   .btn-style-header {
   margin: 0 0 0 15px !important;
   }
   }
  @media screen and (min-width:1350px) {
      li.panel.searchinput-panel {
   position: absolute;
   z-index: 999;
   right: 380px;
   top: 25px;
   }
}

   @media screen and (max-width:1200px) {
   body {
   padding-top: 79px !important;
   }
   .header-primary .megamenu,
   .header-primary .megamenu.in {
   display: none !important;
   }
   .header-primary .megamenu.show {
   display: block !important;
   }
   .header-primary {
   display: none;
   }
   .mobile-header {
   display: block;
   background: #fff;
   padding: 5px 0;
   }
   }
   @media screen and (max-width:768px) {
   .scrolldown .site-header {
   transform: translateY(0px) !important;
   }
   .header-secondary {
   display: none;
   }
   .mobile-header-wrapper .language-dropdown-wrapper.header-secondary {
   display: block;
   }
   .mobile-header-wrapper .language-dropdown-wrapper ul.nav.navbar-nav {
   margin: 0;
   }
   .scrolldown .site-header {
   transform: translateY(0px);
   }
   .mobile-header-wrapper .language-dropdown-wrapper {
   display: block;
   }
   .mobile-header-wrapper .logo-wrapper {
   flex: 0 0 calc(100% - 75px);
   }
   .ma5menu__container {
   width: 100%;
   }
   .ma5menu__panel {
   width: 100%;
   }
   .ma5menu__head .ma5menu__header a.site-header-logo,
   .mobile-header-wrapper .logo-wrapper .site-header-logo {
   max-width: 145px;
   margin: auto;
   }
   /* sticky navbar css */
   .scrollup .sticky-nav-wrapper.pillars-page.addtop,
   .scrollup .main-header-absolute.sticky.addtop {
   top: 50px !important;
   }
   .scrolldown .sticky-nav-wrapper.pillars-page,
   .scrolldown .main-header-absolute.sticky,
   header.main-header.main-header-absolute.sticky {
   top: 50px !important;
   }
   }
   .dropdown-menu.about {
   width: 520px !important;
   position: absolute !important;
   top: 100% !important;
   left: auto;
   right: 0;
   transform: none;
   }
   .header-secondary .megamenu.dropdown-menu.dropdown-menu-right.about li a:after {
   display: none;
   }
   .header-secondary .megamenu.dropdown-menu.dropdown-menu-right.about .col-sm-6,
   .header-secondary .megamenu.dropdown-menu.dropdown-menu-right.about .megamenu-body {
   padding: 0 !important;
   }
   .header-secondary .panel-support .megamenu .tab-content-menu {
   margin: 0;
   }
   .header-secondary .panel-support .megamenu ul li.only-head {
   padding: 15px;
   border-bottom: solid 1px #D9DBE9;
   color: #000;
   font-weight: 600;
   }
   .header-secondary li.panel-support .megamenu .row {
   margin: 0
   }
   .header-secondary li.panel-support .megamenu .col-sm-6,
   .header-primary li.panel-support .megamenu-body {
   padding: 0 !important;
   }
   .header-secondary .panel-support {
   position: relative !important;
   }
   .header-secondary .panel-support .megamenu {
   width: 520px !important;
   position: absolute !important;
   top: 100% !important;
   left: auto;
   right: 0;
   transform: none;
   }
   .header-secondary .panel-support .megamenu .tab-content-menu {
   margin: 0;
   }
   .header-secondary li.panel-support .megamenu ul li a {
   padding: 15px;
   border-bottom: solid 1px #D9DBE9;
   line-height: 16px;
   }
   .header-secondary li.panel-support .megamenu ul li.only-head {
   padding: 15px;
   border-bottom: solid 1px #D9DBE9;
   color: #000;
   font-weight: 600;
   line-height: 16px;
   }
   .header-secondaryli.panel-support .tab-content-head a .title:after {
   transform: translateX(5px);
   visibility: visible;
   opacity: 1;
   }
   .megamenu .tab-content-menu.col-three-head li a:hover .title:after,
   .header-secondary li.panel-support .tab-content-head a:hover .title:after {
   transform: translateX(10px);
   }
   .megamenu .tab-content-menu li a:hover .title:after,
   .megamenu .tab-content-menu.col-three-head li a .title:after,
   .header-secondary li.panel-support .tab-content-head a .title:after {
   transform: translateX(5px);
   visibility: visible;
   opacity: 1;
   }
   .megamenu .tab-content-menu.col-three-head li a:hover .title:after,
   .megamenu.dropdown-menu.dropdown-menu-right.about .tab-content-head a:hover .title:after {
   transform: translateX(10px);
   }
   .megamenu .tab-content-menu li a:hover .title:after,
   .megamenu .tab-content-menu.col-three-head li a .title:after,
   .header-secondary li.panel-support .tab-content-head a .title:after {
   transform: translateX(5px);
   visibility: visible;
   opacity: 1;
   }
   .megamenu .es-wrapper li.tab-content-head {
   flex: 0 0 100% !important;
   width: 100% !important;
   }
   .megamenu .es-wrapper li {
   flex: 0 0 50% !important;
   width: 50% !important;
   }
   .search-wrap {
   width: 225px;
   position: relative;
   height: 27px;
   vertical-align: middle;
   display: inline-block;
   }
   .search:focus {
   width: 225px;
   }
   .search-form {
   position: relative !important;
   }
   .search {
   margin-right: 5px;
   position: absolute;
   width: 24px;
   right: 0;
   top: -20px;
   color: #14142B;
   z-index: 5;
   transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
   height: 40px;
   padding: 5px 0 5px 40px;
   font-size: 14px;
   cursor: pointer;
   border-radius: 15px;
   border: 1px solid transparent;
   background: url(/wps/wcm/connect/2ef158aa-1346-4636-bcef-01c76ad250d4/search.svg?MOD=AJPERES) no-repeat left 9px center #fff;
   background-size: 24px;
   }
   .header-primary li.panel-industries .col-one .industry-overview .title:after {
   transform: translateX(5px);
   visibility: visible;
   opacity: 1;
   }
   .header-primary li.panel-industries .col-one .industry-overview:hover .title:after {
   transform: translateX(10px);
   }
   .header-primary li.panel-industries .col-one .industry-overview span.title {
   font-weight: 600;
   cursor: pointer;
   }
   .tab-content-menu.alphabetical-list {
   columns: 4;
   -webkit-columns: 4;
   -moz-columns: 4;
   display: block !important;
   }
 @media (max-width: 600px) {
            .search-icon {
            cursor: pointer;
            }
            .search-container input {
                    padding: 10px;
                    display: none; /* Initially hide the input */
            
                }
                .search-container {
margin-top: 0px;
                    /* Full width on mobile */
                    border-radius: 5px; /* Adjust border radius */
                }
            
                .search-container.open {
                     /* Full width when open */
                }
            
                .search-icon {
                    padding: 8px; /* Increase padding for better touch targets */
                    border-radius: 14px !important; /* Adjust border radius */
            background:white;
                }
            
            
                .search-icon img {
                    width: 20px; /* Adjust icon size */
                    height: 20px; /* Adjust icon size */
                }
            
                .search-container input {
                    padding: 10px; /* Increase padding for better touch targets */
                }
            }

 .megamenu.aboutus .tab-content-menu li.tab-content-head {
    width: 100% !important;
    flex: 0 0 100% !important;
}
.megamenu.aboutus .tab-content-menu li {
    width: 50% !important;
    flex: 0 0 50% !important;
}
.header-secondary .megamenu.dropdown-menu.dropdown-menu-right.about.aboutus .col-sm-12, .header-secondary .megamenu.dropdown-menu.dropdown-menu-right.about.aboutus .megamenu-body{
    padding: 0 !important;
}
.btn-style-chatnow {
    position: relative;
    background: #17707f !important;
    border-radius: 4px !important;
    padding: 0 20px !important;
    margin: 0 0 0 35px !important;
    color: #fff !important;
    font-weight: 500;
    line-height: 38px !important;
    display: flex
;
    align-items: center;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}           
</style>
<header class="site-header">
   <!--Header Secondary Start-->
   <div class="header-secondary">
      <div class="container">
         <ul class="nav navbar-nav">
            <li class="hcl-logo-wrapper nav-item">
               <a href="https://www.hcl.com/" target="_blank"  class="logo-hcllogo" rel="nofollow"><img src="/wps/wcm/connect/32508bfe-44b3-4277-94b6-aef870dd71bc/hcl-logo.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-32508bfe-44b3-4277-94b6-aef870dd71bc-pxVey6L" alt="HCL Logo"  class="img-responsive" /></a>
            </li>
            <li class="nav-item">
               <a href="https://www.hcltech.com/" title="HCLTech" target="_blank"  class="nav-link nav-link-https--wwwhcltechcom" rel="noopener">HCLTech</a>
            </li>
            <li class="nav-item dropdown panel-support">
               <a class="nav-link dropdown-toggle" data-toggle="dropdown">About Us</a>
               <div class="megamenu aboutus dropdown-menu dropdown-menu-right about">
                  <div class="megamenu-body">
                     <div class="row">
                        <div class="col-sm-12">
                           <ul class="tab-content-menu">
                              <li class="tab-content-head"><a href="javascript:void(0);" title="">
                                 <span class="title">About</span>
                                 </a>
                              </li>
                              <li><a href="/about"><span class="title">About us</span></a></li>

                              <li><a href="/about/hcl-ambassadors"><span class="title">HCL
                                 Ambassadors</span></a>
                              </li>
                              <li><a href="/resources/analyst-recognitions"><span class="title">Analyst
                                 Recognitions</span></a>
                              </li>
                               <li><a href="/blog"><span class="title">Blog</span></a></li>
                              <li><a href="/careers"><span class="title">Careers</span></a></li>
                              <li><a href="/about/events"><span class="title">Events</span></a></li>
                              <li><a href="/about/leadership"><span class="title">Leadership</span></a></li>                              
                              <li><a href="/about/news"><span class="title">Newsroom</span></a></li>
                              
                              <li><a href="/resources/stories"><span class="title">Success Stories</span></a></li>
                              <li><a href="/resources/trust-center"><span class="title">Trust
                                 Center</span></a>
                              </li>
                           </ul>
                        </div>
                       
                     </div>
                  </div>
               </div>
            </li>
           
         </ul>
      </div>
   </div>
   <!--Header Secondary End-->
   <!--Header Primary Start -->
   <div class="header-primary">
      <div class="container">
         <a href="https://www.hcl-software.com/"  class="site-header-logo">
         <img src="/wps/wcm/connect/a185b95a-12cc-4252-9140-2b0ba40af651/hcl-software-logo.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-a185b95a-12cc-4252-9140-2b0ba40af651-pvKajzP" alt="HCL Software Logo"  title="" class="img-responsive" />
         </a>
         <div class="navbar-menu">
            <ul class="panel-group list-unstyled list-unstyled-menu clearfix">
               <li class="panel header-products-menu menu-item-expanded" >
                  <a data-target="#ProductMenu" class="menu-link collapsed collapse-link" id="firstli" data-parent="#NavMenu"
                     aria-expanded="false">Products &nbsp; <i class="arrow-nav nav-down"></i> </a>
                  <div class="megamenu products-megamenu collapse" role="tabpanel" id="ProductMenu">
                     <div class="megamenu-body">
                        <div class="nav-tab-content">
                           <ul class="nav nav-tabs" role="tablist">
                              <li role="presentation" class="active firsttab">
                                 <a data-target="#BusiappTab" role="tab"  data-toggle="tab">
                                 Offerings
                                 </a>
                              </li>
                              <li role="presentation" class="newtab" >
                                 <a data-target="#aitab" role="tab" data-toggle="tab">
                                 Artificial Intelligence
                                 </a>
                              </li>
                              <li role="presentation" class="newtab" >
                                 <a data-target="#personaTab2" role="tab" data-toggle="tab">
                                 Persona
                                 </a>
                              </li>
                              <li role="presentation" class="newtab newtab1" >
                                 <a data-target="#exploreTab1" role="tab" data-toggle="tab">
                                 Explore all products
                                 </a>
                              </li>
                           </ul>
                           <style>
                              .nav-tab-content .nav-tabs.layer2cls li a:hover,   .nav-tab-content .nav-tabs.layer2cls li.active a{
                              background: #36D6D9!important;
                              }
                              .nav-tab-content .nav-tabs.layer2cls li a:hover, .nav-tab-content .nav-tabs.layer2cls li.active a{
                              border-bottom: 1px solid  #36D6D9!important;;
                              }
                           </style>
                           <div class="tab-content">
                              <div role="tabpanel" class="tab-pane active" id="BusiappTab">
                                 <div class="megamenu-body" style="padding-top: 0!important;">
                                    <div class="nav-tab-content">
                                       <ul class="nav nav-tabs layer2cls" role="tablist">
                                          <li role="presentation" class="active level-one">
                                             <a data-target="#BusiappTab2" role="tab" data-toggle="tab">
                                             Business & Industry Applications
                                             </a>
                                          </li>
                                          <li role="presentation" class="level-one">
                                             <a data-target="#securityTab" role="tab" data-toggle="tab">
                                             Cybersecurity
                                             </a>
                                          </li>
                                          <li role="presentation" class="level-one">
                                             <a data-target="#DataanalytTab" role="tab" data-toggle="tab">
                                             Data and Analytics
                                             </a>
                                          </li>
                                          <li role="presentation" class="level-one">
                                             <a data-target="#InteloperTab" role="tab" data-toggle="tab">
                                             AI and Intelligent Operations
                                             </a>
                                          </li>
                                          <li role="presentation" class="level-one">
                                             <a data-target="#TotalExpTab" role="tab" data-toggle="tab">
                                             Total Experience
                                             </a>
                                          </li>
                                          <li role="presentation" class="level-one">
                                             <a data-target="#SovereignTab" role="tab" data-toggle="tab">
                                             Sovereign Collaboration
                                             </a>
                                          </li>
                                          <li role="presentation" class="level-one">
                                             <a data-target="#SpecialistTab" role="tab" data-toggle="tab">
                                             Specialized Software
                                             </a>
                                          </li>
                                       </ul>
                                       <div class="tab-content">
                                          <div role="tabpanel" class="tab-pane active" id="BusiappTab2">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/business-industry-applications">
                                                      <span class="level-two title">Business & Industry Applications
                                                      Overview </span>
                                                      <span class="desc">Deliver memorable CX that drive
                                                      conversions, revenue & loyalty</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/aftermarket-cloud">
                                                      <span class="level-two title">HCL Aftermarket Cloud</span>
                                                      <span class="desc">Aftermarket-led growth platform</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/automation-orchestration">
                                                      <span class="level-two title">HCL Automation Orchestration</span>
                                                      <span class="desc">Streamline Business Processes</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/commerce">
                                                      <span class="level-two title">HCL Commerce+</span>
                                                      <span class="desc">Enterprise e-commerce for B2C and
                                                      B2B</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/customer-data-platform">
                                                      <span class="level-two title">HCL CDP</span>
                                                      <span class="desc">Flexible and customizable customer data
                                                      platform</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/discover-plus">
                                                      <span class="level-two title">HCL Discover+</span>
                                                      <span class="desc">Behavioral insights for customer
                                                      journeys</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/marketing-cloud">
                                                      <span class="level-two title">HCL Marketing Cloud</span>
                                                      <span class="desc">Fueling precision marketing at scale with
                                                      AI</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/unica">
                                                      <span class="level-two title">HCL Unica</span>
                                                      <span class="desc">Enterprise marketing automation
                                                      platform</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                             <div class="megamenu-bottom">
                                                <ul class="nav">
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/secure-intelligent-operations"><span
                                                         class="nav-title">AI and Intelligent Operations</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/cybersecurity"><span
                                                         class="nav-title">Cybersecurity </span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/data-analytics"><span
                                                         class="nav-title">Data and Analytics</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/sovereign-collaboration"><span
                                                         class="nav-title">Sovereign Collaboration</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/total-experience"><span
                                                         class="nav-title">Total Experience</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="securityTab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/cybersecurity">
                                                      <span class="level-two title">Cybersecurity Overview </span>
                                                      <span class="desc">Secure DevOps & compliance from
                                                      applications to endpoint</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/appscan">
                                                      <span class="level-two title">HCL AppScan</span>
                                                      <span class="desc">Scans for application
                                                      vulnerabilities</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix">
                                                      <span class="level-two title">HCL BigFix</span>
                                                      <span class="desc">Secure endpoint management</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/compliance">
                                                      <span class="level-two title">HCL BigFix Compliance</span>
                                                      <span class="desc">Ensure security with continuous,
                                                      real-time compliance monitoring</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/cyberfocus">
                                                      <span class="level-two title">HCL BigFix CyberFOCUS</span>
                                                      <span class="desc">Supercharging IT operations to secure the
                                                      enterprise</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/remediate">
                                                      <span class="level-two title">HCL BigFix Remediate</span>
                                                      <span class="desc">Automate, remediate & secure
                                                      endpoints</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                             <div class="megamenu-bottom">
                                                <ul class="nav">
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/business-industry-applications"><span
                                                         class="nav-title">Business & Industry
                                                      Applications</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/secure-intelligent-operations"><span
                                                         class="nav-title">AI and Intelligent Operations</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/data-analytics"><span
                                                         class="nav-title">Data and Analytics</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/sovereign-collaboration"><span
                                                         class="nav-title">Sovereign Collaboration</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/total-experience"><span
                                                         class="nav-title">Total Experience</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="DataanalytTab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/data-analytics">
                                                      <span class="level-two title">Data and Analytics Overview </span>
                                                      <span class="desc">Enable confident data driven
                                                      organizations</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/actian">
                                                      <span class="level-two title">HCL Actian</span>
                                                      <span class="desc">Empowers the data-driven
                                                      enterprise</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >
                                                      <span class="level-two title">HCL Actian Data Intelligence Platform</span>
                                                      <span class="desc">AI intelligence, speed and governance</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/actian/ingres-transactional-database">
                                                      <span class="level-two title">HCL Actian Ingres</span>
                                                      <span class="desc">Legendary transactional RDBMS</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/actian/dataconnect">
                                                      <span class="level-two title">HCL DataConnect</span>
                                                      <span class="desc">Low-code integration platform</span>
                                                      </a>
                                                   </li>
                                                   <!--<li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >
                                                      <span class="level-two title">HCL Zeenea Data Intelligence Platform</span>
                                                      <span class="desc">Cloud-native data governance
                                                      solution</span>
                                                      </a>
                                                   </li>-->
                                                   <li><a href="/actian/zen-edge-data-management">
                                                      <span class="level-two title">HCL Zen</span>
                                                      <span class="desc">Embeddable edge data management </span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                             <div class="megamenu-bottom">
                                                <ul class="nav">
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/ai-intelligent-operations"><span
                                                         class="nav-title">AI and Intelligent Operations</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/business-industry-applications"><span
                                                         class="nav-title">Business & Industry
                                                      Applications</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/cybersecurity"><span
                                                         class="nav-title">Cybersecurity</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/sovereign-collaboration"><span
                                                         class="nav-title">Sovereign Collaboration</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/total-experience"><span
                                                         class="nav-title">Total Experience</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="InteloperTab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/ai-intelligent-operations">
                                                      <span class="level-two title">AI and Intelligent Operations Overview
                                                      </span>
                                                      <span class="desc">Humanizing AI to elevate IT
                                                      Operations</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/automation-orchestration?ao=io">
                                                      <span class="level-two title">HCL Automation Orchestration</span>
                                                      <span class="desc">Streamline Business Processes</span>
                                                      </a>
                                                   </li>
                                                   <li><a
                                                      href="/automation-orchestration/automation-orchestrator-suite?ao=io">
                                                      <span class="level-two title">HCL Automation Orchestrator Suite</span>
                                                      <span class="desc">Accelerate IT and business
                                                      automation</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix?bigfix=io">
                                                      <span class="level-two title">HCL BigFix</span>
                                                      <span class="desc">Secure endpoint management</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/aex?bigfix=io">
                                                      <span class="level-two title">HCL BigFix AEX</span>
                                                      <span class="desc">AI-driven employee experience
                                                      accelerating productivity and innovation</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/enterprise?bigfix=io">
                                                      <span class="level-two title">HCL BigFix Enterprise+</span>
                                                      <span class="desc">An all-in-one IT infrastructure
                                                      automation offering enabling you to stay ahead of cyber
                                                      threats</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/service-management?bigfix=io">
                                                      <span class="level-two title">HCL BigFix Service Management</span>
                                                      <span class="desc">AI-powered Service Management for IT and beyond</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/workspace?bigfix=io">
                                                      <span class="level-two title">HCL BigFix Workspace+</span>
                                                      <span class="desc">Fueling GenAI within the Digital+
                                                      experience</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/icontrol">
                                                      <span class="level-two title">HCL iControl</span>
                                                      <span class="desc">HCL iControl is a business flow and
                                                      process observability solution</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/my-xalytics">
                                                      <span class="level-two title">HCL MyXalytics</span>
                                                      <span class="desc">Cloud finOps visibility and
                                                      insights</span>
                                                      </a>
                                                   </li>
                                                   
                                                   <li><a href="/workload-automation">
                                                      <span class="level-two title">HCL Workload Automation</span>
                                                      <span class="desc">Simplify and automation business
                                                      workflows</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                             <div class="megamenu-bottom">
                                                <ul class="nav">
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/business-industry-applications"><span
                                                         class="nav-title">Business & Industry
                                                      Applications</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/cybersecurity"><span
                                                         class="nav-title">Cybersecurity</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/data-analytics"><span
                                                         class="nav-title">Data and Analytics</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/sovereign-collaboration"><span
                                                         class="nav-title">Sovereign Collaboration</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/total-experience"><span
                                                         class="nav-title">Total Experience</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="TotalExpTab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/total-experience">
                                                      <span class="level-two title">Total Experience Overview</span>
                                                      <span class="desc">Orchestrating delightful experiences on
                                                      platform of trust</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/automation-orchestration?ao=tx">
                                                      <span class="level-two title">HCL Automation Orchestration</span>
                                                      <span class="desc">Streamline Business Processes</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/customer-data-platform?cdp=tx">
                                                      <span class="level-two title">HCL CDP</span>
                                                      <span class="desc">Flexible and customizable customer data
                                                      platform</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/dx">
                                                      <span class="level-two title">HCL DX</span>
                                                      <span class="desc">The DXP for the moments that
                                                      matter</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/total-experience?val=hclfoundry">
                                                      <span class="level-two title">HCL Foundry</span>
                                                      <span class="desc">Secure backend services</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/mosaic">
                                                    <span class="level-two title">HCL Mosaic</span>
                                                    <span class="desc">Deliver seamless customer and employee
                                                    experiences</span>
                                                    </a>
                                                  </li>
                                                   <!--<li><a href="/leap">
                                                      <span class="level-two title">HCL Leap</span>
                                                      <span class="desc">No code citizen app dev</span>
                                                      </a>
                                                   </li>-->
                                                   
                                                   <li><a href="/volt-mx">
                                                      <span class="level-two title">HCL Volt MX</span>
                                                      <span class="desc">Multi-experience low code app dev</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                             <div class="megamenu-bottom">
                                                <ul class="nav">
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/ai-intelligent-operations"><span
                                                         class="nav-title">AI and Intelligent Operations</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/business-industry-applications"><span
                                                         class="nav-title">Business & Industry
                                                      Applications</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/cybersecurity"><span
                                                         class="nav-title">Cybersecurity</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/data-analytics"><span
                                                         class="nav-title">Data and Analytics</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/sovereign-collaboration"><span
                                                         class="nav-title">Sovereign Collaboration</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="SovereignTab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/sovereign-collaboration">
                                                      <span class="level-two title">Sovereign Collaboration Overview</span>
                                                      <span class="desc">Data autonomy with secure and flexible
                                                      solutions</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/connections">
                                                      <span class="level-two title">HCL Connections</span>
                                                      <span class="desc">Collaboration and task management in one
                                                      workspace</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/domino">
                                                      <span class="level-two title">HCL Domino</span>
                                                      <span class="desc">Rapid application development
                                                      platform</span>
                                                      </a>
                                                   </li>
                                                  <!-- <li><a href="/leap">
                                                      <span class="level-two title">HCL Leap</span>
                                                      <span class="desc">No code citizen app dev</span>
                                                      </a>
                                                   </li>-->
                                                   <li><a href="/link">
                                                      <span class="level-two title">HCL Link</span>
                                                      <span class="desc">Connectivity across your digital
                                                      ecosystem</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/notes">
                                                      <span class="level-two title">HCL Notes</span>
                                                      <span class="desc">Comprehensive email and collaboration
                                                      hub</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/safelinx">
                                                      <span class="level-two title">HCL SafeLinx</span>
                                                      <span class="desc">Secure and flexible remote access to
                                                      enterprise applications</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/sametime">
                                                      <span class="level-two title">HCL Sametime</span>
                                                      <span class="desc">Secure meetings, video, and chat
                                                      communications</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/verse">
                                                      <span class="level-two title">HCL Verse</span>
                                                      <span class="desc">Smart and secure enterprise email for
                                                      seamless workflow</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                             <div class="megamenu-bottom">
                                                <ul class="nav">
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/ai-intelligent-operations"><span
                                                         class="nav-title">AI and Intelligent Operations</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/business-industry-applications"><span
                                                         class="nav-title">Business & Industry
                                                      Applications</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/cybersecurity"><span
                                                         class="nav-title">Cybersecurity</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/data-analytics"><span
                                                         class="nav-title">Data and Analytics</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/total-experience"><span
                                                         class="nav-title">Total Experience</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="SpecialistTab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a>
                                                      <span class="level-two title specialized">Specialized Software
                                                      Overview </span>
                                                      <span class="desc">Purpose built solutions for edge/niche
                                                      use cases</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="https://www.hclindustrysaas.com/telecom-5g/augmented-network-automation" target="_blank" ><span class="level-two title">HCL Augmented
                                                      Network Automation (SON)</span><span
                                                         class="desc">Intelligent RAN automation
                                                      platform</span></a>
                                                   </li>
                                                   <!--<li><a href="/automation-orchestration">
                                                      <span class="level-two title">HCL Automation Orchestration</span>
                                                      <span class="desc">Streamline Business Processes</span>
                                                      </a>
                                                      </li>-->
                                                   <li><a href="https://dfmpro.com" target="_blank" ><span
                                                      class="level-two title">HCL DFMPro</span><span class="desc">CAD
                                                      integrated Design-for-Manufacturing platform</span></a>
                                                   </li>
                                                   <li><a href="https://camworks.com" target="_blank" ><span
                                                      class="level-two title">HCL CAMWorks</span><span class="desc">CAM
                                                      for machining productivity</span></a>
                                                   </li>
                                                   <li><a href="https://www.glovius.com" target="_blank" ><span
                                                      class="level-two title">HCL Glovius</span><span
                                                      class="desc">Modern lightweight CAD Viewer</span></a>
                                                   </li>
                                                   <li><a href="/mainframe-solutions">
                                                      <span class="level-two title">HCL Mainframe Optimization</span>
                                                      <span class="desc">Optimize, modernize, and innovate your
                                                      mainframe investments</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/secure-devops">
                                                      <span class="level-two title">HCL Secure DevOps</span>
                                                      <span class="desc">Automated testing and security
                                                      scanning</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                             <div class="megamenu-bottom">
                                                <ul class="nav">
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/ai-intelligent-operations"><span
                                                         class="nav-title">AI and Intelligent Operations</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/business-industry-applications"><span
                                                         class="nav-title">Business & Industry
                                                      Applications</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/cybersecurity"><span
                                                         class="nav-title">Cybersecurity</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/data-analytics"><span
                                                         class="nav-title">Data and Analytics</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/sovereign-collaboration"><span
                                                         class="nav-title">Sovereign Collaboration</span>
                                                      </a>
                                                   </li>
                                                   <li class="nav-item">
                                                      <a class="nav-link" href="/total-experience"><span
                                                         class="nav-title">Total Experience</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div role="tabpanel" class="tab-pane" id="aitab">
                                 <div class="megamenu-body">
                                    <ul class="tab-content-menu col-three col-three-head">
                                       <li><a href="/artificial-intelligence">
                                          <span class="level-one title"> Artificial Intelligence: Built for Scale</span>
                                          <span class="desc">Humanizing artificial intelligence to elevate IT Operations</span>
                                          </a>
                                       </li>
                                    </ul>
                                    <ul class="tab-content-menu col-three">
                                        <li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >
                                          <span class="level-one title">HCL Actian Data Intelligence Platform</span>
                                          <span class="desc">AI intelligence, speed and governance</span>
                                          </a>
                                       </li>

                                       <li><a href="/aion">
                                          <span class="level-one title">HCL AION</span>
                                          <span class="desc">AI life cycle management platform</span>
                                          </a>
                                       </li>
                                       <li><a href="/appscan">
                                          <span class="level-one title">HCL AppScan</span>
                                          <span class="desc">Scans for application
                                          vulnerabilities</span>
                                          </a>
                                       </li>
                                       <li><a href="/bigfix">
                                          <span class="level-one title">HCL BigFix</span>
                                          <span class="desc">Secure endpoint management</span>
                                          </a>
                                       </li>
                                       <li><a href="/commerce">
                                          <span class="level-one title">HCL Commerce+</span>
                                          <span class="desc">Enterprise e-commerce for B2C and
                                          B2B</span>
                                          </a>
                                       </li>
                                       <li><a href="/domino">
                                          <span class="level-one title">HCL Domino</span>
                                          <span class="desc">Rapid application development
                                          platform</span>
                                          </a>
                                       </li>
                                          
                                       <li><a href="/icontrol">
                                          <span class="level-one title">HCL iControl</span>
                                          <span class="desc">HCL iControl is a business flow and
                                          process observability solution</span>
                                          </a>
                                       </li>
                                       <li><a href="/mosaic">
                                        <span class="level-two title">HCL Mosaic</span>
                                        <span class="desc">Deliver seamless customer and employee
                                        experiences</span>
                                        </a>
                                      </li>
                                       <li><a href="/my-xalytics">
                                                      <span class="title">HCL MyXalytics</span>
                                                      <span class="desc">Cloud finOps visibility and
                                                      insights</span>
                                                      </a>
                                                   </li>
                                        <li><a href="/secure-devops">
                                                      <span class="level-one title">HCL Secure DevOps</span>
                                                      <span class="desc">Automated testing and security
                                                      scanning</span>
                                                      </a>
                                                   </li>
                                                 
                                                  
                                                   <li><a href="/unica">
                                                      <span class="level-one title">HCL Unica</span>
                                                      <span class="desc">Enterprise marketing automation
                                                      platform</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/volt-mx">
                                                      <span class="level-one title">HCL Volt MX</span>
                                                      <span class="desc">Multi-experience low code app dev</span>
                                                      </a>
                                                   </li>
                                                   <!--<li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >
                                                      <span class="level-one title">HCL Zeenea Data Intelligence Platform</span>
                                                      <span class="desc">Cloud-native data governance
                                                      solution</span>
                                                      </a>
                                                   </li>-->
                                    </ul>
                                 </div>
                              </div>
                              <div role="tabpanel" class="tab-pane  " id="exploreTab1">
                                 <div class="row">
                                    <div class="col-md-12">
                                       <ul class="tab-content-menu alphabetical-list">
                                          <li><a href="/actian"><span class="level-one title">HCL Actian</span></a>
                                          </li>
                                          <li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" ><span
                                             class="level-one title">HCL Actian Data Intelligence Platform</span></a>
                                          </li>
                                          <li><a href="/actian/ingres-transactional-database"
                                             title=""><span class="level-one title">HCL Actian
                                             Ingres</span></a>
                                          </li>
                                          <li><a href="/aftermarket-cloud"><span class="level-one title">HCL
                                             Aftermarket Cloud</span></a>
                                          </li>
<li><a href="/aion"><span class="level-one title">HCL
                                             AION</span></a>
                                          </li>
                                          <li><a href="/appscan"><span class="level-one title">HCL
                                             AppScan</span></a>
                                          </li>
                                          <li><a href="/automation-orchestration"><span class="level-one title">HCL
                                             Automation Orchestration</span></a>
                                          </li>
                                          <li>
                                             <a
                                                href="/automation-orchestration/automation-orchestrator-suite"><span
                                                class="level-one title">HCL Automation Orchestrator
                                             Suite</span></a>
                                          </li>
                                          <li><a href="/bigfix">
                                             <span class="level-one title">HCL BigFix</span></a>
                                          </li>
                                          <li><a href="https://camworks.com" target="_blank" ><span class="title">HCL CAMWorks</span></a>
                                          </li>
                                          <!-- <li>
                                             <a href="/bigfix?bigfix=ai"><span class="title">HCL BigFix</span></a>
                                             </li> -->
                                          <li>
                                             <a href="/clara"><span class="level-one title">HCL Clara</span></a>
                                          </li>
                                          <!-- <li><a href="/cloud-native"><span class="title">HCL Cloud
                                             Native</span></a>
                                             </li> -->
                                          <li><a href="/commerce"><span class="level-one title">HCL Commerce+</span></a>
                                          </li>
                                          <li><a href="/connections"><span class="level-one title">HCL
                                             Connections</span></a>
                                          </li>
                                          <li><a href="/customer-data-platform"><span class="level-one title">HCL
                                             Customer Data Platform</span></a>
                                          </li>
                                          <li><a href="/actian/dataconnect" title=""><span
                                             class="level-one title">HCL DataConnect</span></a></li>
                                          <li><a href="https://dfmpro.com" target="_blank" ><span
                                             class="level-one title">HCL DFMPro</span></a></li>
                                          <li><a href="/discover-plus"><span class="level-one title">HCL
                                             Discover+</span></a>
                                          </li>
                                          <li><a href="/domino"><span class="level-one title">HCL Domino</span></a>
                                          </li>
                                          <li><a href="/dx"><span class="level-one title">HCL DX</span></a></li>
                                          <li>
                                             <a href="/devops-code-clearcase"><span class="level-one title">HCL
                                             DevOps Code ClearCase</span></a>
                                          </li>
                                          <li>
                                             <a href="/devops-code-realtime"><span class="level-one title">HCL
                                             DevOps Code RealTime</span></a>
                                          </li>
                                          <li>
                                             <a href="/devops-deploy"><span class="level-one title">HCL DevOps
                                             Deploy</span></a>
                                          </li>
                                          <li>
                                             <a href="/devops-plan"><span class="level-one title">HCL DevOps
                                             Plan</span></a>
                                          </li>
                                          <li>
                                             <a href="/devops-model-realtime"><span class="level-one title">HCL
                                             DevOps Model RealTime</span></a>
                                          </li>
                                          <li>
                                             <a href="/devops-test"><span class="level-one title">HCL DevOps
                                             Test</span></a>
                                          </li>
                                          <li>
                                             <a href="/devops-test-embedded"><span class="level-one title">HCL
                                             DevOps Test Embedded</span></a>
                                          </li>
                                          <li>
                                             <a href="/devops-velocity"><span class="level-one title">HCL DevOps
                                             Velocity</span></a>
                                          </li>
                                          <li><a href="https://www.glovius.com" target="_blank" ><span class="level-one title">HCL Glovius</span></a></li>
                                          <li>
                                             <a href="/hero"><span class="level-one title">HCL Hero</span></a>
                                          </li>
                                          <li>
                                             <a href="/hive"><span class="level-one title">HCL HIVE</span></a>
                                          </li>
                                         
                                          <li>
                                             <a href="/icontrol"><span class="level-one title">HCL
                                             iControl</span></a>
                                          </li>
                                          <li><a href="/actian/informix" title=""><span class="level-one title">HCL
                                             Informix</span></a>
                                          </li>
                                          <li>
                                             <a href="/intelliops"><span class="level-one title">HCL
                                             IntelliOps</span></a>
                                          </li>
                                          <li>
                                             <a href="/intelliops-event-management"><span
                                                class="level-one title">HCL IntelliOps Event
                                             Management</span></a>
                                          </li>
                                          <!--<li>
                                             <a href="/intelligent-operations" title=""><span class="title">HCL Intelligent Operations</span></a>
                                             </li>-->
                                          <li>
                                             <a href="/iobserve"><span class="level-one title">HCL
                                             iObserve</span></a>
                                          </li>
                                         <!-- <li><a href="/leap"><span class="level-one title">HCL Leap</span></a></li>-->
                                          <li><a href="/link"><span class="level-one title">HCL Link</span></a></li>
                                          <li>
                                             <a href="/mainframe-solutions"><span class="level-one title">HCL
                                             Mainframe Solutions</span></a>
                                          </li>
                                          <li><a href="/marketing-cloud"><span class="level-one title">HCL Marketing
                                             Cloud</span></a>
                                          </li>
                                          <li><a href="/marketplace"><span class="level-one title">HCL
                                             Marketplace</span></a>
                                          </li>
                                          <!--<li>
                                             <a href="/mycloud"><span class="level-one title">HCL
                                             MyCloud</span></a>
                                          </li>-->
                                          <li><a href="/mosaic"><span class="title">HCL Mosaic
                                             </span></a>
                                          </li>
                                          <li>
                                             <a href="/my-xalytics"><span class="level-one title">HCL
                                             MyXalytics</span></a>
                                          </li>
                                          <li>
                                             <a href="/myxalytics-finops"><span class="level-one title">HCL
                                             MyXalytics Finops</span></a>
                                          </li>
                                          <li><a href="/nippon" title=""><span class="level-one title">HCL
                                             Nippon</span></a>
                                          </li>
                                          <li><a href="/notes"><span class="level-one title">HCL Notes</span></a>
                                          </li>
                                          <li><a href="/hcl-now"><span class="level-one title">HCL Now</span></a>
                                          </li>
                                          <!--<li><a href="/onedb"><span class="level-one title">HCL OneDB</span></a></li>-->
                                          <li><a href="/safelinx"><span class="level-one title">HCL
                                             SafeLinx</span></a>
                                          </li>
                                          <li><a href="/sametime"><span class="level-one title">HCL
                                             Sametime</span></a>
                                          </li>
                                          <li>
                                             <a href="/secure-devops"><span class="level-one title">HCL Secure
                                             DevOps</span> </a>
                                          </li>
                                          
                                          
                                          <li><a href="/unica"><span class="level-one title">HCL Unica</span></a>
                                          </li>
                                          <li><a href="/universal-orchestrator"><span
                                             class="level-one title">HCL Universal Orchestrator</span></a>
                                          </li>
                                          <li><a href="/actian/vector-analytics-database" title=""><span
                                             class="level-one title">HCL Vector Analytics</span></a></li>
                                          <li><a href="/verse"><span class="level-one title">HCL Verse</span></a>
                                          </li>
                                          <li><a href="/volt-mx"><span class="level-one title">HCL Volt
                                             MX</span></a>
                                          </li>
                                          <li>
                                             <a href="/workload-automation"><span class="level-one title">HCL
                                             Workload Automation</span></a>
                                          </li>
                                          <li>
                                             <a href="/zao"><span class="level-one title">HCL Z Asset
                                             Optimizer</span></a>
                                          </li>
                                          <li>
                                             <a href="/zai"><span class="level-one title">HCL Z Abend
                                             Investigator</span></a>
                                          </li>
                                          <li>
                                             <a href="/zie"><span class="level-one title">HCL Z and I
                                             Emulator</span></a>
                                          </li>
                                          <!--<li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >
                                             <span class="level-one title">HCL Zeenea Data Intelligence Platform</span>
                                             </a>
                                          </li>-->
                                          <li><a href="/actian/zen-edge-data-management" title=""><span
                                             class="level-one title">HCL Zen Edge Data
                                             Management</span></a>
                                          </li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="view-all-nav text-center">
                                    <a href="/products">View all products <img src="/wps/wcm/connect/13dc6145-43ed-4bb5-8efd-06eb21e21f27/forward-arrow.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-13dc6145-43ed-4bb5-8efd-06eb21e21f27-pxVeWro" alt="forward-arrow"  class="img-responsives" /></a>
                                 </div>
                              </div>
                              <div role="tabpanel" class="tab-pane " id="personaTab2">
                                 <div class="megamenu-body" style="padding-top: 0!important;">
                                    <div class="nav-tab-content">
                                       <ul class="nav nav-tabs layer2cls" role="tablist">
                                        <li role="presentation" class="active level-one">
                                             <a data-target="#DeveloperTab" role="tab" data-toggle="tab">
                                             Citizen Developers
                                             </a>
                                          </li>

                                          <li role="presentation" class="level-one">
                                             <a data-target="#CMO_Tab" role="tab" data-toggle="tab">
                                             IT Operations & Management
                                             </a>
                                          </li>
                                          <li role="presentation" class="level-one">
                                             <a data-target="#CISOTab" role="tab" data-toggle="tab">
                                             Line of Business
                                             </a>
                                          </li>
                                          <!-- <li role="presentation" class="level-one">
                                             <a data-target="#CIO_CTOTab" role="tab" data-toggle="tab">
                                             Marketing
                                             </a>
                                          </li> -->
                                          <li role="presentation" class="level-one">
                                             <a data-target="#CFO_Tab" role="tab" data-toggle="tab">
                                                Data Analysts 
                                             </a>
                                          </li>
                                          <li role="presentation" class="level-one">
                                             <a data-target="#CEO_Tab" role="tab" data-toggle="tab">
                                             Security & IT Compliance 
                                             </a>
                                          </li>
                                          
                                       </ul>
                                       <div class="tab-content">
                                       
                                            <div role="tabpanel" class="tab-pane active" id="DeveloperTab">

                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/citizen-developers" title="">
                                                      <span class="title level-two"> Citizen Developers</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/appscan">
                                                      <span class="title level-two">HCL AppScan</span>
                                                      <span class="desc">Scans for Application
                                                      Vulnerabilities</span>
                                                      </a>
                                                   </li>
                                                   
                                                   <li><a href="/actian/dataconnect">
                                                      <span class="title level-two">HCL DataConnect</span>
                                                      <span class="desc">Low-code integration platform</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/domino">
                                                      <span class="title level-two">HCL Domino</span>
                                                      <span class="desc">Rapid application development
                                                      platform</span>
                                                      </a>
                                                   </li>
                                                 <!--  <li><a href="/leap">
                                                      <span class="title level-two">HCL Leap</span>
                                                      <span class="desc">No Code Citizen App Dev</span>
                                                      </a>
                                                   </li>-->
                                                   <li><a href="/mosaic">
                                                        <span class="level-two title">HCL Mosaic</span>
                                                        <span class="desc">Deliver seamless customer and employee
                                                        experiences</span>
                                                        </a>
                                                      </li>
                                                      <li><a href="/secure-devops">
                                                      <span class="title level-two">HCL Secure DevOps</span>
                                                      <span class="desc">Automated testing and security
                                                      scanning</span>
                                                      </a>
                                                   </li>
                                                    
                                                   <li><a href="/volt-mx">
                                                      <span class="title level-two">HCL Volt MX</span>
                                                      <span class="desc">Multi-experience low code app dev</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="CMO_Tab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/operations-management" title="">
                                                      <span class="title level-two">IT Operations & Management</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                    <li><a
                                                      href="/automation-orchestration/automation-orchestrator-suite">
                                                      <span class="title level-two">HCL Automation Orchestrator Suite</span>
                                                      <span class="desc">Accelerate IT and business
                                                      automation</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/workspace">
                                                      <span class="title level-two">HCL BigFix Workspace+</span>
                                                      <span class="desc">Fueling GenAI within the Digital+
                                                      experience</span>
                                                      </a>
                                                   </li>
                                                    <li><a href="/bigfix/products/service-management?bigfix=io">
                                                      <span class="title level-two">HCL BigFix Service Management</span>
                                                      <span class="desc">AI-powered Service Management for IT and beyond</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/aex">
                                                      <span class="title level-two">HCL BigFix AEX</span>
                                                      <span class="desc">AI-driven employee experience
                                                      accelerating productivity and innovation</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/icontrol">
                                                      <span class="title level-two">HCL iControl</span>
                                                      <span class="desc">HCL iControl is a business flow and
                                                      process observability solution</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/my-xalytics">
                                                      <span class="title level-two">HCL MyXalytics</span>
                                                      <span class="desc">Cloud finOps visibility and
                                                      insights</span>
                                                      </a>
                                                   </li>
                                                  
                                                   <li><a href="/workload-automation">
                                                      <span class="title level-two">HCL Workload Automation</span>
                                                      <span class="desc">Simplify and automation business
                                                      workflows</span>
                                                      </a>
                                                   </li>
                                                   
                                                   
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="CISOTab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/line-of-business" title="">
                                                      <span class="title level-two">Line of Business</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">

                                                    <li><a href="/aftermarket-cloud">
                                                      <span class="title level-two">HCL Aftermarket Cloud</span>
                                                      <span class="desc">Aftermarket-led growth platform</span>
                                                      </a>
                                                   </li>
                                                    <li><a
                                                      href="/automation-orchestration/automation-orchestrator-suite">
                                                      <span class="title level-two">HCL Automation Orchestrator Suite</span>
                                                      <span class="desc">Accelerate IT and business
                                                      automation</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="https://www.hclindustrysaas.com/telecom-5g/augmented-network-automation" target="_blank" ><span class="title level-two">HCL Augmented
                                                      Network Automation (SON)</span><span
                                                         class="desc">Intelligent RAN automation
                                                      platform</span></a>
                                                   </li>
                                                   
                                                   <li><a href="/commerce">
                                                      <span class="title level-two">HCL Commerce+</span>
                                                      <span class="desc">Enterprise e-commerce for B2C and
                                                      B2B</span>
                                                      </a>
                                                   </li>
                                                    <li><a href="https://camworks.com" target="_blank" ><span
                                                      class="title level-two">HCL CAMWorks</span><span class="desc">CAM
                                                      for machining productivity</span></a>
                                                   </li>                      
                                                   <li><a href="/customer-data-platform">
                                                      <span class="title level-two">HCL CDP</span>
                                                      <span class="desc">Flexible and customizable customer data
                                                      platform</span>
                                                      </a>
                                                   </li>

                                                    <li><a href="https://dfmpro.com" target="_blank" ><span
                                                      class="title level-two">HCL DFMPro</span><span class="desc">CAD
                                                      integrated Design-for-Manufacturing platform</span></a>
                                                   </li>
                                                   <li><a href="/discover-plus">
                                                      <span class="title level-two">HCL Discover+</span>
                                                      <span class="desc">Behavioral insights for customer
                                                      journeys</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="https://www.glovius.com" target="_blank" ><span
                                                      class="title level-two">HCL Glovius</span><span
                                                      class="desc">Modern lightweight CAD Viewer</span></a>
                                                   </li> 
                                                   <li><a href="/marketing-cloud">
                                                      <span class="title level-two">HCL Marketing Cloud</span>
                                                      <span class="desc">Fueling Precision Marketing At Scale with
                                                      AI</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/unica">
                                                      <span class="title level-two">HCL Unica</span>
                                                      <span class="desc">Enterprise marketing automation
                                                      platform</span>
                                                      </a>
                                                   </li>
                                                   
                                                </ul>
                                             </div>
                                          </div>
                                          <!-- <div role="tabpanel" class="tab-pane" id="CIO_CTOTab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/cto-cio">
                                                      <span class="title level-two">Marketing</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/actian/ingres-transactional-database">
                                                      <span class="title level-two">HCL Actian Ingres</span>
                                                      <span class="desc">Legendary transactional RDBMS</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/actian/actian-data-platform">
                                                      <span class="title level-two">HCL Actian Data Platform</span>
                                                      <span class="desc">Data services suite; flexible
                                                      deployment</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/appscan">
                                                      <span class="title level-two">HCL AppScan</span>
                                                      <span class="desc">Scans for Application
                                                      Vulnerabilities</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix">
                                                      <span class="title level-two">HCL BigFix</span>
                                                      <span class="desc">Secure endpoint management</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/aex">
                                                      <span class="title level-two">HCL BigFix AEX</span>
                                                      <span class="desc">AI-driven employee experience
                                                      accelerating productivity and innovation</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/enterprise">
                                                      <span class="title level-two">HCL BigFix Enterprise+</span>
                                                      <span class="desc">An all-in-one IT infrastructure
                                                      automation offering enabling you to stay ahead of cyber
                                                      threats</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/workspace">
                                                      <span class="title level-two">HCL BigFix Workspace+</span>
                                                      <span class="desc">Fueling GenAI within the Digital+
                                                      experience</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/actian/dataconnect">
                                                      <span class="title level-two">HCL DataConnect</span>
                                                      <span class="desc">Low-code integration platform</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/total-experience?val=hclfoundry">
                                                      <span class="title level-two">HCL Foundry</span>
                                                      <span class="desc">Secure Backend Services</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/icontrol">
                                                      <span class="title level-two">HCL iControl</span>
                                                      <span class="desc">HCL iControl is a business flow and
                                                      process observability solution</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/my-xalytics">
                                                      <span class="title level-two">HCL MyXalytics</span>
                                                      <span class="desc">Cloud FinOps visibility and
                                                      insights</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/sx">
                                                      <span class="title level-two">HCL SX</span>
                                                      <span class="desc">Service management for
                                                      everything-as-a-service delivery</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/automation-orchestration">
                                                      <span class="title level-two">HCL Universal Orchestrator</span>
                                                      <span class="desc">Orchestrate and optimize business
                                                      automation</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/actian/vector-analytics-database">
                                                      <span class="title level-two">HCL Vector Analytics</span>
                                                      <span class="desc">A high-performance, secure vectorized
                                                      columnar analytics database</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/workload-automation">
                                                      <span class="title level-two">HCL Workload Automation</span>
                                                      <span class="desc">Simplify and automation business
                                                      workflows</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/actian/zen-edge-data-management">
                                                      <span class="title level-two">HCL Zen</span>
                                                      <span class="desc">Embeddable edge data management </span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div> -->
                                          <div role="tabpanel" class="tab-pane" id="CFO_Tab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/data-analysts" title="">
                                                      <span class="title level-two">Data Analysts </span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   <li><a href="/actian">
                                                      <span class="title level-two">HCL Actian</span>
                                                      <span class="desc">Empowers the data-driven
                                                      enterprise</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >
                                                      <span class="title level-two">HCL Actian Data Intelligence Platform</span>
                                                      <span class="desc">AI intelligence, speed and governance</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/actian/ingres-transactional-database">
                                                      <span class="title level-two">HCL Actian Ingres</span>
                                                      <span class="desc">Legendary transactional RDBMS</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/customer-data-platform?cdp=tx">
                                                      <span class="title level-two">HCL CDP</span>
                                                      <span class="desc">Flexible and customizable customer data
                                                      platform</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/actian/dataconnect">
                                                      <span class="title level-two">HCL DataConnect</span>
                                                      <span class="desc">Low-code integration platform</span>
                                                      </a>
                                                   </li>
                                                   <!--<li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >
                                                      <span class="title level-two">HCL Zeenea Data Intelligence Platform</span>
                                                      <span class="desc">Cloud-native data governance solution</span>
                                                      </a>
                                                   </li>-->
                                                   <li><a href="/actian/zen-edge-data-management">
                                                      <span class="title level-two">HCL Zen</span>
                                                      <span class="desc">Embeddable edge data management </span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane" id="CEO_Tab">
                                             <div class="megamenu-body">
                                                <ul class="tab-content-menu col-three col-three-head">
                                                   <li><a href="/security-compliance" title="">
                                                      <span class="title level-two">Security & IT Compliance </span>
                                                      </a>
                                                   </li>
                                                </ul>
                                                <ul class="tab-content-menu col-three">
                                                   
                                                   <li><a href="/appscan">
                                                      <span class="title level-two">HCL AppScan</span>
                                                      <span class="desc">Scans for Application
                                                      Vulnerabilities</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix">
                                                      <span class="title level-two">HCL BigFix</span>
                                                      <span class="desc">Secure endpoint management</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/compliance">
                                                      <span class="title level-two">HCL BigFix Compliance</span>
                                                      <span class="desc">Ensure security with continuous,
                                                      real-time compliance monitoring</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/cyberfocus">
                                                      <span class="title level-two">HCL BigFix CyberFOCUS</span>
                                                      <span class="desc">Supercharging IT operations to secure the
                                                      enterprise</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/bigfix/products/remediate">
                                                      <span class="title level-two">HCL BigFix Remediate</span>
                                                      <span class="desc">Automate, remediate & secure
                                                      endpoints</span>
                                                      </a>
                                                   </li>
                                                   <li><a href="/secure-devops">
                                                      <span class="title level-two">HCL Secure DevOps</span>
                                                      <span class="desc">Automated testing and security
                                                      scanning</span>
                                                      </a>
                                                   </li>
                                                </ul>
                                             </div>
                                          </div>
                                          
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li class="panel menu-item-expanded panel-industries">
                  <a data-target="#Industries" class="menu-link collapsed collapse-link" data-parent="#NavMenu"
                     aria-expanded="false">Industries &nbsp; <i class="arrow-nav nav-down"></i> </a>
                  <div class="megamenu industries-megamenu collapse" role="tabpanel" id="Industries">
                     <div class="megamenu-body">
                        <ul class="tab-content-menu col-one">
                           <li><a class="move-down industry-overview track-industry-item" href="/industries"
                              style="cursor: context-menu;">
                              <span class="level-one title">Industry Overview</span>
                              </a>
                           </li>
                           <li><a class="move-down track-industry-item" href="/industries/banking-and-financial">
                              <span class="level-one title">Banking and Financial</span>
                              </a>
                           </li>
                           <li><a class="move-down track-industry-item" href="/industries/government">
                              <span class="level-one title">Government</span>
                              </a>
                           </li>
                           <li><a class="move-down track-industry-item" href="/industries/healthcare">
                              <span class="level-one title">Healthcare</span>
                              </a>
                           </li>
                           <li><a class="move-down track-industry-item" href="/industries/insurance">
                              <span class="level-one title">Insurance</span>
                              </a>
                           </li>
                           <li><a class="move-down track-industry-item" href="/industries/manufacturing">
                              <span class="level-one title">Manufacturing</span>
                              </a>
                           </li>
                           <li><a class="move-down track-industry-item" href="/industries/retail">
                              <span class="level-one title">Retail</span>
                              </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </li>
               <li class="panel menu-item--expanded panel-partner">
                  <a data-target="#PartnerMenu" class="menu-link collapse-link collapsed" data-parent="#NavMenu"
                     aria-expanded="false">Partners &nbsp; <i class="arrow-nav nav-down"></i> </a>
                  <div class="megamenu collapse" role="tabpanel" id="PartnerMenu">
                     <div class="megamenu-body">
                        <ul class="tab-content-menu">
                           <li><a class="track-partner-item" href="/resources/partner-connect/partner-ecosystem" title=""><span
                              class="title level-one">Partner Ecosystem</span></a></li>
                           <li><a href="https://hcl-partners.amp.vg"  class="track-partner-item"><span
                              class="title level-one">Partner Locator</span></a></li>
                           <li><a class="track-partner-item" href="/resources/partner-connect" title=""><span class="title">Partner
                              Connect</span></a>
                           </li>
                           <li><a class="track-partner-item" href="/resources/partner-connect/global-system-integrators" title=""><span
                              class="title level-one">Global System Integrators</span></a>
                          </li>

                        </ul>
                     </div>
                  </div>
               </li>
               <li class="panel menu-item--expanded panel-support">
                    <a href="/customer-success" class="menu-link collapse-link collapsed" >Customer Success</a>
                </li>
                <li class="panel menu-item--expanded panel-partner panel-envision">
                    <a data-target="#EnvisionMenu" class="menu-link collapse-link collapsed" data-parent="#NavMenu"
                    aria-expanded="false">What We Envision &nbsp; <i class="arrow-nav nav-down"></i> </a>
                 <div class="megamenu collapse" role="tabpanel" id="EnvisionMenu">
                    <div class="megamenu-body">
                       <ul class="tab-content-menu">
                          <li><a class="track-envision-item" href="/xdo-customer-experience-data-operations" title=""><span
                             class="level-one title">XDO</span></a></li>
                          <li><a href="https://www.hclsoftwareideaverse.com/ideaverse"  class="track-envision-item"><span
                             class="level-one title">Ideaverse</span></a></li>
                         <!-- <li><a href="#" title=""><span class="title level-one">Thought Leadership</span></a>
                          </li>-->
                          <li><a class="track-envision-item" href="/resources/sync/tech-trends-2026" title=""><span
                             class="level-one title">HCLSoftware Tech Trends 2026 </span></a>
                         </li>

                       </ul>
                    </div>
                 </div>
                </li>

               <!-- <li class="panel menu-item--expanded panel-support">
                  <a data-target="#supportMenu" class="menu-link collapse-link collapsed" data-parent="#NavMenu"
                     aria-expanded="false">Learn & Support &nbsp; <i class="arrow-nav nav-down"></i> </a>
                  <div class="megamenu collapse" role="tabpanel" id="supportMenu">
                     <div class="megamenu-body">
                        <div class="row">
                           <div class="col-sm-4">
                              <ul class="tab-content-menu">
                                 <li class="tab-content-head"><a href="https://support.hcl-software.com/csm" >
                                    <span class="title">Support</span>
                                    </a>
                                 </li>
                                 <li><a href="https://support.hcl-software.com/csm?id=kb_search" target="_blank" ><span class="title">Knowledge
                                    Base</span></a>
                                 </li>
                                 <li><a href="https://help.hcl-software.com/" target="_blank" ><span
                                    class="title">Product Documentation</span></a></li>
                                 <li><a href="https://support.hcl-software.com/community?id=community_home" target="_blank" ><span class="title">Ask the
                                    Community</span></a>
                                 </li>
                              </ul>
                           </div>
                           <div class="col-sm-4">
                              <ul class="tab-content-menu">
                                 <li class="tab-content-head">
                                    <a href="javascript:void(0);" style="cursor: context-menu;">
                                    <span class="title">Learn</span>
                                    </a>
                                 </li>
                                 <li><a href="/blog"><span class="title">Blog</span></a></li>
                                 <li><a href="https://hclsoftwareu.hcltechsw.com" ><span
                                    class="title">HCLSoftware U</span></a></li>
                                 <li><a href="/about/events"><span class="title">Events</span></a></li>
                                 <li><a href="/resources/stories/list"><span class="title">Success
                                    Stories</span></a>
                                 </li>
                                 <li><a href="/resources/partner-connect/sync"><span
                                    class="title">SYNC</span></a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </li> -->
            </ul>
            <ul class="panel-group list-unstyled list-unstyled-menu clearfix" id="NavMenu" role="tablist">
               <li class="panel searchinput-panel">
                 <div class="search-form">
                      <form action="javascript:void(0);" role="search">
                    <div class="search-container" id="searchBoxDesktop">
    <div class="search-icon" id="search-icon"><img src="/wps/wcm/connect/2ef158aa-1346-4636-bcef-01c76ad250d4/search.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-2ef158aa-1346-4636-bcef-01c76ad250d4-pxPPLFE" alt=""  title="" style="width: 19px; height: 21px;" /></div>
    <input type="text" id="hclsearch" class="homesearch" name="q" placeholder="Search..." autocomplete="off">
</div>
                </form>
            </div>
               </li>
               <li class="panel contact-panel track-try-now"><a href="/free-trial"
                  class="menu-link contact-menu btn-style-header btn-style-header-outline">Try now</a></li>
               <li class="panel contact-panel track-contact-us"><a href="/contact-us"
                  class="menu-link contact-menu btn-style-header">Contact us</a></li>
                  <li class="panel contact-panel track-chatnow">
                    <button id="chatWithAgentBtn" class="menu-link contact-menu btn-style-header btn-style-header-outline chat-agent-btn">Chat now</button>


              </li>
            </ul>
         </div>
      </div>
   </div>
   <!--Header Primary End -->
   <div class="primary-header-mobile">
      <button class="menu-btn" type="button">
      <span class="menu-btn__line"></span>
      <span class="menu-btn__line"></span>
      <span class="menu-btn__line"></span>
      <span class="menu-btn__line"></span>
      <span class="menu-btn__close"></span>
      </button>
      <a href="/" title="" class="logo">
      <img src="/wps/wcm/connect/a185b95a-12cc-4252-9140-2b0ba40af651/hcl-software-logo.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-a185b95a-12cc-4252-9140-2b0ba40af651-pvKajzP" alt="HCLSoftware Logo"  title="" class="img-responsive" />
      </a>
      <div class="icon-cta">
           <div class="search-form">
              <form onsubmit="return initializeSearch();" role="search" action="javascript:void(0);">
  <div class="search-container" id="searchBoxMobile">
   <div class="search-icon" id="search-icon-mobile"><img src="/wps/wcm/connect/2ef158aa-1346-4636-bcef-01c76ad250d4/search.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-2ef158aa-1346-4636-bcef-01c76ad250d4-pxPPLFE" alt=""  title="" style="width: 22px; height: 21px;" /></div>
   <input type="text" id="hclsearchMobile" class="homesearch" name="q" placeholder="Search..." autocomplete="off">
</div>
</form>
          </div>
           <a href="/contact-us" class="btn">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path d="M1.53846 18.3715C1.30769 18.3715 1.07692 18.2945 0.923077 18.2176C0.384615 17.9869 0 17.4484 0 16.833V2.37147C0 1.52532 0.692308 0.833008 1.53846 0.833008H18.4615C19.3077 0.833008 20 1.52532 20 2.37147V13.1407C20 13.9869 19.3077 14.6792 18.4615 14.6792H6.69231C6.53846 14.6792 6.30769 14.7561 6.15385 14.833L2.46154 17.9869C2.23077 18.2945 1.92308 18.3715 1.53846 18.3715ZM1.53846 10.0638V16.833L5.23077 13.6792C5.61539 13.3715 6.15385 13.1407 6.69231 13.1407H18.4615V2.37147H1.53846V10.0638Z" fill="#6E7191"/>
              </svg>
           </a>
        </div>
   </div>
</header>


  <style>.mob-navbar{transition:transform 0.3s;transform:translateX(-100%);top:79px;left:0;height:calc(100% - 79px);width:300px;background:#fff;z-index:10;position:fixed}.mob-nav-wrapper{position:absolute;width:100%;height:100%;font-size:14px;transition:transform 0.3s;top:0;left:0}.show-menu .mob-navbar{transform:none;z-index:9999}.scrolldown .mob-navbar{height:calc(100% - 44px);top:44px}.mob-nav-wrapper nav{position:absolute;left:0;top:0;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background-color:#fff}.mob-nav-wrapper nav .nav-toggle{position:absolute;top:0;left:0;width:100%;padding:15px 25px;background-color:#fff;color:#14142B;z-index:100;cursor:pointer;position:sticky;top:0;transition:backgroun-color 0.2s;display:none;border-bottom:1px solid #D9DBE9}.mob-nav-wrapper nav .nav-toggle.back-visible{display:block}.mob-nav-wrapper nav .nav-toggle.back-visible .nav-back{opacity:1}.mob-nav-wrapper nav .nav-toggle.back-visible .nav-title{transform:translateX(0)}.mob-nav-wrapper nav .nav-title{position:absolute;left:0;top:1.3em;font-size:15px;font-weight:600;padding:0 50px;transition:transform 0.3s;transform:translateX(-40px);width:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mob-nav-wrapper nav .nav-back{display:inline-block;position:relative;width:30px;height:30px;vertical-align:middle;z-index:1;opacity:0;transition:opacity 0.2s;margin-left:-5px;background:url(/wps/wcm/connect/d1460911-8cb6-4753-bc19-64eef73a82f0/forward-arrow-black.svg?MOD=AJPERES) no-repeat right center;transform:scaleX(-1);background-size:11px}.mob-nav-wrapper nav a{display:block;position:relative;padding:15px 30px 15px 20px;border-bottom:1px solid #D9DBE9;color:#14142B;text-decoration:none;transition:color 0.15s,background-color 0.15s;background:url(/wps/wcm/connect/d1460911-8cb6-4753-bc19-64eef73a82f0/forward-arrow-black.svg?MOD=AJPERES) no-repeat calc(100% - 15px) center;background-size:11px}.mob-nav-wrapper nav a strong,.mob-nav-wrapper nav a b{font-weight:600}.mob-nav-wrapper nav .no-arrow{background-image:none}.mob-nav-wrapper nav a.has-title,.mob-nav-wrapper nav a.is-head{color:#17707F;font-size:15px;font-weight:500;background-color:#F7F7FC}.mob-nav-wrapper nav a.has-highlight,.mob-nav-wrapper nav a.has-highlight:hover{background:url(/wps/wcm/connect/d4deb29f-039d-42c7-b537-77626f6515a7/forward-arrow.svg?MOD=AJPERES) no-repeat calc(100% - 15px) center #17707F;background-size:11px;color:#fff;font-weight:500;border-bottom:none}.mob-nav-wrapper .contact-panel{border:none!important;margin:0!important}.mob-nav-wrapper .btn-style-header:after{display:none}.mob-nav-wrapper .btn-style-header,.mob-nav-wrapper .btn-style-header{border-radius:0!important;display:block;margin:0!important;padding:15px 20px!important;line-height:normal!important;height:auto!important;border:none!important;background:url(/wps/wcm/connect/d4deb29f-039d-42c7-b537-77626f6515a7/forward-arrow.svg?MOD=AJPERES) no-repeat calc(100% - 15px) center #17707F!important;background-size:11px!important;font-size:14px}.mob-nav-wrapper .menu-link.contact-menu.btn-style-header.btn-style-header-outline{height:auto!important;border:solid #D9DBE9!important;border-width:0 0 1px!important;background:url(/wps/wcm/connect/1656ae4c-0fc2-4fe4-b0ef-ab4fb5c74317/vector-arow.svg?MOD=AJPERES) no-repeat no-repeat calc(100% - 15px) center!important;background-size:11px!important}.mob-nav-wrapper .menu-link.contact-menu.btn-style-header.btn-style-header-outline:hover{color:#17707F!important}.mob-nav-wrapper nav a.is-head .dropdown-menu-title{color:#17707F}.mob-nav-wrapper nav .bg-dark>a{background:#262338;border:none;padding:15px 30px 15px 20px;color:#fff;border-bottom:solid 1px rgb(255 255 255 / .2)}.mob-nav-wrapper nav li.bg-dark.has-dropdown>a:after{border-right-color:#fff;border-bottom-color:#fff}.mob-nav-wrapper nav .bg-dark>a:hover{background:#262338;color:#fff}.mob-nav-wrapper nav a.has-logo{text-align:right;background:#14142B}.mob-nav-wrapper nav a.has-logo img{height:8px;width:auto}.mob-nav-wrapper nav a .dropdown-menu-title{display:block;font-weight:400}.mob-nav-wrapper nav a small,.mob-nav-wrapper nav a .dropdown-menu-desc{font-weight:300;color:#6E7191;display:block;font-size:12px;margin:0}.mob-nav-wrapper nav a:hover{color:#0B455F;background-color:#eff0f6}.mob-nav-wrapper nav .has-heading{font-size:15px;background-color:#F7F7FC;background-image:none;font-weight:600}.mob-nav-wrapper nav ul{list-style:none;padding:0;transition:transform 0.3s;background-color:#fafafa;position:absolute;left:0;top:0;height:100%;width:100%}.mob-nav-wrapper nav .nav-toggle.back-visible+ul{height:calc(100% - 60px);top:60px}.mob-nav-wrapper ul ul{display:none;left:100%}.mob-nav-wrapper nav li.has-dropdown>a{padding-right:2.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background-image:none}.mob-nav-wrapper nav li.has-dropdown>a:after{content:"";position:absolute;top:50%;right:20px;width:7px;height:7px;border:1px solid #000;border-left-color:#fff0;border-top-color:#fff0;transform:translateY(-90%) rotateZ(-45deg);transition:transform 0.3s;transform-origin:100%}.mob-nav-wrapper nav li.nav-dropdown-open>ul{display:block}.mob-nav-wrapper nav li.has-dropdown.bg-d>a.nav-link{display:flex;gap:5px}.primary-header-mobile{background:#fff;height:44px;box-shadow:0 0 8px 0 rgb(0 0 0 / .2);display:flex;justify-content:space-between;align-items:center;padding:0 35px;position:relative}.primary-header-mobile .logo{position:absolute;top:0;left:50%;line-height:44px;width:144px;text-align:center;margin-left:-72px}.primary-header-mobile .logo-text{color:#17707F;font-weight:600;font-size:18px;line-height:44px;position:absolute;top:0;left:0;width:100%;text-align:center;padding:0 80px}.primary-header-mobile .logo img{height:18px;width:auto}.primary-header-mobile .icon-cta{display:flex;align-items:center}.primary-header-mobile .icon-cta .btn{background:none;display:flex;align-items:center;padding:8px 10px}.menu-btn{padding:5px 0 0;cursor:pointer;border-radius:0;position:relative;background:none;border:none;z-index:10}.menu-btn:hover{background:#fff}.menu-btn__line{display:block;width:24px;height:2px;margin-bottom:3px;background-color:#000;transition:transform 0.3s ease-in-out;transform-origin:left}.menu-btn__line:nth-child(1){transition-delay:0.55s}.menu-btn__line:nth-child(2){transition-delay:0.7s}.menu-btn__line:nth-child(3){transition-delay:0.85s}.menu-btn__line:nth-child(4){transition-delay:1s}.menu-btn__close{display:block;width:20px;height:20px;position:absolute;top:50%;left:10px;transform:rotate(-45deg) translateX(-50%) translateY(-50%);transform-origin:top left}.menu-btn__close::before,.menu-btn__close::after{content:"";display:block;background-color:#000;position:absolute;transition:transform 0.3s ease-in-out}.menu-btn__close::before{width:2px;height:20px;top:0;left:50%;margin-left:-1px;transition-delay:0.15s;transform:scaleY(0);transform-origin:top}.menu-btn__close::after{width:20px;height:2px;top:50%;left:0;margin-top:-1px;transition-delay:0s;transform:scaleX(0);transform-origin:right}.show-menu .menu-btn .menu-btn__line{transform:scaleX(0)}.show-menu .menu-btn .menu-btn__close::before{transform:scaleY(1);transition-delay:0.7s}.show-menu .menu-btn .menu-btn__close::after{transform:scaleX(1);transition-delay:0.85s}.show-menu .menu-btn .menu-btn__line:nth-child(1){transition-delay:0.45s}.show-menu .menu-btn .menu-btn__line:nth-child(2){transition-delay:0.3s}.show-menu .menu-btn .menu-btn__line:nth-child(3){transition-delay:0.15s}.show-menu .menu-btn .menu-btn__line:nth-child(4){transition-delay:0s}@media screen and (min-width:1201px){.mob-navbar,.primary-header-mobile,body.show-menu:before{display:none}}@media screen and (max-width:1200px){body.show-menu{overflow:hidden}body.show-menu:before{content:'';width:100%;height:100%;background:rgb(0 0 0 / .5);position:fixed;top:0;left:0;z-index:10}}@media screen and (max-width:767.5px){.mob-navbar{width:100%}.primary-header-mobile{padding:0 15px}.primary-header-mobile,.primary-header-mobile .menu-btn{height:50px}.primary-header-mobile .logo{line-height:50px}.mob-navbar,.scrolldown .mob-navbar{height:calc(100% - 50px);top:50px}.primary-header-mobile .logo-text{line-height:50px}}</style>
<!-- header mobile menu -->
<div class="mob-navbar">
   <div class="mob-nav-wrapper">
      <nav role="navigation">
         <div class="nav-toggle">
            <span class="nav-back"></span>
            <span class="nav-title"></span>
            <span class="nav-close"></span>
         </div>
         <ul>
            <li class="has-dropdown">
               <a href="#">Products</a>
               <ul>
                  <li class="has-dropdown">
                     <a href="#">
                     Offerings
                     </a>
                     <ul>
                        <li class="has-dropdown">
                           <a href="#"><strong>Business & Industry Applications</strong></a>
                           <ul>
                              <li><a class="has-title" href="/business-industry-applications">Business &
                                 Industry Applications Overview<small>Deliver memorable CX that drive
                                 conversions, revenue & loyalty</small></a>
                              </li>
                              <li><a href="/aftermarket-cloud">HCL Aftermarket Cloud<small>Aftermarket-led
                                 growth platform</small></a>
                              </li>
                              <li><a href="/automation-orchestration">HCL Automation
                                 Orchestration<small>Streamline Business Processes</small></a>
                              </li>
                              <li><a href="/commerce">HCL Commerce+<small>Enterprise e-commerce for B2C
                                 and B2B</small></a>
                              </li>
                              <li><a href="/customer-data-platform">HCL CDP<small>Flexible and customizable
                                 customer data platform</small></a>
                              </li>
                              <li><a href="/discover-plus">HCL Discover+<small>Behavioral insights for customer
                                 journeys</small></a>
                              </li>
                              <li><a href="/marketing-cloud">HCL Marketing Cloud<small>Fueling precision
                                 marketing at scale with AI</small></a>
                              </li>
                              <li><a href="/unica">Unica<small>Enterprise marketing automation
                                 platform</small></a>
                              </li>
                           </ul>
                        </li>
                        <li class="has-dropdown">
                           <a href="#"><strong>Cybersecurity</strong></a>
                           <ul>
                              <li><a class="has-title" href="/cybersecurity">Cybersecurity
                                 Overview<small>Secure DevOps & compliance from applications to
                                 endpoint</small></a>
                              </li>
                              <li><a href="/appscan">HCL AppScan<small>Scans for application
                                 vulnerabilities</small></a>
                              </li>
                              <li><a href="/bigfix">HCL BigFix<small>Secure endpoint management</small></a>
                              </li>
                              <li><a href="/bigfix/products/compliance">HCL BigFix Compliance<small>Ensure
                                 security with continuous, real-time compliance
                                 monitoring</small></a>
                              </li>
                              <li><a href="/bigfix/products/cyberfocus">HCL BigFix
                                 CyberFOCUS<small>Supercharging IT operations to secure the
                                 enterprise</small></a>
                              </li>
                              <li><a href="/bigfix/products/remediate">HCL BigFix Remediate<small>Automate,
                                 remediate & secure endpoints</small></a>
                              </li>
                           </ul>
                        </li>
                        <li class="has-dropdown">
                           <a href="#"><strong>Data and Analytics</strong></a>
                           <ul>
                              <li><a class="has-title" href="/data-analytics">Data and Analytics
                                 Overview<small>Enable confident data driven organizations</small></a>
                              </li>
                              <li><a href="/actian">HCL Actian<small>Empowers the data-driven
                                 enterprise</small></a>
                              </li>
                              <li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >HCL Actian Data Intelligence Platform<small>AI intelligence, speed and governance</small></a>
                              </li>
                              <li><a href="/actian/ingres-transactional-database">HCL Actian
                                 Ingres<small>Legendary transactional RDBMS</small></a>
                              </li>
                              <li><a href="/actian/dataconnect">HCL DataConnect<small>Low-code integration
                                 platform</small></a>
                              </li>
                              <li><a href="/actian/zen-edge-data-management">HCL Zen<small>Embeddable edge
                                 data management </small></a>
                              </li>
                             <!-- <li><a href="https://www.actian.com/zeenea/data-discovery-platform" target="_blank" >HCL Zeenea Data Discover
                                 Platform<small>Cloud-native data governance solution</small></a>
                              </li>-->
                           </ul>
                        </li>
                        <li class="has-dropdown">
                           <a href="#"><strong>AI and Intelligent Operations</strong></a>
                           <ul>
                              <li><a class="has-title" href="/ai-intelligent-operations">AI and Intelligent
                                 Operations Overview<small>Humanizing AI to elevate IT
                                 Operations</small></a>
                              </li>
                              <li><a href="/automation-orchestration?ao=io">HCL Automation
                                 Orchestration<small>Streamline Business Processes</small></a>
                              </li>
                              <li><a href="/automation-orchestration/automation-orchestrator-suite?ao=io">HCL
                                 Automation Orchestrator Suite<small>Accelerate IT and business
                                 automation</small></a>
                              </li>
                              <li><a href="/bigfix">HCL BigFix<small>Secure endpoint management</small></a>
                              </li>
                              <li><a href="/bigfix/aex">HCL BigFix AEX<small>AI-driven employee experience
                                 accelerating productivity and innovation</small></a>
                              </li>
                              <li><a href="/bigfix/products/enterprise">HCL BigFix Enterprise+<small>An
                                 all-in-one IT infrastructure automation offering enabling you to
                                 stay ahead of cyber threats</small></a>
                              </li>
                              <li><a href="/bigfix/products/workspace">HCL BigFix Workspace+<small>New
                                 Offering revolutionizing the digital workspace automation with
                                 AI</small></a>
                              </li>
                              <li><a href="/icontrol">HCL iControl<small>HCL iControl is a business flow and
                                 process observability solution</small></a>
                              </li>
                              <li><a href="/my-xalytics">HCL MyXalytics<small>Cloud finOps visibility and
                                 insights</small></a>
                              </li>
                              <li><a href="/bigfix/products/service-management">HCL BigFix Service Management<small>AI-powered Service Management for IT and beyond</small></a>
                              </li>
                              <li><a href="/workload-automation?hwa=io">HCL Workload Automation<small>Simplify
                                 and automation business workflows</small></a>
                              </li>
                           </ul>
                        </li>
                        <li class="has-dropdown">
                           <a href="#"><strong>Total Experience</strong></a>
                           <ul>
                              <li><a class="has-title" href="/total-experience">Total Experience
                                 Overview<small>Orchestrating delightful experiences on platform of
                                 trust</small></a>
                              </li>
                              <li><a href="/automation-orchestration?ao=tx">HCL Automation
                                 Orchestration<small>Streamline Business Processes</small></a>
                              </li>
                              <li><a href="/customer-data-platform">HCL CDP<small>Flexible and customizable
                                 customer data platform</small></a>
                              </li>
                              <li><a href="/dx">HCL DX<small>The DXP for the moments that matter</small></a>
                              </li>
                              <li><a href="/total-experience?val=hclfoundry">HCL Foundry<small>Secure backend
                                 services</small></a>
                              </li>
                              <!--<li><a href="/leap">HCL Leap<small>No code citizen app dev</small></a></li>-->
                              <li><a href="/mosaic">HCL Mosaic<small>Deliver seamless customer and
                                 employee experiences</small></a>
                              </li>
                              <li><a href="/volt-mx">HCL Volt MX<small>Multi-experience low code app
                                 dev</small></a>
                              </li>
                           </ul>
                        </li>
                        <li class="has-dropdown">
                           <a href=""><strong>Sovereign Collaboration</strong></a>
                           <ul>
                              <li><a class="has-title" href="/sovereign-collaboration">Sovereign Collaboration
                                 Overview<small>Data autonomy with secure and flexible
                                 solutions</small></a>
                              </li>
                              <li><a href="/connections">HCL Connections<small>Collaboration and task
                                 management in one workspace</small></a>
                              </li>
                              <li><a href="/domino">HCL Domino<small>Rapid application development
                                 platform</small></a>
                              </li>
                              <!--<li><a href="/leap">HCL Leap<small>No code citizen app dev</small></a></li>-->
                              <li><a href="/link">HCL Link<small>Connectivity across your digital
                                 ecosystem</small></a>
                              </li>
                              <li><a href="/notes">HCL Notes<small>Comprehensive email and collaboration
                                 hub</small></a>
                              </li>
                              <li><a href="/safelinx">HCL SafeLinx<small>Secure and flexible remote access to
                                 enterprise applications</small></a>
                              </li>
                              <li><a href="/sametime">HCL Sametime<small>Secure meetings, video, and chat
                                 communications</small></a>
                              </li>
                              <li><a href="/verse">HCL Verse<small>Smart and secure enterprise email for
                                 seamless workflow</small></a>
                              </li>
                           </ul>
                        </li>
                        <li class="has-dropdown">
                           <a href="#"><strong>Specialized Software</strong></a>
                           <ul>
                              <li><a class="has-title has-Specialized" href="javascript:void(0)">Specialized
                                 Software Overview<small>Purpose built Solutions For edge/niche use
                                 casest</small></a>
                              </li>
                              <!-- <li><a href="https://www.hclindustrysaas.com/telecom-5g/augmented-network-automation" target="_blank" >HCL Augmented Network Automation
                                 (SON)<small>Intelligent RAN automation platform</small></a>
                              </li> -->
                              <li><a href="https://www.hclindustrysaas.com/manufacturing-industry-4.0" target="_blank" >HCL GeomTech<small>Comprehensive PLM consulting
                                 & engineering services</small></a>
                              </li>
                              <li><a href="/mainframe-solutions">HCL Mainframe Optimization<small>Optimize,
                                 Modernize, and Innovate your Mainframe investments</small></a>
                              </li>
                              <li><a href="/secure-devops">HCL Secure DevOps<small>Automated testing and
                                 security scanning</small></a>
                              </li>
                           </ul>
                        </li>
                     </ul>
                  </li>
                  <li class="has-dropdown">
                     <a href="#">Artificial Intelligence</a>
                     <ul>
                        <li><a class="has-title" href="/artificial-intelligence">Artificial Intelligence: Built for Scale<small>Humanizing artificial intelligence to elevate IT Operations</small></a></li>
                        <li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >HCL Actian Data Intelligence Platform<small>AI intelligence, speed and governance</small></a>
                        </li>
                        <li><a href="/aion">HCL AION <small>AI life cycle management platform</small> </a>
                        </li>
                        <li><a href="/appscan">HCL AppScan<small>Scans for application vulnerabilities</small></a>
                        </li>
                        <li><a href="/bigfix">HCL BigFix<small>Secure endpoint management</small></a>
                        </li>
                        <li><a href="/commerce">HCL Commerce+<small>Enterprise e-commerce for B2C and B2B</small></a>
                        </li>
                        <li><a href="/domino">HCL Domino<small>Rapid application development platform</small></a>
                        </li>
                       
                        <li><a href="/icontrol">HCL iControl<small>HCL iControl is a business flow and process observability solution</small></a>
                        </li>
                        <li><a href="/my-xalytics">HCL MyXalytics<small>Cloud finOps visibility and insights</small></a>
                        </li>
                        <li><a href="/secure-devops">HCL Secure DevOps<small>Automated testing and security scanning</small></a>
                        </li>
                        <li><a href="/bigfix/products/service-management">HCL BigFix Service Management<small>AI-powered Service Management for IT and beyond</small></a>
                        </li>
                        <li><a href="/mosaic">HCL Mosaic<small>Deliver seamless customer and employee experiences</small></a>
                        </li>
                        <li><a href="/unica">HCL Unica<small>Enterprise marketing automation platform</small></a>
                        </li>
                        <li><a href="/volt-mx">HCL Volt MX<small>Multi-experience low code app dev</small></a>
                        </li>
                        <!--<li><a href="https://www.actian.com/zeenea/data-discovery-platform" target="_blank" >HCL Zeenea Data Discover Platform<small>Cloud-native data governance solution</small></a>
                        </li>-->
                     </ul>
                  </li>
                  <li class="has-dropdown">
                     <a href="#">
                     Persona
                     </a>
                     <ul>
                        <li class="has-dropdown">
                           <a href="#"><strong>Citizen Developers</strong></a>
                           <ul>
                              <li><a class="has-title" href="/citizen-developers">Citizen Developers</a></li>
                              <li><a href="/appscan">HCL AppScan<small>Scans for Application
                                 Vulnerabilities</small></a>
                              </li>
                              <li><a href="/actian/dataconnect">HCL DataConnect<small>Low-code integration platform</small></a>
                              </li>
                              <li><a href="/domino">HCL Domino<small>Rapid application development
                                 platform</small></a>
                              </li>
                              <!--<li><a href="/leap">HCL Leap<small>No Code Citizen App Dev</small></a>
                              </li>-->
                              <li><a href="/secure-devops">HCL Secure DevOps<small>Automated testing and security scanning</small></a>
                              </li>
                              <li><a href="/mosaic">HCL Mosaic<small>Deliver seamless customer and employee experiences</small></a>
                              </li>
                              <li><a href="/volt-mx">HCL Volt MX<small>Multi-experience low code app dev</small></a>
                              </li>
                           </ul>
                        </li>
                        <li class="has-dropdown">
                           <a href="#"><strong>IT Operations & Management</strong></a>
                           <ul>
                              <li><a class="has-title" href="/operations-management"> IT Operations & Management</a></li>
                              <li><a href="/automation-orchestration/automation-orchestrator-suite">HCL Automation Orchestrator Suite<small>Accelerate IT and business automation</small></a>
                              </li>
                              <li><a href="/bigfix/products/workspace">HCL BigFix Workspace+<small>Fueling GenAI within the Digital+ experience</small></a>
                              </li>
                              <li><a href="/bigfix/aex">HCL BigFix AEX<small>AI-driven employee experience
                                 accelerating productivity and innovation</small></a>
                              </li>
                              <li><a href="/icontrol">HCL iControl<small>HCL iControl is a business flow and process observability solution</small></a>
                              </li>
                              <li><a href="/my-xalytics">HCL MyXalytics<small>Cloud finOps visibility and
                                 insights</small></a>
                              </li>
                              <li><a href="/bigfix/products/service-management">HCL BigFix Service Management<small>AI-powered Service Management for IT and beyond</small></a>
                              </li>
                              <li><a href="/workload-automation">HCL Workload Automation<small>Simplify and automation business workflows</small></a>
                              </li>
                           </ul>
                        </li>
                        <li class="has-dropdown">
                           <a href="#"><strong>Line of Business</strong></a>
                           <ul>
                              <li><a class="has-title" href="/line-of-business">Line of Business</a></li>
                              <li><a href="/aftermarket-cloud">HCL Aftermarket Cloud<small>Aftermarket-led growth platform</small></a>
                              </li>
                              <li><a
                                 href="/automation-orchestration/automation-orchestrator-suite">HCL Automation Orchestrator Suite<small>Accelerate IT and business
                                 automation</small></a>
                              </li>
                              <!-- <li><a href="https://www.hclindustrysaas.com/telecom-5g/augmented-network-automation" target="_blank" >HCL Augmented Network Automation (SON)<small>Intelligent RAN automation platform</small></a>
                              </li> -->
                              <li><a href="/commerce">HCL Commerce+<small>Enterprise e-commerce for B2C and B2B</small></a>
                              </li>
                              <li><a href="https://camworks.com" target="_blank" >HCL CAMWorks<small>CAM for machining productivity</small></a>
                              </li>
                              <li><a href="/customer-data-platform">HCL CDP<small>Flexible and customizable customer data platform</small></a>
                              </li>
                              <li><a href="https://dfmpro.com" target="_blank" >HCL DFMPro<small>CAD integrated Design-for-Manufacturing platform</small></a>
                              </li>
                              <li><a href="/discover-plus">HCL Discover+<small>Behavioral insights for customer
                                 journeys</small></a>
                              </li>
                              <li><a href="https://www.glovius.com" target="_blank" >HCL Glovius<small>Modern lightweight CAD Viewer</small></a>
                              </li>
                              <li><a href="/marketing-cloud">HCL Marketing Cloud<small>Fueling Precision Marketing At Scale with
                                 AI</small></a>
                              </li>
                              <li><a href="/unica">HCL Unica<small>Enterprise marketing automation
                                 platform</small></a>
                              </li>
                           </ul>
                        </li>
                        <!-- <li class="has-dropdown">
                           <a href="#"><strong>CIO/CTO</strong></a>
                           <ul>
                              <li><a class="has-title" href="/cto-cio">CIO/CTO</a></li>
                              <li><a href="/appscan">HCL AppScan<small>Scans for application vulnerabilities</small></a></li>
                              <li><a href="/bigfix">HCL BigFix<small>Secure endpoint management</small></a></li>
                           </ul>
                           </li> -->
                        <!-- <li class="has-dropdown">
                           <a href="#"><strong>Marketing</strong></a>
                           <ul>
                               <li><a class="has-title" href="/cto-cio">Marketing</a></li>
                               <li><a href="/actian/ingres-transactional-database">HCL Actian
                                       Ingres<small>Legendary transactional RDBMS</small></a></li>
                               <li><a href="/actian/actian-data-platform">HCL Actian Data Platform<small>Data
                                           services suite; flexible deployment</small></a></li>
                               <li><a href="/appscan">HCL AppScan<small>Scans for application
                                           vulnerabilities</small></a></li>
                               <li><a href="/bigfix">HCL BigFix<small>Secure endpoint management</small></a>
                               </li>
                               <li><a href="/bigfix/aex">HCL BigFix AEX<small>AI-driven employee experience
                                           accelerating productivity and innovation</small></a></li>
                               <li><a href="/bigfix/products/enterprise">HCL BigFix Enterprise+<small>An
                                           all-in-one IT infrastructure automation offering enabling you to
                                           stay ahead of cyber threats</small></a></li>
                               <li><a href="/bigfix/products/workspace">HCL BigFix Workspace+<small>Fueling
                                           GenAI within the Digital+ experience</small></a></li>
                           
                               <li><a href="/actian/dataconnect">HCL DataConnect<small>Low-code integration
                                           platform</small></a></li>
                               <li><a href="/total-experience?val=hclfoundry">HCL Foundry<small>Secure backend
                                           services</small></a></li>
                               <li><a href="/icontrol">HCL iControl<small>HCL iControl is a business flow and
                                           process observability solution</small></a></li>
                               <li><a href="/my-xalytics">HCL MyXalytics<small>Cloud finOps visibility and
                                           insights</small></a></li>
                               <li><a href="/sx">HCL SX<small>Service management for everything-as-a-service
                                           delivery</small></a></li>
                               <li><a href="/automation-orchestration">HCL Universal
                                       Orchestrator<small>Orchestrate and optimize business
                                           automation</small></a></li>
                               <li><a href="/actian/vector-analytics-database">HCL Vector Analytics<small>A
                                           high-performance, secure vectorized columnar analytics
                                           database</small></a></li>
                               <li><a href="/workload-automation">HCL Workload Automation<small>Simplify and
                                           automation business workflows</small></a></li>
                               <li><a href="/actian/zen-edge-data-management">HCL Zen<small>Embeddable edge
                                           data management </small></a></li>
                           </ul>
                           </li> -->
                        <li class="has-dropdown">
                            

                       <a href="#"><strong>Data Analysts</strong></a>
                       <ul>
                          <li><a class="has-title" href="/data-analysts">Data Analysts</a></li>
                          <li>
                             <a href="/actian">
                                HCL Actian<small>Empowers the data-driven enterprise
                                </small></a>
                          </li>
                          <li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >HCL Actian Data Intelligence Platform<small>AI intelligence, speed and governance</small></a>
                          </li>
                          <li><a href="/actian/ingres-transactional-database">HCL Actian Ingres<small>Legendary transactional RDBMS</small></a>
                          </li>
                          <li><a href="/customer-data-platform">HCL CDP<small>Flexible and customizable customer data platform</small></a>
                          </li>
                          <li><a href="/actian/dataconnect">HCL DataConnect<small>Low-code integration platform</small></a>
                          </li>
                          <!--<li><a href="https://www.actian.com/data-intelligence/platform" target="_blank" >HCL Zeenea Data Intelligence Platform<small>Cloud-native data governance solution</small></a>
                          </li>-->
                          <li><a href="/actian/zen-edge-data-management">HCL Zen<small>Embeddable edge data management </small></a>
                          </li>
                       </ul>
                    

                            
                        </li>
                        <li class="has-dropdown">
                        <a href="#"><strong>Security & IT Compliance</strong></a>
                        <ul>
                        <li><a class="has-title" href="/security-compliance">Security & IT Compliance</a></li>
                        <li><a href="/appscan">HCL AppScan<small>Scans for Application Vulnerabilities</small></a></li>
                        <li><a href="/bigfix">HCL BigFix<small>Secure endpoint management</small></a>
                        </li>
                        <li><a href="/bigfix/products/compliance">HCL BigFix Compliance<small>Ensure security with continuous, real-time compliance monitoring</small></a>
                        </li>
                        <li><a href="/bigfix/products/cyberfocus">HCL BigFix CyberFOCUS<small>Supercharging IT operations to secure the enterprise</small></a>
                        </li>
                        <li><a href="/bigfix/products/remediate">HCL BigFix Remediate<small>Automate, remediate & secure endpoints</small></a>
                        </li>
                        <li><a href="/secure-devops">HCL Secure DevOps<small>Automated testing and security scanning</small></a>
                        </li>
                        </ul>
                        </li>
                     </ul>
                  </li>
                  <li class="has-dropdown">
                     <a href="#">
                     Explore all products
                     </a>
                     <ul>
                        <li><a href="/actian">HCL Actian</a></li>
                        <li><a href="https://www.actian.com/data-intelligence/platform/" target="_blank" >HCL Actian Data Intelligence Platform</a></li>
                        <li><a href="/actian/ingres-transactional-database">HCL Actian Ingres</a></li>
                        <li><a href="/aftermarket-cloud">HCL Aftermarket Cloud</a></li>
<li><a href="/aion">HCL AION</a></li>
                        <li><a href="/appscan">HCL AppScan</a></li>
                        <li><a href="/automation-orchestration">HCL Automation Orchestration</a></li>
                        <li><a href="/automation-orchestration/automation-orchestrator-suite">HCL Automation
                           Orchestrator Suite</a>
                        </li>
                        <li><a href="/bigfix">HCL BigFix</a></li>
                        <!-- <li>
                           <a href="/bigfix?bigfix=ai">HCL BigFix</a>
                           </li> -->
                        <li><a href="https://camworks.com" target="_blank" >HCL CAMWorks</a></li>
                        <li><a href="/commerce">HCL Commerce+</a></li>
                        <li><a href="/clara">HCL Clara</a></li>
                        <li><a href="/cloud-native">HCL Cloud Native</a></li>
                        <li><a href="/connections">HCL Connections</a></li>
                        <li><a href="/customer-data-platform">HCL Customer Data Platform</a></li>
                        <li><a href="/actian/dataconnect" title="">HCL DataConnect</a></li>
                        <li><a href="https://dfmpro.com" target="_blank" >HCL DFMPro</a></li>
                        <li><a href="/discover-plus">HCL Discover+</a></li>
                        <li><a href="/domino">HCL Domino</a></li>
                        <li><a href="/dx">HCL DX</a></li>
                        <li><a href="/devops-code-clearcase">HCL DevOps Code ClearCase</a></li>
                        <li><a href="/devops-code-realtime">HCL DevOps Code RealTime</a></li>
                        <li><a href="/devops-deploy">HCL DevOps Deploy</a></li>
                        <li><a href="/devops-plan">HCL DevOps Plan</a></li>
                        <li><a href="/devops-model-realtime">HCL DevOps Model RealTime</a></li>
                        <li><a href="/devops-test">HCL DevOps Test</a></li>
                        <li><a href="/devops-test-embedded">HCL DevOps Test Embedded</a></li>
                        <li><a href="/devops-velocity">HCL DevOps Velocity</a></li>
                        <li><a href="https://www.glovius.com" target="_blank" >HCL Glovius</a></li>
                        <li><a href="/hero">HCL Hero</a></li>
                        <li><a href="/hive">HCL HIVE</a></li>
                        <li><a href="/iautomate-netbot">HCL iAutomate Netbot</a></li>
                        <li><a href="/iobserve">HCL iObserve</a></li>
                        <li><a href="/icontrol">HCL iControl</a></li>
                        <li><a href="/actian/informix" title="">HCL Informix</a></li>
                        <li><a href="/intelliops">HCL IntelliOps</a></li>
                        <li><a href="/intelliops-event-management">HCL IntelliOps Event Management</a></li>
                        <!--<li><a href="/intelligent-operations"  title="">HCL Intelligent Operations</a></li>-->
                        <!--<li><a href="/leap">HCL Leap</a></li>-->
                        <li><a href="/link">HCL Link</a></li>
                        <li> <a href="/mainframe-solutions">HCL Mainframe Solutions</a></li>
                        <li><a href="/marketing-cloud">HCL Marketing Cloud</a></li>
                        <li><a href="/marketplace">HCL Marketplace</a></li>
						 <li><a href="/mosaic">HCL Mosaic</a></li>
                        <!--<li><a href="/mycloud">HCL MyCloud</a></li>-->
                        <li> <a href="/my-xalytics">HCL MyXalytics</a></li>
                        <li> <a href="/myxalytics-finops">HCL MyXalytics Finops</a></li>
                        <li><a href="/nippon" title="">HCL Nippon</a></li>
                        <li><a href="/notes">HCL Notes</a></li>
                        <li><a href="/hcl-now">HCL Now</a></li>
                        <!--<li><a href="/onedb">HCL OneDB</a></li>-->
                        <li><a href="/safelinx">HCL SafeLinx</a></li>
                        <li><a href="/sametime">HCL Sametime</a></li>
                        <li><a href="/secure-devops">HCL Secure DevOps </a></li>
                       
                        <li><a href="/unica">HCL Unica</a></li>
                        <li><a href="/universal-orchestrator">HCL Universal Orchestrator</a></li>
                        <li><a href="/verse">HCL Verse</a></li>
                        <li><a href="/volt-mx">HCL Volt MX</a></li>
                        <li><a href="/actian/vector-analytics-database">HCL Vector Analytics</a></li>
                        <li><a href="/workload-automation">HCL Workload Automation</a></li>
                        <li><a href="/zao">HCL Z Asset Optimizer</a></li>
                        <li><a href="/zai">HCL Z Abend Investigator</a></li>
                        <li><a href="/zie">HCL Z and I Emulator</a></li>
                        <!--<li><a href="https://www.actian.com/data-intelligence/platform" target="_blank" >HCL Zeenea Data Intelligence Platform</a></li>-->
                        <li><a href="/actian/zen-edge-data-management">HCL Zen Edge Data Management</a></li>
                        <li><a href="/products">View all products</a></li>
                     </ul>
                  </li>
               </ul>
            </li>
            <li class="has-dropdown">
               <a href="javascript:void()" title="">Industries</a>
               <ul>
                  <li><a href="/industries" class="has-heading">Industry Overview</a></li>
                  <li><a href="/industries/banking-and-financial">Banking and Financial</a></li>
                  <li><a href="/industries/government">Government</a></li>
                  <li><a href="/industries/healthcare">Healthcares</a></li>
                  <li><a href="/industries/insurance">Insurance</a></li>
                  <li><a href="/industries/manufacturing">Manufacturing</a></li>
                  <li><a href="/industries/retail">Retail</a></li>
               </ul>
            </li>
            <li class="has-dropdown">
               <a href="javascript:void()" title="">Partners</a>
               <ul>
                  <li><a href="/resources/partner-connect/partner-ecosystem">Partner Ecosystem</a></li>
                  <li><a href="https://hcl-partners.amp.vg" >Partner Locator</a></li>
                  <li><a href="/resources/partner-connect">Partner Connect</a></li>
                  <li><a href="/resources/partner-connect/global-system-integrators">Global System Integrators</a>
                  </li>
               </ul>
            </li>
            <li><a href="/customer-success" title="">Customer Success</a></li>
            <li class="has-dropdown">
               <a href="javascript:void()" title="">What We Envision</a>
               <ul>
                  <li><a href="/xdo-customer-experience-data-operations">XDO</a></li>
                  <li><a href="https://www.hclsoftwareideaverse.com/ideaverse" >Ideaverse</a></li>
                  <!--<li><a href="#">Thought Leadership</a></li>-->
                  <li><a href="/resources/sync/tech-trends-2026">HCLSoftware Tech Trends 2026</a>
                  </li>
               </ul>
            </li>
            <!-- <li class="has-dropdown">
               <a href="https://support.hcl-software.com/csm" >Learn & Support</a>
               <ul>
                  <li><a href="https://support.hcl-software.com/csm"  class="has-title">Support</a></li>
                  <li><a href="https://support.hcl-software.com/csm?id=kb_search" >Knowledge Base</a></li>
                  <li><a href="https://help.hcltechsw.com/" >Product Documentation</a></li>
                  <li><a href="https://support.hcl-software.com/community?id=community_home" >Ask the Community</a></li>
                  <li><a href="javascript:void()" class="has-heading">Learn</a></li>
                  <li><a href="/blog" title="" >Blog</a></li>
                  <li><a href="https://hclsoftwareu.hcltechsw.com/" ><span class="title">HCLSoftware U</span></a></li>
                  <li><a href="/about/events">Events</a></li>
                  <li><a href="/resources/stories/list">Success Stories</a></li> 
                  <li><a href="/resources/partner-connect/sync">SYNC</a></li>                   
                  
               </ul>
               </li> -->
            <style>
               .butnew {
               width: 140px;
               margin: 10px;
               }
               .butnew a {
               background: url('/wps/wcm/connect/1656ae4c-0fc2-4fe4-b0ef-ab4fb5c74317/vector-arow.svg?MOD=AJPERES') no-repeat 100px !important;
               border: 2px solid #239ca8 !important;
               color: #239ca8 !important;
               border-radius: 5px;
               padding: 12px 30px 12px 20px !important;
               }
               .butnew a:hover {
               color: #0b455f !important;
               border-color: #0b455f !important;
               ;
               }
               .butnew2 {
               width: 140px;
               margin: 10px;
               }
               .butnew2 a {
               background: url('/wps/wcm/connect/d4deb29f-039d-42c7-b537-77626f6515a7/forward-arrow.svg?MOD=AJPERES') no-repeat 100px #17707F !important;
               border: 2px solid #17707F !important;
               color: #fff !important;
               border-radius: 5px;
               padding: 12px 30px 12px 20px !important;
               }
               .butnew2 a:hover,
               .butnew2 a:focus {
               color: #0b455f !important;
               border-color: #0b455f !important;
               ;
               background-color: #0b455f !important;
               color: #fff !important;
               }
            </style>
            <!-- <li><a class="no-arrow" href="/resources/partner-connect">Partners</a></li> -->
            <li style="width: 100%; display: flex; justify-content: center">
               <div class="hidden visible-xs butnew"><a class="no-arrow has-highlight" href="/free-trial">Try
                  now</a>
               </div>
               <div class="hidden visible-xs butnew2"><a class="no-arrow has-highlight" href="/contact-us">Contact
                  us</a>
               </div>
            </li>
            <li class="has-dropdown bg-dark hidden visible-xs" style="clear: left;">
               <a href="#">About Us</a>
               <ul>
                  <li><a href="javascript:void()" class="has-heading">About</a></li>
                  <li><a href="/about">About Us</a></li>
                  <li><a href="/about/hcl-ambassadors">HCL Ambassadors</a></li>
                   <li><a href="/resources/analyst-recognitions">Analyst Recognitions</a></li>
                   <li><a href="/blog">Blog</a></li>
                   <li><a href="/careers">Careers</a></li>
                   <li><a href="/about/events">Events</a></li>
                   <li><a href="/about/leadership">Leadership</a></li>
                   <li><a href="/about/news">Newsroom</a></li>
                   <li><a href="/resources/stories">Success Stories</a></li>
                    <li><a href="/resources/trust-center">Trust Center</a></li>
                  <!-- <li><a href="javascript:void()" class="has-heading">Sponsorships</a></li> -->
                  <!-- <li><a href="/ferrari-partnership" title="">Ferrari</a></li> -->
                  <!-- <li><a href="/ecn">ECN</a></li> -->
               </ul>
            </li>
            <li class="bg-dark hidden visible-xs"><a href="https://www.hcltech.com/" title="HCLTech" target="_blank"  rel="noopener">HCLTech</a></li>
            <!-- <li class="bg-dark hidden visible-xs"><a href="/contact-us">Contact us</a></li> -->
            <li class="has-dropdown bg-dark hidden visible-xs mobile-dropdown">
  <a href="javascript:void(0);"><span>Language</span> 

</a>
  <ul>
    <li><a id="langm-fr" href="javascript:void()">FR</a></li>
    <li><a id="langm-en" href="javascript:void()">EN</a></li>
    <li><a id="langm-it" href="javascript:void()">IT</a></li>
    <li><a id="langm-de" href="javascript:void()">DE</a></li> 
    <li><a id="langm-pt" href="javascript:void()">PT</a></li>
    <li><a id="langm-jp" href="javascript:void()">JP</a></li>
    <li><a id="langm-es" href="javascript:void()">ES</a></li>
    <li><a id="langm-cn" href="javascript:void()">CN</a></li>
    <li><a id="langm-ko" href="javascript:void()">KO</a></li>

  </ul>
</li>
            <li class="bg-dark hidden visible-xs"><a href="https://www.hcl.com/" target="_blank"  class="has-logo" rel="nofollow"><img src="/wps/wcm/connect/32508bfe-44b3-4277-94b6-aef870dd71bc/hcl-logo.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-32508bfe-44b3-4277-94b6-aef870dd71bc-pxVey6L" alt="HCL Logo"  class="img-responsive" /></a></li>
         </ul>
      </nav>
   </div>
</div>
<!-- header mobile menu ends-->
<script async>
   (function ($) {
       this.MobileNav = function () {
           this.curItem,
               this.curLevel = 0,
               this.transitionEnd = _getTransitionEndEventName();
   
           var defaults = {
               initElem: ".main-menu",
               //menuTitle: "Menu"
           }
   
           // Check if MobileNav was initialized with some options and assign them to the "defaults"
           if (arguments[0] && typeof arguments[0] === "object") {
               this.options = extendDefaults(defaults, arguments[0]);
           }
   
           // Add to the "defaults" ONLY if the key is already in the "defaults"
           function extendDefaults(source, extender) {
               for (option in extender) {
                   if (source.hasOwnProperty(option)) {
                       source[option] = extender[option];
                   }
               }
           }
   
           MobileNav.prototype.getCurrentItem = function () {
               return this.curItem;
           };
   
           MobileNav.prototype.setMenuTitle = function (title) {
               defaults.menuTitle = title;
               _updateMenuTitle(this);
               return title;
           };
   
           // Init is an anonymous IIFE
           (function (MobileNav) {
               var initElem = ($(defaults.initElem).length) ? $(defaults.initElem) : false;
   
               if (initElem) {
                   defaults.initElem = initElem;
                   _clickHandlers(MobileNav);
                   _updateMenuTitle(MobileNav);
               } else {
   
                   console.log(defaults.initElem + " element doesn't exist, menu not initialized.");
               }
           }(this));
   
           function _getTransitionEndEventName() {
               var i,
                   undefined,
                   el = document.createElement('div'),
                   transitions = {
                       'transition': 'transitionend',
                       'OTransition': 'otransitionend', // oTransitionEnd in very old Opera
                       'MozTransition': 'transitionend',
                       'WebkitTransition': 'webkitTransitionEnd'
                   };
   
               for (i in transitions) {
                   if (transitions.hasOwnProperty(i) && el.style[i] !== undefined) {
                       return transitions[i];
                   }
               }
           };
   
           function _clickHandlers(menu) {
               defaults.initElem.on('click', '.has-dropdown > a', function (e) {
                   e.preventDefault();
                   menu.curItem = $(this).parent();
                   _updateActiveMenu(menu);
               });
   
               defaults.initElem.on('click', '.nav-toggle', function () {
                   _updateActiveMenu(menu, 'back');
               });
           };
   
           // TODO: Make this DRY (deal with waiting for transitionend event)
           function _updateActiveMenu(menu, direction) {
               _slideMenu(menu, direction);
               if (direction === "back") {
                   /*defaults.initElem.children('ul').one(menu.transitionEnd, function(e) {
                       menu.curItem.removeClass('nav-dropdown-open nav-dropdown-active');
                       menu.curItem = menu.curItem.parent().closest('li');
                       menu.curItem.addClass('nav-dropdown-open nav-dropdown-active');
                       _updateMenuTitle(menu);
                   });*/
   
                   menu.curItem.removeClass('nav-dropdown-open nav-dropdown-active');
                   menu.curItem = menu.curItem.parent().closest('li');
                   menu.curItem.addClass('nav-dropdown-open nav-dropdown-active');
                   _updateMenuTitle(menu);
               } else {
                   menu.curItem.addClass('nav-dropdown-open nav-dropdown-active');
                   _updateMenuTitle(menu);
               }
           };
   
           // Update main menu title to be the text of the clicked menu item
           function _updateMenuTitle(menu) {
               var title = defaults.menuTitle;
               if (menu.curLevel > 0) {
                   title = menu.curItem.children('a').text();
                   defaults.initElem.find('.nav-toggle').addClass('back-visible');
               } else {
                   defaults.initElem.find('.nav-toggle').removeClass('back-visible');
               }
               $('.nav-title').text(title);
           };
   
           // Slide the main menu based on current menu depth
           function _slideMenu(menu, direction) {
               if (direction === "back") {
                   menu.curLevel = (menu.curLevel > 0) ? menu.curLevel - 1 : 0;
               } else {
                   menu.curLevel += 1;
               }
               defaults.initElem.children('ul').css({
                   "transform": "translateX(-" + (menu.curLevel * 100) + "%)"
               });
           };
       }
   }(jQuery));
   
   $(document).ready(function () {
       var MobileMenu = new MobileNav({
           initElem: "nav",
           //menuTitle: "",
       });
   
       $('.menu-btn').on('click', function (e) {
           e.preventDefault();
   
           $('body').toggleClass('show-menu');
       });
   });
</script>



<!-- start: Schema -->
        <script type="application/ld+json" defer>
{
    "@context": "https://schema.org",
    "@type": "WebPage",
    "url": "https://www.hcl-software.com/blog",
    "name": " HCLSoftware",
    "headline": "HCLSoftware Blog | Product Insights, Innovation and Updates",
    "description": "Explore expert articles, use cases, and thought leadership content driving digital transformation.",
    "publisher": {
        "@type": "website",
        "name": "HCLSoftware"
    }
}
</script>


<!-- end: Schema -->

        
        
    

    
        





        







    
</div>
</div> 
</div><div class='component-control id-Z7_1QD6H9K0P8PVF06I9IVS452FC2' ><!-- The Control element contains the portlet banner and the portlet content. -->
<div class="ibmPortalControl stControl wpthemeControl a11yRegionTarget" >
    <!-- The ControlHeader element is the banner which contains the portlet title and menu -->
    <div class="stControlHeader wpthemeControlHeader">
        <!-- A FocusableLink shows or hides the ControlHeader when the link receives a "focus" or "blur" event. This -->
        <!-- element's event handlers are added by JavaScript in the st_skin module when the page is in "Edit" mode. -->
        <!-- This link corresponds to the entire ControlHeader element. -->
        <a tabindex="0" class="stFocusableLink stStartHeader"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="start portlet menu bar"/></a>
        <div>
            <div>
                <h2 class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this, 30, 0);"
                    ondragend="wpModules.dnd.util.portletDragEnd(event);">
                    <!-- The "lm:title" dynamic spot is used for dynamic title support. -->
                    <span class="lm-dynamic-title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span>
                </h2>
                <!-- the content menu -->
                <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="contextMenuInSkinIcon stGroup" style="display:none" >
                    <span title="Display content menu">
                        <svg class="stSkinMenuIcon" aria-label="Display content menu"><title>Display content menu</title><use xlink:href="#stContent-Menu"></use></svg>
                    </span>
                </a>
                <!-- A FocusableLink shows or hides the ControlHeader when the link receives a "focus" or "blur" event. This -->
                <!-- element's event handlers are added when the portlet is in "Edit" mode, via JavaScript (st_skin module). -->
                <!-- This link corresponds to the portlet menu element. -->
                <a class="stActionMenu" aria-label="Display portlet menu" aria-haspopup="true" role="button" href="javascript:;" onclick="wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" onkeydown="if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}">
                    <span title="Display portlet menu">
                        <svg class="stSkinMenuIcon" aria-label="Display portlet menu"><title>Display portlet menu</title><use xlink:href="#stPortlet-Menu"></use></svg>
                    </span>
                </a>
            </div>
        </div>
        <a tabindex="0" class="stFocusableLink stEndHeader"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="end portlet menu bar"/></a>
    </div>
    
    <!-- The ControlBody element contains the portlet content. -->
    <div class="stControlBody stOverflowAuto wpthemeControlBody">
        <!-- The "lm:control" dynamic spot is used for the markup of a layout control. -->
        







































    
    

    
    

    
    
    





    
    
        
            
            <link rel="stylesheet" title="" href="/wps/wcm/connect/d08da872-84e6-413b-a66d-0cccf28af15d/pillar.css?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-d08da872-84e6-413b-a66d-0cccf28af15d-pIS8NVb" type="text/css" />
<script>
  var gPageTitle = "HCL Unica Blog | Marketing Automation Insights | HCLSoftware";
  var gDescription = "Explore the HCL Unica blog for marketing automation insights, campaign strategies, product updates, and best practices for marketers.";
  document.title = gPageTitle;

  var meta1 = !!document.querySelector("meta[name='description']") ? document.querySelector("meta[name='description']") : document.createElement('meta');
  meta1.setAttribute('name', 'description');
  meta1.setAttribute('content', gDescription);
  document.head.appendChild(meta1);
  
  var gOgImage = window.location.origin + "/wps/wcm/connect/25634fa4-a484-4259-8fa8-38ca1de625e5/HCL-Unica_Color_Horizontal.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-25634fa4-a484-4259-8fa8-38ca1de625e5-pM8MAq4"

  var metaogImage = !!document.querySelector('meta[property="og:image"]') ? 
  document.querySelector('meta[property="og:image"]') : document.createElement('meta');
  metaogImage.setAttribute('property', 'og:image');
  metaogImage.setAttribute('content', gOgImage);
  document.head.appendChild(metaogImage);

  var gCanonicalUrl = window.location.pathname; 
  var link = document.querySelector("link[rel='canonical']") || document.createElement('link'); 
  link.setAttribute('rel', 'canonical');
  link.setAttribute('href', 'https://www.hcl-software.com' + gCanonicalUrl);
 
  document.head.appendChild(link);
  console.log(gOgImage);
</script>

<style>
  /* --- Specific Component Styles --- */
  .pillar-lastest .head-section-button button, .pillar-lastest .button-group button {
    display: flex;
    align-items: center;
    gap: 10px;    
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 16px;
    width: fit-content;
    color: #fff;
    border: 1px solid #239CA8;
    background: #239CA8;
  }
  
  .pillar-allcontent .filters-box {
    background: #e6ebf5;
    border-radius: 5px;
    margin: 0 0 0 5px;
    min-height: 50px;
    width: 275px;
  }
  
  .pillar-allcontent .filters-box select {
    margin-top: 6px;
    margin-left: 5px;
    width: 106%;
  }

  /* --- Responsive Styles --- */
  @media only screen and (max-width: 768px){
    .pillar-allcontent .list-cards .card-text-title{
        min-height: auto;
    }
    .pillar-featured .owl-carousel-pillars .owl-nav button.owl-prev span, 
    .pillar-featured .owl-carousel-pillars .owl-nav button.owl-next span, 
    .pillar-lastest .owl-carousel-pillar-lasts .owl-nav button.owl-prev span, 
    .pillar-lastest .owl-carousel-pillar-lasts .owl-nav button.owl-next span{
      background-color: #EFF0F6 !important;
      color: #6C7882;
    }
    .pillar-allcontent .list-cards .card-img img{
        object-fit: fill;
    }
    .pillar-allcontent .filters-box{
      background-color: #e6ebf5;
      border-radius: 5px;
    }
    .pillar-header{
      padding: 20px 0;
    }
    .pillar-allcontent .list-cards{
      grid-template-columns: 1fr;
    }
    .pillar-header h1{
      font-size: 34px;
    }
    .pillar-featured .owl-carousel-pillars .owl-controls, 
    .pillar-lastest .owl-carousel-pillar-lasts .owl-controls{
      display: flex;
      flex-direction: row-reverse;
    }
    .pillar-featured .owl-carousel-pillars .owl-dots .owl-dot span, 
    .pillar-lastest .owl-carousel-pillar-lasts .owl-dots .owl-dot span{
      width: 25px;
    }
    .pillar-featured .owl-carousel-pillars .owl-nav, 
    .pillar-lastest .owl-carousel-pillar-lasts .owl-nav{
      justify-content: right;
    }
    .pillar-featured .owl-carousel-pillars .owl-dots, 
    .pillar-lastest .owl-carousel-pillar-lasts .owl-dots{
      width: 0px !important;
      margin: 0px;
      display: flex;
    }
    .pillar-featured .owl-carousel-pillars .owl-dots .owl-dot, 
    .pillar-lastest .owl-carousel-pillar-lasts .owl-dots .owl-dot{
      margin: 0 2px 0 0;
    }
  }
.pillar-featured .card-img img{
object-fit: contain;
height:auto;
}

.pillar-featured .card-wrapper {
 min-height: 390px;
}
.pillar-featured .card-text{
  min-height: 158px;
}

</style>

<script>
  function changeBrandName(name){
    if (!name.toLowerCase().startsWith('hcl')) {
      name = 'HCL ' + name;
    }
    return name;
  }
  
  var langSel = $(".nav-item.dropdown.has-dropdown.bg-dark a:first").contents().filter(function() {
    return this.nodeType === 3; 
  }).text();
  
  if(!langSel || langSel === " "){
    $(".nav-item.dropdown.has-dropdown.bg-dark a span:first").after("EN")
  }
</script>

<link rel="stylesheet" title="" href="/wps/wcm/connect/40d93397-4eae-4e8e-a554-18fc3f952131/blogheader.css?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-40d93397-4eae-4e8e-a554-18fc3f952131-phQnU-v" type="text/css" />

<script>
$(document).ready(function() {
    var scPillar = $('.pillar-item').filter(function() {
        return $(this).find('.pillar-title span').text().trim() === "Sovereign Collaboration";
    });

    var aiPillar = $('.pillar-item').filter(function() {
        return $(this).find('.pillar-title span').text().trim() === "AI and Intelligent Operations";
    });

    var daPillar = $('.pillar-item').filter(function() {
        return $(this).find('.pillar-title span').text().trim() === "Data and Analytics";
    });

    var aiLinks = aiPillar.find('ul.pillar-read-body li a');
    var scLinks = scPillar.find('ul.pillar-read-body li a');
    var daLinks = daPillar.find('ul.pillar-read-body li a');

    aiLinks.each(function() {
        var link = $(this);
        var href = link.attr('href');
        
        if (href && href.includes('bigfix')) {
            var newHref = href.includes('?') ? href + '&bigfix=ai' : href + '?bigfix=ai';
            link.attr('href', newHref);
        }
        
        console.log(link.text(), link.attr('href'));
    });

    daLinks.each(function() {
        var dalink = $(this);
        var dahref = dalink.attr('href');
        
        if (dahref && dahref.includes('link')) {
            var newHref = dahref.includes('?') ? dahref + '&link=da' : dahref + '?link=da';
            dalink.attr('href', newHref);
        }
        
    });

    scLinks.each(function() {
        var sclink = $(this);
        var schref = sclink.attr('href');
        console.log("he", schref);
        
        if (schref && (schref.includes('connections'))) {
            console.log("hello");
            var newHref = schref.includes('?') ? schref + '&connections=sc' : schref + '?connections=sc';
            sclink.attr('href', newHref);
        }
        if (schref && (schref.includes('verse'))) {
            console.log("hello");
            var newHref = schref.includes('?') ? schref + '&verse=sc' : schref + '?verse=sc';
            sclink.attr('href', newHref);
        }
        if (schref && (schref.includes('sametime'))) {
            console.log("hello");
            var newHref = schref.includes('?') ? schref + '&sametime=sc' : schref + '?sametime=sc';
            sclink.attr('href', newHref);
        }
    });
});
</script>

<style>

.blogr-header {
    border-bottom: 1px solid #a0edf4;
    background: #a0edf4;
  z-index: 99 !important;
}
.social_media_icons.pull-left {
    z-index: 99 !important;
}

@media (min-width:997px) and (max-width:1200px){
.header-primary{
display: block !important;
}
.primary-header-mobile{
display:none!important;
}
.show-menu .mob-navbar {
    z-index: 99999 !important;
}
.header-primary .megamenu, .header-primary .megamenu.in{
display: block !important;
}
}

@media (min-width:768px) and (max-width:996px){
.primary-header-mobile{
 position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 99999;
}
.blogr-header{
    top: 32px !important;
	
}
.show-menu .mob-navbar {
    z-index: 99999 !important;
}
}
@media screen and (max-width:768px){
.primary-header-mobile {
  
    position: fixed !important;
    top: 0px !important;
    z-index: 99999 !important;
    width: 100% !important;
}

.show-menu .mob-navbar {
    z-index: 99999 !important;
}
}
</style>
<div class="blogr-header">
    <div class="header-wrapper">
        <div class="container et-menu">
          <div>
            <ul class="nav-list">
              <li class="nav-item dropdown">
                              <a class="home-link" href="/blog">
                <div class="item-title">
                    <p>Blog Home</p>
                </div>
                              </a>
              </li>
              <li class="nav-item dropdown">
                <div class="item-title">
                    <p>Areas of expertise</p>
                    <i class="arrow-nav nav-down"></i>
                </div>
                <div class="pillars-dropdown">
                    <ul class="pillar-list">
                        <li class="pillar-item">
                            <div class="pillar-title">
                                <span>Digital Transformation</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" fill="none">
                                    <path d="M1.08594 9.46094L5.46094 5.08594L1.08594 0.710938" stroke="#17707F"/>
                                </svg>
                            </div>
                            <div class="pillar-read">
                                <div class="pillar-read-head">
                                    <a href=""><span>Read all Digital Transformation Articles</span></a>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
                                        <path d="M10 3L9.11875 3.88125L12.6062 7.375H0V8.625H12.6062L9.11875 12.1187L10 13L15 8L10 3Z" fill="#17707F"/>
                                    </svg>
                                </div>
                                <ul class="pillar-read-body">
                                    <li><a href="">HCL Aftermarket Cloud</a></li>
                                    <li><a href="">HCL Commerce Cloud</a></li>
                                    <li><a href="">HCL Connections</a></li>
                                    <li><a href="">HCL Discover</a></li>
                                    <li><a href="">HCL Domino</a></li>
                                    <li><a href="">HCL DX</a></li>
                                    <li><a href="">HCL Marketing cloud</a></li>
                                    <li><a href="">HCL Sametime</a></li>
                                    <li><a href="">HCL Unica</a></li>
                                    <li><a href="">HCL Volt mx</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="pillar-item">
                            <div class="pillar-title">
                                <span>Data and Analytics</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" fill="none">
                                    <path d="M1.08594 9.46094L5.46094 5.08594L1.08594 0.710938" stroke="#17707F"/>
                                </svg>
                            </div>
                            <div class="pillar-read">
                                <div class="pillar-read-head">
                                    <a href=""><span>Read all Data and Analytics Articles</span></a>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
                                        <path d="M10 3L9.11875 3.88125L12.6062 7.375H0V8.625H12.6062L9.11875 12.1187L10 13L15 8L10 3Z" fill="#17707F"/>
                                    </svg>
                                </div>
                                <ul class="pillar-read-body">
                                    <li><a href="">HCL Actian</a></li>
                                    <li><a href="">HCL Actian Data Platform</a></li>
                                    <li><a href="">HCL DataConnect</a></li>
                                    <li><a href="">HCL Ingres Transactional Database</a></li>
                                    <li><a href="">HCL OneDB</a></li>
                                    <li><a href="">HCL Domino</a></li>
                                    <li><a href="">HCL Informix</a></li>
                                    <li><a href="">HCL Nippon</a></li>
                                    <li><a href="">HCL Vector Analytics Database</a></li>
                                    <li><a href="">HCL Zen Edge Data Management</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="pillar-item">
                            <div class="pillar-title">
                                <span>AI and Automation</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" fill="none">
                                    <path d="M1.08594 9.46094L5.46094 5.08594L1.08594 0.710938" stroke="#17707F"/>
                                </svg>
                            </div>
                            <div class="pillar-read">
                                <div class="pillar-read-head">
                                    <a href=""><span>Read all AI and Automation Articles</span></a>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
                                        <path d="M10 3L9.11875 3.88125L12.6062 7.375H0V8.625H12.6062L9.11875 12.1187L10 13L15 8L10 3Z" fill="#17707F"/>
                                    </svg>
                                </div>
                                <ul class="pillar-read-body">
                                    <li><a href="">HCL Actian</a></li>
                                    <li><a href="">HCL Actian Data Platform</a></li>
                                    <li><a href="">HCL BigFix</a></li>
                                    <li><a href="">HCL Intelligent Operations</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="pillar-item">
                            <div class="pillar-title">
                                <span>Enterprise Security</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" fill="none">
                                    <path d="M1.08594 9.46094L5.46094 5.08594L1.08594 0.710938" stroke="#17707F"/>
                                </svg>
                            </div>
                            <div class="pillar-read">
                                <div class="pillar-read-head">
                                    <a href=""><span>Read all Enterprise Security Articles</span></a>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
                                        <path d="M10 3L9.11875 3.88125L12.6062 7.375H0V8.625H12.6062L9.11875 12.1187L10 13L15 8L10 3Z" fill="#17707F"/>
                                    </svg>
                                </div>
                                <ul class="pillar-read-body">
                                    <li><a href="">HCL Actian</a></li>
                                    <li><a href="">HCL Actian Data Platform</a></li>
                                    
                                </ul>
                            </div>
                        </li>
                        <li class="pillar-item">
                            <div class="pillar-title">
                                <span>Cloud</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" fill="none">
                                    <path d="M1.08594 9.46094L5.46094 5.08594L1.08594 0.710938" stroke="#17707F"/>
                                </svg>
                            </div>
                            <div class="pillar-read">
                                <div class="pillar-read-head">
                                    <a href=""><span>Read all Cloud Articles</span></a>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
                                        <path d="M10 3L9.11875 3.88125L12.6062 7.375H0V8.625H12.6062L9.11875 12.1187L10 13L15 8L10 3Z" fill="#17707F"/>
                                    </svg>
                                </div>
                                <ul class="pillar-read-body">
                                    <li><a href="">HCL Aftermarket Cloud</a></li>
                                    <li><a href="">AppDev Cloud</a></li>
                                    <li><a href="">Hybrid Data Cloud</a></li>
                                    <li><a href="">Automation Cloud</a></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
              </li>
              <li class="nav-item">
                <div class="nav-item-pad" id="search-blog">
                    <button class="search__button" id="searchButton">
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M9.625 3.125C5.75901 3.125 2.625 6.25901 2.625 10.125C2.625 13.991 5.75901 17.125 9.625 17.125C13.491 17.125 16.625 13.991 16.625 10.125C16.625 6.25901 13.491 3.125 9.625 3.125ZM0.875 10.125C0.875 5.29251 4.79251 1.375 9.625 1.375C14.4575 1.375 18.375 5.29251 18.375 10.125C18.375 12.2261 17.6344 14.1543 16.4001 15.6626L18.9937 18.2563C19.3354 18.598 19.3354 19.152 18.9937 19.4937C18.652 19.8354 18.098 19.8354 17.7563 19.4937L15.1626 16.9001C13.6543 18.1344 11.7261 18.875 9.625 18.875C4.79251 18.875 0.875 14.9575 0.875 10.125Z" fill="#6E7191"/>
                        </svg>
                    </button>
                    <input type="text" class="search__input" id="searchInput" placeholder="Search" />
                    <button class="close__button" id="closeButton">
                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none">
                            <path d="M2.01524 0.203994L5.57404 3.76279C5.88805 4.0768 6.23695 4.0768 6.55096 3.76279L10.1098 0.203994L11.296 1.39026L7.70234 4.98394C7.38832 5.29795 7.38832 5.64685 7.70234 5.96087L11.296 9.55455L10.1446 10.7059L6.51607 7.07735C6.20206 6.76334 5.85316 6.76334 5.53915 7.07735L1.98035 10.6361L0.794089 9.44988L4.35288 5.89109C4.66689 5.57707 4.66689 5.22817 4.35288 4.91416L0.82898 1.39026L2.01524 0.203994Z" fill="#6E7191"/>
                        </svg>
                    </button>
                </div>
              </li>
              <!-- <li class="nav-item">
                <a class="sub-btn" href="">
                    <span>Subscribe</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
                        <path d="M8 2L7.295 2.705L10.085 5.5H0V6.5H10.085L7.295 9.295L8 10L12 6L8 2Z" fill="#FCFCFC"/>
                    </svg>
                </a>
              </li> -->
            </ul>     
          </div>       
        </div>
    </div>
</div>

<script>

var utmqueryParams = [
  'utm_medium',
  'utm_source',
  'utm_campaign',
  'utm_term',
  'utm_content',
  'gclid',
  'category',
  'company',
  'portfolio'
];

function getutmQueryParams() {
    var urlParams = new URLSearchParams(window.location.search);
    var params = "";

    utmqueryParams.forEach(function(param) {
        if (urlParams.has(param)) {
            params += "&" + param + "=" + encodeURIComponent(urlParams.get(param));
        }
    });

    return params;
}


function changeBrandName(name){
    if (!name.includes('SYNC Trends &amp; Insights') && !name.toLowerCase().startsWith('hcl')) {
      name = 'HCL ' + name;
    }
    
    return name;
  }

$(document).on('click', '#searchButton:not(.opened), #closeButton', function() {
    $(".nav-list").toggleClass("expanded");
    $("#searchButton").toggleClass("opened");
});

$(document).on({
    mouseenter: function() {
      $(this).children(".pillar-read").show();
      var listHeight = $(this).children(".pillar-read").height();
      var pillarsHeight = $(".blogr-header .pillars-dropdown").height();
      if(listHeight > pillarsHeight){
        $(this).parent(".pillar-list").css("height", listHeight+"px");
      }else{
        $(this).children(".pillar-read").css("height", pillarsHeight+"px");
      }
    },
    mouseleave: function() {
      $(this).children(".pillar-read").hide();
      $(this).parent(".pillar-list").css("height", "");
    }
  }, ".blogr-header .pillar-item");

var pillars = {
      "Business and Industry Applications": ["aftermarket-cloud","discover","commerce", "cdp", "unica"],
      "Cybersecurity": ["appscan", "bigfix"],
      "Data and Analytics": ["actian", "nippon", "link", "onedb"],
      "AI and Intelligent Operations": ["bigfix", "icontrol", "intelligent-operations", "myxalytics"],
      "Other Featured Products": ["academy","clara","connections","hero","sofy","sync-trends-insights","verse","sametime"],
      "Sovereign Collaboration": ["connections", "domino", "leap", "link", "notes", "safelinx", "sametime", "verse"],
      "Specialized Software": ["devops-code-clearcase","devops-deploy","devops-model-realtime","hcl-devops-plan","devops-test","devops-velocity","secure-devops","workload-automation","z-abend-investigator","z-asset-optimizer","z-and-i-emulator","zie-for-transformation","zie-for-web","zie-for-windows"],
      "Total Experience": ["digital-experience","mosaic", "volt-mx"]        
};

var pillarBlogList = [{
"name": 'Digital Transformation',
"siteName": 'Digital-Transformation'
},{
"name": 'AI and Automation',
"siteName": 'AI-and-Automation'
},{
"name": 'Enterprise Security',
"siteName": 'Enterprise-Security'
},{
"name": 'Data and Analytics',
"siteName": 'data-and-analytics'
},{
"name": 'Cloud',
"siteName": 'Cloud'
},{
"name": 'Total Experience',
"siteName": 'total-experience'
},{
"name": 'Specialized Software',
"siteName": 'specialized-software'
},{
"name": 'Business and Industry Applications',
"siteName": 'business-industry-applications'
},{
"name": 'Cybersecurity',
"siteName": 'cybersecurity'
},{
"name": 'AI and Intelligent Operations',
"siteName": 'ai-intelligent-operations'
},{
"name": 'Other Featured Products',
"siteName": 'other-featured-products'
},{
"name": 'Sovereign Collaboration',
"siteName": 'sovereign-collaboration'
}];

var brands = {"itemlist":[
{
"brand": 'hclsoftware',
"brandName": "HCLSoftware",
"brandLink": '/blog/hclsoftware'
},

{
"brand": 'devops-velocity',
"brandName": "HCL DevOps Velocity",
"brandLink": '/blog/devops-velocity'
},

{
"brand": 'devops-test',
"brandName": "HCL DevOps Test",
"brandLink": '/blog/devops-test'
},

{
"brand": 'bigfix',
"brandName": "HCL BigFix",
"brandLink": '/blog/bigfix'
},

{
"brand": 'sametime',
"brandName": "HCL Sametime",
"brandLink": '/blog/sametime'
},

{
"brand": 'digital-experience',
"brandName": "HCL Digital Experience",
"brandLink": '/blog/digital-experience'
},

{
"brand": 'domino',
"brandName": "HCL Domino",
"brandLink": '/blog/domino'
},

{
"brand": 'appscan',
"brandName": "HCL AppScan",
"brandLink": '/blog/appscan'
},

{
"brand": 'devops-code-clearcase',
"brandName": "HCL DevOps Code ClearCase",
"brandLink": '/blog/devops-code-clearcase'
},

{
"brand": 'workload-automation',
"brandName": "HCL Workload Automation",
"brandLink": '/blog/workload-automation'
},

{
"brand": 'unica',
"brandName": "HCL Unica",
"brandLink": '/blog/unica'
},

{
"brand": 'volt-mx',
"brandName": "HCL Volt MX",
"brandLink": '/blog/volt-mx'
},

{
"brand": 'devops-model-realtime',
"brandName": "HCL DevOps Model RealTime",
"brandLink": '/blog/devops-model-realtime'
},

{
"brand": 'marketplace',
"brandName": "HCL Marketplace",
"brandLink": '/blog/marketplace'
},

{
"brand": 'nippon',
"brandName": "HCL Nippon",
"brandLink": '/blog/nippon'
},

{
"brand": 'devops-deploy',
"brandName": "HCL DevOps Deploy",
"brandLink": '/blog/devops-deploy'
},

{
"brand": 'clara',
"brandName": "HCL Clara",
"brandLink": '/blog/clara'
},

{
"brand": 'z-asset-optimizer',
"brandName": "HCL Z Asset Optimizer",
"brandLink": '/blog/z-asset-optimizer'
},

{
"brand": 'zie-for-transformation',
"brandName": "HCL ZIE for Transformation",
"brandLink": '/blog/zie-for-transformation'
},

{
"brand": 'zie-for-web',
"brandName": "HCL ZIE for Web",
"brandLink": '/blog/zie-for-web'
},

{
"brand": 'z-abend-investigator',
"brandName": "HCL Z Abend Investigator",
"brandLink": '/blog/z-abend-investigator'
},

{
"brand": 'devops-plan',
"brandName": "HCL DevOps Plan",
"brandLink": '/blog/devops-plan'
},

{
"brand": 'verse',
"brandName": "HCL Verse",
"brandLink": '/blog/verse'
},

{
"brand": 'hero',
"brandName": "HCL HERO",
"brandLink": '/blog/hero'
},

{
"brand": 'link',
"brandName": "HCL Link",
"brandLink": '/blog/link'
},

{
"brand": 'z-and-i-emulator',
"brandName": "HCL Z and I Emulator",
"brandLink": '/blog/z-and-i-emulator'
},

{
"brand": 'zie-for-windows',
"brandName": "HCL ZIE for Windows",
"brandLink": '/blog/zie-for-windows'
},

{
"brand": 'connections',
"brandName": "HCL Connections",
"brandLink": '/blog/connections'
},

{
"brand": 'commerce',
"brandName": "HCL Commerce+",
"brandLink": '/blog/commerce'
},

{
"brand": 'intelligent-operations',
"brandName": "HCL Intelligent Operations",
"brandLink": '/blog/intelligent-operations'
},

{
"brand": 'sync-trends-insights',
"brandName": "SYNC Trends &amp; Insights",
"brandLink": '/blog/sync-trends-insights'
},

{
"brand": 'discover-plus',
"brandName": "HCL Discover+",
"brandLink": '/blog/discover-plus'
},

{
"brand": 'aftermarket-cloud',
"brandName": "HCL Aftermarket Cloud",
"brandLink": '/blog/aftermarket-cloud'
},

{
"brand": 'customer-data-platform',
"brandName": "HCL Customer Data Platform",
"brandLink": '/blog/customer-data-platform'
},

{
"brand": 'secure-devops',
"brandName": "HCL Secure DevOps",
"brandLink": '/blog/secure-devops'
},

{
"brand": 'icontrol',
"brandName": "HCL iControl",
"brandLink": '/blog/icontrol'
},

{
"brand": 'mosaic',
"brandName": "HCL Mosaic",
"brandLink": '/blog/mosaic'
},

{
"brand": 'myxalytics',
"brandName": "HCL MyXalytics",
"brandLink": '/blog/myxalytics'
},
]
};
brands.itemlist.sort((a, b) => {
  if (a.brandName < b.brandName) {
    return -1;
  }
  if (a.brandName > b.brandName) {
    return 1;
  }
  return 0;
});



var pillarNameList = [];

$.each(pillarBlogList, function(index, obj) {
    pillarNameList.push(obj.name);
});

function findPillarLink(name){
    var objFound = null;
    $.each(pillarBlogList, function(index, obj) {
        if (obj["name"] === name) {
          objFound = obj;
          return false;
        }
    });
    return objFound?.siteName;
}

function multiplereplace(node, repJson) {

    var tmpString = node;

    repJson.replaces.forEach(function (element, indie) {

        var elemValue = element.value ? element.value : "";

        tmpString = tmpString.replaceAll(element.key, elemValue);

    });

    return tmpString;
}

function brandsByPillar(pillar){
    return pillars[pillar].join(",");

}


const pillarScaff = () => {
    $(".blogr-header .pillar-list").html("");
   
    return Object.keys(pillars).map((e, index) => {
    
        if(pillars[e].length > 0 && pillarNameList.includes(e)){
            let pillarNode = '<li class="pillar-item __BLOG_HEADER_PILLAR__">\
                                <div class="pillar-title">\
                                    <span>__BLOG_HEADER_PILLAR__</span>\
                                    <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" fill="none">\
                                        <path d="M1.08594 9.46094L5.46094 5.08594L1.08594 0.710938" stroke="#17707F"/>\
                                    </svg>\
                                </div>\
                                <div class="pillar-read">\
                                    <div class="pillar-read-head">\
                                        <a href="/blog/pillar/__BLOG_HEADER_PILLAR_LINK__">\
                                            <span>Read all __BLOG_HEADER_PILLAR__ Articles</span>\
                                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">\
                                                <path d="M10 3L9.11875 3.88125L12.6062 7.375H0V8.625H12.6062L9.11875 12.1187L10 13L15 8L10 3Z" fill="#17707F"/>\
                                            </svg>\
                                        </a>\
                                    </div>\
                                    <ul data-brands="__BLOG_HEADER_BRANDS__" class="pillar-read-body">\
                                    </ul>\
                                </div>\
                            </li>';
            
            let replaces = {
              "replaces": [
                { "key": "__BLOG_HEADER_PILLAR__", "value": e },
                { "key": "__BLOG_HEADER_BRANDS__", "value": brandsByPillar(e) },
                { "key": "__BLOG_HEADER_PILLAR_LINK__", "value": findPillarLink(e) },
              ]
            };
            
            return multiplereplace(pillarNode, replaces);
            
        }
    
    });
}

const brandScaff = () => {
    $(".blogr-header .pillar-list .pillar-read-body").html("");
    
    $(".blogr-header .pillar-list .pillar-read-body").each(function() {
        var dataValue = $(this).attr("data-brands");
        brands.itemlist.map((e, index) => {
            if(dataValue.split(",").includes(e.brand)){
                let brandNode = '<li><a href="__BLOG_HEADER_BRAND_LINK__">__BLOG_HEADER_BRAND__</a></li>';
        
                //The function changeBrandName is located in Presentation Template
                let replaces = {
                  "replaces": [
                    { "key": "__BLOG_HEADER_BRAND__", "value": changeBrandName(e.brandName) },
                    { "key": "__BLOG_HEADER_BRAND_LINK__", "value": e.brandLink  },
                  ]
                };
                
                $(this).append(multiplereplace(brandNode, replaces));
            }
        })
    });
    
};

$(document).on('click', '#searchButton.opened', function() {
    var text = $("#searchInput").val();
    if(text) {
        window.location.href = "/blog/search-blog?search=" + text + getutmQueryParams();
    }
});

$("#searchInput").keypress(function(e) {
    if (e.which == 13) {
        var text = $(this).val();
        if(text) {
            window.location.href = "/blog/search-blog?search=" + text + getutmQueryParams();
        }
    }
});

$(".blogr-header .pillar-list").append(pillarScaff());
brandScaff();

$(document).ready(function() {
    $(".Analytics .pillar-read-body").append(`<li><a href="https://www.actian.com/blog/" >HCL Actian</a></li>`);

     $(".Experience .pillar-read-body").append(`<li><a href="/leap" title="" target="">HCL Leap</a></li>`);

    $(".Other .pillar-read-body").append(`<li><a href="/blog/category/digital-solutions/academy" title="" target="">HCL Digital Solutions Academy</a></li>`);



var otherul = $('.Other .pillar-read-body');
            var otherli = otherul.children('li').get();

            otherli.sort(function(a, b) {
                var textA = $(a).text().toUpperCase();
                var textB = $(b).text().toUpperCase();
                return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
            });

            $.each(otherli, function(index, element) {
                otherul.append(element);
            });

var totalul = $('.Experience .pillar-read-body');
            var totalli = totalul.children('li').get();

            totalli.sort(function(a, b) {
                var textA = $(a).text().toUpperCase();
                var textB = $(b).text().toUpperCase();
                return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
            });

            $.each(totalli, function(index, element) {
                totalul.append(element);
            });

var specializedul = $('.Specialized .pillar-read-body');
            var specializedli = specializedul.children('li').get();

            specializedli.sort(function(a, b) {
                var textA = $(a).text().toUpperCase();
                var textB = $(b).text().toUpperCase();
                return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
            });

            $.each(specializedli, function(index, element) {
                specializedul.append(element);
            });

});
</script>

<!-- Header Pillar -->
<section class="pillar-header">
	<div class="pillar-header-box container">
		<h1>HCL Unica</h1>
		<p>Explore the HCL Unica blog for marketing automation insights, campaign strategies, product updates, and best practices for marketers.</p>
	</div>
 

</section>

<div class="pillar-container">
  <div class="pillar-container-content">
    
    <section class="pillar-featured">
      <div class="owl-carousel-pillars owl-carousel owl-theme pBox"></div>
    </section>

    <section class="pillar-lastest">            
      <div class="container sbox">
        <div class="loader"></div>
        <div class="pillar-show hide">
          <div class="head-section">
            <div class="head-section-text">
              <h3>Latest Posts on HCL Unica</h3>
              <p>See the most recent blog posts and other key information.</p>
            </div>
            <div class="button-group">
              <button class="btn btn-type-2" onclick="scrollToSection('allcontentpillar')">
                <span>See all articles</span>
                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">  
                  <path d="M8 2L7.295 2.705L10.085 5.5H0V6.5H10.085L7.295 9.295L8 10L12 6L8 2Z" fill="#FCFCFC"></path>
                </svg>
              </button>
            </div>
          </div>
          <div class="body-section">
            <div class="list-cards owl-carousel owl-theme owl-carousel-pillar-lasts"></div>
          </div>
        </div>
      </div>
    </section>

  </div>
</div>
                        
<section id="allcontentpillar" class="pillar-allcontent">
  <div class="container sbox">
    <div class="head-section">
      <h3>All Posts on HCL Unica</h3>
      <p>Explore our full collection of articles and relevant info.</p>
    </div>
    <div class="body-section">
      <div class="list-cards"></div>
      <script>
	var paginationPos = 1;
	var pillarDefaultItems = [];
	var pillarsbrands = {
      "Business and Industry Applications": ["aftermarket-cloud","discover","commerce", "cdp", "unica"],
      "Cybersecurity": ["appscan", "bigfix"],
      "Data and Analytics": ["actian", "nippon", "link", "onedb"],
      "AI and Intelligent Operations": ["bigfix", "icontrol", "intelligent-operations", "myxalytics"],
      "Other Featured Products": ["academy","clara","connections","hero","sofy","sync-trends-insights","verse","sametime"],
      "Sovereign Collaboration": ["connections", "domino", "leap", "link", "notes", "safelinx", "sametime", "verse"],
      "Specialized Software": ["devops-code-clearcase","devops-deploy","devops-model-realtime","hcl-devops-plan","devops-test","devops-velocity","secure-devops","workload-automation","z-abend-investigator","z-asset-optimizer","z-and-i-emulator","zie-for-transformation","zie-for-web","zie-for-windows"],
      "Total Experience": ["digital-experience","mosaic", "volt-mx"]        
};
	var pillarLocation = "HCL Unica";
  
	const callPillarItemsSearch = async (pos) => {
	  var url = "/wps/wcm/connect/HCL%20Blog/Blog new/blogs?cmpntid=b8074240-27bc-4e23-9cd4-f3260d08e752&srv=cmpnt&source=library&WCM_PI=1&WCM_Page.b8074240-27bc-4e23-9cd4-f3260d08e752=" + pos + "&WCM_PageSize.b8074240-27bc-4e23-9cd4-f3260d08e752=50";
	  const response = await fetch(url);
	  const myJson = await response.json();
	  
	  const items = JSON.parse(decodeBannerEntities(JSON.stringify(myJson)));
	  
var allowedBrands = Array.isArray(pillarsbrands[pillarLocation])
  ? pillarsbrands[pillarLocation]
  : [];

var foundBrands = items.itemlist.filter(obj => allowedBrands.includes(obj.brand));

	  
	  for(var i = 0; i < foundBrands.length; i++){
		pillarDefaultItems.push(foundBrands[i]);
		if(pillarDefaultItems.length === 9){
		  break;
		}
	  }
	  
	  // Check if enough items are found
	  if(pillarDefaultItems.length < 9){
		callPillarItemsSearch(pos + 1);
	  } else {
		buildBannerCards();
	  }
	}
  
	const buildBannerCards = () => {
	  $(".pillar-allcontent .list-cards").html('');
	  $(".pillar-allcontent .list-cards").append(cardPillarItemsScaff());
	}
  
	const cardPillarItemsScaff = () => {
	  if (pillarDefaultItems.length > 0) {
		return pillarDefaultItems.map((e, index) => {
		  let cardNode = '<div data-href="__BLOG_PILLAR_LINK__" class="card">\
			<div class="card-img">\
			  <img src="__BLOG_PILLAR_IMAGE__"/>\
			</div>\
			<div class="card-text">\
			  <div class="card-text-content">\
				<div class="card-text-title">\
				  <span><a href="__BLOG_PILLAR_BRAND_URL__">__BLOG_PILLAR_BRAND__</a></span>\
				  <h4>__BLOG_PILLAR_TITLE__</h4>\
				</div>\
				<div class="card-text-description">\
				  <p>__BLOG_PILLAR_DESC__</p>\
				</div>\
			  </div>\
			  <div class="card-text-time">\
				<p>__BLOG_PILLAR_TIME__</p>\
			  </div>\
			</div>\
		  </div>';
  
		  let replaces = {
			"replaces": [
			  { "key": "__BLOG_PILLAR_LINK__", "value": e.link },
			  { "key": "__BLOG_PILLAR_IMAGE__", "value": e.image },
			  { "key": "__BLOG_PILLAR_BRAND_URL__", "value": e.brandUrl },
			  { "key": "__BLOG_PILLAR_BRAND__", "value": changeBrandName(e.brandName) },
			  { "key": "__BLOG_PILLAR_TITLE__", "value": e.title },
			  { "key": "__BLOG_PILLAR_DESC__", "value": e.description },
			  { "key": "__BLOG_PILLAR_TIME__", "value": e.readTime },
			]
		  };
  
		  return multiplebannerreplace(cardNode, replaces);
		}).join('');
	  } else {
		return '<div class="no-results">No results...</div>';
	  }
	}
  
	function decodeBannerEntities(encodedString) {
	  var translate_re = /&(nbsp|amp|quot|lt|gt);/g;
	  var translate = {
		"nbsp": " ",
		"amp": "&",
		"quot": "\"",
		"lt": "<",
		"gt": ">"
	  };
	  return encodedString.replace(translate_re, function(match, entity) {
		return translate[entity];
	  }).replace(/&#(\d+);/gi, function(match, numStr) {
		var num = parseInt(numStr, 10);
		return String.fromCharCode(num);
	  });
	}
  
	function multiplebannerreplace(node, repJson) {
	  var tmpString = node;
	  repJson.replaces.forEach(function(element, index) {
		var elemValue = element.value ? element.value : "";
		tmpString = tmpString.replaceAll(element.key, elemValue);
	  });
	  return tmpString;
	}
  
	callPillarItemsSearch(paginationPos);
  
	$(document).on('click', '.pillar-allcontent .list-cards .card', function () {
	  window.location.href = $(this).attr("data-href");
	});
  
	$(".pillar-allcontent .list-cards .card-text span a").each(function(index){
	  $(this).text(changeBrandName($(this).text()));
	});
  
  
</script>
      <div class="eventPaginator"></div>
    </div>
  </div>
</section>

<script>
(function() {
  // Config variables are now safely scoped to this function
  const pillarLocationRaw = "HCL Unica";
  let globalSortedBlogs = []; 
  let pillars = [];
  
  let carouselBannerItems = [];
  let carouselItems = [];
  
  let totalItems = 0;
  let totalPages = 1;
  let itemsPerPage = 9;
  let pagePos = 1;
  let items = { itemlist: [] };
  let allItems = { itemlist: [] };
  let itemsFiltered = { itemlist: [] };

  function decodeEntities(encodedString) {
    const translate_re = /&(nbsp|amp|quot|lt|gt);/g;
    const translate = { "nbsp": " ", "amp": "&", "quot": '"', "lt": "<", "gt": ">" };
    return encodedString
      .replace(translate_re, (match, entity) => translate[entity])
      .replace(/&#(\d+);/gi, (match, numStr) => String.fromCharCode(parseInt(numStr, 10)));
  }

  function multiplereplace(node, repJson) {
    let tmpString = node;
    repJson.replaces.forEach(element => {
      const elemValue = element.value ? element.value : "";
      tmpString = tmpString.replaceAll(element.key, elemValue);
    });
    return tmpString;
  }

  function scrollToSection(sectionId) {
    const targetElement = document.getElementById(sectionId);
    if (targetElement) {
      const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - $(".site-header").height();
      window.scrollTo({ top: targetPosition, behavior: "smooth" });
    }
  }

  function getTransformedVariable(rawPillar) {
    let words = rawPillar.toLowerCase().split(" ");
    if (words[0] === "hcl") {
      words = words.slice(1);
    }
    let transformedVariable = words.length > 1 ? words.join("-") : words[0];
    return transformedVariable.replace(/^hcl\s*/, "").replace(/-/g, " ").replace(/&/g, "&");
  }

  // Unified API Call
  async function fetchAndInitializeData() {
    const currentPath = window.location.pathname;
    const fetchUrl = currentPath === '/blog/sx' 
      ? "https://www.hcl-software.com/wps/wcm/connect/HCL%20Blog/Blog%20new/restful/getcontent-sx?wcmitemid=028fee83-2b14-4652-b058-1cf25052f5f9&CONTENTCACHE=SITE&CONNECTORCACHE=SITE&CACHE=NONE&CONTENTCACHEEXPIRES=REL%207200S"
      : "https://www.hcl-software.com/wps/wcm/connect/HCL%20Blog/Blog%20new/restful/getcontent?wcmitemid=08af95c3-388e-4436-945f-bdc9881e6fe5&CONTENTCACHE=SITE&CONNECTORCACHE=SITE&CACHE=NONE&CONTENTCACHEEXPIRES=REL%207200S";

    try {
      const [response1, response2] = await Promise.all([
        fetch(fetchUrl),
        fetch("https://www.hcl-software.com/wps/wcm/connect/HCL%20Blog/Blog%20new/Blogs?cmpntid=753bdafc-fa64-46bf-bb11-fbdba6e776db&srv=cmpnt&source=library")
      ]);

      const myJson = await response1.json();
      pillars = await response2.json();

      const decodedData = JSON.parse(decodeEntities(JSON.stringify(myJson)));
      const transformedVariable = getTransformedVariable(pillarLocationRaw);

      // Filter and Sort Data
      const matchedItems = decodedData.itemlist.filter((obj) => {
        let brandName = obj.brandName.toLowerCase().replace(/^hcl\s*/, "").replace(/-/g, " ").replace(/&/g, "&");
        return brandName === transformedVariable;
      });

      globalSortedBlogs = matchedItems.sort((a, b) => new Date(b.creationDate) - new Date(a.creationDate));

      // Distribute to UI
      initBanner(globalSortedBlogs);
      initLatest(globalSortedBlogs);
      initAllContent(globalSortedBlogs);

    } catch (error) {
      console.error("Error fetching or processing unified data:", error);
      $(".owl-carousel-pillars .loader, .pillar-lastest .loader").addClass("hide");
    }
  }

  // --- Banner Rendering ---
  function initBanner(sortedBlogs) {
    carouselBannerItems = sortedBlogs.slice(0, 5);
    $(".owl-carousel-pillars").html("");
    $(".owl-carousel-pillars").append(cardBannerScaff());

    $(".owl-carousel-pillars").owlCarousel({
      loop: true, nav: true, dots: true, autoplay: true,
      autoplayTimeout: 3000, autoplayHoverPause: true, margin: 4,
      responsive: { 0: { items: 1 }, 1000: { items: 3 } },
    });

    $(".owl-carousel-pillars").each(function () {
      $(this).find(".owl-nav, .owl-dots").wrapAll("<div class='owl-controls container'></div>");
    });

    if (typeof changeBrandName === "function") {
      $(".pillar-featured .owl-carousel-pillars .card-wrapper .card-text a").each(function () {
        $(this).text(changeBrandName($(this).text()));
      });
    }

    $(".owl-carousel-pillars .loader").addClass("hide");
    $(".owl-carousel-pillars .pillar-show").removeClass("hide");
  }

  const cardBannerScaff = () => {
    if (carouselBannerItems.length > 0) {
      return carouselBannerItems.map((e) => {
        let cardNode = `<div data-href="__BLOG_PILLAR_LINK__" class="item" data-brand="__BLOG_PILLAR_BRAND__">
          <div class="card-wrapper">
            <div class="card-img"><img src="__BLOG_PILLAR_IMAGE__"/></div>
            <div class="card-text">
              <span data-href="__BLOG_LINK__">__BLOG_PILLAR_BRAND__</span>
              <h4>__BLOG_PILLAR_TITLE__</h4>
              <p>__BLOG_PILLAR_DESC__</p>
            </div>
          </div>
        </div>`;

        let replaces = {
          replaces: [
            { key: "__BLOG_PILLAR_LINK__", value: e.link },
            { key: "__BLOG_PILLAR_IMAGE__", value: e.image },
            { key: "__BLOG_PILLAR_BRAND__", value: typeof changeBrandName === "function" ? changeBrandName(e.brandName) : e.brandName },
            { key: "__BLOG_PILLAR_TITLE__", value: e.title },
            { key: "__BLOG_PILLAR_DESC__", value: e.description },
            { key: "__BLOG_LINK__", value: e.bloglink },
          ],
        };
        return multiplereplace(cardNode, replaces);
      }).join("");
    } else {
      return '<div class="no-results">No results...</div>';
    }
  };

  // --- Latest Posts Rendering ---
  function initLatest(sortedBlogs) {
    carouselItems = sortedBlogs.slice(0, 9);
    $(".pillar-lastest .owl-carousel-pillar-lasts").html("");
    $(".pillar-lastest .owl-carousel-pillar-lasts").append(cardScaff());

    $(".owl-carousel-pillar-lasts").owlCarousel({
      autoplay: true, items: 3, margin: 24, autoHeight: true,
      loop: true, nav: true, dots: true,
      responsive: { 0: { items: 1 }, 540: { items: 2 }, 767: { items: 3 } },
    });

    $(".owl-carousel-pillar-lasts").each(function () {
      $(this).find(".owl-nav, .owl-dots").wrapAll("<div class='owl-controls'></div>");
    });

    $(".pillar-lastest .loader").addClass("hide");
    $(".pillar-lastest .pillar-show").removeClass("hide");
  }

  const cardScaff = () => {
    if (carouselItems.length > 0) {
      return carouselItems.map((e) => {
        let cardNode = `<div data-href="__BLOG_PILLAR_LINK__" class="card">
          <div class="card-img"><img src="__BLOG_PILLAR_IMAGE__" alt="Blog Image"></div>
          <div class="card-text">
            <div class="card-text-content">
              <div class="card-text-title">
                <span><a href="__BLOG_PILLAR_BRAND_URL__">__BLOG_PILLAR_BRAND__</a></span>
                <h4>__BLOG_PILLAR_TITLE__</h4>
              </div>
              <div class="card-text-description"><p>__BLOG_PILLAR_DESC__</p></div>
            </div>
            <div class="card-text-time"><p>__BLOG_PILLAR_TIME__</p></div>
          </div>
        </div>`;

        let replaces = {
          replaces: [
            { key: "__BLOG_PILLAR_LINK__", value: e.link },
            { key: "__BLOG_PILLAR_IMAGE__", value: e.image },
            { key: "__BLOG_PILLAR_BRAND_URL__", value: e.brandUrl },
            { key: "__BLOG_PILLAR_BRAND__", value: typeof changeBrandName === "function" ? changeBrandName(e.brandName) : e.brandName },
            { key: "__BLOG_PILLAR_TITLE__", value: e.title },
            { key: "__BLOG_PILLAR_DESC__", value: e.description },
            { key: "__BLOG_PILLAR_TIME__", value: e.readTime },
          ],
        };
        return multiplereplace(cardNode, replaces);
      }).join("");
    } else {
      return '<div class="no-results">No results...</div>';
    }
  };

  // --- All Content Rendering ---
  function initAllContent(sortedBlogs) {
    items = { itemlist: sortedBlogs };
    allItems = { itemlist: sortedBlogs };
    buildFilters();
    buildCards();
  }

  const sortItems = () => {
    let paginatedItems = [];
    for (let i = (itemsPerPage * pagePos - itemsPerPage); (i < items.itemlist.length && i < (itemsPerPage * pagePos)); i++) {
      paginatedItems.push(items.itemlist[i]);
    }
    totalItems = items.itemlist.length ? items.itemlist.length : 1;
    totalPages = Math.ceil(totalItems / itemsPerPage);
    return { itemlist: paginatedItems };
  };

  const buildFilters = (brandSelect) => {
    $("#custom-product").find("option:not([value=''])").remove();
    let products = [];
    allItems.itemlist.map((e) => {
      if (!products.includes(e.brand)) {
        products.push(e.brand);
        let brandDisplayName = typeof changeBrandName === "function" ? changeBrandName(e.brandName) : e.brandName;
        $("#custom-product").append(`<option value="${e.brand}" ${brandSelect === e.brand ? "selected" : ""}>${brandDisplayName}</option>`);
      }
    });

    const options = $("#custom-product option").toArray().sort((a, b) => $(a).text().localeCompare($(b).text()));
    $("#custom-product").empty().append(options);
    if (brandSelect) $("#custom-product").val(brandSelect);
  };

  const buildCards = () => {
    let sortedItems = sortItems();
    $(".pillar-allcontent .list-cards").html('');
    $(".pillar-allcontent .eventPaginator").remove();
    $(".pillar-allcontent .list-cards").append(cardAllScaff(sortedItems));
    $(".pillar-allcontent .body-section").append('<div class="eventPaginator"><div class="eventNumPages"><ul></ul></div><div class="eventItemsPerPage"></div></div>');
    paginationMount(pagePos, totalPages, ".pillar-allcontent .body-section");
  };

  const cardAllScaff = (sortedItems) => {
    if (sortedItems.itemlist.length > 0) {
      return sortedItems.itemlist.map((e) => {
        let cardNode = `<div data-href="__BLOG_POST_LINK__" class="card">
          <div class="card-img"><img src="__BLOG_POST_IMAGE__"></div>
          <div class="card-text">
            <div class="card-text-content">
              <div class="card-text-title">
                <span><a href="__BLOG_POST_PILLAR_URL__">__BLOG_POST_PILLAR__</a></span>
                <h4>__BLOG_POST_TITLE__</h4>
              </div>
              <div class="card-text-description"><p>__BLOG_POST_DESC__</p></div>
            </div>
            <div class="card-text-time"><p>__BLOG_POST_READ__</p></div>
          </div>
        </div>`;
        
        let replaces = {
          "replaces": [
            { "key": "__BLOG_POST_LINK__", "value": e.link },
            { "key": "__BLOG_POST_IMAGE__", "value": e.image },
            { "key": "__BLOG_POST_PILLAR__", "value": typeof changeBrandName === "function" ? changeBrandName(e.brandName) : e.brandName },
            { "key": "__BLOG_POST_PILLAR_URL__", "value": e.bloglink },
            { "key": "__BLOG_POST_TITLE__", "value": e.title },
            { "key": "__BLOG_POST_DESC__", "value": e.description },
            { "key": "__BLOG_POST_READ__", "value": e.readTime },
          ]
        };
        return multiplereplace(cardNode, replaces);
      }).join("");
    } else {
      return '<div class="no-results">No results...</div>';
    }
  };

  const paginationMount = (pagePos, total, id) => {
    if ((pagePos + 3) >= total && (pagePos - 4) <= 1 && !((pagePos - 4) >= 1)) {
      for (let i = 1; i <= total; i++) {
        $(id + ' .eventNumPages ul').append(`<li ${pagePos === i ? 'class="current-page"' : ''}><button>${i}</button></li>`);
      }
    }
    if ((pagePos + 4) <= total && (pagePos - 3) < 1 && !((pagePos - 3) > 1)) {
      for (let i = 1; (i <= total && i < (pagePos + 2)); i++) {
        $(id + ' .eventNumPages ul').append(`<li ${pagePos === i ? 'class="current-page"' : ''}><button>${i}</button></li>`);
      }
      $(id + ' .eventNumPages ul').append('<li class="disable-paging"><button>...</button></li>');
      $(id + ' .eventNumPages ul').append(`<li><button>${total}</button></li><li><button>Next &gt;</button></li>`);
    }
    if ((pagePos + 3) > total && !((pagePos - 4) < 1) && (pagePos - 4) >= 1) {
      $(id + ' .eventNumPages ul').append(`<li><button>&lt; Prev</button></li><li><button>1</button></li><li class="disable-paging"><button>...</button></li>`);
      for (let i = (pagePos - 1); i <= total; i++) {
        $(id + ' .eventNumPages ul').append(`<li ${pagePos === i ? 'class="current-page"' : ''}><button>${i}</button></li>`);
      }
    }
    if ((pagePos - 2) > 1 && (pagePos + 2) < total) {
      $(id + ' .eventNumPages ul').append(`<li><button>&lt; Prev</button></li><li><button>1</button></li><li class="disable-paging"><button>...</button></li>`);
      for (let i = (pagePos - 1); (i <= total && i <= (pagePos + 1)); i++) {
        $(id + ' .eventNumPages ul').append(`<li ${pagePos === i ? 'class="current-page"' : ''}><button>${i}</button></li>`);
      }
      $(id + ' .eventNumPages ul').append(`<li class="disable-paging"><button>...</button></li><li><button>${total}</button></li><li><button>Next &gt;</button></li>`);
    }
    $(id + ' .eventItemsPerPage').append(`<label for="selectNumPages">Items per page:</label><select id="selectNumPages" name="selectNumPages"><option value="9" ${itemsPerPage === 9 ? 'selected' : ''}>9</option><option value="18" ${itemsPerPage === 18 ? 'selected' : ''}>18</option><option value="36" ${itemsPerPage === 36 ? 'selected' : ''}>36</option></select>`);
  };

  // --- Document Event Listeners ---
  $(document).ready(function () {
    fetchAndInitializeData();
  });

  $(document).on("click", ".owl-carousel-pillars .item, .pillar-lastest .owl-carousel-pillar-lasts .card, .pillar-allcontent .body-section .list-cards .card", function () {
    if (typeof decorateUrl === "function") {
      window.location.href = decorateUrl($(this).attr("data-href"));
    } else {
      window.location.href = $(this).attr("data-href");
    }
  });

  $(document).on('click', '.pillar-allcontent .body-section .eventPaginator ul li button', function () {
    if (!isNaN($(this).text())) {
      pagePos = +$(this).text();
    } else if ($(this).text() === "< Prev") {
      pagePos = pagePos - 1;
    } else {
      pagePos = pagePos + 1;
    }
    $(".pillar-allcontent .list-cards").html("");
    $(".pillar-allcontent .eventPaginator").remove();
    buildCards();
    
    let destinoTop = $(".pillar-allcontent #selectNumPages").offset().top;
    let windowHeight = $(window).height();
    let destinoHeight = $(".pillar-allcontent #selectNumPages").outerHeight();
    $('html,body').animate({ scrollTop: destinoTop - (windowHeight - destinoHeight) / 2 }, 1000);
  });

  $(document).on('click', '.pillar-allcontent .pressClear', function () {
    $(".pillar-allcontent .list-cards").html("");
    $(".pillar-allcontent .eventPaginator").remove();
    items = allItems;
    totalItems = items.itemlist.length;
    totalPages = Math.ceil(totalItems / itemsPerPage);
    pagePos = 1;
    buildCards();
    buildFilters();
  });

  $(document).on('change', '#selectNumPages', function (e) {
    $(".pillar-allcontent .list-cards").html("");
    $(".pillar-allcontent .eventPaginator").remove();
    itemsPerPage = +e.target.value;
    totalPages = Math.ceil(totalItems / itemsPerPage);
    pagePos = 1;
    buildCards();
    
    let destinoTop = $(".pillar-allcontent #selectNumPages").offset().top;
    let windowHeight = $(window).height();
    let destinoHeight = $(".pillar-allcontent #selectNumPages").outerHeight();
    $('html,body').animate({ scrollTop: destinoTop - (windowHeight - destinoHeight) / 2 }, 1000);
  });

  $(document).on('change', '#custom-product', function () {
    itemsFiltered = { itemlist: [] };
    let brandSelect = "";
    if ($("#custom-product").val() === "") {
      items = allItems;
    } else {
      brandSelect = $("#custom-product").val();
      allItems.itemlist.forEach(function (item) {
        if (item.brand === brandSelect) {
          itemsFiltered.itemlist.push(item);
        }
      });
      items = itemsFiltered;
    }
    $(".pillar-allcontent .list-cards").html("");
    $(".pillar-allcontent .eventPaginator").remove();
    totalItems = items.itemlist.length;
    totalPages = Math.ceil(totalItems / itemsPerPage);
    pagePos = 1;
    buildCards();
    buildFilters(brandSelect);
  });
})();
</script>

<script>
  decorateBlogCards();
</script>
        
        
    

    
        





        







    
</div>
</div> 
</div><div class='component-control id-Z7_1QD6H9K0P0VLA06I4PRR3304J2' ><!-- The Control element contains the portlet banner and the portlet content. -->
<div class="ibmPortalControl stControl wpthemeControl a11yRegionTarget" >
    <!-- The ControlHeader element is the banner which contains the portlet title and menu -->
    <div class="stControlHeader wpthemeControlHeader">
        <!-- A FocusableLink shows or hides the ControlHeader when the link receives a "focus" or "blur" event. This -->
        <!-- element's event handlers are added by JavaScript in the st_skin module when the page is in "Edit" mode. -->
        <!-- This link corresponds to the entire ControlHeader element. -->
        <a tabindex="0" class="stFocusableLink stStartHeader"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="start portlet menu bar"/></a>
        <div>
            <div>
                <h2 class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this, 30, 0);"
                    ondragend="wpModules.dnd.util.portletDragEnd(event);">
                    <!-- The "lm:title" dynamic spot is used for dynamic title support. -->
                    <span class="lm-dynamic-title a11yRegionLabel">Footer</span>
                </h2>
                <!-- the content menu -->
                <a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="contextMenuInSkinIcon stGroup" style="display:none" >
                    <span title="Display content menu">
                        <svg class="stSkinMenuIcon" aria-label="Display content menu"><title>Display content menu</title><use xlink:href="#stContent-Menu"></use></svg>
                    </span>
                </a>
                <!-- A FocusableLink shows or hides the ControlHeader when the link receives a "focus" or "blur" event. This -->
                <!-- element's event handlers are added when the portlet is in "Edit" mode, via JavaScript (st_skin module). -->
                <!-- This link corresponds to the portlet menu element. -->
                <a class="stActionMenu" aria-label="Display portlet menu" aria-haspopup="true" role="button" href="javascript:;" onclick="wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});" onkeydown="if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}">
                    <span title="Display portlet menu">
                        <svg class="stSkinMenuIcon" aria-label="Display portlet menu"><title>Display portlet menu</title><use xlink:href="#stPortlet-Menu"></use></svg>
                    </span>
                </a>
            </div>
        </div>
        <a tabindex="0" class="stFocusableLink stEndHeader"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="end portlet menu bar"/></a>
    </div>
    
    <!-- The ControlBody element contains the portlet content. -->
    <div class="stControlBody stOverflowAuto wpthemeControlBody">
        <!-- The "lm:control" dynamic spot is used for the markup of a layout control. -->
        







































    
    

    
    

    
    
    





    
    
        
            
            

<style>.exterlik .dropdown-menu-title{font-weight:500;font-size:14px;color:#14142b;display:flex;align-items:center!important}.dropdownnav-menu li .exterlik[target="_blank"] .dropdown-menu-title:after{background-image:url(/wps/wcm/connect/023f9afd-103d-44df-9fd9-eadd31d4c74b/externalicon-color.svg?MOD=AJPERES);width:13px;height:13px;opacity:1;visibility:visible;transform:translateX(7px);align-items:center;display:flex;background-size:contain;background-repeat:no-repeat}.footer-breadcrumb li a:before,.footer-breadcrumb li p:before{border:solid #14142b!important;border-width:2px 0 0 2px!important}.footer-breadcrumb>li>p{color:#14142b!important}.subscribe-area.home.subscribe-btnbox{background:linear-gradient(93deg,#f5fcfd 2.03%,#d4f0f5 11.62%,#e2ebed 79.39%,#d9e0e7 106.44%)!important}.subscribe-area.home.subscribe-btnbox .arrow-btn-white{box-shadow:none!important}.subscribe-info p{font-size:45px;line-height:50px;color:#14142B;margin-bottom:0;font-weight:900}.subscribe-area.home.subscribe-btnbox.footer_subscribe .arrow-btn-white:hover{background:#17707f!important;color:#fff!important;text-decoration:none}.subscribe-btnbox.footer_subscribe .arrow-btn-white:hover::after{margin-left:8px;background:url(/wps/wcm/connect/0da18a72-215b-46e5-9271-41d1748af738/arrow-right.svg?MOD=AJPERES) no-repeat;margin-top:4px}.site-footer{color:#14142B!important;background:linear-gradient(-91deg,#eceff3,#d6eff5,#f5fcfd)!important}.site-footer .site-footer__top .region-footer-first .menu--bt-footer>ul li.menu-item--expanded>.nav-link,.site-footer .site-footer__top .region-footer-first .menu--footer>ul li.menu-item--expanded>.nav-link{color:#14142B!important;cursor:pointer}.site-footer a{color:#14142B!important}ul.footer-bottom-nav li{color:#14142b!important}.footer-social ul.list-unstyled.social-links li a{border:1px solid #14142b9c!important;color:#14142B;position:relative}.main-footer.site-footer .site-footer__top .region-footer-first .menu--bt-footer>ul>li a:focus,.main-footer.site-footer .site-footer__top .region-footer-first .menu--bt-footer>ul>li a:hover,.main-footer.site-footer .site-footer__top .region-footer-first .menu--footer>ul>li a:focus,.main-footer.site-footer .site-footer__top .region-footer-first .menu--footer>ul>li a:hover{color:#17707F!important}.site-footer .site-footer__top .region-footer-first .menu--bt-footer>ul .footer-menu-trigger::after,.site-footer .site-footer__top .region-footer-first .menu--footer>ul .footer-menu-trigger::after{border-color:#14142B!important}.Let_talk{position:fixed;bottom:16px;width:140px;cursor:pointer;padding:1px 0;right:16px;border-radius:25px;background:#31d4db;z-index:2147483646}.Let_talk svg{height:22px;width:22px}.Let_talk svg .cm-Icon{fill:#fff;fill:#fff}.Lettalk_15{display:flex;align-items:center;padding:10px 17px;justify-content:space-between}.Lettalk_text{font-size:17px;color:#fff;font-weight:400;line-height:22px;margin:0}</style>
    <link href="/wps/wcm/connect/95d889d3-29d1-4ac2-9b6b-2d3fc1756ec3/style-footer.css?MOD=AJPERES" rel="stylesheet"/>
    <!-- <div class="Let_talk">
       <div class="Lettalk_15">
           <p class="Lettalk_text">Let’s talk</p>
           <svg viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" aria-labelledby="cm-pill-icon-title" data-di-res-id="c53b9764-b7e47bbe" data-di-rand="1711631555214"><title id="cm-pill-icon-title">Contact Us</title><g class="open-links-support" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1.000000, -2.000000)"><g class="umx-chat-20px"><g class="cm-Icon" transform="translate(1.250000, 2.500000)" fill="#000000" fill-rule="nonzero"><path d="M9.8375,16.25 L8.75,15.625 L11.25,11.25 L15,11.25 C15.6903559,11.25 16.25,10.6903559 16.25,10 L16.25,2.5 C16.25,1.80964406 15.6903559,1.25 15,1.25 L2.5,1.25 C1.80964406,1.25 1.25,1.80964406 1.25,2.5 L1.25,10 C1.25,10.6903559 1.80964406,11.25 2.5,11.25 L8.125,11.25 L8.125,12.5 L2.5,12.5 C1.11928813,12.5 2.77555756e-16,11.3807119 0,10 L0,2.5 C-1.38777878e-16,1.11928813 1.11928813,0 2.5,0 L15,0 C16.3807119,0 17.5,1.11928813 17.5,2.5 L17.5,10 C17.5,11.3807119 16.3807119,12.5 15,12.5 L11.975,12.5 L9.8375,16.25 Z" id="Shape"></path><rect x="3.75" y="3.75" width="10" height="1.25"></rect><rect x="3.75" y="7.5" width="6.25" height="1.25"></rect></g><g class="cm-Transparent_Rectangle"><rect x="0" y="0" width="20" height="20"></rect></g></g></g></svg>
       </div>
       </div>
       -->
    <section class="subscribe-area home subscribe-btnbox footer_subscribe">
       <div class="container">
          <div class="row">
             <div class="col-lg-8 col-md-8 col-xs-12">
                <div class="subscribe-info">
                   <!-- <p>HCLSoftware</p> -->
                   <img src="/wps/wcm/connect/acab539f-ea53-4c9a-a022-a8c83f1bbae2/hcl-footerlogo-black.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-acab539f-ea53-4c9a-a022-a8c83f1bbae2-pxVewXK" alt="HCLSoftware Logo"  class="img-responsives" loading="lazy" />
                </div>
             </div>
             <div class="col-lg-4 col-md-4 col-xs-12">
                <div class="subscribe-box">
                   <div class="button-group" style="margin: 0px;">
                      <a class="btn arrow-btn-3 arrow-btn-white" href="/contact-us">Contact us</a><br /><br />
                      <!--         <a class="btn arrow-btn-3 arrow-btn-white" href="javascript:void(0);">Subscribe</a>  -->
                   </div>
                </div>
             </div>
          </div>
       </div>
    </section>
    <footer class="site-footer main-footer">
       <div class="container">
          <div class="breadcrumb-hclsw">
             <div class="footer-logo">
                <a href="/" title="">
                <img src="/wps/wcm/connect/a185b95a-12cc-4252-9140-2b0ba40af651/hcl-software-logo.svg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE-a185b95a-12cc-4252-9140-2b0ba40af651-pvKajzP" alt="HCLSoftware logo"  class="img-responsive" loading="lazy" />
                </a>
             </div>
             <ul class="footer-breadcrumb">
                <li>
                   <p id="brdcrumb-title"></p>
                </li>
             </ul>
          </div>
          <div class="site-footer__top clearfix">
             <section class="row region region-footer-first">
                <nav role="navigation" aria-label="Footer Navigation" id="block-btfooters"
                   class="block block-menu navigation menu--bt-footer">
                   <ul id="block-btfooter" class="clearfix nav navbar-nav level-0">
                      <li class="footer-columns-group nav-item menu-item--expanded">
                         <span class="nav-link nav-link-">Columns group1</span>
                         <ul class="menu level-1 menu-level-fixed">
                            <li class="menu-item--expanded nav-item">
                               <a href="/business-industry-applications" class="nav-link">Business & Industry Applications</a>
                            </li>
                            <li class="menu-item--expanded nav-item">
                               <a href="/cybersecurity" class="nav-link">Cybersecurity</a>
                            </li>
                            <li class="menu-item--expanded nav-item">
                               <a href="/data-analytics" class="nav-link">Data and Analytics</a>
                            </li>
                            <li class="menu-item--expanded nav-item">
                               <a href="/ai-intelligent-operations" class="nav-link">AI and Intelligent Operations</a>
                            </li>
                            <li class="menu-item--expanded nav-item">
                               <a href="/total-experience" class="nav-link">Total Experience</a>
                            </li>
                            <li class="menu-item--expanded nav-item">
                               <a class="nav-link" href="/sovereign-collaboration">Sovereign Collaboration</a>
                            </li>
                            <li class="menu-item--expanded nav-item">
                               <a class="nav-link" href="javascript:void(0)">Specialized Software</a>
                            </li>
                            <!-- <li class="menu-item--expanded nav-item">
                               <a href="/cloud-offerings" class="nav-link">Cloud Offering</a>
                               </li> -->
                         </ul>
                      </li>
                      <li class="footer-service-menu nav-item menu-item--expanded">
                         <span class="nav-link nav-link-">Products</span>
                         <ul class="menu level-1">
                            <li class="mobile-expand-menu nav-item menu-item--expanded left-menu">
                               <a href="/business-industry-applications" class="nav-link"
                                  title="Business & Industry Applications">Business & Industry Applications</a>
                               <ul class="menu level-2">
                                  <li class="nav-item">
                                     <a href="/aftermarket-cloud" class="nav-link" title="Aftermarket">HCL Aftermarket Cloud</a>
                                  </li>
                                  <li class="nav-item">
                                     <a href="/automation-orchestration" class="nav-link" title="Aftermarket">HCL Automation Orchestration</a>
                                  </li>
                                  <li class="nav-item">
                                     <a href="/customer-data-platform" class="nav-link">HCL CDP</a>
                                  </li>
                                  <li class="nav-item">
                                     <a href="/commerce" class="nav-link" title="Commerce">HCL Commerce+</a>
                                  </li>
                                  <li class="nav-item">
                                     <a href="/discover-plus" class="nav-link" title="Discover">HCL Discover+</a>
                                  </li>
                                  <li class="nav-item">
                                     <a href="/marketing-cloud" class="nav-link" title="Marketing Cloud">HCL Marketing Cloud</a>
                                  </li>
                                  <li class="nav-item">
                                     <a href="/unica" class="nav-link" title="Marketing Cloud">HCL Unica</a>
                                  </li>
                               </ul>
                            </li>
                            <li class="mobile-expand-menu nav-item menu-item--expanded right-menu">
                               <a href="/data-analytics" class="nav-link">Data and Analytics</a>
                               <ul class="menu level-2">
                                  <li class="nav-item"> <a href="https://www.actian.com/data-intelligence/platform/"  class="nav-link">HCL Actian Data Intelligence Platform</a></li>
                                  <li class="nav-item"><a href="/actian/ingres-transactional-database" class="nav-link">HCL Actian Ingres</a></li>
                                  <li class="nav-item"> <a href="/actian/dataconnect" class="nav-link">HCL DataConnect</a></li>
                                  
                                   <li class="nav-item"> <a href="/actian/zen-edge-data-management" class="nav-link">HCL Zen</a></li>
                               </ul>
                            </li>
                            <li class="mobile-expand-menu nav-item menu-item--expanded right-menu">
                               <a href="/ai-intelligent-operations" class="nav-link">AI and Intelligent Operations</a>
                               <ul class="menu level-2">
                                <li><a href="/automation-orchestration?ao=io" class="nav-link">
                                     HCL Automation Orchestration</a>
                                  </li>
                                <li><a href="/automation-orchestration/automation-orchestrator-suite" class="nav-link">
                                     HCL Automation Orchestrator Suite</a>
                                  </li>
                                <li class="nav-item"><a href="/bigfix" class="nav-link">HCL BigFix</a>
                                  </li>
                                  
                                  <li class="nav-item"><a href="/bigfix/aex" class="nav-link">HCL BigFix AEX</a>
                                  </li>
                   
                                  <li class="nav-item"><a href="/bigfix/offerings/infrastructure-monitoring" class="nav-link">HCL BigFix Enterprise+</a></li>
                 
                                  <li class="nav-item"><a href="/bigfix/products/service-management" class="nav-link">HCL BigFix Service Management
                                     </a>
                                  </li>
                                  
                                  <li class="nav-item"><a href="/bigfix/offerings/workspace-management" class="nav-link">HCL BigFix Workspace+</a>
                                  </li>
                                  
                                  <li class="nav-item"><a href="/icontrol" class="nav-link">
                                     HCL iControl</a>
                                  </li>
                                  <li class="nav-item"><a href="/my-xalytics" class="nav-link">
                                     HCL MyXalytics </a>
                                  </li>
                                  
                                  <li class="nav-item"><a href="/workload-automation" class="nav-link">HCL Workload Automation
                                     </a>
                                  </li>
                               </ul>
                            </li>
                            <li class="mobile-expand-menu nav-item menu-item--expanded left-menu" style="margin-top: 0;">
                               <a href="/cybersecurity" class="nav-link">Cybersecurity</a>
                               <ul class="menu level-2">
                                <li class="nav-item">
                                     <a href="/appscan" class="nav-link">HCL AppScan</a>
                                  </li>
                                <li class="nav-item"><a href="/bigfix" class="nav-link">HCL BigFix</a>
                                  </li>
                                  
                                  <li class="nav-item">
                                     <a href="/bigfix/products/compliance" class="nav-link">HCL BigFix Compliance</a>
                                  </li>
                                  <li class="nav-item">
                                     <a href="/bigfix/products/cyberfocus" class="nav-link">HCL BigFix CyberFOCUS</a>
                                  </li>
                                  <li class="nav-item">
                                     <a href="/bigfix/products/remediate" class="nav-link">HCL BigFix Remediate</a>
                                  </li>
                               </ul>
                            </li>
                            <li class="mobile-expand-menu nav-item menu-item--expanded left-menu">
                               <a href="/total-experience" class="nav-link">Total Experience</a>
                               <ul class="menu level-2">
                                 <li><a href="/automation-orchestration?ao=tx" class="nav-link">
                                     HCL Automation Orchestration</a>
                                  </li>
                                  <li class="nav-item"><a href="/customer-data-platform?cdp=tx" class="nav-link">HCL CDP</a>
                                  </li>
                                  <li class="nav-item"><a href="/dx" class="nav-link">HCL DX
                                     </a>
                                  </li>
                                  <li class="nav-item"><a href="/total-experience?val=hclfoundry" class="nav-link">
                                     HCL Foundry
                                     </a>
                                  </li>
                                 <!-- <li class="nav-item"><a href="/leap" class="nav-link">HCL LEAP
                                     </a>-->
                                  </li>
                                  <li class="nav-item">
                                    <a href="/mosaic" class="nav-link">HCL Mosaic</a>
                                  </li>
                                  <li class="nav-item"><a href="/volt-mx" class="nav-link">
                                     HCL Volt MX</a>
                                  </li>
                               </ul>
                            </li>
                            <li class="mobile-expand-menu nav-item menu-item--expanded right-menu">
                               <a href="/sovereign-collaboration" class="nav-link">Sovereign Collaboration</a>
                               <ul class="menu level-2">
                                  <li><a href="/connections" class="nav-link">HCL Connections</a></li>
                                  <li><a href="/domino" class="nav-link">HCL Domino</a></li>
                                 <!-- <li><a href="/leap" class="nav-link">HCL Leap</a></li>-->
                                  <li><a href="/link" class="nav-link">HCL Link</a></li>
                                  <li><a href="/notes" class="nav-link">HCL Notes</a></li>
                                  <li><a href="/safelinx" class="nav-link">HCL SafeLinx</a></li>
                                  <li><a href="/sametime" class="nav-link">HCL Sametime</a></li>
                                  <li><a href="/verse" class="nav-link">HCL Verse</a></li>
                               </ul>
                            </li>
                            <li class="mobile-expand-menu nav-item menu-item--expanded right-menu" >
                               <a href="javascript:void(0);" class="nav-link">Specialized  Software</a>
                               <ul class="menu level-2">
                                  <!-- <li><a href="https://www.hclindustrysaas.com/telecom-5g/augmented-network-automation" target="_blank"  class="nav-link">HCL Augmented Network Automation (SON)</a></li> -->
                               
                                  <li><a href="https://camworks.com" target="_blank"  class="nav-link">HCL CAMWorks
                                     </a>
                                  </li> 
                                  <li><a href="https://dfmpro.com" target="_blank"  class="nav-link">HCL DFMPro
                                     </a>
                                  </li>  
                                                            
                                  <li><a href="https://www.hclindustrysaas.com/manufacturing-industry-4.0" target="_blank"  class="nav-link">HCL GeomTech
                                     </a>
                                  </li>
                                  <li><a href="/mainframe-solutions" class="nav-link">
                                     HCL Mainframe Optimization
                                     </a>
                                  </li>
                                  <li><a href="/secure-devops" class="nav-link">
                                     HCL Secure DevOps
                                     </a>
                                  </li>
                                  
                               </ul>
                            </li>
                         </ul>
                      </li>
                      <li class="footer-columns-group nav-item menu-item--expanded">
                         <span class="nav-link nav-link-">Columns group 2</span>
                         <ul class="menu level-1">
                            <li class="footer-about-menu mobile-expand-menu nav-item menu-item--expanded">
                               <span class="nav-link nav-link-">Resources</span>
                               <ul class="menu level-2">
                                 
                                 <li class="nav-item"><a href="https://www.hcl-software.com/blog"  class="nav-link">Blog</a></li>
                                  <li class="nav-item"><a href="/about/events" class="nav-link">Events</a></li>
                                  <li class="nav-item"><a href="/resources/stories/list" class="nav-link">Success Story</a></li>                                 
                                  <li class="nav-item"><a href="/resources/video-gallery" class="nav-link">Video Gallery</a> </li>

                                  <li class="nav-item"><a href="/resources/sw-toms" class="nav-link">TOMs – Security</a></li>
                                  <li class="nav-item"><a href="/resources/sync/tech-trends-2026" class="nav-link">HCLSoftware Tech Trends 2026</a></li>
                                  <li class="nav-item"><a href="https://hclsoftwareu.hcl-software.com" target="_blank" >HCLSoftware U</a></li>
                               
                               </ul>
                            </li>
                            <li class="footer-insights-menu mobile-expand-menu nav-item menu-item--expanded">
                               <span class="nav-link nav-link-">About Us</span>
                               <ul class="menu level-2">
                                  <li class="nav-item"><a href="/about" class="nav-link">Overview</a></li>
                                  <li class="nav-item"><a href="/about/leadership" class="nav-link">Leadership</a>
                                  </li>
                                  <li class="nav-item"><a href="/careers" class="nav-link">Careers</a></li>
                                  <li class="nav-item"><a href="/about/hcl-ambassadors" class="nav-link">HCL
                                     Ambassadors</a>
                                  </li>
                                  <li class="nav-item"><a href="/about/news" class="nav-link">Newsroom</a></li>
                                  <li class="nav-item"><a href="/resources/analyst-recognitions" class="nav-link">Analyst Recognitions</a></li>
                                  <li class="nav-item"><a href="/resources/trust-center" class="nav-link">Trust
                                     Center</a>
                                  </li>
                               </ul>
                            </li>
                            <li class="footer-insights-menu mobile-expand-menu nav-item menu-item--expanded">
                               <span class="nav-link nav-link-">HCLSoftware Customers</span>
                               <ul class="menu level-2">
                                 
                                  <li class="nav-item"><a href="/resources/submit-idea" class="nav-link">Submit
                                     Idea</a>
                                  </li>
                                  <li class="nav-item"><a href="https://support.hcl-software.com/csm"  class="nav-link">Support</a></li>
                                  <li class="nav-item"><a href="/resources/client-advocacy"
                                     class="nav-link">Client Advocacy</a></li>
                                  <li class="nav-item"><a href="/resources/master-agreements"
                                     class="nav-link">Master Agreements</a>
                                  </li>
                                  <li class="nav-item"><a href="/resources/master-agreements-archive"
                                     class="nav-link">Master
                                     Agreements (Archive)</a>
                                  </li>
                                  <li class="nav-item"><a href="/resources/license-agreements"
                                     class="nav-link">License Agreements</a>
                                  </li>
                                  <li class="nav-item"><a href="https://opensource.hcltechsw.com"  class="nav-link">Open Source</a></li>
                                  <li class="nav-item"><a href="/resources/product-release/search"
                                     class="nav-link">Product
                                     Lifecycle</a>
                                  </li>
                               </ul>
                            </li>
                         </ul>
                      </li>
                      <li class="footer-industries-menu mobile-expand-menu nav-item menu-item--expanded">
                         <span class="nav-link nav-link-">Partners</span>
                         <ul class="menu level-1">
                            <!--<li class="nav-item"><a href="/resources/partner-connect/business-partner" class="nav-link">Business Partner</a></li>-->
                            <li class="nav-item"><a href="/partner-connect/partner-ecosystem" title=""  class="nav-link">Partner Ecosystem</a></li>
                            <li class="nav-item"><a href="https://hcl-partners.amp.vg"  class="nav-link">Partner Locator</a></li>
                            <li class="nav-item"><a href="/partner-connect" title="" class="nav-link">Partner Connect</a></li>
                 <li class="nav-item"><a href="/resources/partner-connect/global-system-integrators" title=""  class="nav-link">Global Partnerships</a></li>
                            <li class="nav-item"><a href="/partner-connect/sync" class="nav-link">SYNC</a></li>
                         </ul>
                      </li>
                      <li class="footer-columns-group nav-item menu-item--expanded">
                         <span class="nav-link nav-link-">Columns group3</span>
                         <ul class="menu level-1">
                            <li class="footer-careers-menu mobile-expand-menu nav-item menu-item--expanded">
                               <span class="nav-link nav-link-">Legal</span>
                               <ul class="menu level-2">
                                  <li class="nav-item"><a href="/legal/accessibility">Accessibility</a></li>
                                  <li class="nav-item"><a href="https://www.hcl-software.com/blog" >Blog</a></li>
                                  <li class="nav-item"><a href="/legal/compliance">Compliance</a></li>
                                  <li class="nav-item"><a href="/legal/privacy">Privacy Statement</a></li>
                                  <li class="nav-item"><a href="/legal/cookie-disclosure">Cookie Statement</a>
                                  </li>
                                  <li class="nav-item"><a href="/legal/ccpa-statement">CCPA-Statement</a></li>
                                  <li class="nav-item"><a href="/legal/disclaimer">Website Disclaimer</a></li>
                                  <li class="nav-item"><a href="/legal/future-products">Future Products</a></li>
                                  <li class="nav-item"><a href="/resources/psirt">PSIRT</a></li>
                                  <li class="nav-item"><a href="/legal/hcl-software-disclaimer">Software
                                     Disclaimer</a>
                                  </li>
                                  <li class="nav-item"><a href="/legal/terms-use">Terms of Use </a></li>
                                  <li class="nav-item"><a href="/legal/soc">SOC</a></li>
                                  <li class="nav-item"><a href="/about/government">Government - US Federal</a>
                                  </li>
                               </ul>
                            </li>
                         </ul>
                      </li>
                   </ul>
                </nav>
                <div class="footer-bottom">
                   <div class="footer-social footer-social_cls text-center" style="text-align: center;">
                      <ul class="list-unstyled social-links">
                         <li>
                            <!-- Facebook -->
                            <a href="https://www.facebook.com/HCLSW/" target="_blank" >
                               <svg width="21" height="21" viewBox="0 0 21 21" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
                                  <g clip-path="url(#clip0_863_17390)">
                                     <path
                                        d="M20.5 10.9429C20.5 5.38635 16.0229 0.881836 10.5 0.881836C4.97715 0.881836 0.5 5.38635 0.5 10.9429C0.5 15.9647 4.15684 20.1271 8.9375 20.8818V13.8512H6.39844V10.9429H8.9375V8.72636C8.9375 6.20479 10.4305 4.81196 12.7146 4.81196C13.8084 4.81196 14.9531 5.00846 14.9531 5.00846V7.48444H13.6922C12.45 7.48444 12.0625 8.26005 12.0625 9.05649V10.9429H14.8359L14.3926 13.8512H12.0625V20.8818C16.8432 20.1271 20.5 15.9647 20.5 10.9429Z"
                                        fill="#14142B" />
                                  </g>
                                  <defs>
                                     <clipPath id="clip0_863_17390">
                                        <rect width="20" height="20" fill="white"
                                           transform="translate(0.5 0.881836)" />
                                     </clipPath>
                                  </defs>
                               </svg>
                            </a>
                         </li>
                         <li>
                            <!-- Twitter -->
                            <a href="https://twitter.com/HCLSoftware" target="_blank" >
                               <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="21" height="21">
                                  <g fill="#14142B" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="bold" font-size="none" text-anchor="middle" style="mix-blend-mode: normal">
                                     <g transform="scale(5.12,5.12)">
                                        <path d="M11,4c-3.866,0 -7,3.134 -7,7v28c0,3.866 3.134,7 7,7h28c3.866,0 7,-3.134 7,-7v-28c0,-3.866 -3.134,-7 -7,-7zM13.08594,13h7.9375l5.63672,8.00977l6.83984,-8.00977h2.5l-8.21094,9.61328l10.125,14.38672h-7.93555l-6.54102,-9.29297l-7.9375,9.29297h-2.5l9.30859,-10.89648zM16.91406,15l14.10742,20h3.06445l-14.10742,-20z"></path>
                                     </g>
                                  </g>
                               </svg>
                            </a>
                         </li>
                         <li>
                            <!-- LinkedIn -->
                            <a href="https://www.linkedin.com/company/hclsoftware/" target="_blank" >
                               <svg width="21" height="21" viewBox="0 0 21 21" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
                                  <g clip-path="url(#clip0_863_17386)">
                                     <path
                                        d="M19.0195 0.881836H1.97656C1.16016 0.881836 0.5 1.52637 0.5 2.32324V19.4365C0.5 20.2334 1.16016 20.8818 1.97656 20.8818H19.0195C19.8359 20.8818 20.5 20.2334 20.5 19.4404V2.32324C20.5 1.52637 19.8359 0.881836 19.0195 0.881836ZM6.43359 17.9248H3.46484V8.37793H6.43359V17.9248ZM4.94922 7.07715C3.99609 7.07715 3.22656 6.30762 3.22656 5.3584C3.22656 4.40918 3.99609 3.63965 4.94922 3.63965C5.89844 3.63965 6.66797 4.40918 6.66797 5.3584C6.66797 6.30371 5.89844 7.07715 4.94922 7.07715ZM17.543 17.9248H14.5781V13.2842C14.5781 12.1787 14.5586 10.7529 13.0352 10.7529C11.4922 10.7529 11.2578 11.96 11.2578 13.2061V17.9248H8.29688V8.37793H11.1406V9.68262H11.1797C11.5742 8.93262 12.543 8.13965 13.9844 8.13965C16.9883 8.13965 17.543 10.1162 17.543 12.6865V17.9248Z"
                                        fill="#14142B" />
                                  </g>
                                  <defs>
                                     <clipPath id="clip0_863_17386">
                                        <rect width="20" height="20" fill="white"
                                           transform="translate(0.5 0.881836)" />
                                     </clipPath>
                                  </defs>
                               </svg>
                            </a>
                         </li>
                         <li>
                            <!-- Instagram -->
                            <a href="https://www.instagram.com/hcl_software/" target="_blank" >
                               <svg width="21" height="21" viewBox="0 0 21 21" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
                                  <g clip-path="url(#clip0_863_17384)">
                                     <path
                                        d="M10.5 2.68262C13.1719 2.68262 13.4883 2.69434 14.5391 2.74121C15.5156 2.78418 16.043 2.94824 16.3945 3.08496C16.8594 3.26465 17.1953 3.4834 17.543 3.83105C17.8945 4.18262 18.1094 4.51465 18.2891 4.97949C18.4258 5.33106 18.5898 5.8623 18.6328 6.83496C18.6797 7.88965 18.6914 8.20606 18.6914 10.874C18.6914 13.5459 18.6797 13.8623 18.6328 14.9131C18.5898 15.8897 18.4258 16.417 18.2891 16.7686C18.1094 17.2334 17.8906 17.5693 17.543 17.917C17.1914 18.2686 16.8594 18.4834 16.3945 18.6631C16.043 18.7998 15.5117 18.9639 14.5391 19.0068C13.4844 19.0537 13.168 19.0654 10.5 19.0654C7.82813 19.0654 7.51172 19.0537 6.46094 19.0068C5.48438 18.9639 4.95703 18.7998 4.60547 18.6631C4.14063 18.4834 3.80469 18.2646 3.45703 17.917C3.10547 17.5654 2.89063 17.2334 2.71094 16.7686C2.57422 16.417 2.41016 15.8857 2.36719 14.9131C2.32031 13.8584 2.30859 13.542 2.30859 10.874C2.30859 8.20215 2.32031 7.88574 2.36719 6.83496C2.41016 5.8584 2.57422 5.33106 2.71094 4.97949C2.89063 4.51465 3.10938 4.17871 3.45703 3.83105C3.80859 3.47949 4.14063 3.26465 4.60547 3.08496C4.95703 2.94824 5.48828 2.78418 6.46094 2.74121C7.51172 2.69434 7.82813 2.68262 10.5 2.68262ZM10.5 0.881836C7.78516 0.881836 7.44531 0.893555 6.37891 0.94043C5.31641 0.987305 4.58594 1.15918 3.95313 1.40527C3.29297 1.66309 2.73438 2.00293 2.17969 2.56152C1.62109 3.11621 1.28125 3.67481 1.02344 4.33106C0.777344 4.96777 0.605469 5.69434 0.558594 6.75684C0.511719 7.82715 0.5 8.16699 0.5 10.8818C0.5 13.5967 0.511719 13.9365 0.558594 15.0029C0.605469 16.0654 0.777344 16.7959 1.02344 17.4287C1.28125 18.0889 1.62109 18.6475 2.17969 19.2021C2.73438 19.7568 3.29297 20.1006 3.94922 20.3545C4.58594 20.6006 5.3125 20.7725 6.375 20.8193C7.44141 20.8662 7.78125 20.8779 10.4961 20.8779C13.2109 20.8779 13.5508 20.8662 14.6172 20.8193C15.6797 20.7725 16.4102 20.6006 17.043 20.3545C17.6992 20.1006 18.2578 19.7568 18.8125 19.2021C19.3672 18.6475 19.7109 18.0889 19.9648 17.4326C20.2109 16.7959 20.3828 16.0693 20.4297 15.0068C20.4766 13.9404 20.4883 13.6006 20.4883 10.8857C20.4883 8.1709 20.4766 7.83106 20.4297 6.76465C20.3828 5.70215 20.2109 4.97168 19.9648 4.33887C19.7188 3.6748 19.3789 3.11621 18.8203 2.56152C18.2656 2.00684 17.707 1.66309 17.0508 1.40918C16.4141 1.16309 15.6875 0.991211 14.625 0.944336C13.5547 0.893555 13.2148 0.881836 10.5 0.881836Z"
                                        fill="#14142B" />
                                     <path
                                        d="M10.5 5.74512C7.66406 5.74512 5.36328 8.0459 5.36328 10.8818C5.36328 13.7178 7.66406 16.0186 10.5 16.0186C13.3359 16.0186 15.6367 13.7178 15.6367 10.8818C15.6367 8.0459 13.3359 5.74512 10.5 5.74512ZM10.5 14.2139C8.66016 14.2139 7.16797 12.7217 7.16797 10.8818C7.16797 9.04199 8.66016 7.5498 10.5 7.5498C12.3398 7.5498 13.832 9.04199 13.832 10.8818C13.832 12.7217 12.3398 14.2139 10.5 14.2139Z"
                                        fill="#14142B" />
                                     <path
                                        d="M17.0391 5.54196C17.0391 6.20602 16.5 6.74118 15.8398 6.74118C15.1758 6.74118 14.6406 6.20212 14.6406 5.54196C14.6406 4.8779 15.1797 4.34274 15.8398 4.34274C16.5 4.34274 17.0391 4.8818 17.0391 5.54196Z"
                                        fill="#14142B" />
                                  </g>
                                  <defs>
                                     <clipPath id="clip0_863_17384">
                                        <rect width="20" height="20" fill="white"
                                           transform="translate(0.5 0.881836)" />
                                     </clipPath>
                                  </defs>
                               </svg>
                            </a>
                         </li>
                         <li>
                            <!-- YouTube -->
                            <a href="https://www.youtube.com/HCLSoftware" target="_blank" >
                               <svg width="21" height="21" viewBox="0 0 21 21" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
                                  <g clip-path="url(#clip0_863_17382)">
                                     <path
                                        d="M20.3008 6.88171C20.3008 6.88171 20.1055 5.50281 19.5039 4.89734C18.7422 4.10046 17.8906 4.09656 17.5 4.04968C14.7031 3.84656 10.5039 3.84656 10.5039 3.84656H10.4961C10.4961 3.84656 6.29688 3.84656 3.5 4.04968C3.10938 4.09656 2.25781 4.10046 1.49609 4.89734C0.894531 5.50281 0.703125 6.88171 0.703125 6.88171C0.703125 6.88171 0.5 8.50281 0.5 10.12V11.6356C0.5 13.2528 0.699219 14.8739 0.699219 14.8739C0.699219 14.8739 0.894531 16.2528 1.49219 16.8583C2.25391 17.6552 3.25391 17.6278 3.69922 17.7137C5.30078 17.8661 10.5 17.913 10.5 17.913C10.5 17.913 14.7031 17.9052 17.5 17.7059C17.8906 17.6591 18.7422 17.6552 19.5039 16.8583C20.1055 16.2528 20.3008 14.8739 20.3008 14.8739C20.3008 14.8739 20.5 13.2567 20.5 11.6356V10.12C20.5 8.50281 20.3008 6.88171 20.3008 6.88171ZM8.43359 13.4755V7.85437L13.8359 10.6747L8.43359 13.4755Z"
                                        fill="#14142B" />
                                  </g>
                                  <defs>
                                     <clipPath id="clip0_863_17382">
                                        <rect width="20" height="20" fill="white"
                                           transform="translate(0.5 0.881836)" />
                                     </clipPath>
                                  </defs>
                               </svg>
                            </a>
                         </li>
                      </ul>
                   </div>
                   <div class="copyright text-center">
                      <div class="copyright_cont">
                         <p class="copyright">Copyright © 2026 HCL Technologies Limited </p>
                         <ul class="footer-bottom-nav">
                            <li class="nav-item">
                               <a href="/contact-us" class="nav-link nav-link--contact-us-customer">Contact Us</a>
                            </li>
                            <li class="nav-item">
                               <a href="/legal/disclaimer" class="nav-link nav-link--disclaimer">Disclaimer</a>
                            </li>
                            <li class="nav-item">
                               <a href="/legal/privacy" class="nav-link nav-link--privacy-statement">Privacy</a>
                            </li>
                            <li class="nav-item">
                               <a href="/legal/accessibility"
                                  class="nav-link nav-link--accessibility">Accessibility</a>
                            </li>
                            <li class="nav-item">
                               <a href="/legal/terms-use" class="nav-link nav-link--terms-use">Terms of use</a>
                            </li>
                         </ul>
                      </div>
                      <br />
                      <p>We use cookies on our site. Please read more about them <a href="/legal/cookie-disclosure"
                         style="color: #17707F !important;">here</a>.</p>
                   </div>
                </div>
    
         
        </section>  
       </div>
       </div>
    </footer>
    <script type="text/javascript" async>
       $(document).ready(function () {
         $('.breadcrumb li.active').filter(function () {
           return this.href === location.href;
         }).addClass('active');
const activeCrumb = document.querySelector(".breadcrumb li.active");
    if (activeCrumb) {
        document.getElementById("brdcrumb-title").innerText = activeCrumb.textContent.trim();
    }
       //  document.getElementById("brdcrumb-title").innerText = document.querySelector(".breadcrumb li.active").textContent;
       }); 
    </script>
   


<!-- Datalayers scripts START -->
<script async>
function getClientId() {
  var cookie = {};
  try {
    document.cookie.split(';').forEach(function(el) {
    var splitCookie = el.split('=');
    var key = splitCookie[0].trim();
    var value = splitCookie[1];
    cookie[key] = value;
  });
  return cookie["_ga"];
  } catch (e) {
    return null;
  }
}

function getUserType() {
  return document.cookie.indexOf('_ga') !== -1 ? "returning" : "new";
}

function getSegmentData() {
  const segmentData = {
  "BusinessSegmentParent": {
    "Business and Industry Applications": [
      "aftermarket-cloud",
      "discover",
      "commerce",
      "cdp",
      "unica",
      "customer-data-platform",
      "discover-plus",
      "marketing-cloud",
      "automation-orchestration"
    ],
    "Cybersecurity": [
      "appscan",
      "bigfix"
    ],
    "Data and Analytics": [
      "actian",
      "link",
      "nippon",
      "onedb"
    ],
    "AI and Intelligent Operations": [
      "bigfix",
      "icontrol",
      "intelligent-operations",
      "sx",
      "automation-orchestration",
      "workload-automation",
      "my-xalytics"
    ],
    "Other Featured Products": [
      "academy",
      "clara",
      "connections",
      "hero",
      "verse",
      "sofy",
      "sametime",
      "sync-trends-insights"
    ],
    "Sovereign Collaboration": [
      "connections",
      "domino",
      "leap",
      "link",
      "notes",
      "safelinx",
      "sametime",
      "verse"
    ],
    "Specialized Software": [
      "devops-code-clearcase",
      "devops-deploy",
      "devops-model-realtime",
      "hcl-devops-plan",
      "devops-test",
      "devops-velocity",
      "secure-devops",
      "workload-automation",
      "z-abend-investigator",
      "z-asset-optimizer",
      "z-and-i-emulator",
      "zie-for-transformation",
      "zie-for-web",
      "zie-for-windows",
      "mainframe-solutions"
    ],
    "Total Experience": [
      "digital-experience",
      "dx",
      "tx-platform",
      "volt-mx",
      "automation-orchestration",
      "total-experience",
      "customer-data-platform"
    ]
  },
  "page Catogery": {
    "Product Pages": [

      "appscan",
      "bigfix",
      "aftermarket-cloud",
      "discover",
      "commerce",
      "cdp",
      "unica",
      "actian",
      "nippon",
      "link",
      "onedb",
      "icontrol",
      "intelligent-operations",
      "sx",
      "academy",
      "clara",
      "connections",
      "hero",
      "sofy",
      "sync-trends-insights",
      "verse",
      "sametime",
      "domino",
      "leap",
      "link",
      "notes",
      "safelinx",
      "devops-code-clearcase",
      "devops-deploy",
      "devops-model-realtime",
      "hcl-devops-plan",
      "devops-test",
      "devops-velocity",
      "secure-devops",
      "workload-automation",
      "z-abend-investigator",
      "z-asset-optimizer",
      "z-and-i-emulator",
      "zie-for-transformation",
      "zie-for-web",
      "zie-for-windows",
      "digital-experience",
      "dx",
      "tx-platform",
      "volt-mx",
      "customer-data-platform",
      "discover-plus",
      "automation-orchestration",
      "total-experience",
      "marketing-cloud",
      "mainframe-solutions",
      "workload-automation",
      "my-xalytics",
      "marketplace"
    ],
    "Industries Pages": [
      "banking-and-financial",
      "industries",
      "government",
      "retail",
      "manufacturing",
      "healthcare",
      "insurance"
    ],
    "Partner Pages": [
      "partner-connect"
    ],
    "About Us Pages": [
      "hcl-ambassadors",
      "analyst-recognitions",
      "careers",
      "leadership",
      "trust-center",
      "ferrari-partnership",
      "ecn",
      "about"
    ],
    "Article Pages": [
      "blog"
    ],
    "CaseStudy Pages": [
      "stories"
    ],
    "Events Pages": [
      "events"
    ],
    "Newsroom Pages": [
      "news"
    ],
    "Persona Pages": [
      "citizen-developers",
      "operations-management",
      "line-of-business",
      "data-analysts",
      "security-compliance"
      ],
      "Pillars": [
      "business-industry-applications",
      "cybersecurity",
      "data-analytics",
      "ai-intelligent-operations",
      "total-experience",
      "sovereign-collaboration"
      ] 
  }
};
  return  segmentData;
}

function pushDataToDataLayer(dataLayerObj) {
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push(dataLayerObj);
console.log('An event pushed to dataLayer:', dataLayerObj);
}
</script>
<script async>
document.addEventListener('DOMContentLoaded', function() {

function getCookiereferrer(name) {
  var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
  return match ? decodeURIComponent(match[2]) : null;
}

    // Function to push data to the data layer
    function pushDataLayerOnLoad() {
        const currentUrl = window.location.href;

        // Extract pathname from URL
        const path = new URL(currentUrl).pathname; // e.g. /bigfix/offerings/infrastructure-automation
        const pathSegments = path.split("/").filter(Boolean); // remove empty strings

        let matchedSegment = "";
        let pageName = pathSegments[pathSegments.length - 1] || ""; // Default to last segment
        let pageCategory = "MasterHome"; // Default category
        let businessSegmentChild = ""; // Default value for BusinessSegmentChild
        let businessSegmentParent = ""; // Default value for BusinessSegmentParent

var blogProduct = "";
var storedApplication = sessionStorage.getItem("application");


if (document.referrer && document.referrer.includes("/blog/")) {

    var refUrl = new URL(document.referrer);
    var pathParts = refUrl.pathname.split("/");

    var blogIndex = pathParts.indexOf("blog");

    if (blogIndex !== -1 && pathParts.length > blogIndex + 1) {
        blogProduct = pathParts[blogIndex + 1];
    }
}



var referrerValue = getCookiereferrer("cookie_referrer");

console.log("the refer data",referrerValue);

        // Example logic to determine pageCategory and businessSegmentChild
        // This should be replaced with your actual logic to match against your data
        const allProductsJson = getSegmentData();
        
        for (const [category, pages] of Object.entries(allProductsJson["page Catogery"])) {
            for (let product of pages) {
                const index = pathSegments.indexOf(product);
                if (index !== -1) {
                    matchedSegment = product; // Set matched segment if found
                    pageCategory = category; // Set pageCategory to the current category

                    // If the matched product is the last segment
                    if (index === pathSegments.length - 1) {
                        pageName = matchedSegment; // Set pageName to the matched segment
                    } else {
                        // If the matched product is not the last segment, set businessSegmentChild
                        businessSegmentChild = matchedSegment;
console.log("onload businessSegmentChild", businessSegmentChild)
                    }
                    break; // Break out of the inner loop if a match is found
                }
            }
            // If a match is found, break out of the outer loop as well
            if (matchedSegment) {
                break;
            }
        }

        // Get BusinessSegmentParent from the closest parent element
        const parentElement = document.querySelector('.panel.menu-item-expanded.is-seprator');
        if (parentElement) {
            businessSegmentParent = parentElement.querySelector('.menu-link.collapsed.collapse-link').textContent.trim();
        }

        // Prepare the event data
        const eventData = {
            event: 'Landed',
            PageURL: currentUrl,
            PageName: pageName,
            PageCategory: pageCategory,
             ClientID: getClientId(),
            
            UserType: getUserType(),
            BusinessSegmentParent: businessSegmentParent,
            BusinessSegmentChild: businessSegmentChild,
            PageReferrer: referrerValue
        };
if (blogProduct) {
    eventData.LandedFromBlog = blogProduct;
}
if(storedApplication){
eventData.application = storedApplication;

}
        // Push to data layer
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push(eventData);
       console.log("PageLoad event sent to dataLayer:", eventData);
    }

    // Call the function to push data on page load
    pushDataLayerOnLoad();
});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function() {
    const allProductsJson = getSegmentData();
    console.log("all-products-json", allProductsJson);

    // Define pushDataLayerSearch in the global scope
    window.pushDataLayerSearch = function(event, CTA, searchTerm, pageSection, businessSegmentParent, clickURL) {
        const validDomains = [
            "https://www.hcl-software.com/",
            "https://authoring.hcl-software.com/",
            "https://authoring.hcl-software.com/hclsw-home"
        ];
        // ADD THIS LINE to handle undefined clickURL gracefully
    clickURL = clickURL || "";
        let currentUrl = window.location.href;
        // Check if the current URL is a valid domain
        if (!validDomains.some(domain => currentUrl.startsWith(domain))) {
            console.log("Data layer push skipped: Invalid domain.");
            return;
        }

        // -----------------------------------------------------------
        // START: FIX FOR FREE TRIAL EVENTS
        // -----------------------------------------------------------
        // Check if CTA contains text related to free trial (case insensitive)
        if (CTA && typeof CTA === 'string') {
            const lowerCta = CTA.toLowerCase();
            // You can add more keywords to this condition if needed
            if (lowerCta.includes('free trial') || lowerCta.includes('try now')) {
                event = "FreeTrialClick";
            }
        }
        // -----------------------------------------------------------
        // END: FIX
        // -----------------------------------------------------------

        // Create a URL object to manipulate the URL
        const url = new URL(currentUrl);
        // Remove the specific query parameter if it exists
        if (url.searchParams.has('referrer')) {
            url.searchParams.delete('referrer');
        }
       
        // Extract pathname from URL
        const path = url.pathname; // e.g. /actian/actian-data-platform
        const pathSegments = path.split("/").filter(Boolean); // remove empty strings
        console.log("Path segments:", pathSegments);

        let matchedSegment = "";
        let pageName = "homepage"; // Default to HomePage
        let pageCategory = "MasterHome"; // Default category
        let businessSegmentChild = ""; // Default value for BusinessSegmentChild

        // Iterate through all categories in page Category
        if (allProductsJson && allProductsJson["page Catogery"]) {
            for (const [category, pages] of Object.entries(allProductsJson["page Catogery"])) {
                for (let product of pages) {
                    const index = pathSegments.indexOf(product);
                    if (index !== -1) {
                        // If the matched product is found
                        matchedSegment = product; // Set matched segment if found
                        pageCategory = category; // Set pageCategory to the current category

                        // If the matched product is the last segment
                        if (index === pathSegments.length - 1) {
                            pageName = matchedSegment; // Set pageName to the matched segment
                        } else {
                            // If the matched product is not the last segment, set businessSegmentChild
                            businessSegmentChild = matchedSegment;
                        }
                        break; // Break out of the inner loop if a match is found
                    }
                }
                // If a match is found, break out of the outer loop as well
                if (matchedSegment) {
                    break;
                }
            }
        }

        // If matchedSegment is found but is not the last segment, set pageName to the last segment
        if (matchedSegment && pageName === "") {
            pageName = pathSegments[pathSegments.length - 1]; // Set pageName to the last segment
        }

        // If the URL matches the valid domains and the matched segment is not the last segment
        if (validDomains.some(domain => currentUrl.startsWith(domain)) && matchedSegment && pageName === "homepage") {
            pageName = pathSegments[pathSegments.length - 1]; // Set pageName to the last segment
        }

        const eventDataSearch = {
            event: event, // This now carries the updated "FreeTrialClick" if the condition was met
            [event === "LogoClick" ? "BrandLogoName" : "CTA"]: CTA,
            SearchTerm: searchTerm,
            BusinessSegmentChild: businessSegmentChild,
            BusinessSegmentParent: businessSegmentParent || "", // Ensure it's empty if no match
            Domain: window.location.hostname,
            PageCategory: pageCategory,
            ClientID: typeof getClientId === 'function' ? getClientId() : "", // Added safety check
            UserType: typeof getUserType === 'function' ? getUserType() : "", // Added safety check
            PageSection: event === "HeaderClick" || event === "LogoClick" ? "Header" : "TopNav", 
            SearchCategory: "UniversalSearch",
            PageName: pageName || "", // Ensure it's empty if no match
            PageSubSection: "",
            PageURL: currentUrl,
            ClickURL: clickURL,

        };

        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push(eventDataSearch);
        console.log("Event sent to dataLayer:", eventDataSearch);
    }
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {
    // 1. Mock or Retrieve Segment Data
    const segmentData = typeof getSegmentData === 'function' ? getSegmentData() : { BusinessSegmentParent: {}, "page Catogery": {} };

    // 2. Helper Functions
    function getClientId() { return typeof window.getClientId === 'function' ? window.getClientId() : ''; }
    function getUserType() { return typeof window.getUserType === 'function' ? window.getUserType() : 'guest'; }

    function getSegmentInfo(url) {
        let pathname = '';
        try { pathname = new URL(url).pathname; } catch { return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' }; }

        const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);
        let businessSegmentParent = '', businessSegmentChild = '', pageCategory = '';

        if (segmentData.BusinessSegmentParent) {
            for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
                const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
                if (matchIndex !== -1) {
                    businessSegmentParent = parent;
                    if (pathSegments[matchIndex + 1]) businessSegmentChild = pathSegments[matchIndex].toLowerCase();
                    break;
                }
            }
        }
        if (segmentData["page Catogery"]) {
            for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
                if (pathSegments.find(seg => children.includes(seg))) {
                    pageCategory = category;
                    break;
                }
            }
        }
        return { businessSegmentParent, businessSegmentChild, pageCategory };
    }

    // 3. Main DataLayer Push Function
    function pushDataLayerEvent(element, customCTA = null, customSection = null) {
        const pageUrl = window.location.href;
        // Try to get PageName from breadcrumb, fallback to H1 or Title
        // const pageName = document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || document.title;

         const pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || document.title;
        const segmentInfo = getSegmentInfo(pageUrl);

        // --- Logic to Determine Section and SubSection ---
        let section = customSection || '';
        let subSection = '';
        let cta = customCTA || '';
        let clickUrl = element.href || ''; // Get ClickURL

        // If Section isn't manually passed, detect it via DOM parents
        if (!section) {
            if (element.closest('#for-business-outer')) {
                section = 'Robust Partnerships';
                // Try to find the active tab title for SubSection
                const activeTab = element.closest('.tab-box');
                if (activeTab) subSection = activeTab.querySelector('h3')?.textContent.trim() || '';
            } 
            else if (element.closest('.partnerships-action')) {
                section = 'Partnerships in Action';
                // Try to find the card title for SubSection
                const card = element.closest('.fadetext');
                if (card) subSection = card.querySelector('h3')?.textContent.trim() || '';
            }
        }

        // Determine CTA if not custom
        if (!cta) {
            // 1. Try text content (e.g., "Learn more")
            cta = element.textContent.trim();
            // 2. If empty (e.g., image link), try Image Alt text
            if (!cta) {
                const img = element.querySelector('img');
                if (img) cta = img.alt;
            }
            // 3. Fallback
            if (!cta) cta = 'Click';
        }

        const dataLayerEvent = {
            event: 'ButtonClick', // Updated to CamelCase as requested
            PageURL: pageUrl,
            PageName: pageName || 'Home',
            PageSection: section, 
            PageSubSection: subSection, 
            PageCategory: segmentInfo.pageCategory || 'About Us Pages', // Fallback based on your sample
            CTA: cta,
            ClickURL: clickUrl, // Added Property
            ClientID: getClientId(),
            UserType: getUserType(),
            BusinessSegmentParent: segmentInfo.businessSegmentParent || '',
            BusinessSegmentChild: segmentInfo.businessSegmentChild || ''
        };

        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push(dataLayerEvent);
        
        // Debugging
        console.log('Event Pushed:', dataLayerEvent);
    }

    // 4. Global Click Listener
    document.addEventListener('click', function (event) {
        
        // A. Carousel Navigation (Next/Prev Buttons)
        // const owlBtn = event.target.closest('.owl-prev, .owl-next');
        // if (owlBtn) {
        //     const direction = owlBtn.classList.contains('owl-next') ? 'Next' : 'Previous';
        //     // We pass a dummy anchor element to the function so it doesn't break
        //     const dummyEl = document.createElement('a'); 
        //     dummyEl.href = '#carousel-action';
        //     pushDataLayerEvent(dummyEl, direction, 'Robust Partnerships'); // Manually set section
        //     return;
        // }

        // B. Standard Links (Learn More, Become a Partner, Image Links)
        const link = event.target.closest('a');
        
        // If it's a link and it's inside one of our target sections
        if (link) {
            if (link.closest('#for-business-outer') || link.closest('.partnerships-action')) {
                pushDataLayerEvent(link);
            }
        }
        
        // C. See All Buttons (Generic)
        // const seeAll = event.target.closest('.see-all-btn');
        // if (seeAll) {
        //      pushDataLayerEvent(seeAll);
        // }
    });
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {

  const segmentData = getSegmentData();

  /* ===============================
     SEGMENT INFO
  =============================== */
  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(Boolean).map(s => s.toLowerCase());

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent || {})) {
      const matchIndex = pathSegments.findIndex(seg =>
        children.map(c => c.toLowerCase()).includes(seg)
      );
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[matchIndex + 1] || '';
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'] || {})) {
      const match = pathSegments.find(seg =>
        children.map(c => c.toLowerCase()).includes(seg)
      );
      if (match) {
        pageCategory = category;
        break;
      }
    }

    if (pathSegments.includes('event') || pathSegments.includes('events')) {
      pageCategory = 'Events Pages';
      businessSegmentChild = 'event';
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  /* ===============================
     CLICK URL
  =============================== */
  function getClickURL(el) {
    if (!el) return '';
    if (el.tagName === 'A') return el.href || el.getAttribute('href') || '';

    return (
      el.getAttribute?.('href') ||
      el.dataset?.href ||
      el.dataset?.clickUrl ||
      el.querySelector?.('a[href]')?.href ||
      el.closest?.('a[href]')?.href ||
      ''
    );
  }

  /* ===============================
     EVENT NAME FROM CTA
  =============================== */
  function getEventNameFromCTA(ctaText, defaultEvent) {
    if (!ctaText) return defaultEvent;
    const text = ctaText.toLowerCase();
    return /request|demo/.test(text) ? 'RequestADemo' : defaultEvent;
  }

  /* ===============================
     COMMON DATA
  =============================== */
  function getCommonData(context) {
    let bannerName = '';

    const banner =
      context.closest('.main_productbanner, .slide-box, .banner-hero, .banner-section, .banner-info');

    bannerName =
      banner?.querySelector('.banner-head')?.textContent.trim() ||
      banner?.querySelector('.banner-title')?.textContent.trim() ||
      banner?.querySelector('h1, h2')?.textContent.trim() ||
      '';

    // let pageName =
    //   document.querySelector('.breadcrumb li:last-child')?.textContent.trim() ||
    //   document.title;

    // pageName = pageName.toLowerCase();

    let pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase();

    const { businessSegmentParent, businessSegmentChild, pageCategory } =
      getSegmentInfo();

    return {
      PageURL: window.location.href,
      PageName: pageName,
      BannerName: bannerName,
      BannerType: `${pageName} Banner`,
      PageCategory: pageCategory,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent,
      BusinessSegmentChild: businessSegmentChild
    };
  }

  /* ===============================
     PUSH TO DATALAYER
  =============================== */
  function pushToDataLayer(data, event) {
    data.event = event;
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(data);
    console.log('dataLayer push:', data);
  }

  /* ===============================
     CLICK HANDLER
  =============================== */
  document.addEventListener('click', function (e) {
    const target = e.target;
    if (target.closest('.ai-banner')) return;

    /* MAIN BANNER CTA */
    if (target.closest('.main_productbanner a.btn')) {
      const el = target.closest('.main_productbanner a.btn');
      const ctaText = el.textContent.trim();

      const data = getCommonData(el);
      data.PageSection = 'Banner';
      data.PageSubSection = 'Top Banner';
      data.CTA = ctaText;
      data.ClickURL = getClickURL(el);

      pushToDataLayer(data, getEventNameFromCTA(ctaText, 'BannerClick'));
    }

    /* THUMB BUTTON */
    else if (target.closest('#thumbs .btn-tab-thumb')) {
      const el = target.closest('#thumbs .btn-tab-thumb');
      const ctaText = el.textContent.trim();

      const data = getCommonData(el);
      data.PageSection = 'Banner';
      data.PageSubSection = 'Top Banner';
      data.CTA = ctaText;
      data.ClickURL = getClickURL(el);

      pushToDataLayer(data, getEventNameFromCTA(ctaText, 'BannerButtonClicked'));
    }

    /* SCROLL DOWN */
    else if (target.closest('.scroll-down-wrapper .scroll-next')) {
      const el = target.closest('.scroll-down-wrapper .scroll-next');

      const data = getCommonData(el);
      data.PageSection = 'Banner';
      data.PageSubSection = 'Top Banner';
      data.CTA = 'Scroll Down';
      data.ClickURL = getClickURL(el);

      pushToDataLayer(data, 'ScrollDown');
    }

    /* PLAY / PAUSE */
    else if (target.closest('.slider-action-btn a.stop, .slider-action-btn a.play')) {
      const el = target.closest('.slider-action-btn a.stop, .slider-action-btn a.play');
      const isPlay = el.classList.contains('play');

      const data = getCommonData(el);
      data.PageSection = 'Banner';
      data.PageSubSection = 'Top Banner';
      data.CTA = isPlay ? 'Play' : 'Pause';
      data.ClickURL = getClickURL(el);

      pushToDataLayer(data, 'PauseAndPlay');
    }

    /* OTHER BANNER CTA (STRICT FALLBACK) */
    else if (
      target.closest('[class*="banner"] a.btn') &&
      !target.closest('.main_productbanner')
    ) {
      const el = target.closest('[class*="banner"] a.btn');
      const ctaText = el.textContent.trim();

      const data = getCommonData(el);
      data.PageSection = 'Banner';
      data.PageSubSection = 'Top Banner';
      data.CTA = ctaText;
      data.ClickURL = getClickURL(el);

      pushToDataLayer(data, getEventNameFromCTA(ctaText, 'BannerClick'));
    }
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {

  /** ===============================
   *  GET SEGMENT DATA
   *  =============================== */
  const data = getSegmentData();

  /** ===============================
   *  PAGE URL & PATH LOGIC
   *  =============================== */
  const path = new URL(window.location.href).pathname;
  const pathSegments = path.split('/').filter(Boolean);

  let PageCategory = "MasterHome";
  let BusinessSegmentParentValue = "";
  let BusinessSegmentChild = "";
  let prodName = "";
  let matchedSegmentVal = "";

  /** ===============================
   *  PAGE CATEGORY & PRODUCT LOGIC
   *  =============================== */
  for (const [category, pages] of Object.entries(data["page Catogery"])) {
    for (const product of pages) {
      const index = pathSegments.indexOf(product);
      if (index !== -1) {
        matchedSegmentVal = product;
        PageCategory = category;

        if (index === pathSegments.length - 1) {
          prodName = product;
        } else {
          BusinessSegmentChild = product;
        }
        break;
      }
    }
    if (matchedSegmentVal) break;
  }

  if (matchedSegmentVal && !prodName) {
    prodName = pathSegments[pathSegments.length - 1];
  }

  if (matchedSegmentVal) {
    for (const [parentKey, values] of Object.entries(data.BusinessSegmentParent)) {
      if (values.includes(matchedSegmentVal)) {
        BusinessSegmentParentValue = parentKey;
        break;
      }
    }
  }

  /** ===============================
   *  FOOTER MENU LINK CLICK
   *  =============================== */
  const footerMenuLinks = document.querySelectorAll('.menu-item--expanded.nav-item a');

  footerMenuLinks.forEach(link => {
    link.addEventListener('click', function () {

      const CTA = this.textContent?.trim() || '';
      let ClickURL = link.getAttribute('href') || '';

      if (ClickURL) {
        ClickURL = new URL(ClickURL, window.location.origin).href;
      }

      pushButtonClickEvent({
        CTA,
        PageSubSection: '',
        PageSection: 'Footer',
        ClickURL
      });
    });
  });

  /** ===============================
   *  COPYRIGHT & UNDER FOOTER LINKS
   *  =============================== */
  const copyrightContainer = document.querySelector('.copyright_cont');

  if (copyrightContainer) {
    copyrightContainer.addEventListener('click', function (event) {
      const anchor = event.target.closest('a');
      if (!anchor) return;

      const CTA = anchor.textContent.trim();
      let ClickURL = anchor.getAttribute('href') || '';

      if (ClickURL) {
        ClickURL = new URL(ClickURL, window.location.origin).href;
      }

      pushButtonClickEvent({
        CTA,
        PageSubSection: '',
        PageSection: 'Footer',
        ClickURL
      });
    });
  }

  /** ===============================
   *  SOCIAL MEDIA LINKS
   *  =============================== */
  const socialMediaLinks = document.querySelector('.footer-social_cls');

  if (socialMediaLinks) {
    socialMediaLinks.addEventListener('click', function (event) {
      const anchor = event.target.closest('a');
      if (!anchor) return;

      let ClickURL = anchor.getAttribute('href') || '';
      if (ClickURL) {
        ClickURL = new URL(ClickURL, window.location.origin).href;
      }

      let SocialMediaName = '';
      try {
        const url = new URL(anchor.href);
        const parts = url.hostname.split('.');
        SocialMediaName = parts.length > 1 ? parts[parts.length - 2] : parts[0];
      } catch (e) {}

      const eventData = {
        PageURL: window.location.href,
        CTA: SocialMediaName,
        PageSubSection: '',
        PageSection: 'Footer',
        ClickURL: ClickURL,
        PageName: prodName || 'homepage',
        PageCategory: PageCategory,
        BusinessSegmentParent: BusinessSegmentParentValue,
        BusinessSegmentChild: BusinessSegmentChild,
        SocialMediaName: SocialMediaName,
        ClientID: getClientId(),
        UserType: getUserType(),
        event: 'SocialMediaShare'
      };

      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push(eventData);
      console.log('Social Media Click Tracked:', eventData);
    });
  }

  /** ===============================
   *  COMMON PUSH FUNCTION
   *  =============================== */
  function pushButtonClickEvent({ CTA, PageSubSection, PageSection, ClickURL }) {
    const eventData = {
      PageURL: window.location.href,
      PageName: prodName || 'homepage',
      PageSection: PageSection,
      ClickURL: ClickURL,
      PageSubSection: PageSubSection,
      PageCategory: PageCategory,
      CTA: CTA,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: BusinessSegmentParentValue,
      BusinessSegmentChild: BusinessSegmentChild,
      event: 'FooterClick'
    };

    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(eventData);
    console.log('Footer CTA Click Tracked:', eventData);
  }

  /** ===============================
   *  DEBUG LOG
   *  =============================== */
  console.log(
    'PageCategory:', PageCategory,
    'BusinessSegmentParent:', BusinessSegmentParentValue,
    'BusinessSegmentChild:', BusinessSegmentChild,
    'PageName:', prodName || 'homepage'
  );

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  // Get Segment Info
  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    // Find BusinessSegmentParent
    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    // Find PageCategory
    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }
 const pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';
  // Event delegation for specific card click selectors
  document.addEventListener('click', function (e) {
    const link = e.target.closest(
      '.digital-casestudy.dx-case-study .card-content-box a, ' +
      '.digital-casestudy.dx-case-study .carousel-footer-wedget a, ' +
      '.digital-casestudy.dx-case-study .card-carousel-box > a'
    );
    if (!link) return;
    if (link.closest('#life-at-hclsoftware') || link.closest('.blogr-products-news')) {
      return;
    }
    const sectionWrapper = link.closest('.digital-case-study');
    if (!sectionWrapper) return;


    const card = link.closest('.card');
    const caseStudyTitle = card?.querySelector('h3')?.textContent.trim() || '';
       const ClickURL = link.href || link.querySelector('a')?.href || '';

    const pageUrl = window.location.href;
    const section = link.closest('.digital-casestudy.dx-case-study');
    const PageSection = section?.querySelector('.title-wrapper .h1-title')?.textContent.trim() || '';

    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();

    const data = {
      event: 'CaseStudyClick',
      CaseStudyTitle: caseStudyTitle,
      PageURL: pageUrl,
      PageName: pageName,
      ClickURL: ClickURL,
      PageSection: PageSection,
      PageCategory: pageCategory || '',
      PageSubSection: '',
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent,
      BusinessSegmentChild: businessSegmentChild
    };
   pushDataToDataLayer(data);
  });
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  // Set the main section heading
  const headingElement = document.querySelector('#area-of-expertise .h1-title');
  const pageSection = headingElement ? headingElement.textContent.trim() : '';
  const pageURL = window.location.href;

  // Add click listener to each product card
  const cards = document.querySelectorAll('#area-of-expertise .expertise-wrapper');
  cards.forEach(function (card) {
    card.addEventListener('click', function () {
      const h3 = card.querySelector('h3');
      const productCategory = h3 ? h3.textContent.trim() : '';
      const productName = ''; // Blank as per instruction

      const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();
     //  let PageName = document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || document.title;
     // PageName = (PageName || '').toLowerCase();
     const PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';

        let clickURL = '';
      const anchor = card.querySelector('a');

      if (anchor && anchor.getAttribute('href')) {
        clickURL = new URL(anchor.getAttribute('href'), window.location.origin).href;
      }

      const data = {
        event: 'ProductCardClick',
        PageSection: pageSection,
        PageURL: pageURL,
        ClickURL: clickURL, 
        PageName: PageName,
        ProductName: productName,
        ProductCategory: productCategory,
        PageCategory: pageCategory || '',
        PageSubSection: '',
        ClientID: getClientId(),
        UserType: getUserType(),
        BusinessSegmentParent: businessSegmentParent || '',
        BusinessSegmentChild: businessSegmentChild || ''
      };

      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push(data);

      console.log("[dataLayer push]: ", data);
    });
  });
});
</script>

<script async>
(function () {

  /* --------------------------------------------
      1. HOME URL CHECK
  ---------------------------------------------*/
  const homeUrls = [
    'https://authoring.hcl-software.com/hclsw-home',
    'https://www.hcl-software.com'
  ];

  const normalizedCurrent =
    (window.location.origin + window.location.pathname).replace(/\/$/, '');

  const isHomeUrl = homeUrls.some(
    url => normalizedCurrent === url.replace(/\/$/, '')
  );

  /* --------------------------------------------
      2. CHECK NAVIGATION SECTION
  ---------------------------------------------*/
  const navigateSection = document.querySelector('.navigate-your-path');

  if (!navigateSection) {
    console.warn('Navigate-your-path section not found');
    return;
  }

  let selectedIndustry = '';

  /* --------------------------------------------
      3. SAFE SEGMENT DATA
  ---------------------------------------------*/
  const segmentData =
    typeof getSegmentData === 'function' ? getSegmentData() : {};

  function getSegmentInfo() {
    const pathname = window.location.pathname || '';
    const pathSegments = pathname.split('/').filter(Boolean);

    let PageCategory = '';
    let matchedSegment = '';
    let businessSegmentParent = '';
    let businessSegmentChild = '';

    /* ---- Business Segment Mapping ---- */
    const businessMap = segmentData.BusinessSegmentParent || {};

    for (const [parent, children] of Object.entries(businessMap)) {
      const index = pathSegments.findIndex(seg =>
        children.includes(seg.toLowerCase())
      );

      if (index !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[index];
        break;
      }
    }

    /* ---- Page Category Mapping ---- */
    if (pathSegments.includes('industries')) {
      PageCategory = 'Industries Pages';
      matchedSegment = 'industries';
    } else {
      const categoryData = segmentData['page Category'] || {};
      for (const [category, children] of Object.entries(categoryData)) {
        const match = pathSegments.find(seg =>
          children.includes(seg.toLowerCase())
        );
        if (match) {
          PageCategory = category;
          matchedSegment = match;
          break;
        }
      }
    }

    return {
      PageCategory,
      matchedSegment,
      businessSegmentParent,
      businessSegmentChild
    };
  }

  /* --------------------------------------------
      4. PUSH TO DATALAYER
  ---------------------------------------------*/
  function pushToDataLayer(specificData = {}) {

    const baseData = {
      event: 'ButtonClick',
      PageURL: window.location.href,
      ClientID: typeof getClientId === 'function' ? getClientId() : '',
      UserType: typeof getUserType === 'function' ? getUserType() : '',
      PageSection: 'Navigate your path'
    };

    if (isHomeUrl) {
      baseData.PageCategory = 'MasterHome';
      baseData.PageName = specificData.PageSubSection
        ? `home - ${specificData.PageSubSection}`
        : 'homepage';
    } else {
      const {
        PageCategory,
        matchedSegment,
        businessSegmentParent,
        businessSegmentChild
      } = getSegmentInfo();

      baseData.PageCategory = PageCategory || '';
      baseData.PageName = matchedSegment || '';
      baseData.BusinessSegmentParent = businessSegmentParent || '';
      baseData.BusinessSegmentChild = businessSegmentChild || '';
      baseData.ClickURL = specificData.ClickURL || '';
    }

    const eventData = { ...baseData, ...specificData };

    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(eventData);

    console.log('✅ dataLayer pushed:', eventData);
  }

  /* --------------------------------------------
      5. CLICK HANDLER
  ---------------------------------------------*/
  navigateSection.addEventListener(
    'click',
    function (event) {
      const target = event.target;

      /* -------- STEP OPTION CLICK -------- */
      const li = target.closest('.options-list li');
      if (li) {
        const ctaLabel = li.textContent.trim();
        const parentStep = li.closest('.step-content');
        const isFirstStep = parentStep?.id === 'step1';

        if (isFirstStep) selectedIndustry = ctaLabel;

        pushToDataLayer({
          PageSubSection: isFirstStep ? '' : selectedIndustry,
          CTA: ctaLabel,
          ClickURL: window.location.href
        });
        return;
      }

      /* -------- CURATED ARROW CLICK -------- */
      const curatedArrow = target.closest('.digital-casestudy .arrow-btn');
      if (curatedArrow) {
        const card = curatedArrow.closest('.curated-carousel-wedget');
        const title = card?.querySelector('h3')?.textContent.trim();
        const link = curatedArrow.closest('a')?.href || '';

        if (title) {
          pushToDataLayer({
            PageSubSection: 'Recommended for you',
            CTA: title,
            ClickURL: link
          });
        }
        return;
      }

      /* -------- CASE STUDY ARROW CLICK -------- */
      const caseArrow = target.closest('.digital-case-study .arrow-btn');
      if (caseArrow) {
        const card = caseArrow.closest('.event-wedget-item');
        const title = card?.querySelector('h3')?.textContent.trim();
        const link = caseArrow.closest('a')?.href || '';

        if (title) {
          pushToDataLayer({
            PageSubSection: 'case study',
            CTA: title,
            ClickURL: link
          });
        }
        return;
      }

      /* -------- RESET CLICK -------- */
      const resetBtn = target.closest('.top-content .reset');
      if (resetBtn) {
        selectedIndustry = '';
        pushToDataLayer({
          PageSubSection: '',
          CTA: 'Reset',
          ClickURL: window.location.href
        });
      }
    },
    true
  );

})();
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  const headingEl = document.querySelector('#area-of-expertise .h1-title');
  const pageSection = headingEl ? headingEl.textContent.trim() : 'Related Products';
  const pageURL = window.location.href;

  // Only listen for clicks on <a> inside .item inside .related-product-list-outer
  const links = document.querySelectorAll('.related-product-list-outer .item a');
  links.forEach(function (link) {
    link.addEventListener('click', function () {
      const card = link.closest('.item');
      const h3 = card ? card.querySelector('h3') : null;
      const productName = h3 ? h3.textContent.trim() : '';
      const ClickURL = link.href || link.querySelector('a')?.href || '';
      const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();
      const productCategory = businessSegmentParent;

      const data = {
        event: 'ProductCardClick',
        PageSection: pageSection,
        PageURL: pageURL,
        ProductName: productName,
         ClickURL: ClickURL,
        ProductCategory: productCategory,
        PageCategory: pageCategory || '',
        PageSubSection: '',
        ClientID: getClientId(),
        UserType: getUserType(),
        BusinessSegmentParent: businessSegmentParent || '',
        BusinessSegmentChild: businessSegmentChild || ''
      };

      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push(data);

      console.log("[dataLayer push]:", data);
    });
  });
});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch (error) {
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex];
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  document.addEventListener('click', async function (e) {
    const button = e.target.closest('section.section.gradient-benifits.dx-benifits .arrow-btn-light-blue');
    if (!button) return;

    const card = button.closest('.card.latest-news-wrapper.dx_benifits');
    if (!card) return;

    // Capture the destination URL (checks if the button itself is a link or contains one)
    const ClickURL = button.href || button.querySelector('a')?.href || '';

    const ctaElement = button.querySelector('span');
    const CTA = ctaElement ? ctaElement.textContent.trim() : button.textContent.trim();

    const sectionTitle = document.querySelector('section.section.gradient-benifits.dx-benifits h2.h1-title');
    const pageSection = sectionTitle ? sectionTitle.textContent.trim() : '';

    const breadcrumb = document.querySelector('.breadcrumb li:last-child');
    //const PageName = breadcrumb ? breadcrumb.textContent.trim().toLowerCase() : '';

     const PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';

    const PageURL = window.location.href;
    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo(PageURL);

    const dataLayerObj = {
      event: 'TileClick',
      PageURL: PageURL,
      ClickURL: ClickURL, // Included ClickURL here
      PageName: PageName || '',
      PageSection: pageSection,
      PageSubSection: '',
      PageCategory: pageCategory,
      CTA: CTA,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentChild: businessSegmentChild,
      BusinessSegmentParent: businessSegmentParent
    };
    
    pushDataToDataLayer(dataLayerObj);
  });
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {

  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch {
      return { businessSegmentParent: '', businessSegmentChild: '', PageCategory: '' };
    }

    const pathSegments = pathname
      .split('/')
      .map(seg => seg.toLowerCase())
      .filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let PageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[matchIndex] || '';
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        PageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, PageCategory };
  }

  document.addEventListener('click', function (e) {

    const anchor = e.target.closest('.card-body-wrapper a');
    if (!anchor || !anchor.closest('.expert-say, .dxdata_products')) return;

    const card = anchor.closest('.card.latest-news-wrapper');
    if (!card) return;

    const ClickURL = anchor.href || '';

    const PageSection =
      document.querySelector('.expert-say .h1-title, .dxdata_products .h1-title')?.textContent.trim() || '';

    const CTA = anchor.textContent.trim();
    const PageURL = window.location.href;

    // const PageName =
    //   document.querySelector('.breadcrumb li:last-child')
    //     ?.textContent.trim()
    //     .toLowerCase() || '';

         const PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';

    const { businessSegmentParent, businessSegmentChild, PageCategory } =
      getSegmentInfo(PageURL);

    const dataLayerObj = {
      event: 'TileClick',
      PageURL,
      ClickURL,
      PageName,
      PageSection,
      PageSubSection: '',
      PageCategory,
      CTA,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentChild: businessSegmentChild,
      BusinessSegmentParent: businessSegmentParent
    };

    console.log('dataLayer:', dataLayerObj);
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(dataLayerObj);
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {

  // --- 1. GLOBAL STATE MANAGEMENT ---
  let currentVideoContext = {
    cta: '',        // Stores HTML Caption (e.g., "Bringing Together...")
    section: '',    // Stores HTML Section Header
    realTitle: '',  // Stores YouTube API Title (e.g., "HCL Aftermarket Cloud...")
    clickUrl: ''    // Stores the clicked link href
  };
  
  // Flag to manage the deferred event
  let pendingClickEvent = false;
  let fallbackTimer = null;

  const segmentData = getSegmentData();

  // --- HELPER: Get Segment Info ---
  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);
    let BusinessSegmentParent = '', BusinessSegmentChild = '', PageCategory = '';

    if (segmentData && segmentData.BusinessSegmentParent) {
        for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
            const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
            if (matchIndex !== -1) {
                BusinessSegmentParent = parent;
                if (pathSegments[matchIndex + 1]) BusinessSegmentChild = pathSegments[matchIndex].toLowerCase();
                break;
            }
        }
    }
    if (segmentData && segmentData['page Catogery']) {
        for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
            const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
            if (match) { PageCategory = category; break; }
        }
    }
    return { BusinessSegmentParent, BusinessSegmentChild, PageCategory };
  }

  // --- HELPER: Push to DataLayer ---
  function pushDataLayerEvent(eventData) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(eventData);
    console.log("DataLayer Event Pushed:", eventData);
  }

        function cleanText(text = '') {
          return text
            .replace(/[\n\r\t]+/g, ' ')
            .replace(/\s+/g, ' ')
            .trim();
        }
  // --- HELPER: Build Event Object ---
  function buildDataLayerEventData({ event, PageSection = '', CTA = '', VideoProgress = '', VideoTitle = '', ClickURL = '' }) {
    const segmentInfo = getSegmentInfo();
    // const PageName = (document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || '').toLowerCase();
    let PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase();

    
    let eventData = {
      event,
      PageURL: window.location.href,
      ClickURL,
      PageName, 
      PageSection, 
      PageSubSection: "",
      PageCategory: segmentInfo.PageCategory,
      CTA, 
      ClientID: typeof getClientId === 'function' ? getClientId() : '',
      UserType: typeof getUserType === 'function' ? getUserType() : '',
      BusinessSegmentParent: segmentInfo.BusinessSegmentParent,
      BusinessSegmentChild: segmentInfo.BusinessSegmentChild
    };
    
    if (VideoTitle) eventData.VideoTitle = VideoTitle;
    if (VideoProgress) eventData.VideoProgress = VideoProgress;
    
    return eventData;
  }

  // --- 2. GLOBAL SCROLLDOWN EVENT ---
 document.addEventListener('click', function (e) {
  const btn = e.target.closest('.index-pnp-learn-more-section .btn, .index-pnp-learn-more-section .scroll-next');
  if (!btn) return;

  const parentSection = btn.closest('.index-pnp-learn-more-section');
 

const pageSection = cleanText(
  parentSection?.querySelector('.title.bold.text-black')?.textContent || ''
);

  const ctaText = btn.textContent.trim();
  const ctaLower = ctaText.toLowerCase();
     // Full path ClickURL
  const clickURL = (() => {
    const href =
      btn.getAttribute('href') ||
      btn.dataset?.href ||
      btn.closest('a')?.getAttribute('href') ||
      '';

    if (!href) return window.location.href;
    if (/^https?:\/\//i.test(href)) return href;
    if (href.startsWith('#')) return window.location.origin + window.location.pathname + href;
    return window.location.origin + href;
  })();

  let eventName = 'ButtonClick';

  // Scroll Down priority
  if (btn.classList.contains('scroll-next')) {
    eventName = 'ScrollDown';
  }
  // Request a Demo / Demo
  else if (/request\s*a\s*demo|demo/.test(ctaLower)) {
    eventName = 'RequestADemo';
  }

  pushDataLayerEvent(
    buildDataLayerEventData({
      event: eventName,
      PageSection: pageSection,
      CTA: ctaText,
      ClickURL: clickURL
    })
  );
});

document.addEventListener('click', function (e) {
  const btn = e.target.closest('.join-our-community .btn');
  if (!btn) return;

  const parentSection = btn.closest('.join-our-community');

 
    const pageSection = cleanText(
  parentSection?.querySelector('.aftermarket-cloud')?.textContent ||
  parentSection?.querySelector('h2, h3')?.textContent ||
  'Join Our Community'
);

  const ctaText = btn.textContent.trim();
  const ctaLower = ctaText.toLowerCase();

  // Full path ClickURL
  const clickURL = (() => {
    const href =
      btn.getAttribute('href') ||
      btn.dataset?.href ||
      btn.closest('a')?.getAttribute('href') ||
      '';

    if (!href) return window.location.href;
    if (/^https?:\/\//i.test(href)) return href;
    if (href.startsWith('#')) {
      return window.location.origin + window.location.pathname + href;
    }
    return window.location.origin + href;
  })();

  let eventName = 'ButtonClick';

  //  Priority order
  if (/contact\s*us/.test(ctaLower)) {
    eventName = 'ContactUsClick';
  } 
  else if (/request\s*a\s*demo|demo/.test(ctaLower)) {
    eventName = 'RequestADemo';
  } 

  pushDataLayerEvent(
    buildDataLayerEventData({
      event: eventName,
      PageSection: pageSection,
      CTA: ctaText,
      ClickURL: clickURL
    })
  );
});


  // --- 3. TRIGGER CLICK (DEFERRED LOGIC) ---
  document.body.addEventListener('click', function(e) {
    const linkElement = e.target.closest('[data-fancybox]');
    
    if (linkElement) {
        // A. Extract Context Info
        const sectionContainer = linkElement.closest('.index-pnp-learn-more-section');
        const videoWrapper = linkElement.closest('.video-wrapper');
        // const captionText = videoWrapper?.querySelector('.video-caption .h2-title')?.textContent.trim() || 'Video';
        const captionText = cleanText(
              videoWrapper?.querySelector('.video-caption .h2-title')?.textContent || 'Video'
            );
        //const sectionTitle = sectionContainer?.querySelector('h2.title')?.textContent.trim() || '';
const sectionTitle = cleanText(
  sectionContainer?.querySelector('h2.title')?.textContent || ''
);
        // B. Store in Global State
        currentVideoContext.cta = captionText;
        currentVideoContext.section = sectionTitle;
        currentVideoContext.clickUrl = linkElement.href || '';
        currentVideoContext.realTitle = captionText; // Default to caption initially

        // C. Mark Event as Pending (Don't fire yet!)
        pendingClickEvent = true;

        // D. Set a Safety Timer (Fallback)
        // If YouTube player doesn't load within 2 seconds, fire the event with the default caption title.
        if (fallbackTimer) clearTimeout(fallbackTimer);
        fallbackTimer = setTimeout(() => {
            if (pendingClickEvent) {
                console.warn("YouTube API timeout - Firing Fallback Event");
                firePendingEvent(); 
            }
        }, 2000); 
    }
  });

  // --- HELPER: Fire the Pending Event ---
  // This is called either by the YouTube Player (Success) or the Timer (Fallback)
  function firePendingEvent() {
      if (!pendingClickEvent) return;

      pushDataLayerEvent(buildDataLayerEventData({
          event: 'Video',
          PageSection: currentVideoContext.section,
          CTA: currentVideoContext.cta,                 // HTML Caption
          VideoTitle: currentVideoContext.realTitle,    // Real Youtube Title (or fallback)
          ClickURL: currentVideoContext.clickUrl
      }));

      pendingClickEvent = false;
      if (fallbackTimer) clearTimeout(fallbackTimer);
  }

  // --- 4. YOUTUBE API HANDLING ---
  if (!window.YT) {
    const tag = document.createElement('script');
    tag.src = 'https://www.youtube.com/iframe_api';
    document.head.appendChild(tag);
  }

  function initializePopupPlayer(iframe) {
    if (!iframe.src.includes('enablejsapi=1')) {
        const sep = iframe.src.includes('?') ? '&' : '?';
        iframe.src += sep + 'enablejsapi=1';
    }

    new window.YT.Player(iframe, {
      events: {
        'onReady': function(event) {
             const player = event.target;
             
             // 1. FETCH REAL TITLE
             if(player.getVideoData && player.getVideoData().title) {
                 const ytTitle = player.getVideoData().title;
                 if (ytTitle) {
                     currentVideoContext.realTitle = ytTitle;
                 }
             }

             // 2. FIRE THE PENDING CLICK EVENT
             // Now that we have the real title, we release the event we held back.
             firePendingEvent();
        },
        'onStateChange': function(event) {
          if (event.data === window.YT.PlayerState.PAUSED) {
            const player = event.target;
            
            // Ensure title is fresh
            if(player.getVideoData && player.getVideoData().title) {
                 currentVideoContext.realTitle = player.getVideoData().title;
            }

            const duration = player.getDuration();
            const progressPercent = duration > 0 ? Math.round((player.getCurrentTime() / duration) * 100) + '%' : '0%';

            pushDataLayerEvent(buildDataLayerEventData({
              event: 'Video-' + progressPercent,
              PageSection: currentVideoContext.section, 
              CTA: currentVideoContext.cta,              // Keeps HTML Caption
              VideoTitle: currentVideoContext.realTitle, // Keeps YouTube Title
              VideoProgress: progressPercent,
              ClickURL: player.getIframe().src
            }));
          }
        }
      }
    });
  }

  // --- 5. OBSERVER FOR FANCYBOX ---
  const popupObserver = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      mutation.addedNodes.forEach((node) => {
        if (node.nodeType === 1) {
          const iframe = node.tagName === 'IFRAME' ? node : node.querySelector('iframe');
          if (iframe && (iframe.src.includes('youtube.com') || iframe.src.includes('youtube-nocookie.com')) && !iframe.dataset.bound) {
            iframe.dataset.bound = "true";
            
            // Try to initialize immediately or wait for API
            if (window.YT && window.YT.Player) {
              initializePopupPlayer(iframe);
            } else {
               let attempts = 0;
               const checkInterval = setInterval(() => {
                   attempts++;
                   if (window.YT && window.YT.Player) {
                       clearInterval(checkInterval);
                       initializePopupPlayer(iframe);
                   }
                   if (attempts > 20) clearInterval(checkInterval); 
               }, 100);
            }
          }
        }
      });
    });
  });

  popupObserver.observe(document.body, { childList: true, subtree: true });
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () { 

  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch {
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname
      .split('/')
      .map(seg => seg.toLowerCase())
      .filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[matchIndex] || '';
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  window.dataLayer = window.dataLayer || [];

  const pageUrl = window.location.href;
  //const pageName =
    document.querySelector('.breadcrumb li:last-child')?.textContent.trim().toLowerCase() || '';


    const pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';


  const { businessSegmentParent, businessSegmentChild, pageCategory } =
    getSegmentInfo(pageUrl);

  /** Common DataLayer Push */
  function pushDataLayerEvent(eventName, ctaValue, clickURL) {
    const dataLayerEvent = {
      event: eventName,
      PageURL: pageUrl,
      ClickURL: clickURL || '',
      PageName: pageName,
      PageSection: 'popUpSection',
      PageSubSection: '',
      PageCategory: pageCategory || '',
      CTA: ctaValue,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent || '',
      BusinessSegmentChild: businessSegmentChild || ''
    };

    console.log('dataLayer:', dataLayerEvent);
    window.dataLayer.push(dataLayerEvent);
  }

  /** Popup CTA Click */
  document.addEventListener('click', function (event) {
    const popupLink = event.target.closest('.popup a');
    if (popupLink) {
      const clickURL = popupLink.href || '';
      pushDataLayerEvent('popUpClick', 'popUp', clickURL);
    }
  });

  /** Popup Close Event */
  document.addEventListener('click', function (event) {
    if (
      event.target.closest('.popup-close') || 
      event.target.closest('.popup .close') || 
      event.target.getAttribute('aria-label') === 'Close'
    ) {
      pushDataLayerEvent('popUpClose', 'popUpClose', pageUrl);
    }
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {

  /* ================================
     SEGMENT DATA
  ================================= */
  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch (e) {
      console.error('Error parsing URL:', e);
      return {
        businessSegmentParent: '',
        businessSegmentChild: '',
        pageCategory: ''
      };
    }

    const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[matchIndex] || '';
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  /* ================================
     PAGE LEVEL DATA
  ================================= */
  window.dataLayer = window.dataLayer || [];

  const pageUrl = window.location.href;
  // const pageName =
  //   document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || '';

     const pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';

  const { businessSegmentParent, businessSegmentChild, pageCategory } =
    getSegmentInfo(pageUrl);

  const pageSection =
    document.querySelector('#cloud-solutions .h1-title')?.textContent.trim() || '';

  function pushDataLayerEvent(cta, clickURL) {
    const normalizedCTA = cta.toLowerCase();

    const eventName = normalizedCTA.includes('request')
      ? 'RequestADemo'
      : 'ButtonClick';

    const dataLayerEvent = {
      event: eventName,
      PageURL: pageUrl,
      PageName: pageName,
      PageSection: pageSection,
      PageSubSection: '',
      PageCategory: pageCategory || '',
      CTA: cta,
      ClickURL: clickURL || '',
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent || '',
      BusinessSegmentChild: businessSegmentChild || ''
    };

    console.log('dataLayer:', dataLayerEvent);
    window.dataLayer.push(dataLayerEvent);
  }

  document.addEventListener('click', function (event) {
    const target = event.target.closest('#cloud-solutions .btn-type-3, #cloud-solutions .btn-type-2'
    );

    if (!target) return;

    const ctaText = target.textContent.trim();

    let clickURL = '';

    // 1️⃣ If element itself is <a>
    if (target.tagName === 'A' && target.href) {
      clickURL = target.href;
    }

    // 2️⃣ If wrapped inside <a>
    else {
      const parentAnchor = target.closest('a');
      if (parentAnchor && parentAnchor.href) {
        clickURL = parentAnchor.href;
      }
    }

    // 3️⃣ data-href fallback
    if (!clickURL && target.dataset.href) {
      clickURL = target.dataset.href;
    }

    // 4️⃣ Absolute URL normalization
    if (clickURL) {
      clickURL = new URL(clickURL, window.location.origin).href;
    } else {
      clickURL = pageUrl;
    }

    pushDataLayerEvent(ctaText, clickURL);
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  window.dataLayer = window.dataLayer || [];

  /* -------------------- SEGMENT CONFIG -------------------- */
  if (typeof getSegmentData !== 'function') {
    console.warn('getSegmentData() not defined.');
    return;
  }

  const segmentData = getSegmentData();

  /* -------------------- SEGMENT INFO (FIXED) -------------------- */
  function getSegmentInfo() {
    const pathname = window.location.pathname.toLowerCase();
    const pathSegments = pathname.split('/').filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    // Business Segment
    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent || {})) {
      const matchIndex = pathSegments.findIndex(seg =>
        children.map(c => c.toLowerCase()).includes(seg)
      );
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[matchIndex];
        break;
      }
    }

    // Page Category (handles typo variations safely)
    const pageCategoryMap =
      segmentData['page Category'] ||
      segmentData['page Catogery'] ||
      segmentData.pageCategory ||
      {};

    for (const [category, children] of Object.entries(pageCategoryMap)) {
      const match = pathSegments.find(seg =>
        children.map(c => c.toLowerCase()).includes(seg)
      );
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  /* -------------------- COMMON DATA -------------------- */
  function getCommonData(section, card) {
    const segmentInfo = getSegmentInfo();

    // const breadcrumbItems = document.querySelectorAll('.breadcrumb li');
    // const pageName = breadcrumbItems.length
    //   ? breadcrumbItems[breadcrumbItems.length - 1].textContent.trim().toLowerCase()
    //   : '';
      const pathname = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase();    

      const pageName = pathname || 'homepage';

    const headingElement = section?.querySelector('.h1-title');
    const pageSection = headingElement ? headingElement.textContent.trim() : '';

    let title = '';
    if (card) {
      const h3 = card.querySelector('.card-carousel-content h3');
      title = h3 ? h3.textContent.trim() : '';
    }

    return {
      PageURL: window.location.href,
      PageName: pageName,
      PageSection: pageSection,
      PageSubSection: '',
      PageCategory: segmentInfo.pageCategory,
      BusinessSegmentParent: segmentInfo.businessSegmentParent,
      BusinessSegmentChild: segmentInfo.businessSegmentChild,
      Title: title,
      ClientID: typeof getClientId === 'function' ? getClientId() : '',
      UserType: typeof getUserType === 'function' ? getUserType() : ''
    };
  }

  /* -------------------- DATALAYER PUSH -------------------- */
  function pushDataLayer(eventName, cta, section, card, clickURL) {
    const commonData = getCommonData(section, card);

    const dataLayerEvent = {
      event: eventName,
      Title: commonData.Title,
      PageURL: commonData.PageURL,
      PageName: commonData.PageName,
      PageSection: commonData.PageSection,
      PageSubSection: commonData.PageSubSection,
      PageCategory: commonData.PageCategory,
      BusinessSegmentParent: commonData.BusinessSegmentParent,
      BusinessSegmentChild: commonData.BusinessSegmentChild,
      ClientID: commonData.ClientID,
      UserType: commonData.UserType,
      CTA: cta,
      ClickURL: clickURL || ''
    };

    window.dataLayer.push(dataLayerEvent);
    console.log('✅ dataLayer Push:', dataLayerEvent);
  }

  /* -------------------- CARD CLICKS -------------------- */
  const sections = document.querySelectorAll('#life-at-hclsoftware');

  sections.forEach(section => {
    const clickables = section.querySelectorAll(
      '.playvideo_icon, .arrow-btn, .wedget-carousel-img a:not(.playvideo_icon)'
    );

    clickables.forEach(element => {
      element.addEventListener('click', function () {

        /* ----- ClickURL Capture ----- */
        let clickURL = '';
        const anchor = this.tagName === 'A' ? this : this.closest('a');
        if (anchor?.getAttribute('href')) {
          clickURL = new URL(anchor.getAttribute('href'), window.location.origin).href;
        }

        let cta = '';
        let eventName = '';

        const card = this.closest('.card');
        const eventTag = card?.querySelector('.event-tag');
        const isCaseStudy = eventTag?.textContent.trim().toLowerCase() === 'case study';

        if (this.classList.contains('playvideo_icon')) {
          const h3 = card?.querySelector('.card-carousel-content h3');
          cta = h3 ? h3.textContent.trim() : '';
          eventName = 'Video';
        } else if (this.classList.contains('arrow-btn')) {
          cta = this.textContent.trim();
          eventName = isCaseStudy ? 'CaseStudyClick' : 'Video';
        } else {
          const h3 = card?.querySelector('.card-carousel-content h3');
          cta = isCaseStudy ? this.textContent.trim() : (h3 ? h3.textContent.trim() : '');
          eventName = isCaseStudy ? 'CaseStudyClick' : 'Video';
        }

        if (section.querySelector('.h1-title')) {
          pushDataLayer(eventName, cta, section, card, clickURL);
        }
      });
    });
  });

  /* -------------------- CAROUSEL ARROWS -------------------- */
  document.addEventListener('click', function (event) {
    const prevArrow = event.target.closest('.owl-prev');
    const nextArrow = event.target.closest('.owl-next');

    if (!prevArrow && !nextArrow) return;

    const direction = prevArrow ? 'Previous' : 'Next';
    const carouselContainer = event.target.closest('.news-carousel, .articles-carousel, .carousel-container');
    const section = event.target.closest('section, #life-at-hclsoftware, .products-carousal');

    const heading = section?.querySelector('.h1-title');
    const pageSection = heading ? heading.textContent.trim() : 'Unknown Section';

    const carouselType = carouselContainer?.classList.contains('news-carousel')
      ? 'News'
      : carouselContainer?.classList.contains('articles-carousel')
      ? 'Articles'
      : 'Carousel';

    const commonData = getCommonData(document.body);

    const eventData = {
      event: direction === 'Previous' ? 'ListScroll_Previous' : 'ListScroll_Next',
      PageURL: commonData.PageURL,
      PageName: commonData.PageName,
      PageSection: pageSection,
      PageSubSection: carouselType,
      PageCategory: commonData.PageCategory,
      BusinessSegmentParent: commonData.BusinessSegmentParent,
      BusinessSegmentChild: commonData.BusinessSegmentChild,
      ClientID: commonData.ClientID,
      UserType: commonData.UserType,
      CTA: `${direction} Arrow Click`
    };

    window.dataLayer.push(eventData);
    console.log('✅ Carousel Navigation-video click datalayer:', eventData);
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);
    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  // Event delegation for future-loaded items
  document.addEventListener('click', function (e) {
    const li = e.target.closest('.sticky-nav-wrapper ul.navbar-nav li');
    if (!li) return;

    const anchor = li.querySelector('a');
    const CTA = anchor?.textContent.trim() || '';

    const pageURL = window.location.href;
    const breadcrumbItems = document.querySelectorAll('.breadcrumb li');
   
  //     const pageName = breadcrumbItems.length
  // ? breadcrumbItems[breadcrumbItems.length - 1].textContent.trim().toLowerCase()
  // : document.title.toLowerCase();

      const pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase();

    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();

    const dataLayerObject = {
      event: 'SectionClick',
      PageURL: pageURL,
      PageName: pageName,
      PageSection: 'Section Categories',
      PageCategory: pageCategory,
      CTA: CTA,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent,
      BusinessSegmentChild: businessSegmentChild
    };

    console.log('DataLayer Push:', dataLayerObject);
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(dataLayerObject);
  });
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  // Helper: Parse URL for Segment Info
  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch (e) {
      console.error('Error parsing URL:', e);
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);
    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase(); 
        }
        break;
      }
    }
    for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }
    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  window.dataLayer = window.dataLayer || [];
  const pageUrl = window.location.href;
  const pageName = window.location.pathname
  .split('/')
  .filter(Boolean)
  .pop()
  ?.toLowerCase() || 'homepage';
  const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo(pageUrl);

  // MODIFIED: Accepts dynamic section name, PageName is now lowercase
  function pushDataLayerEvent(dynamicSectionName) {
    const dataLayerEvent = {
      event: 'Expand',
      PageURL: pageUrl,
      PageName: pageName, // CHANGED: Now lowercase
      PageSection: dynamicSectionName, 
      PageSubSection: '',
      PageCategory: pageCategory || '',
      CTA: 'expand',
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent || '',
      BusinessSegmentChild: businessSegmentChild || ''
    };

    console.log("dataLayer:", dataLayerEvent);
    window.dataLayer.push(dataLayerEvent);
  }

  document.addEventListener('click', function(event) {
    // 1. Selector for the original Global Scale map
    const targetGlobal = event.target.closest('#global-scale .panel-heading-apac span, #global-scale .panel-heading-america span, #global-scale .panel-heading-europe span, #global-scale .panel-heading-mea span, #global-scale .inneraccor span, #global-scale .other-office span, #global-scale .our-presence span');
    
    // 2. Selector for the "Robust Partnerships" section
    // Targets: "Learn more" buttons, Carousel Arrows (.owl-prev/next), and Carousel Tabs (.tab-box)
    const targetBusiness = event.target.closest('#for-business-outer .tab-box h3, .dxfeature_benefits .tab-box h3, .dx-accordion .accordion-container .content-entry h3');

    if (targetGlobal) {
      // Fetch text for the Global Scale section
      const sectionName = document.querySelector('#global-scale .globe-bold.text-black')?.textContent.trim() || 'Global Scale';
      pushDataLayerEvent(sectionName);
    } 
    else if (targetBusiness) {
      // Fetch text for the Business/Partnerships section (Grabs the H2 title)
      const sectionName = document.querySelector('#for-business-outer h2.h1-title, .dxfeature_benefits .h1-title, .dx-accordion .h1-title')?.textContent.trim() || 'Robust Partnerships';
      pushDataLayerEvent(sectionName);
    }
  });
});
</script> 
<script>
document.addEventListener('DOMContentLoaded', function () {

  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch {
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname.split('/').map(s => s.toLowerCase()).filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const idx = pathSegments.findIndex(seg => children.includes(seg));
      if (idx !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[idx];
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      if (pathSegments.some(seg => children.includes(seg))) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  document.addEventListener('click', function (e) {

    const learnMoreBtn = e.target.closest('.ar_analyst .learn-morebtn');
    const seeMoreBtn   = e.target.closest('.ar_analyst .see-all-btn');

    if (!learnMoreBtn && !seeMoreBtn) return;

    const isSeeMore = Boolean(seeMoreBtn);
    const button = learnMoreBtn || seeMoreBtn;

    if (isSeeMore) {
      e.preventDefault(); // 🔥 IMPORTANT
    }

    const cta =
      button.querySelector('span')?.textContent.trim() ||
      button.textContent.trim();

    let clickURL = button.getAttribute('href') || '';
    if (clickURL) clickURL = new URL(clickURL, window.location.origin).href;

    const PageURL = window.location.href;

    const PageName =
      window.location.pathname.split('/').filter(Boolean).pop()?.toLowerCase() || 'homepage';

    const PageSection =
      document.querySelector('.ar_analyst .h1-title')?.textContent.trim() || '';

    const { businessSegmentParent, businessSegmentChild, pageCategory } =
      getSegmentInfo(PageURL);

    pushDataToDataLayer({
      event: isSeeMore ? 'ButtonClick' : 'ButtonClick', // 🎯 separate BI event
      PageURL,
      PageName,
      PageSection,
      PageCategory: pageCategory,
      CTA: cta,
      ClickURL: clickURL,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentChild: businessSegmentChild,
      BusinessSegmentParent: businessSegmentParent
    });

    // 🔁 Redirect after BI hit
    if (isSeeMore && clickURL) {
      setTimeout(() => {
        window.location.href = clickURL;
      }, 200);
    }
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();
function getSegmentInfo(url) {
  let pathname = '';
  try {
    pathname = new URL(url).pathname;
  } catch (e) {
    console.error('Error parsing URL:', e);
    return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
  }

  const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);

  let businessSegmentParent = '';
  let businessSegmentChild = '';
  let pageCategory = '';

 for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
    const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
    if (matchIndex !== -1) {
      businessSegmentParent = parent;
      if (pathSegments[matchIndex + 1]) {
        businessSegmentChild = pathSegments[matchIndex].toLowerCase(); 
      }
      break;
    }
  } 

   if (window.location.pathname === '/' || window.location.pathname.toLowerCase() === '/') {
      pageCategory = 'MasterHome';
    }

  for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
    const match = pathSegments.find(seg => children.includes(seg));
    if (match) {
      pageCategory = category;
      break;
    }
  }

  return { businessSegmentParent, businessSegmentChild, pageCategory };
}

window.dataLayer = window.dataLayer || [];

document.addEventListener('click', function (e) {
  const button = e.target.closest('section.footer_subscribe .arrow-btn-3.arrow-btn-white');
  if (!button) {
    return;
  }

  const cta = button.textContent.trim() || '';
  if (!cta) {
    console.warn('CTA not found in button:', button);
  }
    let clickURL = button.getAttribute('href') || '';

        if (clickURL) {
            // Always convert to full domain URL
            clickURL = new URL(clickURL, window.location.origin).href;
        }


  const pageurl = window.location.href;
  // let pageName = document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || 'homepage';
  // pageName=pageName.toLowerCase();

   let pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || 'homepage';


  const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo(pageurl);

  const dataLayerObj = {
    event: 'ContactUsClick',
    PageURL: pageurl,
    PageName: pageName,
    ClickURL: clickURL,
    PageSection: 'Footer',
    PageSubSection: 'Footer Contactus',
    PageCategory: pageCategory,
    CTA: cta,
    ClientID: getClientId(),
    UserType: getUserType(),
    BusinessSegmentChild: businessSegmentChild,
    BusinessSegmentParent: businessSegmentParent
  };

  window.dataLayer.push(dataLayerObj);
  console.log('dataLayer:', dataLayerObj);
});
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch (e) {
      console.error('Error parsing URL:', e);
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }
    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  window.dataLayer = window.dataLayer || [];

  document.addEventListener('click', function (e) {
    const card = e.target.closest('.tab-content.vmx-industries #press-releases .item-card');
    if (!card) return;

    /** * FIX: Capture the destination URL from the card's data attributes.
     * Your template uses 'data-url' and 'data-external' on the div.
     */
    let ClickURL = card.getAttribute('data-external') || card.getAttribute('data-url') || '';

    // Convert relative URLs to absolute URLs for cleaner tracking
    if (ClickURL && !ClickURL.startsWith('http')) {
      ClickURL = new URL(ClickURL, window.location.origin).href;
    }

    const titleElement = card.querySelector('.item-title');
    const caseStudyTitle = titleElement ? titleElement.textContent.trim() : '';
    if (!caseStudyTitle) {
      console.warn('CaseStudyTitle not found in card:', card);
    }

    const dateElement = card.querySelector('.item-date');
    const postDate = dateElement ? dateElement.textContent.trim() : '';
    
    const sectionElement = document.querySelector('#press-releases .pressHeader-title');
    const pageSection = sectionElement ? sectionElement.textContent.trim() : '';
    if (!pageSection) {
      console.warn('pageSection not found with selector: #press-releases .pressHeader-title');
    }

    const pageurl = window.location.href;
    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo(pageurl);
    let PageName = document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || document.title;
     PageName = (PageName || '').toLowerCase();

    const dataLayerObj = {
      event: 'CaseStudyClick',
      PageURL: pageurl,
      ClickURL: ClickURL, 
      PageSection: pageSection,
      PageName: PageName,
      PageSubsection: '',
      PageCategory: pageCategory,
      Title: caseStudyTitle,
      PostDate: postDate,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentChild: businessSegmentChild,
      BusinessSegmentParent: businessSegmentParent
    };

    window.dataLayer.push(dataLayerObj);
    console.log('dataLayer:', dataLayerObj);
  });
});
</script>
<script async>
  $(document).ready(function() {
    // Assuming getSegmentData(), getClientId(), and getUserType() are defined externally
    const segmentData = typeof getSegmentData === 'function' ? getSegmentData() : {};

    /**
     * Helper function to remove newlines and double spaces
     * Input: "Title \n    Name" -> Output: "Title Name"
     */
    function cleanText(text) {
      if (!text) return '';
      return text.replace(/\s+/g, ' ').trim();
    }

    function getSegmentInfo() {
      const pathname = window.location.pathname;
      const pathSegments = pathname.split('/').filter(seg => seg);
      let businessSegmentParent = '',
        businessSegmentChild = '',
        pageCategory = '';

      // Check if segmentData and its properties exist before iterating
      if (segmentData.BusinessSegmentParent) {
        $.each(segmentData.BusinessSegmentParent, function(parent, children) {
          const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
          if (matchIndex !== -1) {
            businessSegmentParent = parent;
            if (pathSegments[matchIndex + 1]) {
              businessSegmentChild = pathSegments[matchIndex].toLowerCase();
            }
            return false; // break
          }
        });
      }

      if (segmentData['page Catogery']) {
        $.each(segmentData['page Catogery'], function(category, children) {
          const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
          if (match) {
            pageCategory = category;
            return false;
          }
        });
      }

      // --- APPLIED OVERRIDES ---
      // Change PageCategory to 'Events Pages' if it was detected as 'About Us Pages'
      if (pageCategory === 'About Us Pages') {
        pageCategory = 'Events Pages';
      }

      // Change BusinessSegmentChild to 'event' if it was detected as 'about'
      if (businessSegmentChild === 'about') {
        businessSegmentChild = 'event';
      }
      // -------------------------

      return {
        businessSegmentParent,
        businessSegmentChild,
        pageCategory
      };
    }

    function pushToDataLayer(ctaText) {
      const {
        businessSegmentParent,
        businessSegmentChild,
        pageCategory
      } = getSegmentInfo();

      const pageURL = window.location.href;
      let pageName = cleanText($('.breadcrumb li:last-child').text());
      pageName = pageName.toLowerCase();
      const pageSubSection = ''; // Optional

      // --- DYNAMIC PAGE SECTION LOGIC ---
      // Determine if we are on "Upcoming" or "Past" based on the active radio label
      let dynamicPageSection = 'events and webinars'; // Default fallback

      // Target the active label inside the custom enablement filter section
      const $activeLabel = $('.enablement_custom .btn-radio label.active');

      if ($activeLabel.length > 0) {
        dynamicPageSection = cleanText($activeLabel.text());
      } else {
        // Fallback: If 'active' class isn't present, check the radio input status
        const $checkedRadio = $('input[name="filter_status"]:checked');
        if ($checkedRadio.length > 0) {
          // Find the label associated with the checked radio ID
          const labelFor = $checkedRadio.attr('id');
          const $label = $('label[for="' + labelFor + '"]');
          if ($label.length > 0) {
            dynamicPageSection = cleanText($label.text());
          }
        }
      }

      // Construct Event Name (e.g., ListScroll_1, ListScroll_Next)
      const eventName = 'ListScroll_' + ctaText.replace(/\s+/g, '');

      const dataLayerEvent = {
        event: eventName,
        PageURL: pageURL,
        PageName: pageName,
        PageSection: dynamicPageSection, // Dynamically captures "Upcoming..." or "Past..."
        PageSubSection: pageSubSection,
        PageCategory: pageCategory,      // Updated to 'Events Pages' via override
        CTA: ctaText,
        ClientID: typeof getClientId === 'function' ? getClientId() : '',
        UserType: typeof getUserType === 'function' ? getUserType() : '',
        BusinessSegmentParent: businessSegmentParent,
        BusinessSegmentChild: businessSegmentChild // Updated to 'event' if it was 'about'
      };

      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push(dataLayerEvent);
      console.log("Pushed to dataLayer:", dataLayerEvent);
    }

    // Event Listeners for Pagination
    $(document).on('click', '.pressPaginator button', function() {
      const ctaText = cleanText($(this).text());
      pushToDataLayer(ctaText);
    });

    // Event Listeners for Items Per Page Dropdown
    $(document).on('change', '#selectNumPages', function() {
      const ctaText = cleanText($(this).val());
      pushToDataLayer(ctaText);
    });
  });
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();
function getSegmentInfo(url) {
  let pathname = '';
  try {
    pathname = new URL(url).pathname;
  } catch (e) {
    console.error('Error parsing URL:', e);
    return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
  }

  const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);

  let businessSegmentParent = '';
  let businessSegmentChild = '';
  let pageCategory = '';

 for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
    const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
    if (matchIndex !== -1) {
      businessSegmentParent = parent;
      if (pathSegments[matchIndex + 1]) {
        businessSegmentChild = pathSegments[matchIndex].toLowerCase(); 
      }
      break;
    }
  }

  for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
    const match = pathSegments.find(seg => children.includes(seg));
    if (match) {
      pageCategory = category;
      break;
    }
  }

  return { businessSegmentParent, businessSegmentChild, pageCategory };
}

window.dataLayer = window.dataLayer || [];

document.addEventListener('click', function (e) {
  const button = e.target.closest('section.section  .button-group span.btn');
  if (!button) {
    return;
  }

  const cta = button.textContent.trim() || '';
  if (!cta) {
    console.warn('CTA not found in button:', button);
  }

  const pageurl = window.location.href;
  const pageName = document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || 'Home';
  const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo(pageurl);

  const dataLayerObj = {
    event: 'Button click',
    pageurl: pageurl,
    pageName: pageName,
     PageSection: '',
    pageCategory: pageCategory,
    CTA: cta,
    ClientID: getClientId(),
    UserType: getUserType(),
    BusinessSegmentChild: businessSegmentChild,
    BusinessSegmentParent: businessSegmentParent
  };

  window.dataLayer.push(dataLayerObj);
  console.log('dataLayer:', dataLayerObj);
});
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  // Get Segment Info
  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    // Find BusinessSegmentParent
    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    // Force pageCategory on Home page
    if (window.location.pathname === '/' || window.location.pathname.toLowerCase() === '/') {
      pageCategory = 'MasterHome';
    }

    // Find PageCategory
    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  // Event delegation
  document.addEventListener('click', function (e) {
    const link = e.target.closest(
      '.home-insights-events.insights-events .card-content-box a, ' +
      '.home-insights-events.insights-events .events-carousel-text a, ' +
      '.home-insights-events.insights-events .carousel-footer-wedget a, ' +
      '.home-insights-events.insights-events .btn-row.insights-carousel a, ' +
      '.home-insights-events.insights-events .btn-row.home-event a, ' +
      '.home-insights-events.insights-events .card-carousel-box > a'
    );
    if (!link) return;
    if (link.closest('#life-at-hclsoftware') || link.closest('.blogr-products-news')) return;

    const sectionWrapper = link.closest('.insights-events');
    if (!sectionWrapper) return;

    const card = link.closest('.card');
    const eventTitle = card?.querySelector('h3')?.textContent.trim() || '';

    let clickURL = link.getAttribute('href') || '';
    if (clickURL) {
      clickURL = new URL(clickURL, window.location.origin).href;
    }

    const pageUrl = window.location.href;
    const section = link.closest('.home-insights-events.insights-events');
    const pageSection =
      section?.querySelector('.title-wrapper .h1-title')?.textContent.trim() || '';

    let pageName = '';
    if (window.location.pathname === '/' || window.location.pathname === '') {
      pageName = 'homepage';
    } else {
      // pageName =
      //   document.querySelector('.breadcrumb li:last-child')?.textContent.trim() ||
      //   document.title ||
      //   '';

        pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() ||
        document.title ||
        '';
    }

    // ✅ Force lowercase PageName
   // pageName = pageName.toLowerCase();

    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();

    const data = {
      event: 'EventClick',
      PageName: pageName,
      ClickURL: clickURL,
      InsightsEventsTitle: eventTitle,
      PageURL: pageUrl,
      PageSection: pageSection,
      PageCategory: pageCategory || '',
      PageSubSection: '',
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent,
      BusinessSegmentChild: businessSegmentChild
    };

    pushDataToDataLayer(data);
  });
});
</script>


<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);
    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }
        // Force pageCategory on Home page
      if (window.location.pathname === '/' || window.location.pathname.toLowerCase() === '/') {
        pageCategory = 'MasterHome';
      }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }
    //   function getPageName() {
    //   if (window.location.pathname === '/' || window.location.pathname.toLowerCase() === '/') {
    //     return 'homepage';
    //   }

    //   const breadcrumbItems = document.querySelectorAll('.breadcrumb li');
    //   return breadcrumbItems.length
    //     ? breadcrumbItems[breadcrumbItems.length - 1].textContent.trim()
    //     : document.title;


    // }

    function getPageName() {
  const pathname = window.location.pathname.toLowerCase();

  // Home page
  if (pathname === '/' || pathname === '') {
    return 'homepage';
  }

  // URL split karke last segment uthao
  const segments = pathname.split('/').filter(Boolean);

  return segments.length ? segments[segments.length - 1] : '';
}

  // Event delegation for future-loaded items
  document.addEventListener('click', function (e) {
    const li = e.target.closest('ul.vertical-tabs li');
    if (!li) return;

    const anchor = li.querySelector('a');
    const CTA = anchor?.textContent.trim() || '';

    const pageURL = window.location.href;
   // const breadcrumbItems = document.querySelectorAll('.breadcrumb li');
    const pageName = getPageName();

    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();
   const pageSection = document.querySelector('.ai-solution-section .h1-title')?.textContent.trim() || '';

    const dataLayerObject = {
      event: 'ButtonClick',
      PageURL: pageURL,
      PageName: pageName,
      PageSection: pageSection,
       PageCategory: pageCategory,
      CTA: CTA,
      PageSubSection: '',
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent,
      BusinessSegmentChild: businessSegmentChild
    };

    console.log('DataLayer Push:', dataLayerObject);
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(dataLayerObject);
  });

  // Event delegation for specific card click selectors
  document.addEventListener('click', function (e) {
    const link = e.target.closest(
      '.ai-solution-section .tab-detail-wrapper a, ' +
      '.ai-solution-section .content > a'
    );
    if (!link) return;
    if (link.closest('#life-at-hclsoftware') || link.closest('.blogr-products-news')) {
      return;
    }
    const sectionWrapper = link.closest('.ai-solution-section');
    if (!sectionWrapper) return;
    
    const card = link.closest('.tab-detail-wrapper');
    const eventTitle = card?.querySelector('h3')?.textContent.trim() || '';
    const CTA = card?.querySelector('a')?.textContent.trim() || '';

      let clickURL = link.getAttribute('href') || '';

        if (clickURL) {
            // Always convert to full domain URL
            clickURL = new URL(clickURL, window.location.origin).href;
        }



    const pageUrl = window.location.href;
    const pageName = getPageName();
    const section = link.closest('.ai-solution-section');
    const pageSection = section?.querySelector('.title-wrapper .h1-title')?.textContent.trim() || '';

    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();

    const data = {
      event: 'ButtonClick',
      Title: eventTitle,
      PageURL: pageUrl,
      pageSection: pageSection,
      PageName: pageName,   
       PageCategory: pageCategory,
      PageSubSection: '',
       CTA: CTA,
       ClickURL: clickURL,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent,
      BusinessSegmentChild: businessSegmentChild
    };
   pushDataToDataLayer(data);
  });
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch (error) {
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        break;
      }
    }

    // Force pageCategory on Home page
    if (window.location.pathname === '/' || window.location.pathname.toLowerCase() === '/') {
      pageCategory = 'MasterHome';
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  /* -------------------- HOME FEATURED AWARDS CTA -------------------- */
  document.addEventListener('click', function (e) {
    const button = e.target.closest('section.homefeatured_awards .text-end');
    if (!button) return;

    const cta = button.querySelector('span')?.textContent.trim() || '';

    let linkElem = e.target.closest('a') || button.querySelector('a');
    let clickURL = '';
    if (linkElem) {
      clickURL = linkElem.getAttribute('href') || '';
      if (clickURL) clickURL = new URL(clickURL, window.location.origin).href;
    }

    const PageSection =
      document.querySelector('section.homefeatured_awards .h1-title')?.textContent.trim() || '';

    const title = document.querySelector('h2.short-text')?.textContent.trim() || '';
    const PageURL = window.location.href;

    // // ✅ PageName always lowercase
    // const PageName = (
    //   document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || 'homepage'
    // ).toLowerCase();

     const PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || 'homepage';

    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo(PageURL);

    pushDataToDataLayer({
      event: 'ButtonClick',
      PageURL,
      PageName,
      Title: title,
      PageSection,
      PageCategory: pageCategory || '',
      CTA: cta,
      ClickURL: clickURL,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentChild: businessSegmentChild,
      BusinessSegmentParent: businessSegmentParent
    });
  });

  /* -------------------- SEE ALL BUTTON -------------------- */
  document.addEventListener('click', function (e) {
    const btn = e.target.closest('.seeall-arbtn a');
    if (!btn) return;

    const cta = btn.textContent.trim() || 'see all';

    let clickURL = btn.getAttribute('href') || '';
    if (clickURL) clickURL = new URL(clickURL, window.location.origin).href;

    const PageURL = window.location.href;

    // //  PageName always lowercase
    // const PageName = (
    //   document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || 'homepage'
    // ).toLowerCase();

    const PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || 'homepage';

    const PageSection =
      document.querySelector('section.see-allevent .h1-title')?.textContent.trim() || '';

    const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo(PageURL);

    pushDataToDataLayer({
      event: 'ButtonClick',
      PageURL,
      PageName,
      PageSection,
      PageCategory: pageCategory || '',
      CTA: cta,
      ClickURL: clickURL,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentChild: businessSegmentChild,
      BusinessSegmentParent: businessSegmentParent
    });
  });
});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();
function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch (error) {
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }
    // Force pageCategory on Home page
    if (window.location.pathname === '/' || window.location.pathname.toLowerCase() === '/') {
      pageCategory = 'MasterHome';
    }

   for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }


    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

document.addEventListener('click', function (e) {
  const button = e.target.closest('.careers-card');
  if (!button) {
    return;
  }

  const ctaElement = button.querySelector('.btn');
  const cta = ctaElement ? ctaElement.textContent.trim() : '';
  if (!cta) {
    console.warn('CTA not found in button:', button);
  }
       let clickURL = ctaElement.getAttribute('href') || '';

        if (clickURL) {
            // Always convert to full domain URL
            clickURL = new URL(clickURL, window.location.origin).href;
        }

  const sectionElement = document.querySelector('.careers-card h2');
  const PageSection = sectionElement ? sectionElement.textContent.trim() : '';
  if (!PageSection) {
    console.warn('PageSection not found with selector: .careers-card h2');
  }
  
    const PageURL = window.location.href;
  const PageName = document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || 'homepage';
  const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo(PageURL);

  const dataLayerObj = {
    event: 'ButtonClick',
    PageURL: PageURL,
    PageName: PageName,
    PageSection: PageSection,
    PageCategory: pageCategory || '',
    CTA: cta,
    ClickURL: clickURL,
    ClientID: getClientId(),
    UserType: getUserType(),
    BusinessSegmentChild: businessSegmentChild,
    BusinessSegmentParent: businessSegmentParent
  };
  pushDataToDataLayer(dataLayerObj);
});
});
</script>
<script async>
document.addEventListener('DOMContentLoaded', function () {

  /* ================================
     SEGMENT DATA
  ================================= */
  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch (e) {
      console.error('Error parsing URL:', e);
      return {
        businessSegmentParent: '',
        businessSegmentChild: '',
        pageCategory: ''
      };
    }

    const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        businessSegmentChild = pathSegments[matchIndex] || '';
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  /* ================================
     PAGE LEVEL DATA
  ================================= */
  window.dataLayer = window.dataLayer || [];

  const pageUrl = window.location.href;
  // const pageName =
  //   document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || '';

     const pageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';

  const { businessSegmentParent, businessSegmentChild, pageCategory } =
    getSegmentInfo(pageUrl);

  const pageSection =
    document.querySelector('.innovate-confidence .h1-title')?.textContent.trim() || '';

  /* ================================
     PUSH DATALAYER EVENT
  ================================= */
  function pushDataLayerEvent(cta, clickURL) {
    const normalizedCTA = cta.toLowerCase();

    const eventName = normalizedCTA.includes('request')
      ? 'RequestADemo'
      : 'ButtonClick';

    const dataLayerEvent = {
      event: eventName,
      PageURL: pageUrl,
      PageName: pageName,
      PageSection: pageSection,
      PageSubSection: '',
      PageCategory: pageCategory || '',
      CTA: cta,
      ClickURL: clickURL || '',
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent || '',
      BusinessSegmentChild: businessSegmentChild || ''
    };

    console.log('dataLayer:', dataLayerEvent);
    window.dataLayer.push(dataLayerEvent);
  }

  /* ================================
     CTA CLICK LISTENER (FIXED)
  ================================= */
  document.addEventListener('click', function (event) {
    const target = event.target.closest(
      '.innovate-confidence .btn-type-3, .innovate-confidence .btn-type-2'
    );

    if (!target) return;

    const ctaText = target.textContent.trim();

    let clickURL = '';

    // 1️⃣ If element itself is <a>
    if (target.tagName === 'A' && target.href) {
      clickURL = target.href;
    }

    // 2️⃣ If wrapped inside <a>
    else {
      const parentAnchor = target.closest('a');
      if (parentAnchor && parentAnchor.href) {
        clickURL = parentAnchor.href;
      }
    }

    // 3️⃣ data-href fallback
    if (!clickURL && target.dataset.href) {
      clickURL = target.dataset.href;
    }

    // 4️⃣ Absolute URL normalization
    if (clickURL) {
      clickURL = new URL(clickURL, window.location.origin).href;
    } else {
      clickURL = pageUrl;
    }

    pushDataLayerEvent(ctaText, clickURL);
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {

  const segmentData = getSegmentData();
  window.dataLayer = window.dataLayer || [];

  /* ===============================
     SEGMENT INFO
  =============================== */
  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch {
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname
      .split('/')
      .map(seg => seg.toLowerCase())
      .filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent || {})) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        businessSegmentParent = parent;
        businessSegmentChild = match;
        break;
      }
    }

    if (pathname === '/' || pathname.toLowerCase() === '/') {
      pageCategory = 'MasterHome';
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'] || {})) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  /* ===============================
     CTA CLICK – GET IN TOUCH
  =============================== */
  document.addEventListener('click', function (e) {

    const ctaBtn = e.target.closest('.section.ask_tes a.bbtn, .section.ask_tes a.btn');
    if (!ctaBtn) return;

    const CTA = ctaBtn.textContent.trim();
    const CTALower = CTA.toLowerCase(); // ✅ FIX

    let ClickURL = ctaBtn.getAttribute('href') || '';
    if (ClickURL) {
      ClickURL = new URL(ClickURL, window.location.origin).href;
    }

    const PageURL = window.location.href;

    /* ---- Event Name Logic ---- */
    let eventName = 'ButtonClick';

    if (CTALower.includes('free trial')) {
      eventName = 'FreeTrialClick';
    } else if (
      CTALower.includes('request a demo') ||
      CTALower.includes('demo')
    ) {
      eventName = 'RequestADemo';
    }

    const PageName =
      window.location.pathname.split('/').filter(Boolean).pop()?.toLowerCase() || 'home';

    const PageSection =
      document.querySelector('.section.ask_tes h2')
        ?.textContent.trim() || 'Get In Touch';

    const { businessSegmentParent, businessSegmentChild, pageCategory } =
      getSegmentInfo(PageURL);

    pushDataToDataLayer({
      event: eventName,
      PageURL,
      PageName,
      PageSection,
      PageSubSection: 'CTA Section',
      PageCategory: pageCategory || '',
      CTA,
      ClickURL,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent || '',
      BusinessSegmentChild: businessSegmentChild || ''
    });
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch {
      return { businessSegmentParent: '', businessSegmentChild: '', PageCategory: '' };
    }

    const pathSegments = pathname.split('/').map(seg => seg.toLowerCase()).filter(Boolean);
    let businessSegmentParent = '', businessSegmentChild = '', PageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex];
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData["page Catogery"])) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        PageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, PageCategory };
  }

  document.addEventListener('click', function (e) {
    const anchor = e.target.closest('.cta-action-btn a');
    if (!anchor) return;

    const section = anchor.closest('section.static_solution_cards');
    if (!section) return;

    const card = anchor.closest('.card.latest-news-wrapper');
    if (!card) return;

    const PageSection =
      section.querySelector('.title-wrapper .h1-title')?.textContent.trim() || '';

    let CTA = '';
    const ctaLinks = card.querySelectorAll('.cta-action-btn a');
    if (ctaLinks.length > 1) {
      CTA = ctaLinks[1].textContent.trim();
    } else if (ctaLinks.length === 1) {
      CTA = ctaLinks[0].textContent.trim();
    }

    const PageURL = window.location.href;
    const ClickURL = anchor.href || '';

    // const PageName =
    //   document.querySelector('.breadcrumb li:last-child')?.textContent
    //     .trim()
    //     .toLowerCase() || '';

         const PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';

    const { businessSegmentParent, businessSegmentChild, PageCategory } =
      getSegmentInfo(PageURL);

    const dataLayerObj = {
      event: 'ButtonClick',
      PageURL,
      ClickURL,
      PageName,
      PageSection,
      PageSubSection: '',
      PageCategory,
      CTA,
      BusinessSegmentChild: businessSegmentChild,
      BusinessSegmentParent: businessSegmentParent
    };

    pushDataToDataLayer(dataLayerObj);
  });
});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {

  const segmentData = getSegmentData();
  window.dataLayer = window.dataLayer || [];

  /* ===============================
     SEGMENT INFO
  =============================== */
  function getSegmentInfo(url) {
    let pathname = '';
    try {
      pathname = new URL(url).pathname;
    } catch {
      return { businessSegmentParent: '', businessSegmentChild: '', pageCategory: '' };
    }

    const pathSegments = pathname
      .split('/')
      .map(seg => seg.toLowerCase())
      .filter(Boolean);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent || {})) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        businessSegmentParent = parent;
        businessSegmentChild = match;
        break;
      }
    }

    if (pathname === '/' || pathname.toLowerCase() === '/') {
      pageCategory = 'MasterHome';
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'] || {})) {
      const match = pathSegments.find(seg => children.includes(seg));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  /* ===============================
     RESOURCES LINK CLICK
  =============================== */
  document.addEventListener('click', function (e) {

    const resourceLink = e.target.closest(
      '.featured-products .resources-list a'
    );
    if (!resourceLink) return;

    const CTA = resourceLink.textContent.trim();
    const CTALower = CTA.toLowerCase();

    /* ---- Event Name Logic ---- */
    let eventName = 'ButtonClick';

    if (CTALower.includes('free trial')) {
      eventName = 'FreeTrialClick';
    } else if (
      CTALower.includes('request a demo') ||
      CTALower.includes('demo')
    ) {
      eventName = 'RequestADemo';
    }

    let ClickURL = resourceLink.getAttribute('href') || '';
    if (ClickURL) {
      ClickURL = new URL(ClickURL, window.location.origin).href;
    }

    const PageURL = window.location.href;
    const PageName =
      window.location.pathname.split('/').filter(Boolean).pop()?.toLowerCase() || 'home';

    const column = resourceLink.closest('.col-md-4');
    const PageSection = 'Resources';

    const PageSubSection =
      column?.querySelector('.resources-inner-heading')
        ?.textContent.trim() || '';

    const { businessSegmentParent, businessSegmentChild, pageCategory } =
      getSegmentInfo(PageURL);

    pushDataToDataLayer({
      event: eventName,
      PageURL,
      PageName,
      PageSection,
      PageSubSection,
      PageCategory: pageCategory || '',
      CTA,
      ClickURL,
      ClientID: getClientId(),
      UserType: getUserType(),
      BusinessSegmentParent: businessSegmentParent || '',
      BusinessSegmentChild: businessSegmentChild || ''
    });
  });

});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  // Set the main section heading
  const headingElement = document.querySelector('#isv-our-support .h1-title');
  const pageSection = headingElement ? headingElement.textContent.trim() : '';
  const pageURL = window.location.href;

  // Add click listener to each product card
  const cards = document.querySelectorAll('#isv-our-support .isv-program-card');
  cards.forEach(function (card) {
    card.addEventListener('click', function () {
      const h3 = card.querySelector('h2');
      const tiletitle = h3 ? h3.textContent.trim() : '';
      //const productName = ''; // Blank as per instruction

      const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();
     //  let PageName = document.querySelector('.breadcrumb li:last-child')?.textContent.trim() || document.title;
     // PageName = (PageName || '').toLowerCase();
     const PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';

        let clickURL = '';
      const anchor = card.querySelector('a');

      if (anchor && anchor.getAttribute('href')) {
        clickURL = new URL(anchor.getAttribute('href'), window.location.origin).href;
      }

      const data = {
        event: 'ButtonClick',
        PageSection: pageSection,
        PageURL: pageURL,
        ClickURL: clickURL, 
        PageName: PageName,
        Title: tiletitle,
        PageCategory: pageCategory || '',
        PageSubSection: '',
        ClientID: getClientId(),
        UserType: getUserType(),
        BusinessSegmentParent: businessSegmentParent || '',
        BusinessSegmentChild: businessSegmentChild || ''
      };

      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push(data);

      console.log("[dataLayer push]: ", data);
    });
  });
});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  // Set the main section heading
  const headingElement = document.querySelector('.ac-pie-chart .h1-title');
  const pageSection = headingElement ? headingElement.textContent.trim() : '';
  const pageURL = window.location.href;

  // Add click listener to each product card
  const cards = document.querySelectorAll('.ac-pie-chart .main-chart .module');
  cards.forEach(function (card) {
    card.addEventListener('click', function () {
      const h3 = card.querySelector('p');
      const tiletitle = h3 ? h3.textContent.trim() : '';
      //const productName = ''; // Blank as per instruction

      const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();
     
     const PageName = window.location.pathname.split('/').filter(Boolean).pop()
          ?.toLowerCase() || '';

        let clickURL = '';
      const anchor = card.querySelector('a');

      if (anchor && anchor.getAttribute('href')) {
        clickURL = new URL(anchor.getAttribute('href'), window.location.origin).href;
      }

      const data = {
        event: 'ButtonClick',
        PageSection: pageSection,
        PageURL: pageURL,
        ClickURL: clickURL, 
        PageName: PageName,
        Title: tiletitle,
        PageCategory: pageCategory || '',
        PageSubSection: '',
        ClientID: getClientId(),
        UserType: getUserType(),
        BusinessSegmentParent: businessSegmentParent || '',
        BusinessSegmentChild: businessSegmentChild || ''
      };

      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push(data);

      console.log("[dataLayer push]: ", data);
    });
  });
});
</script>

<script async>
document.addEventListener('DOMContentLoaded', function () {
  const segmentData = getSegmentData();

  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(segment => segment);

    let businessSegmentParent = '';
    let businessSegmentChild = '';
    let pageCategory = '';

    for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
      const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
      if (matchIndex !== -1) {
        businessSegmentParent = parent;
        if (pathSegments[matchIndex + 1]) {
          businessSegmentChild = pathSegments[matchIndex].toLowerCase();
        }
        break;
      }
    }

    for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
      const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
      if (match) {
        pageCategory = category;
        break;
      }
    }

    return { businessSegmentParent, businessSegmentChild, pageCategory };
  }

  const headingElement = document.querySelector('.core-offerings .h1-title');
  const pageSection = headingElement ? headingElement.textContent.trim() : '';
  const pageURL = window.location.href;

  // Event delegation (better for nested clicks)
  document.querySelectorAll('.core-offerings a').forEach(function (link) {
    link.addEventListener('click', function (e) {

      let tiletitle = '';

      // 1. If clicked inside detail item
      const detail = e.currentTarget.querySelector('.detail');
      if (detail) {
        tiletitle = detail.textContent.trim();
      }

      // 2. If clicked on runbook / last_detail
      if (!tiletitle) {
        const lastDetail = e.currentTarget.querySelector('.last_detail p');
        if (lastDetail) {
          tiletitle = lastDetail.textContent.trim();
        }
      }

      // 3. If clicked on main product title
      if (!tiletitle) {
        const card = e.currentTarget.closest('.core_box');
        const h3 = card ? card.querySelector('h3') : null;
        if (h3) {
          tiletitle = h3.textContent.trim();
        }
      }

      const { businessSegmentParent, businessSegmentChild, pageCategory } = getSegmentInfo();

      const PageName = window.location.pathname.split('/').filter(Boolean).pop()?.toLowerCase() || '';

      const clickURL = new URL(e.currentTarget.getAttribute('href'), window.location.origin).href;

      const data = {
        event: 'ButtonClick',
        PageSection: pageSection,
        PageURL: pageURL,
        ClickURL: clickURL,
        PageName: PageName,
        Title: tiletitle,
        PageCategory: pageCategory || '',
        PageSubSection: '',
        ClientID: getClientId(),
        UserType: getUserType(),
        BusinessSegmentParent: businessSegmentParent || '',
        BusinessSegmentChild: businessSegmentChild || ''
      };

      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push(data);

      console.log("[dataLayer push]: ", data);
    });
  });
});
</script>

<script>
document.addEventListener('DOMContentLoaded', function () {

  // =============================
  // 1. GLOBAL STATE
  // =============================
  let currentVideoContext = {
    cta: '',
    section: '',
    realTitle: '',
    clickUrl: ''
  };

  const segmentData = typeof getSegmentData === 'function' ? getSegmentData() : {};

  // =============================
  // HELPERS
  // =============================

  function cleanText(text = '') {
    return text.replace(/[\n\r\t]+/g, ' ').replace(/\s+/g, ' ').trim();
  }

  function getSegmentInfo() {
    const pathname = window.location.pathname;
    const pathSegments = pathname.split('/').filter(Boolean);
    let BusinessSegmentParent = '', BusinessSegmentChild = '', PageCategory = '';

    if (segmentData && segmentData.BusinessSegmentParent) {
      for (const [parent, children] of Object.entries(segmentData.BusinessSegmentParent)) {
        const matchIndex = pathSegments.findIndex(seg => children.includes(seg.toLowerCase()));
        if (matchIndex !== -1) {
          BusinessSegmentParent = parent;
          BusinessSegmentChild = pathSegments[matchIndex] || '';
          break;
        }
      }
    }

    if (segmentData && segmentData['page Catogery']) {
      for (const [category, children] of Object.entries(segmentData['page Catogery'])) {
        const match = pathSegments.find(seg => children.includes(seg.toLowerCase()));
        if (match) {
          PageCategory = category;
          break;
        }
      }
    }

    return { BusinessSegmentParent, BusinessSegmentChild, PageCategory };
  }

  function pushDataLayerEvent(eventData) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(eventData);
    console.log("DataLayer:", eventData);
  }

  function buildDataLayerEventData({
    event,
    PageSection = '',
    CTA = '',
    ClickURL = ''
  }) {
    const segmentInfo = getSegmentInfo();
    const PageName = window.location.pathname.split('/').filter(Boolean).pop()?.toLowerCase();

    return {
      event,
      PageURL: window.location.href,
      ClickURL,
      PageName,
      PageSection,
      PageSubSection: "",
      PageCategory: segmentInfo.PageCategory,
      CTA,
      PageHostname: window.location.hostname,
      eventHostname: window.location.hostname,
      ClientID: typeof getClientId === 'function' ? getClientId() : '',
      UserType: typeof getUserType === 'function' ? getUserType() : '',
      BusinessSegmentParent: segmentInfo.BusinessSegmentParent,
      BusinessSegmentChild: segmentInfo.BusinessSegmentChild
    };
  }


  // =============================
  // 2. MODAL OPEN TRACKING
  // =============================
  document.body.addEventListener('click', function (e) {

    const trigger = e.target.closest('.open-modal-btn');
    if (!trigger) return;

    const sectionContainer = trigger.closest('.index-pnp-learn-more-section');
    const iframe = trigger.querySelector('iframe');

    const sectionTitle = cleanText(
      sectionContainer?.querySelector('h2.title')?.textContent || 'Video Section'
    );

    currentVideoContext.section = sectionTitle;
    currentVideoContext.cta = 'Video Open';
    currentVideoContext.clickUrl = iframe?.getAttribute('src') || '';

    pushDataLayerEvent(buildDataLayerEventData({
      event: 'VideoOpen',
      PageSection: currentVideoContext.section,
      CTA: currentVideoContext.cta,
      ClickURL: currentVideoContext.clickUrl
    }));
  });


  // =============================
  // 3. MODAL CLOSE TRACKING
  // =============================
  document.body.addEventListener('click', function (e) {

    const closeBtn = e.target.closest('.close-btn');
    if (!closeBtn) return;

    pushDataLayerEvent(buildDataLayerEventData({
      event: 'VideoClose',
      PageSection: currentVideoContext.section,
      CTA: 'Video Close',
      ClickURL: currentVideoContext.clickUrl
    }));
  });

});
</script>


<!-- Datalayers scripts END -->


    <script src="/wps/wcm/connect/0b5a9280-d7c9-41bf-8270-dab1c75e4c64/jsfile2.js?MOD=AJPERES" defer></script>
    <script src="/wps/wcm/connect/d43d2272-5979-419d-81e4-23529ffdaa5d/jsfile1.js?MOD=AJPERES" defer></script>
    <script src="/wps/wcm/connect/b865f78e-9cb2-4442-8b06-ebc427ebe79b/foo-accordion.js?MOD=AJPERES" defer></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
  
  const observer = new MutationObserver(() => {
    document.querySelectorAll('.exterlik').forEach(link => {
      if (!link.hasAttribute('data-blank-set')) {
        link.setAttribute('target', '_blank');
        link.setAttribute('rel', 'noopener noreferrer');
        link.dataset.blankSet = "true";

        
        const newLink = link.cloneNode(true);
        link.parentNode.replaceChild(newLink, link);
      }
    });
  });

  observer.observe(document.body, { childList: true, subtree: true });
});
</script>



<script>
document.addEventListener("DOMContentLoaded", function () {
  const lazyImages = document.querySelectorAll("img.lazy");
  lazyImages.forEach((img) => {
    if (img.hasAttribute("src")) {
      img.removeAttribute("src");
    }
  });
  if ("IntersectionObserver" in window) {
    const imageObserver = new IntersectionObserver((entries, observer) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          const img = entry.target;
          const src = img.getAttribute("data-src");
          if (src && !img.dataset.loaded) {
            img.setAttribute("src", src); 
            img.addEventListener("load", () => {
              img.classList.add("loaded");
              img.removeAttribute("data-src"); 
            });
            img.dataset.loaded = "true";
          }
          observer.unobserve(img);
        }
      });
    }, { rootMargin: "0px 0px 200px 0px" });
    lazyImages.forEach((img) => imageObserver.observe(img));
  } else {
    lazyImages.forEach((img) => {
      const src = img.getAttribute("data-src");
      if (src) {
        img.setAttribute("src", src);
        img.classList.add("loaded");
        img.removeAttribute("data-src");
      }
    });
  }
});
</script>
<script>
(function () {
  function applyAriaLabel() {
    document
      .querySelectorAll('.site-footer a.footer-menu-trigger')
      .forEach(a => {
        // Skip if already fixed
        if (a.getAttribute('aria-label')) return;

        const label = a.nextElementSibling?.textContent?.trim();
        if (label) {
          a.setAttribute('aria-label', label);
        }
      });
  }

  // Run once
  document.addEventListener('DOMContentLoaded', applyAriaLabel);

  // Observe future injections (mobile accordion)
  const footer = document.querySelector('.site-footer');
  if (footer) {
    const observer = new MutationObserver(applyAriaLabel);
    observer.observe(footer, { childList: true, subtree: true });
  }
})();
</script> 

<script>
$('[id="extra-ul"]').each(function () {
  if ($(this).children('li').length === 0) {
    $(this).remove();
  }
});
</script>

<script>
(function () {
 
  function getCookiereferrer(name) {

    var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));

    return match ? decodeURIComponent(match[2]) : null;

  }
 
  function setCookiereferrer(name, value, days) {

    var expires = "";

    if (days) {

      var date = new Date();

      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

      expires = "; expires=" + date.toUTCString();

    }

    document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/";

  }
 
  function getHostnameForReferrer(url) {

    if (!url) return null;

    var a = document.createElement("a");

    a.href = url;

    return a.hostname;

  }
 
  var cookieReferrer = getCookiereferrer("cookie_referrer");

  var browserReferrer = getHostnameForReferrer(document.referrer);

  var currentHost = window.location.hostname;
 
  window.dataLayer = window.dataLayer || [];
 
  // Case 1: cookie_referrer missing

console.log("browserval=",browserReferrer );
  if (!cookieReferrer && browserReferrer) {
 console.log("getting");
    setCookiereferrer("cookie_referrer", browserReferrer, 30);
 
    window.dataLayer.push({
      event: "PageReferrer",
      referrer: browserReferrer

    });
 
  }

else if (!cookieReferrer && !browserReferrer) {

  setCookiereferrer("cookie_referrer", currentHost, 30);

  window.dataLayer.push({
    event: "PageReferrer",
    referrer: currentHost
  });

}
 
  // Case 2: cookie exists but different referrer and not current website

  else if (

    cookieReferrer &&

    browserReferrer &&

    cookieReferrer !== browserReferrer &&

    browserReferrer !== currentHost

  ) {
 
    setCookiereferrer("cookie_referrer", browserReferrer, 30);
 
    window.dataLayer.push({
      event: "PageReferrer",
      referrer: browserReferrer

    });
 
  }
 
  // Case 3: cookie exists and not current website

  else if (

    cookieReferrer &&

    cookieReferrer !== currentHost

  ) {
 
    window.dataLayer.push({
     event: "PageReferrer",
      referrer: cookieReferrer

    });
 
  }
 
})();
</script>





<script>
(function () {

  function getQueryParam(param) {
    var params = new URLSearchParams(window.location.search);
    return params.get(param);
  }

  var applicationValue = getQueryParam("application");
  if (applicationValue) {
    sessionStorage.setItem("application", applicationValue);
  }

})();
</script>
        
        
    

    
        





        







    
</div>
</div> 
</div></div></div>
</div>
		</div><!--end main content-->

	
	</div>

	<!-- This is responsible for bootstrapping the configuration for the javascript framework. 
        This is located here instead of the head section to improve client performance. -->
	<div class="stComplementaryContent" id="wpthemeComplementaryContent" role="region" aria-labelledby="stComplementaryContentText">
		<span class="stDisplayNone" id="stComplementaryContentText">Complementary Content</span> 
		<script type="text/javascript" src="/wps/contenthandler/!ut/p/digest!5gr0omVEZGfvLFdugcwAjQ/mashup/ra:collection?themeID=ZJ_OPKC01C0PGJCC0QIVRUTGN10I5&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1780939118918&amp;entry=wp_portal__0.0%3Aconfig_config_static&amp;entry=wcm_config__0.0%3Aconfig_config_static&amp;entry=wcm_inplaceEdit__0.0%3Aconfig_config_static"></script><script type="text/javascript">i$.merge({"ibmCfg":{"themeConfig":{"themeUniqueName":"ibm.portal.HCLSoftwareTheme","themeRootURI":"/wps/contenthandler/!ut/p/digest!8o8TOWTrxDv55XO0AEEh1g/war/HCLSoftwareStatic/themes/HCLSoftwareTheme","themeWebAppBaseURI":"/HCLSoftwareTheme/themes/html/dynamicSpots","themeWebDAVBaseURI":"war:HCLSoftwareStatic/themes/HCLSoftwareTheme/","modulesWebAppBaseURI":"/wps/themeModules","commonResourcesRootURI":"/wps/contenthandler/!ut/p/digest!5gr0omVEZGfvLFdugcwAjQ/dav/fs-type1/common-resources","isRTL":false,"isPageRenderModeCSA":false,"portletOverridePageTitle":"HCL Unica Blog | Marketing Automation Insights | HCLSoftware","currentContentNodeOID":"Z6_1QD6H9K0P0VLA06I4PRR330430","loadingImage":"css/images/loading.gif","dndSourceDefinitions":[],"categorySources":[],"styleSources":[],"layoutSources":[]},"portalConfig":{"locale":"en","portalURI":"/wps/portal","contentHandlerURI":"/wps/contenthandler/!ut/p/digest!QXp-J0BJAppMf0KejfgBCg/","pocURI":"/wps/portal/!ut/p/z0/0wcA1NLTeQ!!/","isVirtualPortal":false,"canImpersonate":false,"themeRootURI":"/HCLSoftwareTheme/themes/html/dynamicSpots","parentPageID":"Z6_1QD6H9K0P0VLA062N0JDLG8NN6","currentPageOID":"Z6_1QD6H9K0P0VLA06I4PRR330430","canAnonymousUserViewCurrentPage":true,"bootstrapState":"&lt;?xml version=&#034;1.0&#034; encoding=&#034;UTF-8&#034;?&gt;&lt;root xmlns=&#034;http://www.ibm.com/xmlns/prod/websphere/portal/v6.1/portal-state&#034;&gt;&lt;state type=&#034;navigational&#034;&gt;&lt;selection selection-node=&#034;Z6_1QD6H9K0P0VLA06I4PRR330430&#034;&gt;&lt;mapping src=&#034;Z6_OPKC01C0P8ARD0QAIG9SMG2045&#034; dst=&#034;Z6_1QD6H9K0P0VLA06I4PRR330430&#034;/&gt;&lt;mapping src=&#034;Z6_000000000000000000000000A0&#034; dst=&#034;Z6_1QD6H9K0P0VLA06I4PRR330430&#034;/&gt;&lt;mapping src=&#034;Z6_1QD6H9K0P0VLA06I4PRR330430&#034; dst=&#034;Z6_000000000000000000000000A0&#034;/&gt;&lt;/selection&gt;&lt;expansions&gt;&lt;node id=&#034;Z6_1QD6H9K0P0VLA062N0JDLG8NN6&#034;/&gt;&lt;node id=&#034;Z6_OPKC01C0P8ARD0QAIG9SMG2045&#034;/&gt;&lt;node id=&#034;Z6_000000000000000000000000A0&#034;/&gt;&lt;/expansions&gt;&lt;/state&gt;&lt;/root&gt;","isUserLoggedIn":false,"currentUser":"anonymous portal user","currentUserOID":"","aggregatedStyle":null,"isCurrentPageEditable":true,"wcmPageMetadata":{"contentRoot":null,"sharingScope":null},"projectUUID":null},"userName":""},"com_ibm_theme_capabilities":{"wp_dialog_draggable":"0.0","st_fixed_navbar":"0.0","wp_hiddenpages":"0.0","wp_simple_contextmenu_ext":"0.0","wp_simple_contextmenu_js":"0.0","wp_toolbar_sitepreview_menuactions":"0.0","st_navigation":"0.0","wp_portlet_css":"0.0","wp_theme_utils":"0.0","wp_client_selector":"0.0","wp_toolbar_menuactions":"0.0","wp_toolbar_host_view":"0.0","wp_hiddencontent":"0.0","wp_portal":"0.0","photon.dom":"1.0","wp_photon_dom":"0.0","wp_toolbar_sitepreview":"0.0","highContrast":"1.0","wp_theme_simple":"0.0","wp_status_bar":"0.0","wp_client_tracing":"0.0","modules":"0.1","hasBaseURL":"true","wp_draft_page_ribbon":"0.0","wp_state_page_modes":"0.0","wp_toolbar_common_actionbar":"0.0","wp_client_main":"0.0","st_layoutGrid":"0.0","wp_toolbar_viewframe_validator":"0.0","wp_high_contrast":"0.0","wp_skin_region":"8.5","wp_toolbar_actionbar":"0.0","simple-contextmenu":"1.1","wp_dialog_css":"0.0","wp_theme_menus":"0.0","st_svg":"0.0","st_notice":"0.0","wp_client_logging":"0.0","wp_state_page":"0.0","wp_toolbar_common":"0.0","wp_toolbar_projectmenu":"0.0","wp_dialog_main":"0.0","wp_simple_contextmenu_main":"0.0","wp_dyncs_simple":"0.0","wp_layout_windowstates":"0.0","wp_toolbar_moremenu":"0.0","wp_custom_page_style":"0.0","wp_toolbar_contextmenu":"0.0","wp_searchbar":"0.0","wp_toolbar_informationmode":"0.0","wp_client_ext":"0.0","wp_simple_contextmenu_css":"0.0","wp_toolbar85":"0.0","wp_modules":"0.0","wp_toolbar_profile":"0.0","toolbar":"8.5","st_compressed_navbar":"0.0","wp_dialog_util":"0.0","wp_oob_sample_styles":"0.0","wp_toolbar_utils":"0.0","a11y":"1.0","wp_a11y":"0.0","st_search":"0.0","wp_simple_contextmenu_templates":"0.0","wp_toolbar_logo":"0.0"},"com_ibm_device_class":[]});ibmCfg.portalConfig.bootstrapState=(ibmCfg.portalConfig.bootstrapState||"").replace(/&lt;/gm, '<').replace(/&gt;/gm, '>').replace(/&amp;/gm, '&').replace(/&#039;/gm, "'").replace(/&#034;/gm, '"');i$.merge({"ibmCfg":{"portalConfig":{"isShowHiddenPages":false}}});</script><script type="text/javascript" src="/wps/contenthandler/!ut/p/digest!8o8TOWTrxDv55XO0AEEh1g/mashup/ra:collection?themeID=ZJ_OPKC01C0PGJCC0QIVRUTGN10I5&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1770393558000&amp;entry=wp_dialog_main__0.0%3Aconfig_js&amp;entry=st_navigation__0.0%3Aconfig_js&amp;entry=wp_toolbar_utils__0.0%3Aconfig_js&amp;entry=wp_state_page_modes__0.0%3Aconfig_js&amp;entry=wp_simple_contextmenu_ext__0.0%3Aconfig_js&amp;entry=wp_simple_contextmenu_js__0.0%3Aconfig_js&amp;entry=wp_toolbar_actionbar__0.0%3Aconfig_js&amp;entry=wp_toolbar_menuactions__0.0%3Aconfig_js&amp;entry=wp_toolbar_sitepreview_menuactions__0.0%3Aconfig_js&amp;entry=st_svg__0.0%3Aconfig_js&amp;entry=st_fixed_navbar__0.0%3Aconfig_js&amp;entry=st_search__0.0%3Aconfig_js&amp;entry=wp_status_bar__0.0%3Aconfig_js&amp;entry=wp_high_contrast__0.0%3Aconfig_js&amp;entry=wp_toolbar_projectmenu__0.0%3Aconfig_js&amp;entry=wp_toolbar_contextmenu__0.0%3Aconfig_js&amp;entry=wp_toolbar_sitepreview__0.0%3Aconfig_js&amp;entry=wp_skin_region__0.0%3Aconfig_js"></script><a rel="alternate" id="config_js_deferred" href="/wps/contenthandler/!ut/p/digest!8o8TOWTrxDv55XO0AEEh1g/mashup/ra:collection?themeID=ZJ_OPKC01C0PGJCC0QIVRUTGN10I5&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1780939119000&amp;entry=st_skin__0.0%3Aconfig_js&amp;entry=wp_liveobject_framework_core__0.0%3Aconfig_js&amp;entry=wp_portal_ui_utils__0.0%3Aconfig_js&amp;entry=wp_contextmenu_js__0.0%3Aconfig_js&amp;entry=wp_skin_cam__0.0%3Aconfig_js&amp;entry=wp_contextmenu_config_lof__0.0%3Aconfig_js&amp;entry=wp_federated_documents_picker__0.0%3Aconfig_js&amp;entry=wp_dnd_main__0.0%3Aconfig_js&amp;entry=wp_movecontrols__0.0%3Aconfig_js&amp;entry=wp_toolbar_controlactions__0.0%3Aconfig_js&amp;entry=wp_content_targeting_cam__0.0%3Aconfig_js&amp;deferred=true" style="display:none"> Deferred Modules </a><span id="simpleMenuTemplate" class="wpthemeMenuLeft">
    <div class="wpthemeMenuBorder">
        <div class="wpthemeMenuNotchBorder"></div>
        <!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
        <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
            <li class="${css-class}" role="menuitem" tabindex="-1"><span class="wpthemeMenuText">${title}</span>${badge}</li>
        </ul>
    </div>
    <!-- Template for loading -->
    <div class="wpthemeMenuLoading wpthemeMenuLoadingText wpthemeTemplateLoading">${loading}</div>
    <!-- Template for submenu -->
    <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
        <div class="wpthemeMenuBorder wpthemeMenuSubmenu">
            <ul id="${submenu-id}" class="wpthemeMenuDropDown" role="menu"><li role="menuitem" tabindex="-1"></li></ul>
        </div>
    </div>
</span><a rel="alternate" id="config_markup_deferred" href="/wps/contenthandler/!ut/p/digest!97biQhKJJV80XNBQ6OlfYw/mashup/ra:collection?themeID=ZJ_OPKC01C0PGJCC0QIVRUTGN10I5&amp;locale=en&amp;mime-type=text%2Fplain&amp;entry=wp_contextmenu_templates__0.0%3Aconfig_markup&amp;entry=wp_skin_cam__0.0%3Aconfig_markup&amp;entry=wp_dnd_main__0.0%3Aconfig_markup&amp;deferred=true" style="display:none"> Deferred Modules </a></div>
	<script>
	if (!("ontouchstart" in document)) {
		document.body.className += ' stNoTouch';
	}
	</script>
 <!-- <a rel="dynamic-content" href="res:HCLSoftwareTheme/themes/html/dynamicSpots/tail.jsp"></a>-->
	
</body>
</html>
